@elliemae/ds-utilities 1.60.0 → 2.0.0-alpha.12

package/esm/hooks/useExecutionTimer.js

@@ -1,33 +1,29 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef } from 'react';
 
 function useExecutionDelay(startFn, cleanFn, delayTime) {
-  var startTimer = useRef();
-  var closeTimer = useRef();
+  const startTimer = useRef();
+  const closeTimer = useRef();
 
-  var startFunction = function startFunction() {
+  const startFunction = function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
     clearTimeout(closeTimer.current);
-    startTimer.current = setTimeout(function () {
-      return startFn.apply(void 0, args);
-    }, delayTime);
+    startTimer.current = setTimeout(() => startFn(...args), delayTime);
   };
 
-  var cleanFunction = function cleanFunction() {
+  const cleanFunction = function () {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
 
     clearTimeout(startTimer.current);
-    closeTimer.current = setTimeout(function () {
-      return cleanFn.apply(void 0, args);
-    }, 30);
+    closeTimer.current = setTimeout(() => cleanFn(...args), 30);
   };
 
   return [startFunction, cleanFunction];
 }
 
 export { useExecutionDelay as default };
-//# sourceMappingURL=useExecutionTimer.js.map

package/esm/hooks/useExpandState.js

@@ -1,7 +1,13 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useMemo } from 'react';
-import '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import { isFunction } from 'lodash';
 import useDerivedStateFromProp from './useDerivedStateFromProps.js';
 
