@digigov/ui 1.0.0-290a96e2 → 1.0.0-55e4210c

package/es/navigation/Link/index.js

@@ -1,13 +1,33 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "href"];
-import * as React from 'react';
+import React, { useEffect } from 'react';
 import LinkBase from '@digigov/react-core/LinkBase';
 export var CommonLink = function CommonLink(props) {
   return /*#__PURE__*/React.createElement(LinkBase, props, props.children);
 };
 var LinkComponentContext = /*#__PURE__*/React.createContext(LinkBase);
 export var LinkProvider = function LinkProvider(props) {
+  useEffect(function () {
+    var path = window.location.hash;
+
+    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);
+    }
+  });
   return /*#__PURE__*/React.createElement(LinkComponentContext.Provider, {
     value: props.component
   }, props.children);

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v1.0.0-290a96e2
+/** @license Digigov v1.0.0-55e4210c
  *
  * 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/esm/navigation/Link/index.js

@@ -1,13 +1,33 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "href"];
-import * as React from 'react';
+import React, { useEffect } from 'react';
 import LinkBase from '@digigov/react-core/LinkBase';
 export var CommonLink = function CommonLink(props) {
   return /*#__PURE__*/React.createElement(LinkBase, props, props.children);
 };
 var LinkComponentContext = /*#__PURE__*/React.createContext(LinkBase);
 export var LinkProvider = function LinkProvider(props) {
+  useEffect(function () {
+    var path = window.location.hash;
+
+    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);
+    }
+  });
   return /*#__PURE__*/React.createElement(LinkComponentContext.Provider, {
     value: props.component
   }, props.children);

package/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/navigation/Link/index.js

@@ -20,7 +20,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _LinkBase = _interopRequireDefault(require("@digigov/react-core/LinkBase"));
 
@@ -31,31 +31,56 @@ 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 CommonLink = function CommonLink(props) {
-  return /*#__PURE__*/React.createElement(_LinkBase["default"], props, props.children);
+  return /*#__PURE__*/_react["default"].createElement(_LinkBase["default"], props, props.children);
 };
 
 exports.CommonLink = CommonLink;
-var LinkComponentContext = /*#__PURE__*/React.createContext(_LinkBase["default"]);
+
+var LinkComponentContext = /*#__PURE__*/_react["default"].createContext(_LinkBase["default"]);
 
 var LinkProvider = function LinkProvider(props) {
-  return /*#__PURE__*/React.createElement(LinkComponentContext.Provider, {
+  (0, _react.useEffect)(function () {
+    var path = window.location.hash;
+
+    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);
+    }
+  });
+  return /*#__PURE__*/_react["default"].createElement(LinkComponentContext.Provider, {
     value: props.component
   }, props.children);
 };
 
 exports.LinkProvider = LinkProvider;
-var Link = /*#__PURE__*/React.forwardRef(function Link(_ref, ref) {
+
+var Link = /*#__PURE__*/_react["default"].forwardRef(function Link(_ref, ref) {
   var children = _ref.children,
       _ref$href = _ref.href,
       href = _ref$href === void 0 ? '' : _ref$href,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var LinkComponent = React.useContext(LinkComponentContext);
-  return /*#__PURE__*/React.createElement(LinkComponent, (0, _extends2["default"])({
+
+  var LinkComponent = _react["default"].useContext(LinkComponentContext);
+
+  return /*#__PURE__*/_react["default"].createElement(LinkComponent, (0, _extends2["default"])({
     ref: ref,
     href: href
   }, props), children);
 }); //@ts-ignore
 
+
 exports.Link = Link;
 Link.displayName = 'Link';
 var _default = Link;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "1.0.0-290a96e2",
+  "version": "1.0.0-55e4210c",
   "description": "@digigov reusable components toolkit",
   "main": "./index.js",
   "module": "./esm/index.js",
@@ -13,7 +13,7 @@
     "react-query": "2.26.4",
     "yup": "0.32.11",
     "publint": "0.1.8",
-    "@digigov/react-icons": "1.0.0-290a96e2"
+    "@digigov/react-icons": "1.0.0-55e4210c"
   },
   "peerDependencies": {
     "@material-ui/core": "4.11.3",
@@ -21,7 +21,7 @@
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
-    "@digigov/react-core": "1.0.0-290a96e2"
+    "@digigov/react-core": "1.0.0-55e4210c"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/src/navigation/Link/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { useEffect } from 'react';
 import LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';
 
 export interface LinkComponentContextProps {
@@ -13,6 +13,23 @@ const LinkComponentContext = React.createContext<React.ElementType<LinkProps>>(
   LinkBase
 );
 export const LinkProvider: React.FC<LinkComponentContextProps> = (props) => {
+  useEffect(() => {
+    const path = window.location.hash
+    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)
+    }
+  })
+
   return (
     <LinkComponentContext.Provider value={props.component}>
       {props.children}