@digigov/ui 1.0.0-8bbf3ef2 → 1.0.0-a131264d

package/navigation/Link/Link.stories.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Link = _interopRequireDefault(require("@digigov/ui/navigation/Link"));
+var _ = _interopRequireDefault(require("./"));
 
-var _Default = require("@digigov/ui/navigation/Link/__stories__/Default");
+var _Default = require("./__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,7 +24,7 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
-var _ExternalLink = require("@digigov/ui/navigation/Link/__stories__/ExternalLink");
+var _ExternalLink = require("./__stories__/ExternalLink");
 
 Object.keys(_ExternalLink).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -38,7 +38,7 @@ Object.keys(_ExternalLink).forEach(function (key) {
   });
 });
 
-var _OpensInNewTab = require("@digigov/ui/navigation/Link/__stories__/OpensInNewTab");
+var _OpensInNewTab = require("./__stories__/OpensInNewTab");
 
 Object.keys(_OpensInNewTab).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -52,7 +52,7 @@ Object.keys(_OpensInNewTab).forEach(function (key) {
   });
 });
 
-var _NoUnderline = require("@digigov/ui/navigation/Link/__stories__/NoUnderline");
+var _NoUnderline = require("./__stories__/NoUnderline");
 
 Object.keys(_NoUnderline).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -66,7 +66,7 @@ Object.keys(_NoUnderline).forEach(function (key) {
   });
 });
 
-var _DarkBackground = require("@digigov/ui/navigation/Link/__stories__/DarkBackground");
+var _DarkBackground = require("./__stories__/DarkBackground");
 
 Object.keys(_DarkBackground).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -80,7 +80,7 @@ Object.keys(_DarkBackground).forEach(function (key) {
   });
 });
 
-var _DarkBackgroundNoUnderline = require("@digigov/ui/navigation/Link/__stories__/DarkBackgroundNoUnderline");
+var _DarkBackgroundNoUnderline = require("./__stories__/DarkBackgroundNoUnderline");
 
 Object.keys(_DarkBackgroundNoUnderline).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -96,7 +96,7 @@ Object.keys(_DarkBackgroundNoUnderline).forEach(function (key) {
 var _default = {
   title: 'Digigov UI/navigation/Link',
   link: 'https://guide.services.gov.gr/docs/styles/typography#links',
-  component: _Link["default"],
+  component: _["default"],
   displayName: 'Link'
 };
 exports["default"] = _default;

package/navigation/Link/Link.stories.mjs

@@ -0,0 +1,13 @@
+import Link from "./";
+export default {
+  title: 'Digigov UI/navigation/Link',
+  link: 'https://guide.services.gov.gr/docs/styles/typography#links',
+  component: Link,
+  displayName: 'Link'
+};
+export * from "./__stories__/Default";
+export * from "./__stories__/ExternalLink";
+export * from "./__stories__/OpensInNewTab";
+export * from "./__stories__/NoUnderline";
+export * from "./__stories__/DarkBackground";
+export * from "./__stories__/DarkBackgroundNoUnderline";

package/navigation/Link/__stories__/DarkBackground.js

@@ -9,15 +9,15 @@ exports["default"] = exports.DarkBackground = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Masthead = require("@digigov/ui/layouts/Basic/Masthead");
+var _Masthead = require("../../../layouts/Basic/Masthead");
 
-var _SectionBreak = require("@digigov/ui/layouts/SectionBreak");
+var _SectionBreak = require("../../../layouts/SectionBreak");
 
-var _Link = require("@digigov/ui/navigation/Link");
+var _ = require("./..");
 
 var _ref = /*#__PURE__*/_react["default"].createElement(_Masthead.Masthead, null, /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
   visible: false
-}), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+}), /*#__PURE__*/_react["default"].createElement(_.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: "#"

package/navigation/Link/__stories__/DarkBackground.mjs

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Masthead } from "../../../layouts/Basic/Masthead";
+import { SectionBreak } from "../../../layouts/SectionBreak";
+import { Link } from "./..";
+
+var _ref = /*#__PURE__*/React.createElement(Masthead, null, /*#__PURE__*/React.createElement(SectionBreak, {
+  visible: false
+}), /*#__PURE__*/React.createElement(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: "#"
+}, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2"), /*#__PURE__*/React.createElement(SectionBreak, {
+  visible: false
+}));
+
+export var DarkBackground = function DarkBackground() {
+  return _ref;
+};
+export default DarkBackground;

