@rc-component/util 1.0.0 → 1.0.1

package/es/getScrollBarSize.js

@@ -1,13 +1,13 @@
 /* eslint-disable no-param-reassign */
 import { removeCSS, updateCSS } from "./Dom/dynamicCSS";
-var cached;
+let cached;
 function measureScrollbarSize(ele) {
-  var randomId = "rc-scrollbar-measure-".concat(Math.random().toString(36).substring(7));
-  var measureEle = document.createElement('div');
+  const randomId = `rc-scrollbar-measure-${Math.random().toString(36).substring(7)}`;
+  const measureEle = document.createElement('div');
   measureEle.id = randomId;
 
   // Create Style
-  var measureStyle = measureEle.style;
+  const measureStyle = measureEle.style;
   measureStyle.position = 'absolute';
   measureStyle.left = '0';
   measureStyle.top = '0';
@@ -16,23 +16,27 @@ function measureScrollbarSize(ele) {
   measureStyle.overflow = 'scroll';
 
   // Clone Style if needed
-  var fallbackWidth;
-  var fallbackHeight;
+  let fallbackWidth;
+  let fallbackHeight;
   if (ele) {
-    var targetStyle = getComputedStyle(ele);
+    const targetStyle = getComputedStyle(ele);
     measureStyle.scrollbarColor = targetStyle.scrollbarColor;
     measureStyle.scrollbarWidth = targetStyle.scrollbarWidth;
 
     // Set Webkit style
-    var webkitScrollbarStyle = getComputedStyle(ele, '::-webkit-scrollbar');
-    var width = parseInt(webkitScrollbarStyle.width, 10);
-    var height = parseInt(webkitScrollbarStyle.height, 10);
+    const webkitScrollbarStyle = getComputedStyle(ele, '::-webkit-scrollbar');
+    const width = parseInt(webkitScrollbarStyle.width, 10);
+    const height = parseInt(webkitScrollbarStyle.height, 10);
 
     // Try wrap to handle CSP case
     try {
-      var widthStyle = width ? "width: ".concat(webkitScrollbarStyle.width, ";") : '';
-      var heightStyle = height ? "height: ".concat(webkitScrollbarStyle.height, ";") : '';
-      updateCSS("\n#".concat(randomId, "::-webkit-scrollbar {\n").concat(widthStyle, "\n").concat(heightStyle, "\n}"), randomId);
+      const widthStyle = width ? `width: ${webkitScrollbarStyle.width};` : '';
+      const heightStyle = height ? `height: ${webkitScrollbarStyle.height};` : '';
+      updateCSS(`
+#${randomId}::-webkit-scrollbar {
+${widthStyle}
+${heightStyle}
+}`, randomId);
     } catch (e) {
       // Can't wrap, just log error
       console.error(e);
@@ -45,8 +49,8 @@ function measureScrollbarSize(ele) {
   document.body.appendChild(measureEle);
 
   // Measure. Get fallback style if provided
-  var scrollWidth = ele && fallbackWidth && !isNaN(fallbackWidth) ? fallbackWidth : measureEle.offsetWidth - measureEle.clientWidth;
-  var scrollHeight = ele && fallbackHeight && !isNaN(fallbackHeight) ? fallbackHeight : measureEle.offsetHeight - measureEle.clientHeight;
+  const scrollWidth = ele && fallbackWidth && !isNaN(fallbackWidth) ? fallbackWidth : measureEle.offsetWidth - measureEle.clientWidth;
+  const scrollHeight = ele && fallbackHeight && !isNaN(fallbackHeight) ? fallbackHeight : measureEle.offsetHeight - measureEle.clientHeight;
 
   // Clean up
   document.body.removeChild(measureEle);

package/es/hooks/useEffect.js

@@ -2,11 +2,9 @@ import * as React from 'react';
 
 /** As `React.useEffect` but pass origin value in callback and not need care deps length change. */
 export default function useEffect(callback, deps) {
-  var prevRef = React.useRef(deps);
-  React.useEffect(function () {
-    if (deps.length !== prevRef.current.length || deps.some(function (dep, index) {
-      return dep !== prevRef.current[index];
-    })) {
+  const prevRef = React.useRef(deps);
+  React.useEffect(() => {
+    if (deps.length !== prevRef.current.length || deps.some((dep, index) => dep !== prevRef.current[index])) {
       callback(prevRef.current);
     }
     prevRef.current = deps;

package/es/hooks/useEvent.js

@@ -2,15 +2,9 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import * as React from 'react';
 function useEvent(callback) {
-  var fnRef = React.useRef();
+  const fnRef = React.useRef();
   fnRef.current = callback;
-  var memoFn = React.useCallback(function () {
-    var _fnRef$current;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return (_fnRef$current = fnRef.current) === null || _fnRef$current === void 0 ? void 0 : _fnRef$current.call.apply(_fnRef$current, [fnRef].concat(args));
-  }, []);
+  const memoFn = React.useCallback((...args) => fnRef.current?.(...args), []);
   return memoFn;
 }
 export default useEvent;

package/es/hooks/useId.js

@@ -1,22 +1,12 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import * as React from 'react';
 function getUseId() {
   // We need fully clone React function here to avoid webpack warning React 17 do not export `useId`
-  var fullClone = _objectSpread({}, React);
+  const fullClone = {
+    ...React
+  };
   return fullClone.useId;
 }
-var uuid = 0;
+let uuid = 0;
 
 /** @private Note only worked in develop env. Not work in production. */
 export function resetUuid() {
@@ -24,11 +14,11 @@ export function resetUuid() {
     uuid = 0;
   }
 }
-var useOriginId = getUseId();
+const useOriginId = getUseId();
 export default useOriginId ?
 // Use React `useId`
 function useId(id) {
-  var reactId = useOriginId();
+  const reactId = useOriginId();
 
   // Developer passed id is single source of truth
   if (id) {
@@ -44,14 +34,11 @@ function useId(id) {
 // Use compatible of `useId`
 function useCompatId(id) {
   // Inner id for accessibility usage. Only work in client side
-  var _React$useState = React.useState('ssr-id'),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    innerId = _React$useState2[0],
-    setInnerId = _React$useState2[1];
-  React.useEffect(function () {
-    var nextId = uuid;
+  const [innerId, setInnerId] = React.useState('ssr-id');
+  React.useEffect(() => {
+    const nextId = uuid;
     uuid += 1;
-    setInnerId("rc_unique_".concat(nextId));
+    setInnerId(`rc_unique_${nextId}`);
   }, []);
 
   // Developer passed id is single source of truth

package/es/hooks/useLayoutEffect.js

@@ -4,23 +4,23 @@ import canUseDom from "../Dom/canUseDom";
 /**
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
-var useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React.useLayoutEffect : React.useEffect;
-var useLayoutEffect = function useLayoutEffect(callback, deps) {
-  var firstMountRef = React.useRef(true);
-  useInternalLayoutEffect(function () {
+const useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React.useLayoutEffect : React.useEffect;
+const useLayoutEffect = (callback, deps) => {
+  const firstMountRef = React.useRef(true);
+  useInternalLayoutEffect(() => {
     return callback(firstMountRef.current);
   }, deps);
 
   // We tell react that first mount has passed
-  useInternalLayoutEffect(function () {
+  useInternalLayoutEffect(() => {
     firstMountRef.current = false;
-    return function () {
+    return () => {
       firstMountRef.current = true;
     };
   }, []);
 };
-export var useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
-  useLayoutEffect(function (firstMount) {
+export const useLayoutUpdateEffect = (callback, deps) => {
+  useLayoutEffect(firstMount => {
     if (!firstMount) {
       return callback();
     }

package/es/hooks/useMemo.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export default function useMemo(getValue, condition, shouldUpdate) {
-  var cacheRef = React.useRef({});
+  const cacheRef = React.useRef({});
   if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
     cacheRef.current.value = getValue();
     cacheRef.current.condition = condition;

package/es/hooks/useMergedState.js

@@ -1,9 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import useEvent from "./useEvent";
 import { useLayoutUpdateEffect } from "./useLayoutEffect";
 import useState from "./useState";
@@ -17,50 +11,45 @@ function hasValue(value) {
  * Note that internal use rc-util `useState` hook.
  */
 export default function useMergedState(defaultStateValue, option) {
-  var _ref = option || {},
-    defaultValue = _ref.defaultValue,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    postState = _ref.postState;
+  const {
+    defaultValue,
+    value,
+    onChange,
+    postState
+  } = option || {};
 
   // ======================= Init =======================
-  var _useState = useState(function () {
-      if (hasValue(value)) {
-        return value;
-      } else if (hasValue(defaultValue)) {
-        return typeof defaultValue === 'function' ? defaultValue() : defaultValue;
-      } else {
-        return typeof defaultStateValue === 'function' ? defaultStateValue() : defaultStateValue;
-      }
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerValue = _useState2[0],
-    setInnerValue = _useState2[1];
-  var mergedValue = value !== undefined ? value : innerValue;
-  var postMergedValue = postState ? postState(mergedValue) : mergedValue;
+  const [innerValue, setInnerValue] = useState(() => {
+    if (hasValue(value)) {
+      return value;
+    } else if (hasValue(defaultValue)) {
+      return typeof defaultValue === 'function' ? defaultValue() : defaultValue;
+    } else {
+      return typeof defaultStateValue === 'function' ? defaultStateValue() : defaultStateValue;
+    }
+  });
+  const mergedValue = value !== undefined ? value : innerValue;
+  const postMergedValue = postState ? postState(mergedValue) : mergedValue;
 
   // ====================== Change ======================
-  var onChangeFn = useEvent(onChange);
-  var _useState3 = useState([mergedValue]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    prevValue = _useState4[0],
-    setPrevValue = _useState4[1];
-  useLayoutUpdateEffect(function () {
-    var prev = prevValue[0];
+  const onChangeFn = useEvent(onChange);
+  const [prevValue, setPrevValue] = useState([mergedValue]);
+  useLayoutUpdateEffect(() => {
+    const prev = prevValue[0];
     if (innerValue !== prev) {
       onChangeFn(innerValue, prev);
     }
   }, [prevValue]);
 
   // Sync value back to `undefined` when it from control to un-control
-  useLayoutUpdateEffect(function () {
+  useLayoutUpdateEffect(() => {
     if (!hasValue(value)) {
       setInnerValue(value);
     }
   }, [value]);
 
   // ====================== Update ======================
-  var triggerChange = useEvent(function (updater, ignoreDestroy) {
+  const triggerChange = useEvent((updater, ignoreDestroy) => {
     setInnerValue(updater, ignoreDestroy);
     setPrevValue([mergedValue], ignoreDestroy);
   });

package/es/hooks/useMobile.js

@@ -1,9 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useState } from 'react';
 import isMobile from "../isMobile";
 import useLayoutEffect from "./useLayoutEffect";
@@ -12,12 +6,9 @@ import useLayoutEffect from "./useLayoutEffect";
  * Hook to detect if the user is on a mobile device
  * Notice that this hook will only detect the device type in effect, so it will always be false in server side
  */
-var useMobile = function useMobile() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    mobile = _useState2[0],
-    setMobile = _useState2[1];
-  useLayoutEffect(function () {
+const useMobile = () => {
+  const [mobile, setMobile] = useState(false);
+  useLayoutEffect(() => {
     setMobile(isMobile());
   }, []);
   return mobile;

package/es/hooks/useState.js

@@ -1,9 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as React from 'react';
 /**
  * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.
@@ -11,14 +5,11 @@ import * as React from 'react';
  * Developer should confirm it's safe to ignore themselves.
  */
 export default function useSafeState(defaultValue) {
-  var destroyRef = React.useRef(false);
-  var _React$useState = React.useState(defaultValue),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  React.useEffect(function () {
+  const destroyRef = React.useRef(false);
+  const [value, setValue] = React.useState(defaultValue);
+  React.useEffect(() => {
     destroyRef.current = false;
-    return function () {
+    return () => {
       destroyRef.current = true;
     };
   }, []);

package/es/hooks/useSyncState.js

@@ -1,9 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as React from 'react';
 import useEvent from "./useEvent";
 /**
@@ -12,16 +6,12 @@ import useEvent from "./useEvent";
  * e.g. onTransitionEnd trigger multiple event at once will be merged state update in React.
  */
 export default function useSyncState(defaultValue) {
-  var _React$useReducer = React.useReducer(function (x) {
-      return x + 1;
-    }, 0),
-    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
-    forceUpdate = _React$useReducer2[1];
-  var currentValueRef = React.useRef(defaultValue);
-  var getValue = useEvent(function () {
+  const [, forceUpdate] = React.useReducer(x => x + 1, 0);
+  const currentValueRef = React.useRef(defaultValue);
+  const getValue = useEvent(() => {
     return currentValueRef.current;
   });
-  var setValue = useEvent(function (updater) {
+  const setValue = useEvent(updater => {
     currentValueRef.current = typeof updater === 'function' ? updater(currentValueRef.current) : updater;
     forceUpdate();
   });

package/es/isEqual.js

@@ -1,4 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import warning from "./warning";
 
 /**
@@ -8,13 +7,11 @@ import warning from "./warning";
  * @param shallow shallow compare
  * @returns
  */
-function isEqual(obj1, obj2) {
-  var shallow = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+function isEqual(obj1, obj2, shallow = false) {
   // https://github.com/mapbox/mapbox-gl-js/pull/5979/files#diff-fde7145050c47cc3a306856efd5f9c3016e86e859de9afbd02c879be5067e58f
-  var refSet = new Set();
-  function deepEqual(a, b) {
-    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-    var circular = refSet.has(a);
+  const refSet = new Set();
+  function deepEqual(a, b, level = 1) {
+    const circular = refSet.has(a);
     warning(!circular, 'Warning: There may be circular references');
     if (circular) {
       return false;
@@ -26,26 +23,24 @@ function isEqual(obj1, obj2) {
       return false;
     }
     refSet.add(a);
-    var newLevel = level + 1;
+    const newLevel = level + 1;
     if (Array.isArray(a)) {
       if (!Array.isArray(b) || a.length !== b.length) {
         return false;
       }
-      for (var i = 0; i < a.length; i++) {
+      for (let i = 0; i < a.length; i++) {
         if (!deepEqual(a[i], b[i], newLevel)) {
           return false;
         }
       }
       return true;
     }
-    if (a && b && _typeof(a) === 'object' && _typeof(b) === 'object') {
-      var keys = Object.keys(a);
+    if (a && b && typeof a === 'object' && typeof b === 'object') {
+      const keys = Object.keys(a);
       if (keys.length !== Object.keys(b).length) {
         return false;
       }
-      return keys.every(function (key) {
-        return deepEqual(a[key], b[key], newLevel);
-      });
+      return keys.every(key => deepEqual(a[key], b[key], newLevel));
     }
     // other
     return false;

package/es/isMobile.js

@@ -1,7 +1,7 @@
-export default (function () {
+export default (() => {
   if (typeof navigator === 'undefined' || typeof window === 'undefined') {
     return false;
   }
-  var agent = navigator.userAgent || navigator.vendor || window.opera;
-  return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent === null || agent === void 0 ? void 0 : agent.substr(0, 4));
+  const agent = navigator.userAgent || navigator.vendor || window.opera;
+  return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent?.substr(0, 4));
 });

package/es/omit.js

@@ -1,7 +1,7 @@
 export default function omit(obj, fields) {
-  var clone = Object.assign({}, obj);
+  const clone = Object.assign({}, obj);
   if (Array.isArray(fields)) {
-    fields.forEach(function (key) {
+    fields.forEach(key => {
       delete clone[key];
     });
   }

package/es/pickAttrs.js

@@ -1,16 +1,27 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var attributes = "accept acceptCharset accessKey action allowFullScreen allowTransparency\n    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\n    charSet checked classID className colSpan cols content contentEditable contextMenu\n    controls coords crossOrigin data dateTime default defer dir disabled download draggable\n    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\n    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\n    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\n    mediaGroup method min minLength multiple muted name noValidate nonce open\n    optimum pattern placeholder poster preload radioGroup readOnly rel required\n    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\n    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\n    summary tabIndex target title type useMap value width wmode wrap";
-var eventsName = "onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\n    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\n    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\n    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\n    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\n    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\n    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError";
-var propList = "".concat(attributes, " ").concat(eventsName).split(/[\s\n]+/);
+const attributes = `accept acceptCharset accessKey action allowFullScreen allowTransparency
+    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge
+    charSet checked classID className colSpan cols content contentEditable contextMenu
+    controls coords crossOrigin data dateTime default defer dir disabled download draggable
+    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder
+    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity
+    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media
+    mediaGroup method min minLength multiple muted name noValidate nonce open
+    optimum pattern placeholder poster preload radioGroup readOnly rel required
+    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected
+    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style
+    summary tabIndex target title type useMap value width wmode wrap`;
+const eventsName = `onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown
+    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick
+    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown
+    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel
+    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough
+    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata
+    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError`;
+const propList = `${attributes} ${eventsName}`.split(/[\s\n]+/);
 
 /* eslint-enable max-len */
-var ariaPrefix = 'aria-';
-var dataPrefix = 'data-';
+const ariaPrefix = 'aria-';
+const dataPrefix = 'data-';
 function match(key, prefix) {
   return key.indexOf(prefix) === 0;
 }
@@ -19,9 +30,8 @@ function match(key, prefix) {
  * @param props Passed props
  * @param ariaOnly boolean | { aria?: boolean; data?: boolean; attr?: boolean; } filter config
  */
-export default function pickAttrs(props) {
-  var ariaOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var mergedConfig;
+export default function pickAttrs(props, ariaOnly = false) {
+  let mergedConfig;
   if (ariaOnly === false) {
     mergedConfig = {
       aria: true,
@@ -33,10 +43,12 @@ export default function pickAttrs(props) {
       aria: true
     };
   } else {
-    mergedConfig = _objectSpread({}, ariaOnly);
+    mergedConfig = {
+      ...ariaOnly
+    };
   }
-  var attrs = {};
-  Object.keys(props).forEach(function (key) {
+  const attrs = {};
+  Object.keys(props).forEach(key => {
     if (
     // Aria
     mergedConfig.aria && (key === 'role' || match(key, ariaPrefix)) ||

package/es/proxyObject.js

@@ -4,13 +4,13 @@
 export default function proxyObject(obj, extendProps) {
   if (typeof Proxy !== 'undefined' && obj) {
     return new Proxy(obj, {
-      get: function get(target, prop) {
+      get(target, prop) {
         if (extendProps[prop]) {
           return extendProps[prop];
         }
 
         // Proxy origin property
-        var originProp = target[prop];
+        const originProp = target[prop];
         return typeof originProp === 'function' ? originProp.bind(target) : originProp;
       }
     });

package/es/raf.js

@@ -1,26 +1,17 @@
-var raf = function raf(callback) {
-  return +setTimeout(callback, 16);
-};
-var caf = function caf(num) {
-  return clearTimeout(num);
-};
+let raf = callback => +setTimeout(callback, 16);
+let caf = num => clearTimeout(num);
 if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
-  raf = function raf(callback) {
-    return window.requestAnimationFrame(callback);
-  };
-  caf = function caf(handle) {
-    return window.cancelAnimationFrame(handle);
-  };
+  raf = callback => window.requestAnimationFrame(callback);
+  caf = handle => window.cancelAnimationFrame(handle);
 }
-var rafUUID = 0;
-var rafIds = new Map();
+let rafUUID = 0;
+const rafIds = new Map();
 function cleanup(id) {
   rafIds.delete(id);
 }
-var wrapperRaf = function wrapperRaf(callback) {
-  var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+const wrapperRaf = (callback, times = 1) => {
   rafUUID += 1;
-  var id = rafUUID;
+  const id = rafUUID;
   function callRef(leftTimes) {
     if (leftTimes === 0) {
       // Clean up
@@ -30,7 +21,7 @@ var wrapperRaf = function wrapperRaf(callback) {
       callback();
     } else {
       // Next raf
-      var realId = raf(function () {
+      const realId = raf(() => {
         callRef(leftTimes - 1);
       });
 
@@ -41,14 +32,12 @@ var wrapperRaf = function wrapperRaf(callback) {
   callRef(times);
   return id;
 };
-wrapperRaf.cancel = function (id) {
-  var realId = rafIds.get(id);
+wrapperRaf.cancel = id => {
+  const realId = rafIds.get(id);
   cleanup(id);
   return caf(realId);
 };
 if (process.env.NODE_ENV !== 'production') {
-  wrapperRaf.ids = function () {
-    return rafIds;
-  };
+  wrapperRaf.ids = () => rafIds;
 }
 export default wrapperRaf;