@carbon/react 1.27.0 → 1.28.0-rc.0

package/lib/internal/useControllableState.js

@@ -9,7 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var warning = require('./warning.js');
 
@@ -36,25 +35,21 @@ var warning = require('./warning.js');
  */
 
 function useControllableState(_ref) {
-  var defaultValue = _ref.defaultValue,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? 'custom' : _ref$name,
-      onChange = _ref.onChange,
-      value = _ref.value;
-
-  var _useState = React.useState(value !== null && value !== void 0 ? value : defaultValue),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      state = _useState2[0],
-      internalSetState = _useState2[1];
-
-  var controlled = React.useRef(null);
+  let {
+    defaultValue,
+    name = 'custom',
+    onChange,
+    value
+  } = _ref;
+  const [state, internalSetState] = React.useState(value ?? defaultValue);
+  const controlled = React.useRef(null);
 
   if (controlled.current === null) {
     controlled.current = value !== undefined;
   }
 
   function setState(stateOrUpdater) {
-    var value = typeof stateOrUpdater === 'function' ? stateOrUpdater(state) : stateOrUpdater;
+    const value = typeof stateOrUpdater === 'function' ? stateOrUpdater(state) : stateOrUpdater;
 
     if (controlled.current === false) {
       internalSetState(value);
@@ -65,8 +60,8 @@ function useControllableState(_ref) {
     }
   }
 
-  React.useEffect(function () {
-    var controlledValue = value !== undefined; // Uncontrolled -> Controlled
+  React.useEffect(() => {
+    const controlledValue = value !== undefined; // Uncontrolled -> Controlled
     // If the component prop is uncontrolled, the prop value should be undefined
 
     if (controlled.current === false && controlledValue) {

package/lib/internal/useDelayedState.js

@@ -9,7 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
 /**
@@ -24,19 +23,13 @@ var React = require('react');
  */
 
 function useDelayedState(initialState) {
-  var _useState = React.useState(initialState),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var timeoutId = React.useRef(null); // We use `useCallback` to match the signature of React's `useState` which will
+  const [state, setState] = React.useState(initialState);
+  const timeoutId = React.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 = React.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 = React.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) {
@@ -44,16 +37,14 @@ function useDelayedState(initialState) {
       return;
     }
 
-    timeoutId.current = window.setTimeout(function () {
+    timeoutId.current = window.setTimeout(() => {
       setState(stateToSet);
       timeoutId.current = null;
     }, delayMs);
   }, []);
-  React.useEffect(function () {
-    return function () {
-      var _timeoutId$current2;
-
-      window.clearTimeout((_timeoutId$current2 = timeoutId.current) !== null && _timeoutId$current2 !== void 0 ? _timeoutId$current2 : undefined);
+  React.useEffect(() => {
+    return () => {
+      window.clearTimeout(timeoutId.current ?? undefined);
     };
   }, []);
   return [state, setStateWithDelay];

package/lib/internal/useEffectOnce.js

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

package/lib/internal/useEvent.js

@@ -12,11 +12,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 function useWindowEvent(eventName, callback) {
-  var savedCallback = React.useRef(null);
-  React.useEffect(function () {
+  const savedCallback = React.useRef(null);
+  React.useEffect(() => {
     savedCallback.current = callback;
   });
-  React.useEffect(function () {
+  React.useEffect(() => {
     function handler(event) {
       if (savedCallback.current) {
         savedCallback.current(event);
@@ -24,7 +24,7 @@ function useWindowEvent(eventName, callback) {
     }
 
     window.addEventListener(eventName, handler);
-    return function () {
+    return () => {
       window.removeEventListener(eventName, handler);
     };
   }, [eventName]);

package/lib/internal/useId.js

@@ -9,15 +9,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var setupGetInstanceId = require('../tools/setupGetInstanceId.js');
 var environment = require('./environment.js');
 var useIdPrefix = require('./useIdPrefix.js');
 
-var getId = setupGetInstanceId["default"]();
-var useIsomorphicLayoutEffect = environment.canUseDOM ? React.useLayoutEffect : React.useEffect;
-var serverHandoffCompleted = false;
+// This file was heavily inspired by Reach UI and their work on their auto-id
+const getId = setupGetInstanceId["default"]();
+const useIsomorphicLayoutEffect = environment.canUseDOM ? React.useLayoutEffect : React.useEffect;
+let serverHandoffCompleted = false;
 /**
  * Generate a unique ID with an optional prefix prepended to it
  * @param {string} [prefix]
@@ -25,27 +25,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.useIdPrefix();
+  const _prefix = useIdPrefix.useIdPrefix();
 
-  var _useState = React.useState(function () {
+  const [id, setId] = React.useState(() => {
     if (serverHandoffCompleted) {
-      return "".concat(_prefix ? "".concat(_prefix, "-") : "").concat(prefix, "-").concat(getId());
+      return `${_prefix ? `${_prefix}-` : ``}${prefix}-${getId()}`;
     }
 
     return null;
-  }),
-      _useState2 = _rollupPluginBabelHelpers.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]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (serverHandoffCompleted === false) {
       serverHandoffCompleted = true;
     }
@@ -59,8 +55,8 @@ function useId() {
  */
 
 function useFallbackId(id) {
-  var fallback = useId();
-  return id !== null && id !== void 0 ? id : fallback;
+  const fallback = useId();
+  return id ?? fallback;
 }
 
 exports.useFallbackId = useFallbackId;

package/lib/internal/useIdPrefix.js

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var IdPrefixContext = /*#__PURE__*/React__default["default"].createContext(null);
+const IdPrefixContext = /*#__PURE__*/React__default["default"].createContext(null);
 function useIdPrefix() {
   return React__default["default"].useContext(IdPrefixContext);
 }

package/lib/internal/useIsomorphicEffect.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var useIsomorphicEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+const useIsomorphicEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 var useIsomorphicEffect$1 = useIsomorphicEffect;
 
 exports["default"] = useIsomorphicEffect$1;

package/lib/internal/useMergedRefs.js

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

package/lib/internal/useNoInteractiveChildren.js

@@ -9,19 +9,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('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
-    React.useEffect(function () {
-      var node = ref.current ? getInteractiveContent(ref.current) : false;
+    React.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}`);
       }
     });
   }
@@ -43,22 +42,12 @@ function getInteractiveContent(node) {
     return node;
   }
 
-  var _iterator = _rollupPluginBabelHelpers.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/lib/internal/useNormalizedInputProps.js

@@ -55,35 +55,37 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 
 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.usePrefix();
-  var normalizedProps = {
+  let {
+    id,
+    readOnly,
+    disabled,
+    invalid,
+    invalidText,
+    warn,
+    warnText
+  } = _ref;
+  const prefix = usePrefix.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 = iconsReact.WarningFilled;
     normalizedProps.validation = /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(prefix, "--form-requirement"),
+      className: `${prefix}--form-requirement`,
       id: normalizedProps.invalidId
     }, invalidText);
   } else if (normalizedProps.warn) {
     normalizedProps.icon = iconsReact.WarningAltFilled;
     normalizedProps.validation = /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(prefix, "--form-requirement"),
+      className: `${prefix}--form-requirement`,
       id: normalizedProps.warnId
     }, warnText);
   }

package/lib/internal/usePrefix.js

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var PrefixContext = /*#__PURE__*/React__default["default"].createContext('cds');
+const PrefixContext = /*#__PURE__*/React__default["default"].createContext('cds');
 function usePrefix() {
   return React__default["default"].useContext(PrefixContext);
 }

package/lib/internal/useSavedCallback.js

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

package/lib/internal/warning.js

@@ -9,9 +9,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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];
   }
@@ -21,8 +21,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/lib/internal/wrapFocus.js

@@ -9,7 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var findLast = require('lodash.findlast');
 var navigation = require('./keyboard/navigation.js');
 
@@ -24,13 +23,11 @@ var findLast__default = /*#__PURE__*/_interopDefaultLegacy(findLast);
  */
 
 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(_rollupPluginBabelHelpers.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));
   }
 }
 /**
@@ -46,20 +43,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 & navigation.DOCUMENT_POSITION_BROAD_PRECEDING) {
-      var tabbable = findLast__default["default"](bodyNode.querySelectorAll(navigation.selectorTabbable), function (elem) {
-        return Boolean(elem.offsetParent);
-      });
+      const tabbable = findLast__default["default"](bodyNode.querySelectorAll(navigation.selectorTabbable), elem => Boolean(elem.offsetParent));
 
       if (tabbable) {
         tabbable.focus();
@@ -67,12 +64,10 @@ function wrapFocus(_ref) {
         bodyNode.focus();
       }
     } else if (currentActiveNode === endTrapNode || comparisonResult & navigation.DOCUMENT_POSITION_BROAD_FOLLOWING) {
-      var _tabbable = Array.prototype.find.call(bodyNode.querySelectorAll(navigation.selectorTabbable), function (elem) {
-        return Boolean(elem.offsetParent);
-      });
+      const tabbable = Array.prototype.find.call(bodyNode.querySelectorAll(navigation.selectorTabbable), elem => Boolean(elem.offsetParent));
 
-      if (_tabbable) {
-        _tabbable.focus();
+      if (tabbable) {
+        tabbable.focus();
       } else if (bodyNode !== oldActiveNode) {
         bodyNode.focus();
       }

package/lib/prop-types/AriaPropTypes.js

@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-var AriaLabelPropType = isRequiredOneOf["default"]({
+const AriaLabelPropType = isRequiredOneOf["default"]({
   'aria-label': PropTypes__default["default"].string,
   'aria-labelledby': PropTypes__default["default"].string
 });

package/lib/prop-types/deprecate.js

@@ -9,10 +9,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var warning = require('../internal/warning.js');
 
-var didWarnAboutDeprecation = {};
+const didWarnAboutDeprecation = {};
 function deprecate(propType, message) {
   function checker(props, propName, componentName) {
     if (props[propName] === undefined) {
@@ -20,15 +19,17 @@ function deprecate(propType, message) {
     }
 
     if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
-      didWarnAboutDeprecation[componentName] = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, didWarnAboutDeprecation[componentName]), {}, _rollupPluginBabelHelpers.defineProperty({}, propName, true));
-      process.env.NODE_ENV !== "production" ? warning.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.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/lib/prop-types/isRequiredOneOf.js

@@ -9,15 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
-
-/**
- * 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.
- */
-
 /**
  * @param {Object<string, Function>} propTypes The list of type checkers, keyed by prop names.
  * @returns {Object<string, Function>}
@@ -25,27 +16,23 @@ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.j
  *   in addition to the original type checkings.
  */
 function isRequiredOneOf(propTypes) {
-  var 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(', ')));
-      }
-
-      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));
-    };
+  const names = Object.keys(propTypes);
+
+  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];
+    }
+
+    return propType(props, propName, componentName, ...rest);
   };
 
-  return names.reduce(function (o, name) {
-    return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, o), {}, _rollupPluginBabelHelpers.defineProperty({}, name, checker(propTypes[name])));
-  }, {});
+  return names.reduce((o, name) => ({ ...o,
+    [name]: checker(propTypes[name])
+  }), {});
 }
 
 exports["default"] = isRequiredOneOf;

package/lib/prop-types/requiredIfGivenPropIsTruthy.js

@@ -19,14 +19,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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/lib/prop-types/types.js

@@ -9,6 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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'];
 
 exports.ButtonKinds = ButtonKinds;

package/lib/tools/array.js

@@ -24,7 +24,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;
     }