package/navigation/Link/__stories__/DarkBackgroundNoUnderline.js

@@ -9,15 +9,15 @@ exports["default"] = exports.DarkBackgroundNoUnderline = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Masthead = require("@digigov/ui/layouts/Basic/Masthead");
+var _Masthead = require("../../../layouts/Basic/Masthead");
 
-var _SectionBreak = require("@digigov/ui/layouts/SectionBreak");
+var _SectionBreak = require("../../../layouts/SectionBreak");
 
-var _Link = require("@digigov/ui/navigation/Link");
+var _ = require("./..");
 
 var _ref = /*#__PURE__*/_react["default"].createElement(_Masthead.Masthead, null, /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
   visible: false
-}), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+}), /*#__PURE__*/_react["default"].createElement(_.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: "#",

package/navigation/Link/__stories__/DarkBackgroundNoUnderline.mjs

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Masthead } from "../../../layouts/Basic/Masthead";
+import { SectionBreak } from "../../../layouts/SectionBreak";
+import { Link } from "./..";
+
+var _ref = /*#__PURE__*/React.createElement(Masthead, null, /*#__PURE__*/React.createElement(SectionBreak, {
+  visible: false
+}), /*#__PURE__*/React.createElement(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
+}, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2"), /*#__PURE__*/React.createElement(SectionBreak, {
+  visible: false
+}));
+
+export var DarkBackgroundNoUnderline = function DarkBackgroundNoUnderline() {
+  return _ref;
+};
+export default DarkBackgroundNoUnderline;

package/navigation/Link/__stories__/Default.js

@@ -9,9 +9,9 @@ exports["default"] = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Link = require("@digigov/ui/navigation/Link");
+var _ = require("./..");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_.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: "#"

package/navigation/Link/__stories__/Default.mjs

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Link } from "./..";
+
+var _ref = /*#__PURE__*/React.createElement(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: "#"
+}, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2");
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/navigation/Link/__stories__/ExternalLink.js

@@ -9,11 +9,11 @@ exports["default"] = exports.ExternalLink = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Link = require("@digigov/ui/navigation/Link");
+var _ = require("./..");
 
-var _Paragraph = require("@digigov/ui/typography/Paragraph");
+var _Paragraph = require("../../../typography/Paragraph");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, "\u0391\u03C5\u03C4\u03AE \u03B7 \u03C0\u03B1\u03C1\u03AC\u03B3\u03C1\u03B1\u03C6\u03BF\u03C2 \u03C0\u03B5\u03C1\u03B9\u03AD\u03C7\u03B5\u03B9 \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03CC \u03C3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03BA\u03C4\u03CD\u03C0\u03C9\u03C3\u03B7", ' ', /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, "\u0391\u03C5\u03C4\u03AE \u03B7 \u03C0\u03B1\u03C1\u03AC\u03B3\u03C1\u03B1\u03C6\u03BF\u03C2 \u03C0\u03B5\u03C1\u03B9\u03AD\u03C7\u03B5\u03B9 \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03CC \u03C3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03BA\u03C4\u03CD\u03C0\u03C9\u03C3\u03B7", ' ', /*#__PURE__*/_react["default"].createElement(_.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: "https://www.gov.gr/"

package/navigation/Link/__stories__/ExternalLink.mjs

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Link } from "./..";
+import { Paragraph } from "../../../typography/Paragraph";
+
+var _ref = /*#__PURE__*/React.createElement(Paragraph, null, "\u0391\u03C5\u03C4\u03AE \u03B7 \u03C0\u03B1\u03C1\u03AC\u03B3\u03C1\u03B1\u03C6\u03BF\u03C2 \u03C0\u03B5\u03C1\u03B9\u03AD\u03C7\u03B5\u03B9 \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03CC \u03C3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03BA\u03C4\u03CD\u03C0\u03C9\u03C3\u03B7", ' ', /*#__PURE__*/React.createElement(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: "https://www.gov.gr/"
+}, "\u03C3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2"), ".");
+
+export var ExternalLink = function ExternalLink() {
+  return _ref;
+};
+export default ExternalLink;