@@ -9,8 +15,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var toggleStateInObject = function toggleStateInObject(obj, key, value) {
-  var nextObj = _objectSpread({}, obj);
+const toggleStateInObject = (obj, key, value) => {
+  const nextObj = _objectSpread({}, obj);
 
   if (nextObj[key]) {
     delete nextObj[key];
@@ -21,41 +27,29 @@ var toggleStateInObject = function toggleStateInObject(obj, key, value) {
   return nextObj;
 };
 
-var noop = function noop() {
-  return null;
-};
+const noop = () => null;
 
 function useExpandState(_ref) {
-  var _ref$items = _ref.items,
-      items = _ref$items === void 0 ? [] : _ref$items,
-      _ref$itemKey = _ref.itemKey,
-      itemKey = _ref$itemKey === void 0 ? 'id' : _ref$itemKey,
-      _ref$expanded = _ref.expanded,
-      expandedProp = _ref$expanded === void 0 ? {} : _ref$expanded,
-      onExpand = _ref.onExpand,
-      _ref$onExpandChange = _ref.onExpandChange,
-      onExpandChange = _ref$onExpandChange === void 0 ? noop : _ref$onExpandChange,
-      _ref$onExpandAll = _ref.onExpandAll,
-      onExpandAll = _ref$onExpandAll === void 0 ? noop : _ref$onExpandAll,
-      onToggleExpand = _ref.onToggleExpand,
-      onCollapse = _ref.onCollapse;
-
-  var _useDerivedStateFromP = useDerivedStateFromProp(expandedProp),
-      _useDerivedStateFromP2 = _slicedToArray(_useDerivedStateFromP, 2),
-      expanded = _useDerivedStateFromP2[0],
-      setExpanded = _useDerivedStateFromP2[1];
-
-  var isExpandedAll = useMemo(function () {
-    return Object.keys(expanded).length === items.length;
-  }, [expanded, items]);
-
-  var toggleExpandAll = function toggleExpandAll() {
-    var stateData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    setExpanded(function () {
-      var nextState = {};
+  let {
+    items = [],
+    itemKey = 'id',
+    expanded: expandedProp = {},
+    onExpand,
+    onExpandChange = noop,
+    onExpandAll = noop,
+    onToggleExpand,
+    onCollapse
+  } = _ref;
+  const [expanded, setExpanded] = useDerivedStateFromProp(expandedProp);
+  const isExpandedAll = useMemo(() => Object.keys(expanded).length === items.length, [expanded, items]);
+
+  const toggleExpandAll = function () {
+    let stateData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    setExpanded(() => {
+      const nextState = {};
 
       if (!isExpandedAll) {
-        items.forEach(function (item) {
+        items.forEach(item => {
           nextState[item[itemKey]] = stateData;
         });
       }
@@ -66,46 +60,48 @@ function useExpandState(_ref) {
     });
   };
 
-  var expand = function expand(item) {
-    var stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  const expand = function (item) {
+    let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     if (!item) return;
 
     if (isFunction(onExpand)) {
       onExpand(item);
     }
 
-    setExpanded(function (prevState) {
-      var key = item[itemKey];
+    setExpanded(prevState => {
+      const key = item[itemKey];
 
-      var nextState = _objectSpread(_objectSpread({}, prevState), {}, _defineProperty({}, key, stateData));
+      const nextState = _objectSpread(_objectSpread({}, prevState), {}, {
+        [key]: stateData
+      });
 
       onExpandChange(nextState, item);
       return nextState;
     });
   };
 
-  var toggleExpand = function toggleExpand(item) {
-    var stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  const toggleExpand = function (item) {
+    let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
 
     if (isFunction(onToggleExpand)) {
       onToggleExpand(item);
     }
 
-    setExpanded(function (prevState) {
-      var key = item[itemKey];
-      var nextState = toggleStateInObject(prevState, key, stateData);
+    setExpanded(prevState => {
+      const key = item[itemKey];
+      const nextState = toggleStateInObject(prevState, key, stateData);
       onExpandChange(nextState, item);
       return nextState;
     });
   };
 
-  var collapse = function collapse(item) {
+  const collapse = item => {
     if (isFunction(onCollapse)) {
       onCollapse(item);
     }
 
-    setExpanded(function (prevState) {
-      var nextState = _objectSpread({}, prevState);
+    setExpanded(prevState => {
+      const nextState = _objectSpread({}, prevState);
 
       delete nextState[item[itemKey]];
       onExpandChange(nextState, item);
@@ -115,18 +111,17 @@ function useExpandState(_ref) {
 
   return {
     state: {
-      expanded: expanded,
-      isExpandedAll: isExpandedAll
+      expanded,
+      isExpandedAll
     },
     actions: {
-      expand: expand,
-      toggleExpandAll: toggleExpandAll,
-      toggleExpand: toggleExpand,
-      collapse: collapse
+      expand,
+      toggleExpandAll,
+      toggleExpand,
+      collapse
     },
-    setExpanded: setExpanded
+    setExpanded
   };
 }
 
 export { useExpandState as default };
-//# sourceMappingURL=useExpandState.js.map

package/esm/hooks/useHotkeys.js

@@ -1,20 +1,19 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import hotkeys from 'hotkeys-js';
 import { useCallback, useEffect } from 'react';
 
 function useHotkeys(_ref) {
-  var keys = _ref.keys,
-      handler = _ref.handler,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? {} : _ref$options;
-  var deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var memoizedCallback = useCallback(handler, deps);
-  useEffect(function () {
+  let {
+    keys,
+    handler,
+    options = {}
+  } = _ref;
+  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  const memoizedCallback = useCallback(handler, deps);
+  useEffect(() => {
     hotkeys(keys, options, memoizedCallback);
-    return function () {
-      return hotkeys.unbind(keys);
-    };
+    return () => hotkeys.unbind(keys);
   }, [memoizedCallback]);
 }
 
 export { useHotkeys as default };
-//# sourceMappingURL=useHotkeys.js.map

package/esm/hooks/useHoverHandlersDelay.js

@@ -1,19 +1,19 @@
 import { useRef, useCallback } from 'react';
 
 function useHoverHandlersDelay(_ref) {
-  var onMouseOver = _ref.onMouseOver,
-      onMouseLeave = _ref.onMouseLeave,
-      _ref$hideDelay = _ref.hideDelay,
-      hideDelay = _ref$hideDelay === void 0 ? 300 : _ref$hideDelay,
-      _ref$showDelay = _ref.showDelay,
-      showDelay = _ref$showDelay === void 0 ? 300 : _ref$showDelay;
-  var hideTimer = useRef();
-  var showTimer = useRef();
-  var delayedHide = useCallback(function () {
+  let {
+    onMouseOver,
+    onMouseLeave,
+    hideDelay = 300,
+    showDelay = 300
+  } = _ref;
+  const hideTimer = useRef();
+  const showTimer = useRef();
+  const delayedHide = useCallback(() => {
     clearTimeout(showTimer.current);
     hideTimer.current = setTimeout(onMouseLeave, hideDelay);
   }, []);
-  var delayedShow = useCallback(function () {
+  const delayedShow = useCallback(() => {
     clearTimeout(hideTimer.current);
     showTimer.current = setTimeout(onMouseOver, showDelay);
   }, []);
@@ -24,4 +24,3 @@ function useHoverHandlersDelay(_ref) {
 }
 
 export { useHoverHandlersDelay as default };
-//# sourceMappingURL=useHoverHandlersDelay.js.map

package/esm/hooks/useOnElementResize.js

@@ -1,23 +1,15 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 
 // Taken and modified from https://stackoverflow.com/a/60218754
 
-var useOnElementResize = function useOnElementResize(targetRef) {
+const useOnElementResize = targetRef => {
   var _targetRef$current, _targetRef$current2;
 
-  var _useState = useState(targetRef.current ? (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth : 0),
-      _useState2 = _slicedToArray(_useState, 2),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
-  var _useState3 = useState(targetRef.current ? (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetWidth : 0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      height = _useState4[0],
-      setHeight = _useState4[1];
-
-  var observer = useRef(null);
-  useEffect(function () {
+  const [width, setWidth] = useState(targetRef.current ? (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth : 0);
+  const [height, setHeight] = useState(targetRef.current ? (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetWidth : 0);
+  const observer = useRef(null);
+  useEffect(() => {
     function outputsize() {
       var _targetRef$current3, _targetRef$current4;
 
@@ -26,19 +18,16 @@ var useOnElementResize = function useOnElementResize(targetRef) {
     }
 
     observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
-    return function () {
+    return () => {
       var _observer$current;
 
       (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
     };
   }, [targetRef]);
-  return useMemo(function () {
-    return {
-      width: width,
-      height: height
-    };
-  }, [width, height]);
+  return useMemo(() => ({
+    width,
+    height
+  }), [width, height]);
 };
 
 export { useOnElementResize };
-//# sourceMappingURL=useOnElementResize.js.map

package/esm/hooks/useParentElement.js

@@ -1,17 +1,12 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 
-var useParentElement = function useParentElement(ref) {
-  var _useState = useState(ref.current),
-      _useState2 = _slicedToArray(_useState, 2),
-      parent = _useState2[0],
-      setParent = _useState2[1];
-
-  useEffect(function () {
+const useParentElement = ref => {
+  const [parent, setParent] = useState(ref.current);
+  useEffect(() => {
     if (ref.current) setParent(ref.current.parentNode);
   });
   return parent;
 };
 
 export { useParentElement };
-//# sourceMappingURL=useParentElement.js.map

package/esm/hooks/usePrevious.js

@@ -1,12 +1,11 @@
 import { useRef, useEffect } from 'react';
 
 function usePrevious(value) {
-  var ref = useRef();
-  useEffect(function () {
+  const ref = useRef();
+  useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
 }
 
 export { usePrevious as default };
-//# sourceMappingURL=usePrevious.js.map

package/esm/hooks/useResizeObserver.js

@@ -1,35 +1,26 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import raf from 'raf';
 import ResizeObserver from 'resize-observer-polyfill';
 
 function useResizeObserver(handler, el) {
-  var _useState = useState(el),
-      _useState2 = _slicedToArray(_useState, 2),
-      node = _useState2[0],
-      setRef = _useState2[1];
-
-  var resizeObserver = new ResizeObserver(function (entries) {
+  const [node, setRef] = useState(el);
+  const resizeObserver = new ResizeObserver(entries => {
     if (!Array.isArray(entries)) return;
     if (!entries.length) return;
-    var entry = entries[0]; // execute on the next animation frame
+    const entry = entries[0]; // execute on the next animation frame
 
-    raf(function () {
-      return handler({
-        width: entry.target.offsetWidth,
-        height: entry.target.offsetHeight
-      }, entry.target);
-    });
+    raf(() => handler({
+      width: entry.target.offsetWidth,
+      height: entry.target.offsetHeight
+    }, entry.target));
   });
-  var htmlEl = el || node;
-  useEffect(function () {
+  const htmlEl = el || node;
+  useEffect(() => {
     if (htmlEl) resizeObserver.observe(htmlEl);
-    return function () {
-      return htmlEl && resizeObserver.unobserve(htmlEl);
-    };
+    return () => htmlEl && resizeObserver.unobserve(htmlEl);
   }, [htmlEl]);
   return [setRef];
 }
 
 export { useResizeObserver as default };
-//# sourceMappingURL=useResizeObserver.js.map

package/esm/hooks/useSetRef.js

@@ -1,12 +1,11 @@
 import { useRef, useCallback } from 'react';
 
-var useSetRef = function useSetRef(initial) {
-  var ref = useRef(initial);
-  var setRef = useCallback(function (node) {
+const useSetRef = initial => {
+  const ref = useRef(initial);
+  const setRef = useCallback(node => {
     ref.current = node;
   }, []);
   return [ref, setRef];
 };
 
 export { useSetRef };
-//# sourceMappingURL=useSetRef.js.map

package/esm/hooks/useShouldRecalculate.js

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 
 function useShouldRecalculate(bool) {
-  var prevValueRef = useRef(0);
+  const prevValueRef = useRef(0);
 
   if (!bool) {
     // If we need to recalculate, change the value we return
@@ -13,4 +13,3 @@ function useShouldRecalculate(bool) {
 }
 
 export { useShouldRecalculate as default };
-//# sourceMappingURL=useShouldRecalculate.js.map

package/esm/hooks/useWindowScrollerList.js

@@ -1,7 +1,7 @@
 import { useRef, useEffect } from 'react';
 
 function getScrollOffset() {
-  var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+  let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     scrollTop: 0,
     scrollLeft: 0
   };
@@ -12,9 +12,9 @@ function getScrollOffset() {
 }
 
 function getPositionOffset(listEl, scrollableEl) {
-  var scrollOffset = getScrollOffset(scrollableEl);
-  var elementRect = listEl.getBoundingClientRect();
-  var containerRect = scrollableEl.getBoundingClientRect();
+  const scrollOffset = getScrollOffset(scrollableEl);
+  const elementRect = listEl.getBoundingClientRect();
+  const containerRect = scrollableEl.getBoundingClientRect();
   return {
     top: elementRect.top + scrollOffset.top - containerRect.top,
     left: elementRect.left + scrollOffset.top - containerRect.left
@@ -26,32 +26,34 @@ function isParent(parentNode, childNode) {
 }
 
 function useWindowScrollerList(_ref) {
-  var listInstance = _ref.listInstance,
-      outerListRef = _ref.outerListRef;
-  var scrollableParent = useRef();
-  var listOffset = useRef();
-
-  var getElementOffset = function getElementOffset() {
+  let {
+    listInstance,
+    outerListRef
+  } = _ref;
+  const scrollableParent = useRef();
+  const listOffset = useRef();
+
+  const getElementOffset = () => {
     listOffset.current = getPositionOffset(outerListRef.current, scrollableParent.current);
   };
 
-  var handleScroll = function handleScroll(e) {
+  const handleScroll = e => {
     if (!scrollableParent.current) {
-      var containerTarget = e.target === document ? document.body : e.target;
+      const containerTarget = e.target === document ? document.body : e.target;
       scrollableParent.current = isParent(containerTarget, outerListRef.current) && containerTarget;
     }
 
     if (!scrollableParent.current) return;
     getElementOffset();
-    var scrollOffset = getScrollOffset(scrollableParent.current);
-    var scrollTop = Math.max(0, scrollOffset.top - listOffset.current.top);
+    const scrollOffset = getScrollOffset(scrollableParent.current);
+    const scrollTop = Math.max(0, scrollOffset.top - listOffset.current.top);
     if (listInstance.current) listInstance.current.scrollTo(scrollTop);
   };
 
-  useEffect(function () {
+  useEffect(() => {
     window.addEventListener('scroll', handleScroll, true);
     window.addEventListener('resize', getElementOffset, true);
-    return function () {
+    return () => {
       window.removeEventListener('scroll', handleScroll, true);
       window.removeEventListener('resize', getElementOffset, true);
     };
@@ -59,4 +61,3 @@ function useWindowScrollerList(_ref) {
 }
 
 export { useWindowScrollerList as default };
-//# sourceMappingURL=useWindowScrollerList.js.map

package/esm/hooks/useWindowSize.js

@@ -1,13 +1,9 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useLayoutEffect } from 'react';
 
 function useWindowSize() {
-  var _useState = useState([0, 0]),
-      _useState2 = _slicedToArray(_useState, 2),
-      size = _useState2[0],
-      setSize = _useState2[1];
-
-  useLayoutEffect(function () {
+  const [size, setSize] = useState([0, 0]);
+  useLayoutEffect(() => {
     if (!window) return false;
 
     function updateSize() {
@@ -17,7 +13,7 @@ function useWindowSize() {
     window.addEventListener('resize', updateSize);
     window.addEventListener('orientationchange', updateSize);
     updateSize();
-    return function () {
+    return () => {
       window.removeEventListener('resize', updateSize);
       window.removeEventListener('orientationchange', updateSize);
     };
@@ -27,4 +23,3 @@ function useWindowSize() {
 }
 
 export { useWindowSize as default };
-//# sourceMappingURL=useWindowSize.js.map

package/esm/index.js

@@ -1,5 +1,6 @@
 export { default as getComponentFromProps } from './getComponentFromProps.js';
 export { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements.js';
+export { capitalize } from './capitalize.js';
 export { checkEmpty, checkNotEmpty, contains, equal, greaterThan, greaterThanOrEquals, isIn, isNotIn, isNotNull, isNull, lessThanOrEquals, notEqual, startsWith, validDate } from './operators.js';
 export { addOrRemove, arrayMove, cx, hashArray, removeUndefinedProperties, runAll, safeCall, toggleInArray, toggleInObject } from './utils.js';
 export { logger, mergeRefs, setRef } from './system.js';
@@ -14,7 +15,7 @@ export { default as useWindowScrollerList } from './hooks/useWindowScrollerList.
 export { default as useWindowSize } from './hooks/useWindowSize.js';
 export { default as useForceUpdate } from 'use-force-update';
 export { default as useOnClickOutside } from 'use-onclickoutside';
-export { default as useUncontrolled } from 'uncontrollable/hook';
+export { useUncontrolled } from 'uncontrollable';
 export { default as usePrevious } from './hooks/usePrevious.js';
 export { default as useCancellableDelayedCallback } from './hooks/useCancellableDelayedCallback.js';
 export { default as useDerivedStateFromProps } from './hooks/useDerivedStateFromProps.js';
@@ -28,11 +29,3 @@ export { isClassComponent, isCompositeTypeElement, isDOMTypeElement, isElement,
 export { resetTimer } from './scrollingTimer.js';
 export { isGreaterThan, isRequired, isValidDate } from './validations.js';
 export { cloneDeep, curry, debounce, differenceBy, differenceWith, filter, findIndex, get, groupBy, isBoolean, isEmpty, isEqual, isEqualWith, isFunction, isNaN, isObject, isString, maxBy, meanBy, noop, omit, orderBy, padStart, parseInt, pick, pickBy, property, pull, range, set, sortBy, sumBy, throttle, transform, uniq, uniqBy, values } from 'lodash';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'hotkeys-js';
-import 'raf';
-import 'resize-observer-polyfill';
-//# sourceMappingURL=index.js.map

package/esm/onClickHandlerForNonInteractiveElements.js

@@ -3,19 +3,18 @@
  *
  * @param onClickHandler
  */
-var onClickHandlerForNonInteractiveElements = (function (onClickHandler) {
-  return {
-    role: 'button',
-    tabIndex: '0',
-    onClick: onClickHandler,
-    onKeyPress: function onKeyPress(event) {
-      event.stopPropagation();
-      var keycode = event.keycode,
-          key = event.key;
-      if (key === 'Enter') onClickHandler(event);else if (keycode === 13) onClickHandler(event);
-    }
-  };
-});
+var onClickHandlerForNonInteractiveElements = (onClickHandler => ({
+  role: 'button',
+  tabIndex: '0',
+  onClick: onClickHandler,
+  onKeyPress: event => {
+    event.stopPropagation();
+    const {
+      keycode,
+      key
+    } = event;
+    if (key === 'Enter') onClickHandler(event);else if (keycode === 13) onClickHandler(event);
+  }
+}));
 
 export { onClickHandlerForNonInteractiveElements as default };
-//# sourceMappingURL=onClickHandlerForNonInteractiveElements.js.map