@megafon/ui-core 9.4.0 → 9.4.1-old-ui-images

package/dist/lib/components/Tabs/Tabs.js

@@ -31,7 +31,7 @@ var ArrowLeft = function ArrowLeft(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M8.502 5.304a1 1 0 011.436 1.392L7.713 8.993H14.5a1 1 0 110 2H7.7l2.238 2.31a1 1 0 01-1.436 1.393l-3.61-3.726a1.396 1.396 0 010-1.94l3.61-3.726z"
+    d: "M12 13l-3-3 3-3-1-1-4 4 4 4z"
   }));
 };
 var Swiper = null;

package/dist/lib/components/TextField/TextField.js

@@ -30,43 +30,37 @@ var Hide = function Hide(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M23.036 7.588c.553-.55 1.45-.55 2.004 0a1.4 1.4 0 01-.001 1.99l-1.221 1.21c.464.367.907.771 1.324 1.213l2.306 2.441c.74.784.736 1.995-.01 2.774l-2.335 2.437c-3.536 3.69-8.827 4.73-13.353 3.123l-1.646 1.636c-.553.55-1.45.55-2.003 0a1.401 1.401 0 010-1.99L23.036 7.588zm-7.865 11.79c.268.054.545.084.83.084 2.339 0 4.235-1.884 4.235-4.208 0-.282-.03-.558-.083-.824l-4.982 4.949z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M6.832 12c3.113-3.295 7.619-4.511 11.76-3.65l-2.719 2.699c-2.238.065-4.04 1.855-4.105 4.079L7.06 19.806a12.697 12.697 0 01-.168-.172l-2.334-2.448a2.005 2.005 0 01-.007-2.771l2.28-2.414z"
+    d: "M5.82 17.45l-1.65 2.31L5.8 21l1.65-2.3a15.9 15.9 0 002.67 1.3l-.87 2.71 1.92.63.86-2.7a15.64 15.64 0 003 .48V24h2v-2.84a15.64 15.64 0 003-.48l.86 2.7 1.92-.63-.93-2.75a15.9 15.9 0 002.67-1.38L26.2 21l1.63-1.2-1.65-2.31a16.16 16.16 0 001.82-1.8l-1.51-1.35a13.8 13.8 0 01-21 0L4 15.69a16.15 16.15 0 001.82 1.76zM23 11.92l1-1.77a16 16 0 00-16 0l1 1.77a14 14 0 0114 0z"
   }));
 };
 var Show = function Show(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6.833 12.31c4.936-5.08 13.373-5.08 18.31 0l2.305 2.373a1.91 1.91 0 01-.01 2.698l-2.335 2.369c-4.933 5.007-13.287 4.999-18.209-.019l-2.335-2.38a1.91 1.91 0 01-.007-2.693l2.28-2.348zM16 10.45a5.55 5.55 0 100 11.101 5.55 5.55 0 000-11.101z"
+    d: "M26 11.69l1.73-2-1.49-1.34-1.82 2.15a15.67 15.67 0 00-2.59-1.34l1.1-2.8-1.86-.73-1.14 2.9A15.53 15.53 0 0017 8.07V5h-2v3.07a15.53 15.53 0 00-2.93.47l-1.14-2.9-1.86.73 1.1 2.8a15.67 15.67 0 00-2.59 1.33L5.76 8.35l-1.52 1.3 1.73 2A19.78 19.78 0 004 13.5L5.46 15A13.72 13.72 0 0116 10a13.55 13.55 0 0110.52 5L28 13.5a19.78 19.78 0 00-2-1.81z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M18.824 13.273c0 .753-.633 1.364-1.412 1.364-.78 0-1.412-.611-1.412-1.364 0-.753.632-1.364 1.412-1.364.78 0 1.412.61 1.412 1.364z"
+    d: "M20 16a4 4 0 10-4 4 4 4 0 004-4zm-6 0a2 2 0 112 2 2 2 0 01-2-2z"
   }));
 };
 var ClearIcon = function ClearIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M9.405 9.402a1.558 1.558 0 012.201 0l4.348 4.344 4.337-4.333a1.555 1.555 0 112.201 2.2l-4.338 4.331 4.339 4.335a1.555 1.555 0 11-2.201 2.2l-4.34-4.336-4.348 4.346a1.554 1.554 0 11-2.2-2.2l4.348-4.344L9.405 11.6a1.554 1.554 0 010-2.2z"