package/navigation/Link/__stories__/NoUnderline.js

@@ -9,9 +9,9 @@ exports["default"] = exports.NoUnderline = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Link = require("@digigov/ui/navigation/Link");
+var _ = require("./..");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_.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: "#",

package/navigation/Link/__stories__/NoUnderline.mjs

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Link } from "./..";
+
+var _ref = /*#__PURE__*/React.createElement(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
+}, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2");
+
+export var NoUnderline = function NoUnderline() {
+  return _ref;
+};
+export default NoUnderline;

package/navigation/Link/__stories__/OpensInNewTab.js

@@ -9,9 +9,9 @@ exports["default"] = exports.OpensInNewTab = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Link = require("@digigov/ui/navigation/Link");
+var _ = require("./..");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_.Link, {
   href: "#",
   rel: "noreferrer noopener",
   target: "_blank"

package/navigation/Link/__stories__/OpensInNewTab.mjs

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Link } from "./..";
+
+var _ref = /*#__PURE__*/React.createElement(Link, {
+  href: "#",
+  rel: "noreferrer noopener",
+  target: "_blank"
+}, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2 (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)");
+
+export var OpensInNewTab = function OpensInNewTab() {
+  return _ref;
+};
+export default OpensInNewTab;

package/navigation/Link/index.spec.js

@@ -6,7 +6,7 @@ var React = _interopRequireWildcard(require("react"));
 
 var _enzyme = require("enzyme");
 
-var _Link = _interopRequireWildcard(require("@digigov/ui/navigation/Link"));
+var _ = _interopRequireWildcard(require("./"));
 
 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); }
 
@@ -16,15 +16,15 @@ var CustomLink = function CustomLink(props) {
   return /*#__PURE__*/React.createElement("div", null, props.children);
 };
 
-var _ref = /*#__PURE__*/React.createElement(_Link["default"], null, "hello");
+var _ref = /*#__PURE__*/React.createElement(_["default"], null, "hello");
 
 it('renders the Link', function () {
   expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
 });
 
-var _ref2 = /*#__PURE__*/React.createElement(_Link.LinkProvider, {
+var _ref2 = /*#__PURE__*/React.createElement(_.LinkProvider, {
   component: CustomLink
-}, /*#__PURE__*/React.createElement(_Link["default"], null, "hello"));
+}, /*#__PURE__*/React.createElement(_["default"], null, "hello"));
 
 it('Provider', function () {
   expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();

package/navigation/Link/index.spec.mjs

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { mount } from 'enzyme';
+import Component, { LinkProvider } from "./";
+
+var CustomLink = function CustomLink(props) {
+  return /*#__PURE__*/React.createElement("div", null, props.children);
+};
+
+var _ref = /*#__PURE__*/React.createElement(Component, null, "hello");
+
+it('renders the Link', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(LinkProvider, {
+  component: CustomLink
+}, /*#__PURE__*/React.createElement(Component, null, "hello"));
+
+it('Provider', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});

package/navigation/NavList/NavList.stories.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _NavList = _interopRequireDefault(require("@digigov/ui/navigation/NavList"));
+var _ = _interopRequireDefault(require("./"));
 
-var _Default = require("@digigov/ui/navigation/NavList/__stories__/Default");
+var _Default = require("./__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,7 +24,7 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
-var _Vertical = require("@digigov/ui/navigation/NavList/__stories__/Vertical");
+var _Vertical = require("./__stories__/Vertical");
 
 Object.keys(_Vertical).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -38,7 +38,7 @@ Object.keys(_Vertical).forEach(function (key) {
   });
 });
 
-var _NavListWithoutNav = require("@digigov/ui/navigation/NavList/__stories__/NavListWithoutNav");
+var _NavListWithoutNav = require("./__stories__/NavListWithoutNav");
 
 Object.keys(_NavListWithoutNav).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -52,7 +52,7 @@ Object.keys(_NavListWithoutNav).forEach(function (key) {
   });
 });
 
