@prom-ui/core 1.7.0-alpha.1 → 1.7.0-alpha.2

package/Tumbler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "1.7.0-alpha.1",
+  "version": "1.7.0-alpha.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@prom-ui/core",
     "author": "e.marchenko",
-    "version": "1.7.0-alpha.1",
+    "version": "1.7.0-alpha.2",
     "description": "core ui blocks",
     "scripts": {
         "ts-types": "tsc --project tsconfig.build.json --declaration --emitDeclarationOnly",
@@ -52,7 +52,6 @@
         "evokit-picture": "^3.2.0",
         "evokit-text": "^3.2.0",
         "qrcode.react": "^3.1.0",
-        "react-aria": "^3.28.0",
         "react-easy-swipe": "^0.0.22",
         "react-popper-tooltip": "^4.4.2",
         "react-responsive": "^9.0.2",
@@ -71,5 +70,5 @@
             "optional": true
         }
     },
-    "gitHead": "7f67609ba97511dcf14c605837b4716c2f7e6423"
+    "gitHead": "abdbcabde09a57cb21407f696127a7fc4bf96598"
 }

package/useBodyScrollLock/cjs/index.development.js

@@ -0,0 +1,163 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var listenerOptions = {
+  capture: false,
+  passive: false
+};
+function testPlatform(re) {
+  var _window$navigator$use;
+  return typeof window !== 'undefined' && window.navigator != null ?
+  // @ts-ignore
+  re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
+}
+function isMac() {
+  return testPlatform(/^Mac/i);
+}
+function isIPhone() {
+  return testPlatform(/^iPhone/i);
+}
+function isIPad() {
+  return testPlatform(/^iPad/i) ||
+  // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  isMac() && navigator.maxTouchPoints > 1;
+}
+var useLayoutEffect = typeof document !== 'undefined' ? React__default.default.useLayoutEffect : function () {};
+function isIOS() {
+  return isIPhone() || isIPad();
+}
+function setStyle(element, style, value) {
+  // @ts-ignore
+  var cur = element.style[style];
+  // @ts-ignore
+  element.style[style] = value;
+  return function () {
+    // @ts-ignore
+    element.style[style] = cur;
+  };
+}
+
+/**
+ * Calls all functions in the order they were chained with the same arguments.
+ */
+function chain() {
+  for (var _len = arguments.length, callbacks = new Array(_len), _key = 0; _key < _len; _key++) {
+    callbacks[_key] = arguments[_key];
+  }
+  return function () {
+    for (var _i = 0, _callbacks = callbacks; _i < _callbacks.length; _i++) {
+      var callback = _callbacks[_i];
+      if (typeof callback === 'function') {
+        callback.apply(void 0, arguments);
+      }
+    }
+  };
+}
+var preventTouchMove = function preventTouchMove(e) {
+  e.preventDefault();
+  return false;
+};
+var allowTouchMove = function allowTouchMove(e) {
+  var target = e.currentTarget;
+  if (target.scrollHeight > target.clientHeight || target.scrollWidth > target.clientWidth) {
+    e.stopPropagation();
+    return true;
+  }
+  e.preventDefault();
+  return false;
+};
+function preventInertiaScroll(target) {
+  var top = target.scrollTop;
+  var totalScroll = target.scrollHeight;
+  var currentScroll = top + target.offsetHeight;
+  if (top === 0) {
+    target.scrollTop = 1;
+  } else if (currentScroll === totalScroll) {
+    target.scrollTop = top - 1;
+  }
+}
+function isScrollable(node) {
+  var style = window.getComputedStyle(node);
+  return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
+}
+function getScrollParent(node) {
+  if (isScrollable(node)) {
+    // @ts-ignore
+    node = node.parentElement;
+  }
+  while (node && !isScrollable(node)) {
+    // @ts-ignore
+    node = node.parentElement;
+  }
+  return node || document.scrollingElement || document.documentElement;
+}
+
+function preventScrollStandard() {
+  return chain(setStyle(document.documentElement, 'paddingRight', "".concat(window.innerWidth - document.documentElement.clientWidth, "px")), setStyle(document.documentElement, 'overflow', 'hidden'));
+}
+
+var scrollable;
+var onTouchStart = function onTouchStart(e) {
+  scrollable = getScrollParent(e.target);
+  if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
+    return;
+  }
+  preventInertiaScroll(scrollable);
+  scrollable.addEventListener('touchmove', allowTouchMove, listenerOptions);
+};
+var onTouchEnd = function onTouchEnd() {
+  if (!scrollable) {
+    return;
+  }
+  scrollable.removeEventListener('touchmove', allowTouchMove, listenerOptions);
+  scrollable = undefined;
+};
+var preventScrollMobileSafari = function preventScrollMobileSafari() {
+  document.addEventListener('touchstart', onTouchStart, listenerOptions);
+  document.addEventListener('touchmove', preventTouchMove, listenerOptions);
+  document.addEventListener('touchend', onTouchEnd, listenerOptions);
+  return function () {
+    document.removeEventListener('touchstart', onTouchStart, listenerOptions);
+    document.removeEventListener('touchmove', preventTouchMove, listenerOptions);
+    document.removeEventListener('touchend', onTouchEnd, listenerOptions);
+  };
+};
+
+var preventScrollCount = 0;
+var restoreStandart;
+var restoreMobileSafari;
+var useBodyScrollLock = function useBodyScrollLock(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? true : _ref$isActive;
+  useLayoutEffect(function () {
+    if (!isActive) {
+      return;
+    }
+    var isMobileSafari = isIOS();
+    preventScrollCount++;
+    if (preventScrollCount === 1) {
+      restoreStandart = preventScrollStandard();
+      if (isMobileSafari) {
+        restoreMobileSafari = preventScrollMobileSafari();
+      }
+    }
+    return function () {
+      preventScrollCount--;
+      if (preventScrollCount === 0) {
+        restoreStandart();
+        if (isMobileSafari) {
+          restoreMobileSafari();
+        }
+      }
+    };
+  }, [isActive]);
+};
+
+exports.useBodyScrollLock = useBodyScrollLock;