+    className: "ClearIcon__st0",
+    d: "M16 14.5L11.5 10 10 11.5l4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5-1.5-1.5-4.5 4.5z"
   }));
 };
 var CheckedIcon = function CheckedIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M11.033 15.1l3.39 3.39 6.817-6.742c.578-.572 1.483-.595 2.02-.051.538.544.504 1.449-.075 2.021l-7.858 7.773c-.576.57-1.476.595-2.015.056L8.95 17.185c-.54-.541-.512-1.446.063-2.021.576-.576 1.48-.604 2.021-.063z"
+    d: "M22.2 9l-7.8 9.4-3.6-3.7L9 16.5c3.6 3.7 5.4 5.5 5.5 5.5.1 0 3.3-3.8 9.5-11.3L22.2 9z"
   }));
 };
 var ResizeIcon = function ResizeIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     width: 12,
-    height: 12,
-    viewBox: "0 0 12 12"
+    height: 12
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M1 11L11 1M7 11l4-4"
   }));

package/dist/lib/components/Tooltip/Tooltip.js

@@ -21,14 +21,13 @@ var RightArrow = function RightArrow(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10.084 5.282a1 1 0 011.414.022l3.61 3.726c.522.54.523 1.4 0 1.94l-3.61 3.726a1 1 0 01-1.436-1.392l2.225-2.297H5.5a1 1 0 010-2h6.8l-2.239-2.31a1 1 0 01.023-1.415z"
+    d: "M8 13l3-3-3-3 1-1 4 4-4 4z"
   }));
 };
 var ArrowWithContour = function ArrowWithContour(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     width: 32,
-    height: 12,
-    viewBox: "0 0 32 12"
+    height: 12
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
@@ -42,8 +41,7 @@ var ArrowWithContour = function ArrowWithContour(props) {
 var Arrow = function Arrow(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     width: 42,
-    height: 12,
-    viewBox: "0 0 42 12"
+    height: 12
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",

package/dist/lib/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js

@@ -20,11 +20,7 @@ var CloudUpload = function CloudUpload(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 40 40"
   }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M19.28 24.394a.93.93 0 011.424 0l2.822 3.337c.526.622.094 1.59-.712 1.59h-.947v2.44c0 1.06-.84 1.92-1.876 1.92-1.037 0-1.88-.86-1.88-1.92v-2.44h-.942a.933.933 0 01-.89-.655c-.003-.01-.01-.02-.013-.03a1.01 1.01 0 01-.038-.235.955.955 0 01.228-.67l2.823-3.337z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19.011 8.68c3.733 0 6.898 2.484 8.013 5.926.47-.094.956-.144 1.454-.144 4.154 0 7.522 3.436 7.522 7.677 0 4.24-3.368 7.678-7.522 7.678-.86 0-1.719.004-2.578.01-.293 0-.483-.322-.396-.601a2.876 2.876 0 00-.554-2.752l-2.821-3.336a2.784 2.784 0 00-4.052-.235l-.22.233-2.824 3.337a2.873 2.873 0 00-.552 2.756c.088.279-.1.6-.393.6H9.344v-.018C6.367 29.653 4 27.141 4 24.061c0-3.18 2.526-5.758 5.642-5.758.337 0 .667.03.989.088a8.959 8.959 0 01-.063-1.058c0-4.779 3.78-8.652 8.443-8.652z"
+    d: "M19 36V22l-2.38 3.9-1.71-1L19 18h1.88l4.14 6.85-1.71 1L21 22v14zM8.21 32H14v-2H8.21A4.27 4.27 0 014 25.6a4.27 4.27 0 014.21-4.4h2.07V18a9.94 9.94 0 019.66-10 9.94 9.94 0 019.66 10v1h1a5.49 5.49 0 010 11H26v2h4.6a7.49 7.49 0 001-14.91A11.94 11.94 0 0019.94 6 11.94 11.94 0 008.27 18v1.16h-.06A6.27 6.27 0 002 25.6 6.27 6.27 0 008.21 32z"
   }));
 };
 var cn = (0, _uiHelpers.cnCreate)('mfui-9-upload-field-drop-area');