-var _HorizontalWithoutDrawer = require("@digigov/ui/navigation/NavList/__stories__/HorizontalWithoutDrawer");
+var _HorizontalWithoutDrawer = require("./__stories__/HorizontalWithoutDrawer");
 
 Object.keys(_HorizontalWithoutDrawer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -66,7 +66,7 @@ Object.keys(_HorizontalWithoutDrawer).forEach(function (key) {
   });
 });
 
-var _VerticalWithoutDrawer = require("@digigov/ui/navigation/NavList/__stories__/VerticalWithoutDrawer");
+var _VerticalWithoutDrawer = require("./__stories__/VerticalWithoutDrawer");
 
 Object.keys(_VerticalWithoutDrawer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -80,7 +80,7 @@ Object.keys(_VerticalWithoutDrawer).forEach(function (key) {
   });
 });
 
-var _UsingNavListAuto = require("@digigov/ui/navigation/NavList/__stories__/UsingNavListAuto");
+var _UsingNavListAuto = require("./__stories__/UsingNavListAuto");
 
 Object.keys(_UsingNavListAuto).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -94,7 +94,7 @@ Object.keys(_UsingNavListAuto).forEach(function (key) {
   });
 });
 
-var _HorizontalWithDrawer = require("@digigov/ui/navigation/NavList/__stories__/HorizontalWithDrawer");
+var _HorizontalWithDrawer = require("./__stories__/HorizontalWithDrawer");
 
 Object.keys(_HorizontalWithDrawer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -108,7 +108,7 @@ Object.keys(_HorizontalWithDrawer).forEach(function (key) {
   });
 });
 
