@reltio/components 1.4.1626 → 1.4.1627

package/cjs/components/attributes/editMode/hooks/useScrollToAttribute/useScrollToAttribute.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare const useScrollToAttribute: (context: any) => {
+import { ContextType } from 'react';
+import { ScrollToElementContext } from '../../../../../contexts';
+export declare const useScrollToAttribute: (context?: ContextType<typeof ScrollToElementContext>) => {
     ref: import("react").MutableRefObject<HTMLDivElement>;
     highlightedClassName: string;
 } | {

package/cjs/components/attributes/editMode/hooks/useScrollToAttribute/useScrollToAttribute.js

@@ -6,12 +6,11 @@ var styles_1 = require("./styles");
 var useScrollToAttribute = function (context) {
     var styles = (0, styles_1.useStyles)();
     var ref = (0, react_1.useRef)(null);
-    var scrollIntoRef = (context || {}).scrollIntoRef;
     (0, react_1.useEffect)(function () {
         if (context) {
-            scrollIntoRef(ref);
+            context.scrollIntoRef(ref);
         }
-    }, [context, scrollIntoRef]);
+    }, [context]);
     return context ? { ref: ref, highlightedClassName: styles.highlighted } : { ref: ref };
 };
 exports.useScrollToAttribute = useScrollToAttribute;

package/cjs/contexts/ScrollToElementContext/index.js

@@ -47,13 +47,11 @@ var ScrollToElementProvider = function (_a) {
     var _b = (0, react_1.useState)(null), element = _b[0], setElement = _b[1];
     var highlightTimer = (0, react_1.useRef)(null);
     var scrollIntoRef = (0, react_1.useCallback)(function (ref) {
+        if (!ref.current)
+            return;
         ref.current.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        if (highlightTimer) {
-            clearTimeout(highlightTimer.current);
-        }
-        highlightTimer.current = setTimeout(function () {
-            setElement(null);
-        }, 2000);
+        clearTimeout(highlightTimer.current);
+        highlightTimer.current = setTimeout(function () { return setElement(null); }, 2000);
     }, []);
     var handleHighlightError = (0, react_1.useCallback)(function (highlightedError) {
         setElement({ value: highlightedError, type: ScrollType.Error });

package/cjs/hooks/useScrollToAttributeError/useScrollToAttributeError.js

@@ -14,8 +14,7 @@ var useScrollToAttributeError = function (_a) {
     var context = _a.highlightedError, _c = _a.isSimple, isSimple = _c === void 0 ? false : _c;
     var styles = (0, styles_1.useStyles)();
     var ref = (0, react_1.useRef)(null);
-    var _d = context || {}, element = _d.element, scrollIntoRef = _d.scrollIntoRef;
-    var severity = (0, react_1.useMemo)(function () { return (0, ramda_1.propOr)(mdm_sdk_1.ErrorSeverity.ERROR, 'severity')(element); }, [element]);
+    var severity = (0, ramda_1.pathOr)(mdm_sdk_1.ErrorSeverity.ERROR, ['element', 'severity'])(context);
     var errorClassName = (0, classnames_1.default)((_b = {},
         _b[styles.highlightError] = severity === mdm_sdk_1.ErrorSeverity.ERROR,
         _b[styles.highlightWarning] = severity === mdm_sdk_1.ErrorSeverity.WARNING,
@@ -23,9 +22,9 @@ var useScrollToAttributeError = function (_a) {
         _b));
     (0, react_1.useEffect)(function () {
         if (context) {
-            scrollIntoRef(ref);
+            context.scrollIntoRef(ref);
         }
-    }, [context, scrollIntoRef]);
+    }, [context]);
     return context ? { ref: ref, errorClassName: errorClassName } : { ref: ref };
 };
 exports.useScrollToAttributeError = useScrollToAttributeError;

package/esm/components/attributes/editMode/hooks/useScrollToAttribute/useScrollToAttribute.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare const useScrollToAttribute: (context: any) => {
+import { ContextType } from 'react';
+import { ScrollToElementContext } from '../../../../../contexts';
+export declare const useScrollToAttribute: (context?: ContextType<typeof ScrollToElementContext>) => {
     ref: import("react").MutableRefObject<HTMLDivElement>;
     highlightedClassName: string;
 } | {

package/esm/components/attributes/editMode/hooks/useScrollToAttribute/useScrollToAttribute.js

@@ -3,11 +3,10 @@ import { useStyles } from './styles';
 export var useScrollToAttribute = function (context) {
     var styles = useStyles();
     var ref = useRef(null);
-    var scrollIntoRef = (context || {}).scrollIntoRef;
     useEffect(function () {
         if (context) {
-            scrollIntoRef(ref);
+            context.scrollIntoRef(ref);
         }
-    }, [context, scrollIntoRef]);
+    }, [context]);
     return context ? { ref: ref, highlightedClassName: styles.highlighted } : { ref: ref };
 };

package/esm/contexts/ScrollToElementContext/index.js

@@ -19,13 +19,11 @@ export var ScrollToElementProvider = function (_a) {
     var _b = useState(null), element = _b[0], setElement = _b[1];
     var highlightTimer = useRef(null);
     var scrollIntoRef = useCallback(function (ref) {
+        if (!ref.current)
+            return;
         ref.current.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        if (highlightTimer) {
-            clearTimeout(highlightTimer.current);
-        }
-        highlightTimer.current = setTimeout(function () {
-            setElement(null);
-        }, 2000);
+        clearTimeout(highlightTimer.current);
+        highlightTimer.current = setTimeout(function () { return setElement(null); }, 2000);
     }, []);
     var handleHighlightError = useCallback(function (highlightedError) {
         setElement({ value: highlightedError, type: ScrollType.Error });

package/esm/hooks/useScrollToAttributeError/useScrollToAttributeError.js

@@ -1,5 +1,5 @@
-import { useEffect, useMemo, useRef } from 'react';
-import { propOr } from 'ramda';
+import { useEffect, useRef } from 'react';
+import { pathOr } from 'ramda';
 import classnames from 'classnames';
 import { ErrorSeverity } from '@reltio/mdm-sdk';
 import { useStyles } from './styles';
@@ -8,8 +8,7 @@ export var useScrollToAttributeError = function (_a) {
     var context = _a.highlightedError, _c = _a.isSimple, isSimple = _c === void 0 ? false : _c;
     var styles = useStyles();
     var ref = useRef(null);
-    var _d = context || {}, element = _d.element, scrollIntoRef = _d.scrollIntoRef;
-    var severity = useMemo(function () { return propOr(ErrorSeverity.ERROR, 'severity')(element); }, [element]);
+    var severity = pathOr(ErrorSeverity.ERROR, ['element', 'severity'])(context);
     var errorClassName = classnames((_b = {},
         _b[styles.highlightError] = severity === ErrorSeverity.ERROR,
         _b[styles.highlightWarning] = severity === ErrorSeverity.WARNING,
@@ -17,8 +16,8 @@ export var useScrollToAttributeError = function (_a) {
         _b));
     useEffect(function () {
         if (context) {
-            scrollIntoRef(ref);
+            context.scrollIntoRef(ref);
         }
-    }, [context, scrollIntoRef]);
+    }, [context]);
     return context ? { ref: ref, errorClassName: errorClassName } : { ref: ref };
 };

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1626",
+  "version": "1.4.1627",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1626",
-    "@reltio/mdm-sdk": "^1.4.1626",
+    "@reltio/mdm-module": "^1.4.1627",
+    "@reltio/mdm-sdk": "^1.4.1627",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",