package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.js

@@ -19,16 +19,17 @@ var DownloadIcon = function DownloadIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M26.4 14.507a1.6 1.6 0 011.601 1.6c0 1.5-.318 2.984-.93 4.363a11.295 11.295 0 01-2.625 3.67 12.08 12.08 0 01-3.888 2.427 12.67 12.67 0 01-9.115 0 12.083 12.083 0 01-3.888-2.427 11.295 11.295 0 01-2.625-3.67A10.75 10.75 0 014 16.107a1.6 1.6 0 113.2 0c0 1.048.22 2.09.653 3.065a8.097 8.097 0 001.884 2.63 8.881 8.881 0 002.86 1.78 9.453 9.453 0 003.403.631 9.45 9.45 0 003.402-.63 8.883 8.883 0 002.86-1.782 8.096 8.096 0 001.883-2.629 7.55 7.55 0 00.655-3.065 1.6 1.6 0 011.6-1.6z"
+    d: "M15.04 5.99L14.97 17l-1.26-1.49-1.42 1.41L15.37 20h1.26l3.08-3.08-1.42-1.41-1.32 1.55.07-11.05-2-.02z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 6.418a1.6 1.6 0 011.6 1.6v5.813l2.062-2.085a1.6 1.6 0 012.275 2.25l-4.231 4.278-.183.167a2.4 2.4 0 01-3.047 0l-.183-.167-4.23-4.278a1.6 1.6 0 112.275-2.25L14.4 13.83V8.018a1.6 1.6 0 011.6-1.6z"
+    d: "M8 17H6a10 10 0 0020 0h-2a8 8 0 01-16 0z"
   }));
 };
 var CancelIcon = function CancelIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M9.405 9.402a1.558 1.558 0 012.201 0l4.348 4.344 4.337-4.333a1.555 1.555 0 112.201 2.2l-4.338 4.331 4.339 4.335a1.555 1.555 0 11-2.201 2.2l-4.34-4.336-4.348 4.346a1.554 1.554 0 11-2.2-2.2l4.348-4.344L9.405 11.6a1.554 1.554 0 010-2.2z"
+    className: "CancelIcon__st0",
+    d: "M16 14.5L11.5 10 10 11.5l4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5-1.5-1.5-4.5 4.5z"
   }));
 };
 var MAX_PROGRESS = 100;

package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js

@@ -15,7 +15,6 @@ var AttachIcon = function AttachIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     width: 32,
     height: 32,
-    viewBox: "0 0 32 32",
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M25.538 8.297c-.944-.997-2.2-1.547-3.535-1.547-1.336 0-2.591.55-3.536 1.547l-7.881 8.325c-1.17 1.236-1.17 3.246 0 4.482a2.891 2.891 0 004.242 0l5.19-5.482c.39-.413.39-1.082 0-1.494a.963.963 0 00-1.414 0l-5.19 5.482a.964.964 0 01-1.414 0 1.1 1.1 0 010-1.494l7.881-8.325a2.902 2.902 0 012.122-.928c.8 0 1.554.33 2.12.928 1.17 1.236 1.17 3.246 0 4.481l-8.588 9.072c-1.95 2.06-5.121 2.06-7.07 0A5.4 5.4 0 017 19.61a5.4 5.4 0 011.464-3.735l8.589-9.072c.39-.412.39-1.081 0-1.494a.963.963 0 00-1.414 0L7.05 14.382C5.728 15.778 5 17.635 5 19.61c0 1.975.728 3.832 2.05 5.228C8.415 26.28 10.207 27 12 27c1.792 0 3.585-.72 4.95-2.162l8.588-9.072c1.95-2.06 1.95-5.41 0-7.469z",
@@ -26,7 +25,6 @@ var ExcelIcon = function ExcelIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     width: 32,
     height: 32,
