@carbon/react 1.27.0 → 1.28.0

package/es/internal/useDelayedState.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useRef, useCallback, useEffect } from 'react';
 
 /**
@@ -20,19 +19,13 @@ import { useState, useRef, useCallback, useEffect } from 'react';
  */
 
 function useDelayedState(initialState) {
-  var _useState = useState(initialState),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var timeoutId = useRef(null); // We use `useCallback` to match the signature of React's `useState` which will
+  const [state, setState] = useState(initialState);
+  const timeoutId = useRef(null); // We use `useCallback` to match the signature of React's `useState` which will
   // always return the same reference for the `setState` updater
 
-  var setStateWithDelay = useCallback(function (stateToSet) {
-    var _timeoutId$current;
-
-    var delayMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    window.clearTimeout((_timeoutId$current = timeoutId.current) !== null && _timeoutId$current !== void 0 ? _timeoutId$current : undefined);
+  const setStateWithDelay = useCallback(function (stateToSet) {
+    let delayMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    window.clearTimeout(timeoutId.current ?? undefined);
     timeoutId.current = null;
 
     if (delayMs === 0) {
@@ -40,16 +33,14 @@ function useDelayedState(initialState) {
       return;
     }
 
-    timeoutId.current = window.setTimeout(function () {
+    timeoutId.current = window.setTimeout(() => {
       setState(stateToSet);
       timeoutId.current = null;
     }, delayMs);
   }, []);
-  useEffect(function () {
-    return function () {
-      var _timeoutId$current2;
-
-      window.clearTimeout((_timeoutId$current2 = timeoutId.current) !== null && _timeoutId$current2 !== void 0 ? _timeoutId$current2 : undefined);
+  useEffect(() => {
+    return () => {
+      window.clearTimeout(timeoutId.current ?? undefined);
     };
   }, []);
   return [state, setStateWithDelay];

package/es/internal/useEffectOnce.js

@@ -15,12 +15,12 @@ import { useRef, useEffect } from 'react';
  */
 
 function useEffectOnce(callback) {
-  var savedCallback = useRef(callback);
-  var effectGuard = useRef(false);
-  useEffect(function () {
+  const savedCallback = useRef(callback);
+  const effectGuard = useRef(false);
+  useEffect(() => {
     savedCallback.current = callback;
   });
-  useEffect(function () {
+  useEffect(() => {
     if (effectGuard.current !== true) {
       effectGuard.current = true;
       savedCallback.current();

package/es/internal/useEvent.js

@@ -8,11 +8,11 @@
 import { useRef, useEffect } from 'react';
 
 function useWindowEvent(eventName, callback) {
-  var savedCallback = useRef(null);
-  useEffect(function () {
+  const savedCallback = useRef(null);
+  useEffect(() => {
     savedCallback.current = callback;
   });
-  useEffect(function () {
+  useEffect(() => {
     function handler(event) {
       if (savedCallback.current) {
         savedCallback.current(event);
@@ -20,7 +20,7 @@ function useWindowEvent(eventName, callback) {
     }
 
     window.addEventListener(eventName, handler);
-    return function () {
+    return () => {
       window.removeEventListener(eventName, handler);
     };
   }, [eventName]);

package/es/internal/useId.js

@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useState, useEffect, useLayoutEffect } from 'react';
+import { useLayoutEffect, useEffect, useState } from 'react';
 import setupGetInstanceId from '../tools/setupGetInstanceId.js';
 import { canUseDOM } from './environment.js';
 import { useIdPrefix } from './useIdPrefix.js';
 
-var getId = setupGetInstanceId();
-var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
-var serverHandoffCompleted = false;
+// This file was heavily inspired by Reach UI and their work on their auto-id
+const getId = setupGetInstanceId();
+const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
+let serverHandoffCompleted = false;
 /**
  * Generate a unique ID with an optional prefix prepended to it
  * @param {string} [prefix]
@@ -21,27 +21,23 @@ var serverHandoffCompleted = false;
  */
 
 function useId() {
-  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'id';
+  let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'id';
 
-  var _prefix = useIdPrefix();
+  const _prefix = useIdPrefix();
 
-  var _useState = useState(function () {
+  const [id, setId] = useState(() => {
     if (serverHandoffCompleted) {
-      return "".concat(_prefix ? "".concat(_prefix, "-") : "").concat(prefix, "-").concat(getId());
+      return `${_prefix ? `${_prefix}-` : ``}${prefix}-${getId()}`;
     }
 
     return null;
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      id = _useState2[0],
-      setId = _useState2[1];
-
-  useIsomorphicLayoutEffect(function () {
+  });
+  useIsomorphicLayoutEffect(() => {
     if (id === null) {
-      setId("".concat(_prefix ? "".concat(_prefix, "-") : "").concat(prefix, "-").concat(getId()));
+      setId(`${_prefix ? `${_prefix}-` : ``}${prefix}-${getId()}`);
     }
   }, [getId]);
-  useEffect(function () {
+  useEffect(() => {
     if (serverHandoffCompleted === false) {
       serverHandoffCompleted = true;
     }
@@ -55,8 +51,8 @@ function useId() {
  */
 
 function useFallbackId(id) {
-  var fallback = useId();
-  return id !== null && id !== void 0 ? id : fallback;
+  const fallback = useId();
+  return id ?? fallback;
 }
 
 export { useFallbackId, useId };

package/es/internal/useIdPrefix.js

@@ -7,7 +7,7 @@
 
 import React__default from 'react';
 
-var IdPrefixContext = /*#__PURE__*/React__default.createContext(null);
+const IdPrefixContext = /*#__PURE__*/React__default.createContext(null);
 function useIdPrefix() {
   return React__default.useContext(IdPrefixContext);
 }

package/es/internal/useIsomorphicEffect.js

@@ -7,7 +7,7 @@
 
 import { useLayoutEffect, useEffect } from 'react';
 
-var useIsomorphicEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+const useIsomorphicEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 var useIsomorphicEffect$1 = useIsomorphicEffect;
 
 export { useIsomorphicEffect$1 as default };

package/es/internal/useMergedRefs.js

@@ -13,9 +13,9 @@ import { useCallback } from 'react';
  * the same node.
  */
 
-var useMergedRefs = function useMergedRefs(refs) {
-  return useCallback(function (node) {
-    refs.forEach(function (ref) {
+const useMergedRefs = refs => {
+  return useCallback(node => {
+    refs.forEach(ref => {
       if (typeof ref === 'function') {
         ref(node);
       } else if (ref !== null && ref !== undefined) {

package/es/internal/useNoInteractiveChildren.js

@@ -5,19 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { createForOfIteratorHelper as _createForOfIteratorHelper } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useEffect } from 'react';
 
 function useNoInteractiveChildren(ref) {
-  var message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'component should have no interactive child nodes';
+  let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'component should have no interactive child nodes';
 
   if (process.env.NODE_ENV !== "production") {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    useEffect(function () {
-      var node = ref.current ? getInteractiveContent(ref.current) : false;
+    useEffect(() => {
+      const node = ref.current ? getInteractiveContent(ref.current) : false;
 
       if (node) {
-        throw new Error("Error: ".concat(message, ".\n\nInstead found: ").concat(node.outerHTML));
+        throw new Error(`Error: ${message}.\n\nInstead found: ${node.outerHTML}`);
       }
     });
   }
@@ -39,22 +38,12 @@ function getInteractiveContent(node) {
     return node;
   }
 
-  var _iterator = _createForOfIteratorHelper(node.childNodes),
-      _step;
+  for (const childNode of node.childNodes) {
+    const interactiveNode = getInteractiveContent(childNode);
 
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var childNode = _step.value;
-      var interactiveNode = getInteractiveContent(childNode);
-
-      if (interactiveNode) {
-        return interactiveNode;
-      }
+    if (interactiveNode) {
+      return interactiveNode;
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
 
   return null;

package/es/internal/useNormalizedInputProps.js

@@ -47,35 +47,37 @@ import { usePrefix } from './usePrefix.js';
  */
 
 function useNormalizedInputProps(_ref) {
-  var id = _ref.id,
-      readOnly = _ref.readOnly,
-      disabled = _ref.disabled,
-      invalid = _ref.invalid,
-      invalidText = _ref.invalidText,
-      warn = _ref.warn,
-      warnText = _ref.warnText;
-  var prefix = usePrefix();
-  var normalizedProps = {
+  let {
+    id,
+    readOnly,
+    disabled,
+    invalid,
+    invalidText,
+    warn,
+    warnText
+  } = _ref;
+  const prefix = usePrefix();
+  const normalizedProps = {
     disabled: !readOnly && disabled,
     invalid: !readOnly && invalid,
-    invalidId: "".concat(id, "-error-msg"),
+    invalidId: `${id}-error-msg`,
     warn: !readOnly && !invalid && warn,
-    warnId: "".concat(id, "-warn-msg"),
+    warnId: `${id}-warn-msg`,
     validation: null,
     icon: null,
-    helperId: "".concat(id, "-helper-text")
+    helperId: `${id}-helper-text`
   };
 
   if (normalizedProps.invalid) {
     normalizedProps.icon = WarningFilled;
     normalizedProps.validation = /*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(prefix, "--form-requirement"),
+      className: `${prefix}--form-requirement`,
       id: normalizedProps.invalidId
     }, invalidText);
   } else if (normalizedProps.warn) {
     normalizedProps.icon = WarningAltFilled;
     normalizedProps.validation = /*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(prefix, "--form-requirement"),
+      className: `${prefix}--form-requirement`,
       id: normalizedProps.warnId
     }, warnText);
   }

package/es/internal/usePrefix.js

@@ -7,7 +7,7 @@
 
 import React__default from 'react';
 
-var PrefixContext = /*#__PURE__*/React__default.createContext('cds');
+const PrefixContext = /*#__PURE__*/React__default.createContext('cds');
 function usePrefix() {
   return React__default.useContext(PrefixContext);
 }

package/es/internal/useSavedCallback.js

@@ -18,13 +18,13 @@ import { useRef, useEffect, useCallback } from 'react';
  */
 
 function useSavedCallback(callback) {
-  var savedCallback = useRef(callback);
-  useEffect(function () {
+  const savedCallback = useRef(callback);
+  useEffect(() => {
     savedCallback.current = callback;
   });
   return useCallback(function () {
     if (savedCallback.current) {
-      return savedCallback.current.apply(savedCallback, arguments);
+      return savedCallback.current(...arguments);
     }
   }, []);
 }

package/es/internal/warning.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var emptyFunction = function emptyFunction() {};
+const emptyFunction = function () {};
 
-var warning = process.env.NODE_ENV !== "production" ? function warning(condition, format) {
+const warning = process.env.NODE_ENV !== "production" ? function warning(condition, format) {
   for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
     args[_key - 2] = arguments[_key];
   }
@@ -17,8 +17,8 @@ var warning = process.env.NODE_ENV !== "production" ? function warning(condition
   }
 
   if (!condition) {
-    var index = 0;
-    var message = format.replace(/%s/g, function () {
+    let index = 0;
+    const message = format.replace(/%s/g, () => {
       return args[index++];
     });
     console.warn('Warning: ' + message);

package/es/internal/wrapFocus.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import findLast from 'lodash.findlast';
 import { DOCUMENT_POSITION_BROAD_PRECEDING, selectorTabbable, DOCUMENT_POSITION_BROAD_FOLLOWING } from './keyboard/navigation.js';
 
@@ -16,13 +15,11 @@ import { DOCUMENT_POSITION_BROAD_PRECEDING, selectorTabbable, DOCUMENT_POSITION_
  */
 
 function elementOrParentIsFloatingMenu(node) {
-  var selectorsFloatingMenus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let selectorsFloatingMenus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 
   if (node && typeof node.closest === 'function') {
-    var allSelectorsFloatingMenus = [".cds--overflow-menu-options", ".cds--tooltip", '.flatpickr-calendar'].concat(_toConsumableArray(selectorsFloatingMenus));
-    return allSelectorsFloatingMenus.some(function (selector) {
-      return node.closest(selector);
-    });
+    const allSelectorsFloatingMenus = [`.cds--overflow-menu-options`, `.cds--tooltip`, '.flatpickr-calendar', ...selectorsFloatingMenus];
+    return allSelectorsFloatingMenus.some(selector => node.closest(selector));
   }
 }
 /**
@@ -38,20 +35,20 @@ function elementOrParentIsFloatingMenu(node) {
 
 
 function wrapFocus(_ref) {
-  var bodyNode = _ref.bodyNode,
-      startTrapNode = _ref.startTrapNode,
-      endTrapNode = _ref.endTrapNode,
-      currentActiveNode = _ref.currentActiveNode,
-      oldActiveNode = _ref.oldActiveNode,
-      selectorsFloatingMenus = _ref.selectorsFloatingMenus;
+  let {
+    bodyNode,
+    startTrapNode,
+    endTrapNode,
+    currentActiveNode,
+    oldActiveNode,
+    selectorsFloatingMenus
+  } = _ref;
 
   if (bodyNode && currentActiveNode && oldActiveNode && !bodyNode.contains(currentActiveNode) && !elementOrParentIsFloatingMenu(currentActiveNode, selectorsFloatingMenus)) {
-    var comparisonResult = oldActiveNode.compareDocumentPosition(currentActiveNode);
+    const comparisonResult = oldActiveNode.compareDocumentPosition(currentActiveNode);
 
     if (currentActiveNode === startTrapNode || comparisonResult & DOCUMENT_POSITION_BROAD_PRECEDING) {
-      var tabbable = findLast(bodyNode.querySelectorAll(selectorTabbable), function (elem) {
-        return Boolean(elem.offsetParent);
-      });
+      const tabbable = findLast(bodyNode.querySelectorAll(selectorTabbable), elem => Boolean(elem.offsetParent));
 
       if (tabbable) {
         tabbable.focus();
@@ -59,12 +56,10 @@ function wrapFocus(_ref) {
         bodyNode.focus();
       }
     } else if (currentActiveNode === endTrapNode || comparisonResult & DOCUMENT_POSITION_BROAD_FOLLOWING) {
-      var _tabbable = Array.prototype.find.call(bodyNode.querySelectorAll(selectorTabbable), function (elem) {
-        return Boolean(elem.offsetParent);
-      });
+      const tabbable = Array.prototype.find.call(bodyNode.querySelectorAll(selectorTabbable), elem => Boolean(elem.offsetParent));
 
-      if (_tabbable) {
-        _tabbable.focus();
+      if (tabbable) {
+        tabbable.focus();
       } else if (bodyNode !== oldActiveNode) {
         bodyNode.focus();
       }

package/es/prop-types/AriaPropTypes.js

@@ -8,7 +8,7 @@
 import PropTypes from 'prop-types';
 import isRequiredOneOf from './isRequiredOneOf.js';
 
-var AriaLabelPropType = isRequiredOneOf({
+const AriaLabelPropType = isRequiredOneOf({
   'aria-label': PropTypes.string,
   'aria-labelledby': PropTypes.string
 });

package/es/prop-types/deprecate.js

@@ -5,10 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { warning } from '../internal/warning.js';
 
-var didWarnAboutDeprecation = {};
+const didWarnAboutDeprecation = {};
 function deprecate(propType, message) {
   function checker(props, propName, componentName) {
     if (props[propName] === undefined) {
@@ -16,15 +15,17 @@ function deprecate(propType, message) {
     }
 
     if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
-      didWarnAboutDeprecation[componentName] = _objectSpread2(_objectSpread2({}, didWarnAboutDeprecation[componentName]), {}, _defineProperty({}, propName, true));
-      process.env.NODE_ENV !== "production" ? warning(false, message || "The prop `".concat(propName, "` has been deprecated for the ") + "".concat(componentName, " component. It will be removed in the next major ") + "release") : void 0;
+      didWarnAboutDeprecation[componentName] = { ...didWarnAboutDeprecation[componentName],
+        [propName]: true
+      };
+      process.env.NODE_ENV !== "production" ? warning(false, message || `The prop \`${propName}\` has been deprecated for the ` + `${componentName} component. It will be removed in the next major ` + `release`) : void 0;
     }
 
     for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
       rest[_key - 3] = arguments[_key];
     }
 
-    return propType.apply(void 0, [props, propName, componentName].concat(rest));
+    return propType(props, propName, componentName, ...rest);
   }
 
   return checker;

package/es/prop-types/isRequiredOneOf.js

@@ -1,12 +1,3 @@
-/**
- * Copyright IBM Corp. 2016, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
-
 /**
  * Copyright IBM Corp. 2016, 2023
  *
@@ -21,27 +12,23 @@ import { objectSpread2 as _objectSpread2, defineProperty as _defineProperty } fr
  *   in addition to the original type checkings.
  */
 function isRequiredOneOf(propTypes) {
-  var names = Object.keys(propTypes);
+  const names = Object.keys(propTypes);
 
-  var checker = function checker(propType) {
-    return function (props, propName, componentName) {
-      if (process.env.NODE_ENV !== "production" && names.every(function (name) {
-        return typeof props[name] === 'undefined';
-      })) {
-        return new Error("".concat(componentName, " requires one of the following props: ").concat(names.join(', ')));
-      }
+  const checker = propType => function (props, propName, componentName) {
+    if (process.env.NODE_ENV !== "production" && names.every(name => typeof props[name] === 'undefined')) {
+      return new Error(`${componentName} requires one of the following props: ${names.join(', ')}`);
+    }
 
-      for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
-        rest[_key - 3] = arguments[_key];
-      }
+    for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
+      rest[_key - 3] = arguments[_key];
+    }
 
-      return propType.apply(void 0, [props, propName, componentName].concat(rest));
-    };
+    return propType(props, propName, componentName, ...rest);
   };
 
-  return names.reduce(function (o, name) {
-    return _objectSpread2(_objectSpread2({}, o), {}, _defineProperty({}, name, checker(propTypes[name])));
-  }, {});
+  return names.reduce((o, name) => ({ ...o,
+    [name]: checker(propTypes[name])
+  }), {});
 }
 
 export { isRequiredOneOf as default };

package/es/prop-types/requiredIfGivenPropIsTruthy.js

@@ -15,14 +15,14 @@
 function requiredIfGivenPropIsTruthy(name, propType) {
   return function check(props, propName, componentName) {
     if (process.env.NODE_ENV !== "production" && props[name] == true && props[propName] == null) {
-      return new Error("You must provide a value for `".concat(propName, "` in `").concat(componentName, "` if `").concat(name, "` exists."));
+      return new Error(`You must provide a value for \`${propName}\` in \`${componentName}\` if \`${name}\` exists.`);
     }
 
     for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
       rest[_key - 3] = arguments[_key];
     }
 
-    return propType.apply(void 0, [props, propName, componentName].concat(rest));
+    return propType(props, propName, componentName, ...rest);
   };
 }
 

package/es/prop-types/types.js

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var ButtonKinds = ['primary', 'secondary', 'danger', 'ghost', 'danger--primary', 'danger--ghost', 'danger--tertiary', 'tertiary'];
+const ButtonKinds = ['primary', 'secondary', 'danger', 'ghost', 'danger--primary', 'danger--ghost', 'danger--tertiary', 'tertiary'];
 
 export { ButtonKinds };

package/es/tools/array.js

@@ -20,7 +20,7 @@ function equals(arr1, arr2) {
     return true;
   }
 
-  for (var i = 0; i < arr1.length; i++) {
+  for (let i = 0; i < arr1.length; i++) {
     if (arr1[i] !== arr2[i]) {
       return false;
     }

package/es/tools/events.js

@@ -5,31 +5,38 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /**
  * Generic utility to compose event handlers so that consumers can supply their
  * own event listeners on table components. The default heuristic here is to
  * iterate through the given functions until `preventDefault` is called on the
  * given event.
  *
- * @param {Array<Function>} fns array of functions to apply to the event
- * @returns {Function}
+ * @param {Array<Function|undefined>} fns array of functions to apply to the event
+ * @returns {any}
  */
-var composeEventHandlers = function composeEventHandlers(fns) {
-  return function (event) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
+const composeEventHandlers = fns => function (event) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+
+  for (let i = 0; i < fns.length; i++) {
+    if (event.defaultPrevented) {
+      break;
     }
 
-    for (var i = 0; i < fns.length; i++) {
-      if (event.defaultPrevented) {
-        break;
-      }
+    const fn = fns[i];
 
-      if (typeof fns[i] === 'function') {
-        fns[i].apply(fns, [event].concat(args));
-      }
+    if (typeof fn === 'function') {
+      fn(event, ...args);
     }
-  };
+  }
 };
 
 export { composeEventHandlers };

package/es/tools/mergeRefs.js

@@ -9,13 +9,13 @@
  * @param {...Ref<Element>} refs List of React refs to merge.
  * @returns {Ref<Element>} Merged React ref.
  */
-var mergeRefs = function mergeRefs() {
+const mergeRefs = function () {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
 
-  return function (el) {
-    refs.forEach(function (ref) {
+  return el => {
+    refs.forEach(ref => {
       // https://github.com/facebook/react/issues/13029#issuecomment-410002316
       if (typeof ref === 'function') {
         ref(el);

package/es/tools/setupGetInstanceId.js

@@ -10,7 +10,7 @@
  * for a component.
  */
 function setupGetInstanceId() {
-  var instanceId = 0;
+  let instanceId = 0;
   return function getInstanceId() {
     return ++instanceId;
   };