@digigov/nextjs 1.0.0-8ae63a77 → 1.0.0-e322b0cc

package/App.js

@@ -27,7 +27,7 @@ var _head = _interopRequireDefault(require("next/head"));
 
 var _Link = require("@digigov/ui/navigation/Link");
 
-var _Link2 = _interopRequireDefault(require("@digigov/nextjs/Link"));
+var _Link2 = _interopRequireDefault(require("./Link"));
 
 var _dynamic = _interopRequireDefault(require("next/dynamic"));
 

package/{esm/App.js → App.mjs}

@@ -12,7 +12,7 @@ import React from 'react';
 import App from 'next/app';
 import Head from 'next/head';
 import { LinkProvider } from '@digigov/ui/navigation/Link';
-import NextLink from '@digigov/nextjs/Link';
+import NextLink from "./Link";
 import dynamic from 'next/dynamic';
 import { I18NProvider } from '@digigov/ui/i18n';
 import { withTranslation } from 'react-i18next';

package/Image.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _image = _interopRequireDefault(require("next/image"));
 
-var _hooks = require("@digigov/nextjs/hooks");
+var _hooks = require("./hooks");
 
 var _excluded = ["src"];
 

package/{esm/Image.js → Image.mjs}

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["src"];
 import React from 'react';
 import NextImage from 'next/image';
