@skbkontur/react-ui-validations 2.1.3-66a28a30 → 2.1.4

package/index.js

@@ -255,11 +255,19 @@ var isReactUITestEnv = Boolean(REACT_UI_TEST) || // for cases when NODE_ENV is n
     Boolean(enableReactTesting); // deprecated, legacy variable
 var isTestEnv = NODE_ENV === 'test' || isReactUITestEnv;
 var isBrowser = typeof window !== 'undefined';
+var canUseDOM = isBrowser && window.document && window.document.createElement;
 function isElement(el) {
-    return !!el && typeof el === 'object' && 'nodeType' in el && el.nodeType === Node.ELEMENT_NODE;
+    if (isBrowser) {
+        return el instanceof Element;
+    }
+    return false;
 }
-var getDoc = function (node) { var _a; return (_a = node.ownerDocument) !== null && _a !== void 0 ? _a : node; };
-var getWin = function (node) { return getDoc(node).defaultView; };
+function isNode(node) {
+    if (isBrowser) {
+        return node instanceof Node;
+    }
+    return false;
+}
 
 /**
  * Checks if the value `null` or `undefined`.
@@ -490,7 +498,7 @@ var getRootNode = function (instance) {
      *  3. class Component instance (object)
      *  4. literally anything, returned from useImperativeHandle
      */