-    viewBox: "0 0 32 32",
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M8 3a1 1 0 011-1h10v7H8V3z",
@@ -96,7 +94,6 @@ var ImageIcon = function ImageIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     width: 32,
     height: 32,
-    viewBox: "0 0 32 32",
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M5.21 2.058h21.578c1.74 0 3.154 1.508 3.154 3.366V26.58c0 1.855-1.414 3.362-3.154 3.362H5.21c-1.74 0-3.152-1.507-3.152-3.362V5.424c0-1.858 1.413-3.366 3.152-3.366zm6.7 5.181c-1.681 0-3.045 1.28-3.045 3.074 0 1.795 1.364 2.946 3.046 2.946 1.682 0 3.046-1.151 3.046-2.946 0-1.794-1.364-3.074-3.046-3.074zM6.2 26.832h19.165c.841 0 1.216-.65.836-1.45L21.758 15.13c-.378-.801-1.527-.713-2.038 0l-5.615 6.374c-.511.713-1.21.634-2.03.223l-2.811-1.493c-.408-.28-1.171-.544-1.654.191L5.55 25.5c-.481.736-.191 1.332.65 1.332z",
@@ -107,7 +104,6 @@ var PdfIcon = function PdfIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     width: 32,
     height: 32,
-    viewBox: "0 0 32 32",
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("circle", {
     cx: 16,
@@ -125,7 +121,6 @@ var PowerIcon = function PowerIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     width: 32,
     height: 32,
-    viewBox: "0 0 32 32",
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("circle", {
     cx: 17,
@@ -188,7 +183,6 @@ var WordIcon = function WordIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     width: 32,
     height: 32,
-    viewBox: "0 0 32 32",
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M8 3a1 1 0 011-1h20a1 1 0 011 1v6H8V3z",

package/dist/lib/index.d.ts

@@ -89,6 +89,5 @@ export { default as UploadFileItemIcon } from './components/UploadForm/UploadFil
 export { default as useDragAndDrop } from './components/UploadForm/UploadField/components/useDragAndDrop';
 export { default as useGradient } from './components/Carousel/useGradient';
 export { default as usePagination } from './components/Pagination/usePagination';
-export { default as usePreventScroll } from './components/Modal/utils/usePreventScroll';
 export { default as utils } from './components/Modal/utils/utils';
 export { default as ValueField } from './components/ValueField/ValueField';

package/dist/lib/index.js

@@ -555,12 +555,6 @@ Object.defineProperty(exports, "usePagination", {
     return _usePagination["default"];
   }
 });
-Object.defineProperty(exports, "usePreventScroll", {
-  enumerable: true,
-  get: function get() {
-    return _usePreventScroll["default"];
-  }
-});
 Object.defineProperty(exports, "utils", {
   enumerable: true,
   get: function get() {
@@ -658,7 +652,6 @@ var _UploadFileItemIcon = _interopRequireDefault(require("./components/UploadFor
 var _useDragAndDrop = _interopRequireDefault(require("./components/UploadForm/UploadField/components/useDragAndDrop"));
 var _useGradient = _interopRequireDefault(require("./components/Carousel/useGradient"));
 var _usePagination = _interopRequireDefault(require("./components/Pagination/usePagination"));
-var _usePreventScroll = _interopRequireDefault(require("./components/Modal/utils/usePreventScroll"));
 var _utils = _interopRequireDefault(require("./components/Modal/utils/utils"));
 var _ValueField = _interopRequireDefault(require("./components/ValueField/ValueField"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "9.4.0",
+    "version": "9.4.1-old-ui-images",
     "files": [
         "dist",
         "styles"
@@ -50,7 +50,7 @@
         "@babel/preset-env": "^7.8.6",
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.8.3",
-        "@megafon/ui-icons": "^4.0.1",
+        "@megafon/ui-icons": "^3.16.0",
         "@svgr/core": "^2.4.1",
         "@testing-library/jest-dom": "^6.5.0",
         "@testing-library/react": "^16.0.1",
@@ -103,6 +103,5 @@
         "simplebar": "^6.2.6",
         "simplebar-react": "^3.2.5",
         "swiper": "^12.1.2"
-    },
-    "gitHead": "c28ce3fb0ec00755000ff405a4ae1efe950064fb"
+    }
 }

package/dist/es/components/Modal/utils/usePreventScroll.d.ts

@@ -1,17 +0,0 @@
-import { useEffect } from 'react';
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
-interface PreventScrollOptions {
-    /** Whether the scroll lock is disabled. */
-    isDisabled?: boolean;
-    focusCallback?: () => void;
-}
-export declare function isScrollable(node: Element): boolean;
-export declare function getScrollParent(node: Element): Element;
-/**
- * Prevents scrolling on the document body on mount, and
- * restores it on unmount. Also ensures that content does not
- * shift due to the scrollbars disappearing.
- */
-declare function usePreventScroll(options?: PreventScrollOptions): void;
-export declare function isInput(target: Element): boolean;
-export default usePreventScroll;

package/dist/es/components/Modal/utils/usePreventScroll.js

@@ -1,252 +0,0 @@
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.regexp.test.js";
-import "core-js/modules/es.set.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-// This code comes from https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/usePreventScroll.ts
-/* eslint-disable */
-import { useEffect, useLayoutEffect } from 'react';
-import { isIOS } from "../../../utils/browser";
-var KEYBOARD_BUFFER = 24;
-export var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-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);
-      }
-    }
-  };
-}
-// @ts-ignore
-var visualViewport = typeof document !== 'undefined' && window.visualViewport;
-export function isScrollable(node) {
-  var style = window.getComputedStyle(node);
-  return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
-}
-export function getScrollParent(node) {
-  if (isScrollable(node)) {
-    node = node.parentElement;
-  }
-  while (node && !isScrollable(node)) {
-    node = node.parentElement;
-  }
-  return node || document.scrollingElement || document.documentElement;
-}
-// HTML input types that do not cause the software keyboard to appear.
-var nonTextInputTypes = new Set(['checkbox', 'radio', 'range', 'color', 'file', 'image', 'button', 'submit', 'reset']);
-// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position
-var preventScrollCount = 0;
-var restore;
-/**
- * Prevents scrolling on the document body on mount, and
- * restores it on unmount. Also ensures that content does not
- * shift due to the scrollbars disappearing.
- */
-function usePreventScroll() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var isDisabled = options.isDisabled;
-  useIsomorphicLayoutEffect(function () {
-    if (isDisabled) {
-      return;
-    }
-    preventScrollCount++;
-    if (preventScrollCount === 1) {
-      if (isIOS()) {
-        restore = preventScrollMobileSafari();
-      }
-    }
-    return function () {
-      preventScrollCount--;
-      if (preventScrollCount === 0) {
-        restore === null || restore === void 0 ? void 0 : restore();
-      }
-    };
-  }, [isDisabled]);
-}
-// Mobile Safari is a whole different beast. Even with overflow: hidden,
-// it still scrolls the page in many situations:
-//
-// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.
-// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of
-//    it, so it becomes scrollable.
-// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.
-//    This may cause even fixed position elements to scroll off the screen.
-// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always
-//    scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.
-//
-// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:
-//
-// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling
-//    on the window.
-// 2. Prevent default on `touchmove` events inside a scrollable element when the scroll position is at the
-//    top or bottom. This avoids the whole page scrolling instead, but does prevent overscrolling.
-// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.
-// 4. When focusing an input, apply a transform to trick Safari into thinking the input is at the top
-//    of the page, which prevents it from scrolling the page. After the input is focused, scroll the element
-//    into view ourselves, without scrolling the whole page.
-// 5. Offset the body by the scroll position using a negative margin and scroll to the top. This should appear the
-//    same visually, but makes the actual scroll position always zero. This is required to make all of the
-//    above work or Safari will still try to scroll the page when focusing an input.
-// 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting
-//    to navigate to an input with the next/previous buttons that's outside a modal.
-function preventScrollMobileSafari() {
-  var scrollable;
-  var lastY = 0;
-  var onTouchStart = function onTouchStart(e) {
-    // Store the nearest scrollable parent element from the element that the user touched.
-    scrollable = getScrollParent(e.target);
-    if (scrollable === document.documentElement && scrollable === document.body) {
-      return;
-    }
-    lastY = e.changedTouches[0].pageY;
-  };
-  var onTouchMove = function onTouchMove(e) {
-    // Prevent scrolling the window.
-    if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
-      e.preventDefault();
-      return;
-    }
-    // Prevent scrolling up when at the top and scrolling down when at the bottom
-    // of a nested scrollable area, otherwise mobile Safari will start scrolling
-    // the window instead. Unfortunately, this disables bounce scrolling when at
-    // the top but it's the best we can do.
-    var y = e.changedTouches[0].pageY;
-    var _scrollable = scrollable,
-      scrollTop = _scrollable.scrollTop;
-    var bottom = scrollable.scrollHeight - scrollable.clientHeight;
-    if (bottom === 0) {
-      return;
-    }
-    if (scrollTop <= 0 && y > lastY || scrollTop >= bottom && y < lastY) {
-      e.preventDefault();
-    }
-    lastY = y;
-  };
-  var onTouchEnd = function onTouchEnd(e) {
-    var target = e.target;
-    // Apply this change if we're not already focused on the target element
-    if (isInput(target) && target !== document.activeElement) {
-      e.preventDefault();
-      // Apply a transform to trick Safari into thinking the input is at the top of the page
-      // so it doesn't try to scroll it into view. When tapping on an input, this needs to
-      // be done before the "focus" event, so we have to focus the element ourselves.
-      target.style.transform = 'translateY(-2000px)';
-      target.focus();
-      requestAnimationFrame(function () {
-        target.style.transform = '';
-      });
-    }
-  };
-  var onFocus = function onFocus(e) {
-    var target = e.target;
-    if (isInput(target)) {
-      // Transform also needs to be applied in the focus event in cases where focus moves
-      // other than tapping on an input directly, e.g. the next/previous buttons in the
-      // software keyboard. In these cases, it seems applying the transform in the focus event
-      // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷‍♂️
-      target.style.transform = 'translateY(-2000px)';
-      requestAnimationFrame(function () {
-        target.style.transform = '';
-        // This will have prevented the browser from scrolling the focused element into view,
-        // so we need to do this ourselves in a way that doesn't cause the whole page to scroll.
-        if (visualViewport) {
-          if (visualViewport.height < window.innerHeight) {
-            // If the keyboard is already visible, do this after one additional frame
-            // to wait for the transform to be removed.
-            requestAnimationFrame(function () {
-              scrollIntoView(target);
-            });
-          } else {
-            // Otherwise, wait for the visual viewport to resize before scrolling so we can
-            // measure the correct position to scroll to.
-            visualViewport.addEventListener('resize', function () {
-              return scrollIntoView(target);
-            }, {
-              once: true
-            });
-          }
-        }
-      });
-    }
-  };
-  var onWindowScroll = function onWindowScroll() {
-    // Last resort. If the window scrolled, scroll it back to the top.
-    // It should always be at the top because the body will have a negative margin (see below).
-    window.scrollTo(0, 0);
-  };
-  // Record the original scroll position so we can restore it.
-  // Then apply a negative margin to the body to offset it by the scroll position. This will
-  // enable us to scroll the window to the top, which is required for the rest of this to work.
-  var scrollX = window.pageXOffset;
-  var scrollY = window.pageYOffset;
-  var restoreStyles = chain(setStyle(document.documentElement, 'paddingRight', "".concat(window.innerWidth - document.documentElement.clientWidth, "px")));
-  // Scroll to the top. The negative margin on the body will make this appear the same.
-  window.scrollTo(0, 0);
-  var removeEvents = chain(addEvent(document, 'touchstart', onTouchStart, {
-    passive: false,
-    capture: true
-  }), addEvent(document, 'touchmove', onTouchMove, {
-    passive: false,
-    capture: true
-  }), addEvent(document, 'touchend', onTouchEnd, {
-    passive: false,
-    capture: true
-  }), addEvent(document, 'focus', onFocus, true), addEvent(window, 'scroll', onWindowScroll));
-  return function () {
-    // Restore styles and scroll the page back to where it was.
-    restoreStyles();
-    removeEvents();
-    window.scrollTo(scrollX, scrollY);
-  };
-}
-// Sets a CSS property on an element, and returns a function to revert it to the previous value.
-function setStyle(element, style, value) {
-  // https://github.com/microsoft/TypeScript/issues/17827#issuecomment-391663310
-  // @ts-ignore
-  var cur = element.style[style];
-  // @ts-ignore
-  element.style[style] = value;
-  return function () {
-    // @ts-ignore
-    element.style[style] = cur;
-  };
-}
-// Adds an event listener to an element, and returns a function to remove it.
-function addEvent(target, event, handler, options) {
-  // @ts-ignore
-  target.addEventListener(event, handler, options);
-  return function () {
-    // @ts-ignore
-    target.removeEventListener(event, handler, options);
-  };
-}
-function scrollIntoView(target) {
-  var root = document.scrollingElement || document.documentElement;
-  while (target && target !== root) {
-    // Find the parent scrollable element and adjust the scroll position if the target is not already in view.
-    var scrollable = getScrollParent(target);
-    if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== target) {
-      var scrollableTop = scrollable.getBoundingClientRect().top;
-      var targetTop = target.getBoundingClientRect().top;
-      var targetBottom = target.getBoundingClientRect().bottom;
-      // Buffer is needed for some edge cases
-      var keyboardHeight = scrollable.getBoundingClientRect().bottom + KEYBOARD_BUFFER;
-      if (targetBottom > keyboardHeight) {
-        scrollable.scrollTop += targetTop - scrollableTop;
-      }
-    }
-    // @ts-ignore
-    target = scrollable.parentElement;
-  }
-}
-export function isInput(target) {
-  return target instanceof HTMLInputElement && !nonTextInputTypes.has(target.type) || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
-}
-export default usePreventScroll;