-import { useBasePath } from '@digigov/nextjs/hooks';
+import { useBasePath } from "./hooks";
 
 var Image = function Image(_ref) {
   var src = _ref.src,

package/Link.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +13,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _router = require("next/router");
 
 var _link = _interopRequireDefault(require("next/link"));
 
@@ -19,12 +23,37 @@ var _LinkBase = _interopRequireDefault(require("@digigov/react-core/LinkBase"));
 
 var _excluded = ["href"];
 
+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 NextLink = function NextLink(props, ref) {
   var href = props.href,
       other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var isExternalLink = //check if url has a file extension
   /^(?:[a-z]+:)?\/\/|.pdf|.docx?|.xlsx?/i.test(href || '') || // or if props has a target or rel
   other.target === '_blank';
+  var router = (0, _router.useRouter)();
+  (0, _react.useEffect)(function () {
+    var path = router.asPath;
+
+    if (path && path.includes('#')) {
+      setTimeout(function () {
+        var id = path.replace("#", "");
+        var el = window.document.getElementById(id);
+        var r = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
+
+        if (r) {
+          var _window$top;
+
+          (_window$top = window.top) === null || _window$top === void 0 ? void 0 : _window$top.scroll({
+            top: scrollY + r.top,
+            behavior: "smooth"
+          });
+        }
+      }, 600);
+    }
+  }, [router.asPath]);
 
   if (isExternalLink) {
     return /*#__PURE__*/_react["default"].createElement(_LinkBase["default"], (0, _extends2["default"])({

package/{esm/Link.js → Link.mjs}

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href"];
-import React from 'react';
+import React, { useEffect } from 'react';
+import { useRouter } from 'next/router';
 import Link from 'next/link';
 import LinkBase from '@digigov/react-core/LinkBase';
 
@@ -12,6 +13,27 @@ var NextLink = function NextLink(props, ref) {
   var isExternalLink = //check if url has a file extension
   /^(?:[a-z]+:)?\/\/|.pdf|.docx?|.xlsx?/i.test(href || '') || // or if props has a target or rel
   other.target === '_blank';
+  var router = useRouter();
+  useEffect(function () {
+    var path = router.asPath;
+
+    if (path && path.includes('#')) {
+      setTimeout(function () {
+        var id = path.replace("#", "");
+        var el = window.document.getElementById(id);
+        var r = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
+
+        if (r) {
+          var _window$top;
+
+          (_window$top = window.top) === null || _window$top === void 0 ? void 0 : _window$top.scroll({
+            top: scrollY + r.top,
+            behavior: "smooth"
+          });
+        }
+      }, 600);
+    }
+  }, [router.asPath]);
 
   if (isExternalLink) {
     return /*#__PURE__*/React.createElement(LinkBase, _extends({

package/es/App.js

@@ -12,7 +12,7 @@ import React from 'react';
 import App from 'next/app';
 import Head from 'next/head';
 import { LinkProvider } from '@digigov/ui/navigation/Link';
-import NextLink from '@digigov/nextjs/Link';
+import NextLink from "./Link";
 import dynamic from 'next/dynamic';
 import { I18NProvider } from '@digigov/ui/i18n';
 import { withTranslation } from 'react-i18next';

package/es/Image.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["src"];
 import React from 'react';
 import NextImage from 'next/image';
-import { useBasePath } from '@digigov/nextjs/hooks';
+import { useBasePath } from "./hooks";
 
 var Image = function Image(_ref) {
   var src = _ref.src,

package/es/Link.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href"];
-import React from 'react';
+import React, { useEffect } from 'react';
+import { useRouter } from 'next/router';
 import Link from 'next/link';
 import LinkBase from '@digigov/react-core/LinkBase';
 
@@ -12,6 +13,27 @@ var NextLink = function NextLink(props, ref) {
   var isExternalLink = //check if url has a file extension
   /^(?:[a-z]+:)?\/\/|.pdf|.docx?|.xlsx?/i.test(href || '') || // or if props has a target or rel
   other.target === '_blank';
+  var router = useRouter();
+  useEffect(function () {
+    var path = router.asPath;
+
+    if (path && path.includes('#')) {
+      setTimeout(function () {
+        var id = path.replace("#", "");
+        var el = window.document.getElementById(id);
+        var r = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
+
+        if (r) {
+          var _window$top;
+
+          (_window$top = window.top) === null || _window$top === void 0 ? void 0 : _window$top.scroll({
+            top: scrollY + r.top,
+            behavior: "smooth"
+          });
+        }
+      }, 600);
+    }
+  }, [router.asPath]);
 
   if (isExternalLink) {
     return /*#__PURE__*/React.createElement(LinkBase, _extends({

package/{esm/index.js → index.mjs}

@@ -1,4 +1,4 @@
-/** @license Digigov v1.0.0-8ae63a77
+/** @license Digigov v1.0.0-e322b0cc
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/libs/ui/src/i18n/index.d.ts

@@ -5,7 +5,7 @@ export interface I18NContextProps {
     children?: React.ReactNode;
     i18n?: any;
 }
-export declare const defaultTranslate: (key: string, context?: Record<string, any> | undefined) => string;
+export declare const defaultTranslate: (key: string, context?: Record<string, any>) => string;
 export declare const I18NContext: React.Context<I18NContextProps>;
 export declare const I18NProvider: React.FC<I18NContextProps>;
 export declare const useTranslation: () => I18NContextProps;

package/libs/ui/src/navigation/Link/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';
 export interface LinkComponentContextProps {
     component: React.ElementType<LinkProps>;

package/package.json

@@ -1,16 +1,16 @@
 {
 	"name": "@digigov/nextjs",
-	"version": "1.0.0-8ae63a77",
+	"version": "1.0.0-e322b0cc",
 	"description": "next specific utilities for @digigov apps",
 	"author": "GRNET Developers <devs@lists.grnet.gr>",
 	"license": "BSD-2-Clause",
 	"main": "dist/index.js",
-	"module": "./esm/index.js",
+	"module": "./index.mjs",
 	"publishConfig": {
 		"main": "dist/index.js"
 	},
 	"peerDependencies": {
-		"@digigov/ui": "1.0.0-8ae63a77",
+		"@digigov/ui": "1.0.0-e322b0cc",
 		"@material-ui/core": "4.11.3",
 		"@material-ui/icons": "4.11.2",
 		"clsx": "1.1.1",

package/src/Link.tsx

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { LinkProps } from '@digigov/ui/navigation/Link';
+import { useRouter } from 'next/router';
 import Link from 'next/link';
 import LinkBase from '@digigov/react-core/LinkBase';
 
@@ -13,6 +14,24 @@ const NextLink: React.ForwardRefRenderFunction<HTMLAnchorElement, LinkProps> = (
     /^(?:[a-z]+:)?\/\/|.pdf|.docx?|.xlsx?/i.test(href || '') ||
     // or if props has a target or rel
     other.target === '_blank';
+  const router = useRouter();
+
+  useEffect(() => {
+    const path = router.asPath;
+    if (path && path.includes('#')) {
+      setTimeout(() => {
+        const id = path.replace("#", "")
+        const el = window.document.getElementById(id)
+        const r = el?.getBoundingClientRect()
+        if (r) {
+          window.top?.scroll({
+            top: scrollY + r.top,
+            behavior: "smooth",
+          })
+        }
+      }, 600)
+    }
+  }, [router.asPath]);
 
   if (isExternalLink) {
     return (