-var _UsingHeaderButton = require("@digigov/ui/navigation/NavList/__stories__/UsingHeaderButton");
+var _UsingHeaderButton = require("./__stories__/UsingHeaderButton");
 
 Object.keys(_UsingHeaderButton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -125,7 +125,7 @@ var _default = {
   title: 'Digigov UI/navigation/NavList',
   description: 'Use the navigation list component only when you need to show more options in one page.',
   link: 'https://guide.services.gov.gr/docs/components/navigation-list',
-  component: _NavList["default"],
+  component: _["default"],
   displayName: 'NavList'
 };
 exports["default"] = _default;

package/navigation/NavList/NavList.stories.mjs

@@ -0,0 +1,16 @@
+import NavList from "./";
+export default {
+  title: 'Digigov UI/navigation/NavList',
+  description: 'Use the navigation list component only when you need to show more options in one page.',
+  link: 'https://guide.services.gov.gr/docs/components/navigation-list',
+  component: NavList,
+  displayName: 'NavList'
+};
+export * from "./__stories__/Default";
+export * from "./__stories__/Vertical";
+export * from "./__stories__/NavListWithoutNav";
+export * from "./__stories__/HorizontalWithoutDrawer";
+export * from "./__stories__/VerticalWithoutDrawer";
+export * from "./__stories__/UsingNavListAuto";
+export * from "./__stories__/HorizontalWithDrawer";
+export * from "./__stories__/UsingHeaderButton";

package/navigation/NavList/NavListAuto/index.js

@@ -17,7 +17,7 @@ var _useNavList2 = require("../hooks/useNavList");
 
 var _NavListItemAction = _interopRequireDefault(require("@digigov/react-core/NavListItemAction"));
 
-var _Link = require("@digigov/ui/navigation/Link");
+var _Link = require("../../Link");
 
 var _Nav = _interopRequireDefault(require("../Nav"));
 
@@ -27,7 +27,7 @@ var _NavMenuContainer = _interopRequireDefault(require("@digigov/react-core/NavM
 
 var _NavMenuContent = _interopRequireDefault(require("@digigov/react-core/NavMenuContent"));
 
-var _NavMenuContentList = _interopRequireDefault(require("@digigov/ui/navigation/NavList/NavMenuContentList"));
+var _NavMenuContentList = _interopRequireDefault(require("../NavMenuContentList"));
 
 var _NavMenuContentListItem = _interopRequireDefault(require("@digigov/react-core/NavMenuContentListItem"));
 

package/navigation/NavList/NavListAuto/index.mjs

@@ -0,0 +1,48 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["layout", "links"];
+import React from 'react';
+import { useNavList } from "../hooks/useNavList";
+import NavListItemAction from '@digigov/react-core/NavListItemAction';
+import { Link } from "../../Link";
+import Nav from "../Nav";
+import NavList from '@digigov/react-core/NavList';
+import NavMenuContainer from '@digigov/react-core/NavMenuContainer';
+import NavMenuContent from '@digigov/react-core/NavMenuContent';
+import NavMenuContentList from "../NavMenuContentList";
+import NavMenuContentListItem from '@digigov/react-core/NavMenuContentListItem';
+import NavMenuTitle from '@digigov/react-core/NavMenuTitle';
+export var NavListAuto = function NavListAuto(_ref) {
+  var layout = _ref.layout,
+      _ref$links = _ref.links,
+      links = _ref$links === void 0 ? [] : _ref$links,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useNavList = useNavList(),
+      registerNavItemMenu = _useNavList.registerNavItemMenu,
+      registerNavItem = _useNavList.registerNavItem;
+
+  return /*#__PURE__*/React.createElement(Nav, props, /*#__PURE__*/React.createElement(NavList, {
+    layout: layout
+  }, links.map(function (item, key) {
+    var _item$subMenu;
+
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: key
+    }, /*#__PURE__*/React.createElement(NavListItemAction, registerNavItem(item), item.label), item.subMenu && /*#__PURE__*/React.createElement(NavMenuContainer, _extends({
+      layout: layout
+    }, registerNavItemMenu(item.name)), (item.subMenuHeading || item.label) && /*#__PURE__*/React.createElement(NavMenuTitle, null, item.subMenuHeading || item.label), /*#__PURE__*/React.createElement(NavMenuContent, null, /*#__PURE__*/React.createElement(NavMenuContentList, {
+      role: "menu"
+    }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
+      return (subMenu === null || subMenu === void 0 ? void 0 : subMenu.href) && /*#__PURE__*/React.createElement(NavMenuContentListItem, {
+        key: menuIndex,
+        role: "presentation"
+      }, /*#__PURE__*/React.createElement(Link, {
+        role: "menuitem",
+        id: subMenu.name,
+        href: subMenu.href
+      }, subMenu.label));
+    })))));
+  })));
+};
+export default NavListAuto;

package/navigation/NavList/__stories__/Default.js

@@ -15,7 +15,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _NavList = require("@digigov/ui/navigation/NavList");
+var _ = require("./..");
 
 var _NavLinksOneLevel = _interopRequireDefault(require("./NavLinksOneLevel.json"));
 