package/useBodyScrollLock/cjs/index.development.v2.js

@@ -0,0 +1,163 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var listenerOptions = {
+  capture: false,
+  passive: false
+};
+function testPlatform(re) {
+  var _window$navigator$use;
+  return typeof window !== 'undefined' && window.navigator != null ?
+  // @ts-ignore
+  re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
+}
+function isMac() {
+  return testPlatform(/^Mac/i);
+}
+function isIPhone() {
+  return testPlatform(/^iPhone/i);
+}
+function isIPad() {
+  return testPlatform(/^iPad/i) ||
+  // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  isMac() && navigator.maxTouchPoints > 1;
+}
+var useLayoutEffect = typeof document !== 'undefined' ? React__default.default.useLayoutEffect : function () {};
+function isIOS() {
+  return isIPhone() || isIPad();
+}
+function setStyle(element, style, value) {
+  // @ts-ignore
+  var cur = element.style[style];
+  // @ts-ignore
+  element.style[style] = value;
+  return function () {
+    // @ts-ignore
+    element.style[style] = cur;
+  };
+}
+
+/**
+ * Calls all functions in the order they were chained with the same arguments.
+ */
+function chain() {
+  for (var _len = arguments.length, callbacks = new Array(_len), _key = 0; _key < _len; _key++) {
+    callbacks[_key] = arguments[_key];
+  }
+  return function () {
+    for (var _i = 0, _callbacks = callbacks; _i < _callbacks.length; _i++) {
+      var callback = _callbacks[_i];
+      if (typeof callback === 'function') {
+        callback.apply(void 0, arguments);
+      }
+    }
+  };
+}
+var preventTouchMove = function preventTouchMove(e) {
+  e.preventDefault();
+  return false;
+};
+var allowTouchMove = function allowTouchMove(e) {
+  var target = e.currentTarget;
+  if (target.scrollHeight > target.clientHeight || target.scrollWidth > target.clientWidth) {
+    e.stopPropagation();
+    return true;
+  }
+  e.preventDefault();
+  return false;
+};
+function preventInertiaScroll(target) {
+  var top = target.scrollTop;
+  var totalScroll = target.scrollHeight;
+  var currentScroll = top + target.offsetHeight;
+  if (top === 0) {
+    target.scrollTop = 1;
+  } else if (currentScroll === totalScroll) {
+    target.scrollTop = top - 1;
+  }
+}
+function isScrollable(node) {
+  var style = window.getComputedStyle(node);
+  return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
+}
+function getScrollParent(node) {
+  if (isScrollable(node)) {
+    // @ts-ignore
+    node = node.parentElement;
+  }
+  while (node && !isScrollable(node)) {
+    // @ts-ignore
+    node = node.parentElement;
+  }
+  return node || document.scrollingElement || document.documentElement;
+}
+
+function preventScrollStandard() {
+  return chain(setStyle(document.documentElement, 'paddingRight', "".concat(window.innerWidth - document.documentElement.clientWidth, "px")), setStyle(document.documentElement, 'overflow', 'hidden'));
+}
+
+var scrollable;
+var onTouchStart = function onTouchStart(e) {
+  scrollable = getScrollParent(e.target);
+  if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
+    return;
+  }
+  preventInertiaScroll(scrollable);
+  scrollable.addEventListener('touchmove', allowTouchMove, listenerOptions);
+};
+var onTouchEnd = function onTouchEnd() {
+  if (!scrollable) {
+    return;
+  }
+  scrollable.removeEventListener('touchmove', allowTouchMove, listenerOptions);
+  scrollable = undefined;
+};
+var preventScrollMobileSafari = function preventScrollMobileSafari() {
+  document.addEventListener('touchstart', onTouchStart, listenerOptions);
+  document.addEventListener('touchmove', preventTouchMove, listenerOptions);
+  document.addEventListener('touchend', onTouchEnd, listenerOptions);
+  return function () {
+    document.removeEventListener('touchstart', onTouchStart, listenerOptions);
+    document.removeEventListener('touchmove', preventTouchMove, listenerOptions);
+    document.removeEventListener('touchend', onTouchEnd, listenerOptions);
+  };
+};
+
+var preventScrollCount = 0;
+var restoreStandart;
+var restoreMobileSafari;
+var useBodyScrollLock = function useBodyScrollLock(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? true : _ref$isActive;
+  useLayoutEffect(function () {
+    if (!isActive) {
+      return;
+    }
+    var isMobileSafari = isIOS();
+    preventScrollCount++;
+    if (preventScrollCount === 1) {
+      restoreStandart = preventScrollStandard();
+      if (isMobileSafari) {
+        restoreMobileSafari = preventScrollMobileSafari();
+      }
+    }
+    return function () {
+      preventScrollCount--;
+      if (preventScrollCount === 0) {
+        restoreStandart();
+        if (isMobileSafari) {
+          restoreMobileSafari();
+        }
+      }
+    };
+  }, [isActive]);
+};
+
+exports.useBodyScrollLock = useBodyScrollLock;