package/dist/es/hooks/useEvent.d.ts

@@ -1,3 +0,0 @@
-type Fn<ARGS extends unknown[], R> = (...args: ARGS) => R;
-export declare const useEvent: <A extends unknown[], R>(fn: Fn<A, R>) => Fn<A, R>;
-export {};

package/dist/es/hooks/useEvent.js

@@ -1,11 +0,0 @@
-import { useMemo } from 'react';
-import { useLatest } from "./useLatest";
-export var useEvent = function useEvent(fn) {
-  var ref = useLatest(fn);
-  return useMemo(function () {
-    return function () {
-      var current = ref.current;
-      return current.apply(void 0, arguments);
-    };
-  }, [ref]);
-};

package/dist/es/hooks/useLatest.d.ts

@@ -1,2 +0,0 @@
-import type { RefObject } from 'react';
-export declare const useLatest: <T>(value: T) => RefObject<T>;

package/dist/es/hooks/useLatest.js

@@ -1,8 +0,0 @@
-import { useInsertionEffect, useRef } from 'react';
-export var useLatest = function useLatest(value) {
-  var valueRef = useRef(value);
-  useInsertionEffect(function () {
-    valueRef.current = value;
-  }, [value]);
-  return valueRef;
-};

package/dist/es/hooks/useVisualViewport.d.ts