@@ -24,7 +24,7 @@ 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 Default = function Default() {
-  var _useNavList = (0, _NavList.useNavList)(),
+  var _useNavList = (0, _.useNavList)(),
       registerNavItem = _useNavList.registerNavItem;
 
   var _useState = (0, _react.useState)(""),
@@ -32,12 +32,12 @@ var Default = function Default() {
       useActive = _useState2[0],
       setUseActive = _useState2[1];
 
-  return /*#__PURE__*/_react["default"].createElement(_NavList.Nav, {
+  return /*#__PURE__*/_react["default"].createElement(_.Nav, {
     "aria-orientation": "horizontal",
     role: "menubar",
     "aria-label": "navigation list"
-  }, /*#__PURE__*/_react["default"].createElement(_NavList.NavList, null, _NavLinksOneLevel["default"].map(function (item, key) {
-    return /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, (0, _extends2["default"])({}, registerNavItem(item), {
+  }, /*#__PURE__*/_react["default"].createElement(_.NavList, null, _NavLinksOneLevel["default"].map(function (item, key) {
+    return /*#__PURE__*/_react["default"].createElement(_.NavListItemAction, (0, _extends2["default"])({}, registerNavItem(item), {
       key: key,
       active: item.name === useActive,
       onClick: function onClick() {

package/navigation/NavList/__stories__/Default.mjs

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { Nav, NavList, NavListItemAction, useNavList } from "./..";
+import links from "./NavLinksOneLevel.json";
+export var Default = function Default() {
+  var _useNavList = useNavList(),
+      registerNavItem = _useNavList.registerNavItem;
+
+  var _useState = useState(""),
+      _useState2 = _slicedToArray(_useState, 2),
+      useActive = _useState2[0],
+      setUseActive = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(Nav, {
+    "aria-orientation": "horizontal",
+    role: "menubar",
+    "aria-label": "navigation list"
+  }, /*#__PURE__*/React.createElement(NavList, null, links.map(function (item, key) {
+    return /*#__PURE__*/React.createElement(NavListItemAction, _extends({}, registerNavItem(item), {
+      key: key,
+      active: item.name === useActive,
+      onClick: function onClick() {
+        return setUseActive(item.name);
+      }
+    }), item.label);
+  })));
+};
+export default Default;

package/navigation/NavList/__stories__/HorizontalWithDrawer.js

@@ -15,13 +15,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _NavList = require("@digigov/ui/navigation/NavList");
+var _ = require("./..");
 
-var _Link = require("@digigov/ui/navigation/Link");
+var _Link = require("../../Link");
 
 var _NavLinksWithSubmenu = _interopRequireDefault(require("./NavLinksWithSubmenu.json"));
 
-var _Button = require("@digigov/ui/form/Button");
+var _Button = require("../../../form/Button");
 
 var _BurgerIcon = _interopRequireDefault(require("@digigov/react-icons/BurgerIcon"));
 
@@ -38,7 +38,7 @@ var HorizontalWithDrawer = function HorizontalWithDrawer() {
   var drawer = 'mdDown';
   var border = false;
 
-  var _useNavList = (0, _NavList.useNavList)(),
+  var _useNavList = (0, _.useNavList)(),
       registerNavItemMenu = _useNavList.registerNavItemMenu,
       registerNavItem = _useNavList.registerNavItem;
 
@@ -53,7 +53,7 @@ var HorizontalWithDrawer = function HorizontalWithDrawer() {
       return setOpen(!open);
     },
     mdUpHidden: true
-  }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", _ref), /*#__PURE__*/_react["default"].createElement(_NavList.Nav, {
+  }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", _ref), /*#__PURE__*/_react["default"].createElement(_.Nav, {
     border: border,
     "aria-orientation": layout || 'horizontal',
     "aria-label": "navigation list",
@@ -64,19 +64,19 @@ var HorizontalWithDrawer = function HorizontalWithDrawer() {
     onClick: function onClick() {
       return setOpen(false);
     }
-  }, "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"), /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
+  }, "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"), /*#__PURE__*/_react["default"].createElement(_.NavList, {
     layout: layout
   }, _NavLinksWithSubmenu["default"].map(function (item, key) {
     var _item$subMenu;
 
     return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
       key: key
-    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, registerNavItem(item), item.label), item.subMenu && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainer, (0, _extends2["default"])({
+    }, /*#__PURE__*/_react["default"].createElement(_.NavListItemAction, registerNavItem(item), item.label), item.subMenu && /*#__PURE__*/_react["default"].createElement(_.NavMenuContainer, (0, _extends2["default"])({
       layout: layout
-    }, registerNavItemMenu(item.name)), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContentList, {
+    }, registerNavItemMenu(item.name)), /*#__PURE__*/_react["default"].createElement(_.NavMenuTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_.NavMenuContent, null, /*#__PURE__*/_react["default"].createElement(_.NavMenuContentList, {
       role: "menu"
     }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
-      return (subMenu === null || subMenu === void 0 ? void 0 : subMenu.href) && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContentListItem, {
+      return (subMenu === null || subMenu === void 0 ? void 0 : subMenu.href) && /*#__PURE__*/_react["default"].createElement(_.NavMenuContentListItem, {
         key: menuIndex,
         role: "presentation"
       }, /*#__PURE__*/_react["default"].createElement(_Link.Link, {