package/useBodyScrollLock/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={capture:!1,passive:!1};function o(e){var t;return"undefined"!=typeof window&&null!=window.navigator&&e.test((null===(t=window.navigator.userAgentData)||void 0===t?void 0:t.platform)||window.navigator.platform)}function r(){return o(/^iPad/i)||o(/^Mac/i)&&navigator.maxTouchPoints>1}var u="undefined"!=typeof document?t(e).default.useLayoutEffect:function(){};function i(){return o(/^iPhone/i)||r()}function c(e,t,n){var o=e.style[t];return e.style[t]=n,function(){e.style[t]=o}}var d,a=function(e){return e.preventDefault(),!1},l=function(e){var t=e.currentTarget;return t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth?(e.stopPropagation(),!0):(e.preventDefault(),!1)};function v(e){var t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function f(){return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(){for(var e=0,n=t;e<n.length;e++){var o=n[e];"function"==typeof o&&o.apply(void 0,arguments)}}}(c(document.documentElement,"paddingRight","".concat(window.innerWidth-document.documentElement.clientWidth,"px")),c(document.documentElement,"overflow","hidden"))}var m,s,p=function(e){var t,o,r,u;(d=function(e){for(v(e)&&(e=e.parentElement);e&&!v(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}(e.target))&&d!==document.documentElement&&d!==document.body&&(o=(t=d).scrollTop,r=t.scrollHeight,u=o+t.offsetHeight,0===o?t.scrollTop=1:u===r&&(t.scrollTop=o-1),d.addEventListener("touchmove",l,n))},h=function(){d&&(d.removeEventListener("touchmove",l,n),d=void 0)},g=0;exports.useBodyScrollLock=function(e){var t=e.isActive,o=void 0===t||t;u((function(){if(o){var e=i();return 1===++g&&(m=f(),e&&(document.addEventListener("touchstart",p,n),document.addEventListener("touchmove",a,n),document.addEventListener("touchend",h,n),s=function(){document.removeEventListener("touchstart",p,n),document.removeEventListener("touchmove",a,n),document.removeEventListener("touchend",h,n)})),function(){0===--g&&(m(),e&&s())}}}),[o])};

package/useBodyScrollLock/cjs/index.production.v2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={capture:!1,passive:!1};function o(e){var t;return"undefined"!=typeof window&&null!=window.navigator&&e.test((null===(t=window.navigator.userAgentData)||void 0===t?void 0:t.platform)||window.navigator.platform)}function r(){return o(/^iPad/i)||o(/^Mac/i)&&navigator.maxTouchPoints>1}var u="undefined"!=typeof document?t(e).default.useLayoutEffect:function(){};function i(){return o(/^iPhone/i)||r()}function c(e,t,n){var o=e.style[t];return e.style[t]=n,function(){e.style[t]=o}}var d,a=function(e){return e.preventDefault(),!1},l=function(e){var t=e.currentTarget;return t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth?(e.stopPropagation(),!0):(e.preventDefault(),!1)};function v(e){var t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function f(){return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(){for(var e=0,n=t;e<n.length;e++){var o=n[e];"function"==typeof o&&o.apply(void 0,arguments)}}}(c(document.documentElement,"paddingRight","".concat(window.innerWidth-document.documentElement.clientWidth,"px")),c(document.documentElement,"overflow","hidden"))}var m,s,p=function(e){var t,o,r,u;(d=function(e){for(v(e)&&(e=e.parentElement);e&&!v(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}(e.target))&&d!==document.documentElement&&d!==document.body&&(o=(t=d).scrollTop,r=t.scrollHeight,u=o+t.offsetHeight,0===o?t.scrollTop=1:u===r&&(t.scrollTop=o-1),d.addEventListener("touchmove",l,n))},h=function(){d&&(d.removeEventListener("touchmove",l,n),d=void 0)},g=0;exports.useBodyScrollLock=function(e){var t=e.isActive,o=void 0===t||t;u((function(){if(o){var e=i();return 1===++g&&(m=f(),e&&(document.addEventListener("touchstart",p,n),document.addEventListener("touchmove",a,n),document.addEventListener("touchend",h,n),s=function(){document.removeEventListener("touchstart",p,n),document.removeEventListener("touchmove",a,n),document.removeEventListener("touchend",h,n)})),function(){0===--g&&(m(),e&&s())}}}),[o])};

package/useBodyScrollLock/index.d.ts

@@ -0,0 +1,5 @@
+type useBodyScrollLockArgs = {
+    isActive?: boolean;
+};
+export declare const useBodyScrollLock: ({ isActive }: useBodyScrollLockArgs) => void;
+export {};

package/useBodyScrollLock/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+    module.exports = require('./cjs/index.production.js');
+} else {
+    module.exports = require('./cjs/index.development.js');
+}

package/useBodyScrollLock/index.v2.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+    module.exports = require('./cjs/index.production.v2.js');
+} else {
+    module.exports = require('./cjs/index.development.v2.js');
+}

package/useBodyScrollLock/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@prom-ui/core/useBodyScrollLock",
+  "version": "1.7.0-alpha.2",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/useBodyScrollLock/preventScrollMobileSafari.d.ts

@@ -0,0 +1 @@
+export declare const preventScrollMobileSafari: () => () => void;

package/useBodyScrollLock/preventScrollStandard.d.ts

@@ -0,0 +1 @@
+export declare function preventScrollStandard(): (...args: any[]) => void;

package/useBodyScrollLock/utils.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare const listenerOptions: {
+    capture: boolean;
+    passive: boolean;
+};
+export declare const useLayoutEffect: typeof React.useLayoutEffect;
+export declare function isIOS(): boolean;
+export declare function setStyle(element: HTMLElement, style: string, value: string): () => void;
+/**
+ * Calls all functions in the order they were chained with the same arguments.
+ */
+export declare function chain(...callbacks: any[]): (...args: any[]) => void;
+export declare const preventTouchMove: (e: TouchEvent) => boolean;
+export declare const allowTouchMove: (e: TouchEvent) => boolean;
+export declare function preventInertiaScroll(target: HTMLElement): void;
+export declare function getScrollParent(node: HTMLElement): HTMLElement;

package/useBodyTTag/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useBodyTTag",
-  "version": "1.7.0-alpha.1",
+  "version": "1.7.0-alpha.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useDebounce/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useDebounce",
-  "version": "1.7.0-alpha.1",
+  "version": "1.7.0-alpha.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useId/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useId",
-  "version": "1.7.0-alpha.1",
+  "version": "1.7.0-alpha.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useIsMounted/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useIsMounted",
-  "version": "1.7.0-alpha.1",
+  "version": "1.7.0-alpha.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useKeyPress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useKeyPress",
-  "version": "1.7.0-alpha.1",
+  "version": "1.7.0-alpha.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useMedia/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useMedia",
-  "version": "1.7.0-alpha.1",
+  "version": "1.7.0-alpha.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useOutsideClick/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useOutsideClick",
-  "version": "1.7.0-alpha.1",
+  "version": "1.7.0-alpha.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/usePortal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/usePortal",
-  "version": "1.7.0-alpha.1",
+  "version": "1.7.0-alpha.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useScrollPosition/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useScrollPosition",
-  "version": "1.7.0-alpha.1",
+  "version": "1.7.0-alpha.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [