@digigov/nextjs 1.0.0-rc → 1.0.0-rc.2

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/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/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

@@ -1,4 +1,4 @@
-/** @license Digigov v1.0.0-rc
+/** @license Digigov v1.0.0-rc.2
  *
  * 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/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/libs-ui/react-core/src/Base/index.d.ts

@@ -35,6 +35,8 @@ export declare type BaseProps<C extends React.ElementType> = PolymorphicComponen
     printHidden?: boolean;
     /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/
     printVisible?: 'block' | 'inline';
+    /** Components will be hidden at all screen sizes. */
+    hidden?: boolean;
     /** Components will be hidden from 'xs' screen size and up. */
     xsUpHidden?: boolean;
     /** Components will be hidden from 'sm' screen size and up. */

package/libs-ui/react-core/src/LinkBase/index.d.ts

@@ -2,9 +2,11 @@ import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface LinkBaseProps extends BaseProps<'a'> {
     /**
-     * underline is optional. The default value is 'true'.
-     * Make it 'false' only if the context tells the user that the text is a link, even without the underline.
-     */
+    * underline is optional. The default value is 'true'.
+    * Make it 'false' only if the context tells the user that the text is a link, even without the underline.
+    * @value true
+    * @value false
+    */
     underline?: boolean;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@digigov/nextjs",
-	"version": "1.0.0-rc",
+	"version": "1.0.0-rc.2",
 	"description": "next specific utilities for @digigov apps",
 	"author": "GRNET Developers <devs@lists.grnet.gr>",
 	"license": "BSD-2-Clause",
@@ -10,7 +10,7 @@
 		"main": "dist/index.js"
 	},
 	"peerDependencies": {
-		"@digigov/ui": "1.0.0-rc",
+		"@digigov/ui": "1.0.0-rc.2",
 		"@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 (