@@ -1,10 +0,0 @@
-type Metrics = {
-    keyboardOffset: number;
-    viewportHeight: number;
-    isKeyboardOpen: boolean;
-};
-declare function useVisualViewport({ enabled, onChange, }: {
-    enabled?: boolean;
-    onChange: (metrics: Metrics) => void;
-}): Metrics;
-export default useVisualViewport;

package/dist/es/hooks/useVisualViewport.js

@@ -1,55 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useEffect, useState } from 'react';
-import { useEvent } from "./useEvent";
-var getDefaultMetrics = function getDefaultMetrics() {
-  return {
-    keyboardOffset: 0,
-    viewportHeight: window.innerHeight,
-    isKeyboardOpen: false
-  };
-};
-var getMetrics = function getMetrics() {
-  var viewport = window.visualViewport;
-  if (!viewport) {
-    return getDefaultMetrics();
-  }
-  var keyboardOffset = Math.max(0, window.innerHeight - viewport.height - viewport.offsetTop);
-  var isKeyboardOpen = viewport.height < window.innerHeight && window.innerHeight - viewport.height > 150;
-  return {
-    keyboardOffset: keyboardOffset,
-    viewportHeight: viewport.height,
-    isKeyboardOpen: isKeyboardOpen
-  };
-};
-function useVisualViewport(_ref) {
-  var _ref$enabled = _ref.enabled,
-    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
-    onChange = _ref.onChange;
-  var _useState = useState(function () {
-      return getMetrics();
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    metrics = _useState2[0],
-    setMetrics = _useState2[1];
-  var onChangeMetrics = useEvent(onChange);
-  useEffect(function () {
-    if (!enabled) {
-      return undefined;
-    }
-    var updateMetrics = function updateMetrics() {
-      var currentMetrics = getMetrics();
-      setMetrics(currentMetrics);
-      onChangeMetrics(currentMetrics);
-    };
-    updateMetrics();
-    var viewport = window.visualViewport;
-    viewport === null || viewport === void 0 ? void 0 : viewport.addEventListener('resize', updateMetrics);
-    viewport === null || viewport === void 0 ? void 0 : viewport.addEventListener('scroll', updateMetrics);
-    return function () {
-      viewport === null || viewport === void 0 ? void 0 : viewport.removeEventListener('resize', updateMetrics);
-      viewport === null || viewport === void 0 ? void 0 : viewport.removeEventListener('scroll', updateMetrics);
-    };
-  }, [enabled, onChangeMetrics]);
-  return metrics;
-}
-export default useVisualViewport;

package/dist/es/utils/browser.d.ts

@@ -1,7 +0,0 @@
-export declare function isMobileFirefox(): boolean | undefined;
-export declare function testPlatform(re: RegExp): boolean | undefined;
-export declare function isMac(): boolean | undefined;
-export declare function isIPhone(): boolean | undefined;
-export declare function isSafari(): boolean | undefined;
-export declare function isIPad(): boolean | undefined;
-export declare function isIOS(): boolean | undefined;

package/dist/es/utils/browser.js

@@ -1,30 +0,0 @@
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.regexp.test.js";
-export function isMobileFirefox() {
-  var _navigator = navigator,
-    userAgent = _navigator.userAgent;
-  return typeof window !== 'undefined' && (/Firefox/.test(userAgent) && /Mobile/.test(userAgent) ||
-  // Android Firefox
-  /FxiOS/.test(userAgent)) // iOS Firefox
-  ;
-}
-export function testPlatform(re) {
-  return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.platform) : undefined;
-}
-export function isMac() {
-  return testPlatform(/^Mac/);
-}
-export function isIPhone() {
-  return testPlatform(/^iPhone/);
-}
-export function isSafari() {
-  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-}
-export function isIPad() {
-  return testPlatform(/^iPad/) ||
-  // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  isMac() && navigator.maxTouchPoints > 1;
-}
-export function isIOS() {
-  return isIPhone() || isIPad();
-}