-    if (!instance) {
+    if (!canUseDOM || !instance) {
         // instance can be `null` if component was unmounted
         // also checking undefined for convenient usage
         return null;
@@ -502,7 +510,13 @@ var getRootNode = function (instance) {
     }
     var rootNode;
     if (isInstanceWithRootNode(instance)) {
-        rootNode = instance.getRootNode();
+        // it happened to be that native Node interface also has
+        // the "getRootNode" method, but we can ignore it here
+        // because we'd already checked the instance on being an Element
+        // which is a subclass of Node, so, just fixing types here
+        if (!isNode(instance)) {
+            rootNode = instance.getRootNode();
+        }
     }
     if (rootNode !== undefined) {
         // the getter exists and has returned something, it should be what we are looking for
@@ -533,21 +547,19 @@ var getRootNode = function (instance) {
 
 function smoothScrollIntoView(element, scrollOffset) {
     return __awaiter(this, void 0, void 0, function () {
-        var activeDocument, activeWindow, scrollableParent, parentRects, clientRects, topOffset, bottomOffset, html, viewportHeight, viewportWidth, isElementInViewport;
+        var scrollableParent, parentRects, clientRects, topOffset, bottomOffset, html, viewportHeight, viewportWidth, isElementInViewport;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    activeDocument = getDoc(element);
-                    activeWindow = getWin(element);
                     scrollableParent = findScrollableParent(element);
                     parentRects = scrollableParent.getBoundingClientRect();
                     clientRects = element.getBoundingClientRect();
                     topOffset = scrollOffset.top || 0;
                     bottomOffset = scrollOffset.bottom || 0;
-                    if (!(scrollableParent === activeDocument.body)) return [3 /*break*/, 2];
-                    html = activeDocument.documentElement || { clientHeight: 0, clientWidth: 0 };
-                    viewportHeight = (activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.innerHeight) || html.clientHeight;
-                    viewportWidth = (activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.innerWidth) || html.clientWidth;
+                    if (!(scrollableParent === document.body)) return [3 /*break*/, 2];
+                    html = document.documentElement || { clientHeight: 0, clientWidth: 0 };
+                    viewportHeight = window.innerHeight || html.clientHeight;
+                    viewportWidth = window.innerWidth || html.clientWidth;
                     isElementInViewport = clientRects.top >= topOffset &&
                         clientRects.left >= 0 &&
                         clientRects.bottom <= viewportHeight - bottomOffset &&
@@ -556,7 +568,6 @@ function smoothScrollIntoView(element, scrollOffset) {
                         return [2 /*return*/];
                     }
                     return [4 /*yield*/, scrollBy({
-                            element: element,
                             left: clientRects.left,
                             top: clientRects.top - topOffset,
                         })];
@@ -571,7 +582,6 @@ function smoothScrollIntoView(element, scrollOffset) {
                 case 3:
                     _a.sent();
                     return [4 /*yield*/, scrollBy({
-                            element: element,
                             left: parentRects.left,
                             top: parentRects.top,
                         })];
@@ -584,68 +594,59 @@ function smoothScrollIntoView(element, scrollOffset) {
     });
 }
 function smoothScroll(element, x, y) {
-    var activeDocument = getDoc(element);
-    var activeWindow = getWin(element);
     var context;
-    if (activeWindow) {
-        if (element === getDocumentBodyStrict(activeDocument)) {
-            context = {
-                scrollable: element,
-                startX: activeWindow.scrollX || activeWindow.pageXOffset,
-                startY: activeWindow.scrollY || activeWindow.pageYOffset,
-                method: getScrollWindow(element),
-                startTime: getNow(element)(),
-                x: x,
-                y: y,
-            };
-        }
-        else {
-            context = {
-                scrollable: element,
-                startX: element.scrollLeft,
-                startY: element.scrollTop,
-                method: scrollElement,
-                startTime: getNow(element)(),
-                x: x,
-                y: y,
-            };
-        }
+    if (element === getDocumentBodyStrict()) {
+        context = {
+            scrollable: window,
+            startX: window.scrollX || window.pageXOffset,
+            startY: window.scrollY || window.pageYOffset,
+            method: scrollWindow,
+            startTime: now(),
+            x: x,
+            y: y,
+        };
+    }
+    else {
+        context = {
+            scrollable: element,
+            startX: element.scrollLeft,
+            startY: element.scrollTop,
+            method: scrollElement,
+            startTime: now(),
+            x: x,
+            y: y,
+        };
     }
     return new Promise(function (resolve) { return step(__assign(__assign({}, context), { resolve: resolve })); });
 }
-function step(_a) {
-    var scrollable = _a.scrollable, startX = _a.startX, startY = _a.startY, x = _a.x, y = _a.y, method = _a.method, resolve = _a.resolve, startTime = _a.startTime;
-    var time = getNow(scrollable)();
-    var scrollTime = 468;
-    var elapsed = Math.min(1, (time - startTime) / scrollTime);
+function step(context) {
+    var time = now();
+    var elapsed = Math.min(1, (time - context.startTime) / ScrollTime);
     var value = ease(elapsed);
-    var activeWindow = getWin(scrollable);
-    var currentX = startX + (x - startX) * value;
-    var currentY = startY + (y - startY) * value;
-    method(scrollable, currentX, currentY);
-    if (currentX !== x || currentY !== y) {
-        !!activeWindow &&
-            activeWindow.requestAnimationFrame(function () { return step({ scrollable: scrollable, startX: startX, startY: startY, x: x, y: y, method: method, resolve: resolve, startTime: startTime }); });
+    var currentX = context.startX + (context.x - context.startX) * value;
+    var currentY = context.startY + (context.y - context.startY) * value;
+    context.method(context.scrollable, currentX, currentY);
+    if (currentX !== context.x || currentY !== context.y) {
+        window.requestAnimationFrame(function () { return step(context); });
     }
     else {
-        resolve();
+        context.resolve();
     }
 }
-var getScrollWindow = function (el) {
-    var activeWindow = getWin(el);
+var ScrollTime = 468;
+var getScrollWindow = function (isBrowser) {
     if (isBrowser) {
-        if (typeof (activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.scroll) === 'function') {
-            return function (_, x, y) { return activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.scroll(x, y); };
+        if (typeof window.scroll === 'function') {
+            return function (_, x, y) { return window.scroll(x, y); };
         }
+        return function (_, x, y) { return window.scrollTo(x, y); };
     }
     return function () { return undefined; };
 };
-var getNow = function (el) {
-    var activeWindow = getWin(el);
-    return isBrowser && (activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.performance) && (activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.performance.now)
-        ? activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.performance.now.bind(activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.performance)
-        : Date.now;
-};
+var scrollWindow = getScrollWindow(isBrowser);
+var now = isBrowser && window.performance && window.performance.now
+    ? window.performance.now.bind(window.performance)
+    : Date.now;
 function scrollElement(element, x, y) {
     element.scrollLeft = x;
     element.scrollTop = y;
@@ -653,28 +654,27 @@ function scrollElement(element, x, y) {
 function ease(time) {
     return 0.5 * (1 - Math.cos(Math.PI * time));
 }
-function getDocumentBodyStrict(activeDocument) {
-    if (isNullable(activeDocument.body)) {
+function getDocumentBodyStrict() {
+    if (isNullable(document.body)) {
         throw new Error('Scrolling can be used only in browser');
     }
-    return activeDocument.body;
+    return document.body;
 }
 function findScrollableParent(el) {
-    var _a;
     var isBody;
     var hasScrollableSpace;
     var hasVisibleOverflow;
     var currentElement = el;
     do {
-        if (isNullable(currentElement.parentElement) || !isElement(currentElement.parentElement)) {
-            return getDocumentBodyStrict(getDoc(currentElement));
+        if (isNullable(currentElement.parentElement) || !(currentElement.parentElement instanceof HTMLElement)) {
+            return getDocumentBodyStrict();
         }
         currentElement = currentElement.parentElement;
-        isBody = currentElement === getDoc(currentElement).body;
+        isBody = currentElement === document.body;
         hasScrollableSpace =
             currentElement.clientHeight < currentElement.scrollHeight ||
                 currentElement.clientWidth < currentElement.scrollWidth;
-        hasVisibleOverflow = ((_a = getWin(currentElement)) === null || _a === void 0 ? void 0 : _a.getComputedStyle(currentElement, null).overflow) === 'visible';
+        hasVisibleOverflow = window.getComputedStyle(currentElement, null).overflow === 'visible';
     } while (!isBody && !(hasScrollableSpace && !hasVisibleOverflow));
     isBody = null;
     hasScrollableSpace = null;
@@ -682,15 +682,8 @@ function findScrollableParent(el) {
     return currentElement;
 }
 function scrollBy(_a) {
-    var element = _a.element, left = _a.left, top = _a.top;
-    var activeWindow = getWin(element);
-    var activeDocument = getDoc(element);
-    if (!activeWindow) {
-        return new Promise(function (resolve) { return resolve(); });
-    }
-    var x = Math.floor(left) + ((activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.scrollX) || (activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.pageXOffset));
-    var y = Math.floor(top) + ((activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.scrollY) || (activeWindow === null || activeWindow === void 0 ? void 0 : activeWindow.pageYOffset));
-    return smoothScroll(getDocumentBodyStrict(activeDocument), x, y);
+    var left = _a.left, top = _a.top;
+    return smoothScroll(getDocumentBodyStrict(), Math.floor(left) + (window.scrollX || window.pageXOffset), Math.floor(top) + (window.scrollY || window.pageYOffset));
 }
 
 function getVisibleValidation(visible, actual, changing) {
@@ -746,6 +739,10 @@ var getFullValidationsFlagsContext = function (flags) {
     return __assign(__assign({}, validationsFeatureFlagsDefault), flags);
 };
 
+if (isBrowser && typeof HTMLElement === 'undefined') {
+    var w = window;
+    w.HTMLElement = w.Element;
+}
 var ValidationWrapperInternal = /** @class */ (function (_super) {
     __extends(ValidationWrapperInternal, _super);
     function ValidationWrapperInternal() {
@@ -798,7 +795,7 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
                 switch (_b.label) {
                     case 0:
                         htmlElement = this.getRootNode();
-                        if (!isElement(htmlElement)) return [3 /*break*/, 3];
+                        if (!(htmlElement instanceof HTMLElement)) return [3 /*break*/, 3];
                         _a = this.context.getSettings(), disableSmoothScroll = _a.disableSmoothScroll, scrollOffset = _a.scrollOffset;
                         if (!!disableSmoothScroll) return [3 /*break*/, 2];
                         return [4 /*yield*/, smoothScrollIntoView(htmlElement, scrollOffset)];
@@ -887,7 +884,7 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
     };
     ValidationWrapperInternal.prototype.getControlPosition = function () {
         var htmlElement = this.getRootNode();
-        if (isElement(htmlElement)) {
+        if (htmlElement instanceof HTMLElement) {
             var rect = htmlElement.getBoundingClientRect();
             return { x: rect.top, y: rect.left };
         }