@elliemae/ds-utilities 2.4.2-rc.12 → 2.4.2-rc.13

package/cjs/compose.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 
 /**
  * Composes single-argument functions from right to left. The rightmost

package/cjs/getComponentFromProps.js

@@ -1,12 +1,11 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/cjs/hooks/useCallbackAfterRender.js

@@ -7,9 +7,7 @@ var React = require('react');
 const useCallbackAfterRender = () => {
   const lastRun = React.useRef(null);
   React.useEffect(() => {
-    var _lastRun$current;
-
-    (_lastRun$current = lastRun.current) === null || _lastRun$current === void 0 ? void 0 : _lastRun$current.call(lastRun);
+    lastRun.current?.();
     lastRun.current = null;
   });
   return callback => {

package/cjs/hooks/useCancellableDelayedCallback.js

@@ -1,6 +1,5 @@
 'use strict';
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
 function useCancellableDelayedCallback(cb, delay) {

package/cjs/hooks/useDerivedStateFromProps.js

@@ -1,6 +1,5 @@
 'use strict';
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/esnext.async-iterator.reduce.js');

package/cjs/hooks/useExecutionTimer.js

@@ -1,6 +1,5 @@
 'use strict';
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
 function useExecutionDelay(startFn, cleanFn, delayTime) {

package/cjs/hooks/useExpandState.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.for-each.js');

package/cjs/hooks/useFocusTrap.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/es.error.cause.js');
 var React = require('react');
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
@@ -19,11 +20,15 @@ const getVariableType = arg => {
 };
 
 const throwTypeError = (validPropKey, invalidProp) => {
-  throw new Error("Warning: You are trying to pass a not valid \"".concat(validPropKey, "\" property to use a useFocusTrap hook, please provide a valid type.\n\n  Received: ").concat(getVariableType(invalidProp), "\n  Expected: ").concat(useFocusTrapProps[validPropKey], "\n  "));
+  throw new Error(`Warning: You are trying to pass a not valid "${validPropKey}" property to use a useFocusTrap hook, please provide a valid type.
+
+  Received: ${getVariableType(invalidProp)}
+  Expected: ${useFocusTrapProps[validPropKey]}
+  `);
 };
 
 const throwRequiredError = validPropKey => {
-  throw new Error("Warning: Please provide a \"".concat(validPropKey, "\" property to use a useFocusTrap hook, this property is required."));
+  throw new Error(`Warning: Please provide a "${validPropKey}" property to use a useFocusTrap hook, this property is required.`);
 };
 
 const validateProps = componentProps => {

package/cjs/hooks/useHotkeys.js

@@ -1,6 +1,5 @@
 'use strict';
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var hotkeys = require('hotkeys-js');
 var React = require('react');
 

package/cjs/hooks/useIsShowingEllipsis.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
 const useIsShowingEllipsis = () => {
@@ -12,7 +11,7 @@ const useIsShowingEllipsis = () => {
     if (entries.length) {
       const [textWrapperEntry] = entries;
       const el = textWrapperEntry.target;
-      setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
+      setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
     }
   }), []);
   React.useEffect(() => {

package/cjs/hooks/useOnElementResize.js

@@ -2,31 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
 // Taken and modified from https://stackoverflow.com/a/60218754
 
 const useOnElementResize = targetRef => {
-  var _targetRef$current$of, _targetRef$current, _targetRef$current$of2, _targetRef$current2;
-
-  const [width, setWidth] = React.useState((_targetRef$current$of = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth) !== null && _targetRef$current$of !== void 0 ? _targetRef$current$of : 0);
-  const [height, setHeight] = React.useState((_targetRef$current$of2 = (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetHeight) !== null && _targetRef$current$of2 !== void 0 ? _targetRef$current$of2 : 0);
+  const [width, setWidth] = React.useState(targetRef.current?.offsetWidth ?? 0);
+  const [height, setHeight] = React.useState(targetRef.current?.offsetHeight ?? 0);
   const observer = React.useRef();
   React.useEffect(() => {
     function outputsize() {
-      var _targetRef$current$of3, _targetRef$current3, _targetRef$current$of4, _targetRef$current4;
-
-      setWidth((_targetRef$current$of3 = (_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.offsetWidth) !== null && _targetRef$current$of3 !== void 0 ? _targetRef$current$of3 : 0);
-      setHeight((_targetRef$current$of4 = (_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.offsetHeight) !== null && _targetRef$current$of4 !== void 0 ? _targetRef$current$of4 : 0);
+      setWidth(targetRef.current?.offsetWidth ?? 0);
+      setHeight(targetRef.current?.offsetHeight ?? 0);
     }
 
     observer.current = new ResizeObserver(outputsize);
     observer.current.observe(targetRef.current);
     return () => {
-      var _observer$current;
-
-      (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
+      observer.current?.disconnect();
     };
   }, [targetRef]);
   return React.useMemo(() => ({

package/cjs/hooks/useParentElement.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
 const useParentElement = ref => {

package/cjs/hooks/useResizeObserver.js

@@ -1,6 +1,5 @@
 'use strict';
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var raf = require('raf');
 var ResizeObserver = require('resize-observer-polyfill');

package/cjs/hooks/useWindowSize.js

@@ -1,6 +1,5 @@
 'use strict';
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
 function useWindowSize() {

package/cjs/operators.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.js');
 var lodash = require('lodash');

package/cjs/system.js

@@ -8,7 +8,6 @@ require('core-js/modules/esnext.iterator.for-each.js');
 require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.filter.js');
 var lodash = require('lodash');

package/cjs/timeUtils.js

@@ -6,7 +6,6 @@ require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 require('core-js/modules/esnext.async-iterator.filter.js');

package/cjs/utils.js

@@ -6,7 +6,6 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
@@ -31,7 +30,7 @@ const cx = function () {
     classnames[_key] = arguments[_key];
   }
 
-  return classnames.reduce((result, cn) => "".concat(result, " ").concat(cn || ''), '');
+  return classnames.reduce((result, cn) => `${result} ${cn || ''}`, '');
 }; // if entry exists, remove it, if not, add it
 
 const toggleInObject = (obj, key, value) => obj[key] !== undefined ? lodash.omit(obj, [key]) : _objectSpread(_objectSpread({}, obj), {}, {

package/cjs/validations.js

@@ -20,7 +20,7 @@ const isGreaterThan = _ref2 => {
     help,
     comparator = 0
   } = _ref2;
-  if (!help) help = "Max value ".concat(comparator);
+  if (!help) help = `Max value ${comparator}`;
   return {
     payload: help,
     error: operators.greaterThan(value, comparator)
@@ -32,7 +32,7 @@ const isValidDate = _ref3 => {
     help,
     format = 'MM/DD/AAA'
   } = _ref3;
-  if (!help) help = "Valid Date is required ".concat(format);
+  if (!help) help = `Valid Date is required ${format}`;
   return {
     payload: help,
     error: !operators.validDate(value)

package/esm/compose.js

@@ -1,7 +1,6 @@
 import 'core-js/modules/esnext.async-iterator.reduce.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * Composes single-argument functions from right to left. The rightmost

package/esm/getComponentFromProps.js

@@ -4,7 +4,6 @@ import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/esm/hooks/useCallbackAfterRender.js

@@ -3,9 +3,7 @@ import { useRef, useEffect } from 'react';
 const useCallbackAfterRender = () => {
   const lastRun = useRef(null);
   useEffect(() => {
-    var _lastRun$current;
-
-    (_lastRun$current = lastRun.current) === null || _lastRun$current === void 0 ? void 0 : _lastRun$current.call(lastRun);
+    lastRun.current?.();
     lastRun.current = null;
   });
   return callback => {

package/esm/hooks/useCancellableDelayedCallback.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useCallback } from 'react';
 
 function useCancellableDelayedCallback(cb, delay) {

package/esm/hooks/useDerivedStateFromProps.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef } from 'react';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.filter.js';

package/esm/hooks/useExecutionTimer.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef } from 'react';
 
 function useExecutionDelay(startFn, cleanFn, delayTime) {

package/esm/hooks/useExpandState.js

@@ -1,7 +1,6 @@
 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';

package/esm/hooks/useFocusTrap.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/es.error.cause.js';
 import { useEffect, useCallback } from 'react';
 import { PropTypes, describe } from '@elliemae/ds-props-helpers';
 
@@ -15,11 +16,15 @@ const getVariableType = arg => {
 };
 
 const throwTypeError = (validPropKey, invalidProp) => {
-  throw new Error("Warning: You are trying to pass a not valid \"".concat(validPropKey, "\" property to use a useFocusTrap hook, please provide a valid type.\n\n  Received: ").concat(getVariableType(invalidProp), "\n  Expected: ").concat(useFocusTrapProps[validPropKey], "\n  "));
+  throw new Error(`Warning: You are trying to pass a not valid "${validPropKey}" property to use a useFocusTrap hook, please provide a valid type.
+
+  Received: ${getVariableType(invalidProp)}
+  Expected: ${useFocusTrapProps[validPropKey]}
+  `);
 };
 
 const throwRequiredError = validPropKey => {
-  throw new Error("Warning: Please provide a \"".concat(validPropKey, "\" property to use a useFocusTrap hook, this property is required."));
+  throw new Error(`Warning: Please provide a "${validPropKey}" property to use a useFocusTrap hook, this property is required.`);
 };
 
 const validateProps = componentProps => {

package/esm/hooks/useHotkeys.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import hotkeys from 'hotkeys-js';
 import { useCallback, useEffect } from 'react';
 

package/esm/hooks/useIsShowingEllipsis.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useMemo, useEffect } from 'react';
 
 const useIsShowingEllipsis = () => {
@@ -8,7 +7,7 @@ const useIsShowingEllipsis = () => {
     if (entries.length) {
       const [textWrapperEntry] = entries;
       const el = textWrapperEntry.target;
-      setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
+      setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
     }
   }), []);
   useEffect(() => {

package/esm/hooks/useOnElementResize.js

@@ -1,28 +1,21 @@
-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
 
 const useOnElementResize = targetRef => {
-  var _targetRef$current$of, _targetRef$current, _targetRef$current$of2, _targetRef$current2;
-
-  const [width, setWidth] = useState((_targetRef$current$of = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth) !== null && _targetRef$current$of !== void 0 ? _targetRef$current$of : 0);
-  const [height, setHeight] = useState((_targetRef$current$of2 = (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetHeight) !== null && _targetRef$current$of2 !== void 0 ? _targetRef$current$of2 : 0);
+  const [width, setWidth] = useState(targetRef.current?.offsetWidth ?? 0);
+  const [height, setHeight] = useState(targetRef.current?.offsetHeight ?? 0);
   const observer = useRef();
   useEffect(() => {
     function outputsize() {
-      var _targetRef$current$of3, _targetRef$current3, _targetRef$current$of4, _targetRef$current4;
-
-      setWidth((_targetRef$current$of3 = (_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.offsetWidth) !== null && _targetRef$current$of3 !== void 0 ? _targetRef$current$of3 : 0);
-      setHeight((_targetRef$current$of4 = (_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.offsetHeight) !== null && _targetRef$current$of4 !== void 0 ? _targetRef$current$of4 : 0);
+      setWidth(targetRef.current?.offsetWidth ?? 0);
+      setHeight(targetRef.current?.offsetHeight ?? 0);
     }
 
     observer.current = new ResizeObserver(outputsize);
     observer.current.observe(targetRef.current);
     return () => {
-      var _observer$current;
-
-      (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
+      observer.current?.disconnect();
     };
   }, [targetRef]);
   return useMemo(() => ({

package/esm/hooks/useParentElement.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 
 const useParentElement = ref => {

package/esm/hooks/useResizeObserver.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import raf from 'raf';
 import ResizeObserver from 'resize-observer-polyfill';

package/esm/hooks/useWindowSize.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useLayoutEffect } from 'react';
 
 function useWindowSize() {

package/esm/operators.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.map.js';
 import 'core-js/modules/esnext.iterator.map.js';
 import { isEmpty } from 'lodash';

package/esm/system.js

@@ -6,7 +6,6 @@ import 'core-js/modules/esnext.iterator.filter.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/esnext.async-iterator.reduce.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { isFunction } from 'lodash';
 
 const setRef = (ref, value) => {

package/esm/timeUtils.js

@@ -4,7 +4,6 @@ import '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/esnext.async-iterator.reduce.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
-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.for-each.js';
 import { padStart } from 'lodash';

package/esm/utils.js

@@ -4,7 +4,6 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/esnext.async-iterator.reduce.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
-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.for-each.js';
 import { omit, cloneDeep, isFunction } from 'lodash';
@@ -24,7 +23,7 @@ const cx = function () {
     classnames[_key] = arguments[_key];
   }
 
-  return classnames.reduce((result, cn) => "".concat(result, " ").concat(cn || ''), '');
+  return classnames.reduce((result, cn) => `${result} ${cn || ''}`, '');
 }; // if entry exists, remove it, if not, add it
 
 const toggleInObject = (obj, key, value) => obj[key] !== undefined ? omit(obj, [key]) : _objectSpread(_objectSpread({}, obj), {}, {

package/esm/validations.js

@@ -16,7 +16,7 @@ const isGreaterThan = _ref2 => {
     help,
     comparator = 0
   } = _ref2;
-  if (!help) help = "Max value ".concat(comparator);
+  if (!help) help = `Max value ${comparator}`;
   return {
     payload: help,
     error: greaterThan(value, comparator)
@@ -28,7 +28,7 @@ const isValidDate = _ref3 => {
     help,
     format = 'MM/DD/AAA'
   } = _ref3;
-  if (!help) help = "Valid Date is required ".concat(format);
+  if (!help) help = `Valid Date is required ${format}`;
   return {
     payload: help,
     error: !validDate(value)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-utilities",
-  "version": "2.4.2-rc.12",
+  "version": "2.4.2-rc.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Utilities",
   "module": "./esm/index.js",