@elliemae/ds-form 2.0.0-next.7 → 2.0.0-rc.10

package/esm/SearchBox/withSearchable.js

@@ -1,7 +1,12 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import React, { Component } from 'react';
-import { debounce } from '@elliemae/ds-utilities/utils';
+import { debounce } from '@elliemae/ds-utilities';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["containerProps"];
@@ -14,9 +19,7 @@ const withSearchable = WrappedComponent => {
   class Searchable extends Component {
     constructor(props) {
       super(props);
-
-      _defineProperty(this, "debouncedSearch", debounce(this.handleSearch, 200));
-
+      this.debouncedSearch = debounce(this.handleSearch, 200);
       this.state = {
         value: props.value
       };
@@ -29,9 +32,11 @@ const withSearchable = WrappedComponent => {
       this.handleSearch = this.handleSearch.bind(this);
     }
 
-    static getDerivedStateFromProps(nextProps, {
-      prevPropValue
-    }) {
+    static getDerivedStateFromProps(nextProps, _ref) {
+      let {
+        prevPropValue
+      } = _ref;
+
       if (nextProps.value !== prevPropValue) {
         return {
           value: nextProps.value,
@@ -81,9 +86,10 @@ const withSearchable = WrappedComponent => {
       });
     }
 
-    handleChange({
-      target
-    }) {
+    handleChange(_ref2) {
+      let {
+        target
+      } = _ref2;
       const {
         value
       } = target;

package/esm/TextBox/DSTextBox.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';

package/esm/TimeInput/DSTimeInput.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
@@ -14,43 +19,46 @@ 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; }
 
-const DSTimeInput = ({
-  containerProps = {},
-  innerRef,
-  className = '',
-  style = {},
-  onChange = () => null,
-  format,
-  value = '',
-  clearable = false,
-  disabled = false,
-  ariaLabel = 'Time input'
-}) => /*#__PURE__*/_jsx(DSInput, {
-  className: className,
-  clearable: clearable,
-  containerProps: containerProps,
-  customInputType: _ref => {
-    let {
-      onChange: inputOnChange
-    } = _ref,
-        restInputProps = _objectWithoutProperties(_ref, _excluded);
-
-    return /*#__PURE__*/jsx(TimeInputImpl, _objectSpread(_objectSpread({
-      "aria-label": ariaLabel,
-      disabled: disabled,
-      format: format,
-      onChange: time => inputOnChange(time)
-    }, restInputProps), {}, {
-      style: style
-    }));
-  },
-  disabled: disabled,
-  innerRef: innerRef,
-  isShowElipsisActive: false,
-  onChange: onChange,
-  onClear: () => onChange(null),
-  value: value
-});
+const DSTimeInput = _ref => {
+  let {
+    containerProps = {},
+    innerRef,
+    className = '',
+    style = {},
+    onChange = () => null,
+    format,
+    value = '',
+    clearable = false,
+    disabled = false,
+    ariaLabel = 'Time input'
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSInput, {
+    className: className,
+    clearable: clearable,
+    containerProps: containerProps,
+    customInputType: _ref2 => {
+      let {
+        onChange: inputOnChange
+      } = _ref2,
+          restInputProps = _objectWithoutProperties(_ref2, _excluded);
+
+      return /*#__PURE__*/jsx(TimeInputImpl, _objectSpread(_objectSpread({
+        "aria-label": ariaLabel,
+        disabled: disabled,
+        format: format,
+        onChange: time => inputOnChange(time)
+      }, restInputProps), {}, {
+        style: style
+      }));
+    },
+    disabled: disabled,
+    innerRef: innerRef,
+    isShowElipsisActive: false,
+    onChange: onChange,
+    onClear: () => onChange(null),
+    value: value
+  });
+};
 
 DSTimeInput.defaultProps = {
   format: 'hh:mm:ss',

package/esm/TimeInput/TimeInputImpl.js

@@ -1,7 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useRef, useMemo } from 'react';
-import { getVisibleTimeByFormat } from '@elliemae/ds-utilities/timeUtils';
+import { getVisibleTimeByFormat } from '@elliemae/ds-utilities';
 import memoize from 'memoize-one';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import TimeInputs from './TimeInputs.js';
@@ -13,16 +18,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const blockName = 'input-time';
 const InputTimeContainer = aggregatedClasses('div')(blockName);
 
-const TimeInputImpl = ({
-  format,
-  innerRef,
-  onChange,
-  className,
-  value,
-  disabled,
-  clearable,
-  'arial-label': ariaLabel
-}) => {
+const TimeInputImpl = _ref => {
+  let {
+    format,
+    innerRef,
+    onChange,
+    className,
+    value,
+    disabled,
+    clearable,
+    'arial-label': ariaLabel
+  } = _ref;
   const getVisibleTimeInputs = memoize(formatValue => getVisibleTimeByFormat(formatValue));
   let inputsContainer = useRef();
 

package/esm/TimeInput/TimeInputs.js

@@ -1,6 +1,15 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import React, { useState, useEffect, createElement } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import moment from 'moment';
@@ -13,34 +22,41 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const blockName = 'input-times-group';
 const InputTimesGroup = aggregatedClasses('div')(blockName);
 const TimeInput = aggregatedClasses('input')(blockName, 'input');
-const Divider = aggregatedClasses('span')(blockName, 'divider', ({
-  value
-}) => ({
-  value
-})); // eslint-disable-next-line react/prop-types
-
-const TimeDivider = ({
-  content = ':',
-  value = ''
-}) => /*#__PURE__*/_jsx(Divider, {
-  value: !!value
-}, void 0, content);
-
-const TimeInputs = ({
-  time,
-  format,
-  use12Hours,
-  step = 1,
-  showHours,
-  showMinutes,
-  showSeconds,
-  onChange,
-  disabled,
-  innerRef,
-  clearable,
-  'arial-label': ariaLabel,
-  'aria-label': ariaLabel2
-}) => {
+const Divider = aggregatedClasses('span')(blockName, 'divider', _ref => {
+  let {
+    value
+  } = _ref;
+  return {
+    value
+  };
+}); // eslint-disable-next-line react/prop-types
+
+const TimeDivider = _ref2 => {
+  let {
+    content = ':',
+    value = ''
+  } = _ref2;
+  return /*#__PURE__*/_jsx(Divider, {
+    value: !!value
+  }, void 0, content);
+};
+
+const TimeInputs = _ref3 => {
+  let {
+    time,
+    format,
+    use12Hours,
+    step = 1,
+    showHours,
+    showMinutes,
+    showSeconds,
+    onChange,
+    disabled,
+    innerRef,
+    clearable,
+    'arial-label': ariaLabel,
+    'aria-label': ariaLabel2
+  } = _ref3;
   const [meridiem, setMeridiem] = useState('');
   const [hours, setHours] = useState('');
   const [minutes, setMinutes] = useState('');
@@ -87,7 +103,8 @@ const TimeInputs = ({
     }
   };
 
-  const getNextTimeValue = (value, incrementing = true) => {
+  const getNextTimeValue = function (value) {
+    let incrementing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const parsedValue = parseTimeNumberFromText(value);
     return incrementing ? parsedValue + step : parsedValue - step;
   };

package/esm/TimeInput/utils.js

@@ -1,5 +1,4 @@
-import { addLeadingZeros } from '@elliemae/ds-utilities/timeUtils';
-import { parseInt, isNaN } from '@elliemae/ds-utilities/utils';
+import { parseInt, isNaN, addLeadingZeros } from '@elliemae/ds-utilities';
 import { ARROW_DOWN, ARROW_UP, SHIFT, PLACEHOLDER_TIME, PM, AM } from '@elliemae/ds-shared/constants';
 
 const isAM = time => time && time.hour() < 12;
@@ -84,10 +83,11 @@ const focusPreviousInput = currentEl => {
     previousElement.previousElementSibling.focus();
   }
 };
-const getValidTimeNumber = ({
-  min,
-  max
-}, number, typed) => {
+const getValidTimeNumber = (_ref, number, typed) => {
+  let {
+    min,
+    max
+  } = _ref;
   if (number === undefined || number === null) return null;
 
   if (number > max) {
@@ -98,7 +98,9 @@ const getValidTimeNumber = ({
   if (number < min) return min;
   return number;
 };
-const shouldFocusNextInput = (max, number = 0, stringValue) => {
+const shouldFocusNextInput = function (max) {
+  let number = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  let stringValue = arguments.length > 2 ? arguments[2] : undefined;
   const safeString = String(stringValue);
   const cleanString = safeString.startsWith('00') ? safeString.slice(1) : safeString;
   return number * 10 > max || String(max).length === cleanString.length;

package/esm/Toggle/DSToggle.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';

package/esm/Toggle/DSToggleImpl.js

@@ -1,6 +1,11 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+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 React, { Component } from 'react';
-import { isValidDrag, cleanDrag, dragStartingPoints, calculateDrag } from './toggleHelper.js';
+import { calculateDrag, isValidDrag, cleanDrag, dragStartingPoints } from './toggleHelper.js';
 import DSToggleRender from './DSToggleRender.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -12,7 +17,7 @@ class DSToggleImpl extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "onDragStart", clientX => {
+    this.onDragStart = clientX => {
       const {
         startPoint,
         checked,
@@ -32,9 +37,9 @@ class DSToggleImpl extends Component {
         drag
       }); // else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position
       else this.setDragOnChange(checked); // set initial position
-    });
+    };
 
-    _defineProperty(this, "onDragStop", e => {
+    this.onDragStop = e => {
       const {
         checked
       } = this.state; // const { checked: checkedProp, } = this.props
@@ -44,25 +49,25 @@ class DSToggleImpl extends Component {
         this.setState(cleanDrag); // } else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position
       } else this.setDragOnChange(checked); // set initial position
 
-    });
+    };
 
-    _defineProperty(this, "onBlur", e => {
+    this.onBlur = e => {
       const {
         onBlur,
         id
       } = this.props;
       if (onBlur) onBlur(e, id);
-    });
+    };
 
-    _defineProperty(this, "onFocus", e => {
+    this.onFocus = e => {
       const {
         onFocus,
         id
       } = this.props;
       if (onFocus) onFocus(e, id);
-    });
+    };
 
-    _defineProperty(this, "onChange", e => {
+    this.onChange = e => {
       const {
         checked
       } = this.state;
@@ -85,26 +90,26 @@ class DSToggleImpl extends Component {
       onChange(e, id); // this.setDragOnChange(checkedProp != null ? checkedProp : newCheck) // set new position
 
       this.setDragOnChange(newCheck); // set new position
-    });
+    };
 
-    _defineProperty(this, "onMouseEnter", () => {
+    this.onMouseEnter = () => {
       this.setState({
         inside: true
       });
-    });
+    };
 
-    _defineProperty(this, "onMouseLeave", () => {
+    this.onMouseLeave = () => {
       this.setState({
         inside: false
       });
-    });
+    };
 
-    _defineProperty(this, "onMouseMove", event => {
+    this.onMouseMove = event => {
       event.preventDefault();
       this.onDragStart(event.clientX);
-    });
+    };
 
-    _defineProperty(this, "onMouseDown", event => {
+    this.onMouseDown = event => {
       this.onDragStart(event.clientX);
       this.setState({
         startPoint: event.clientX,
@@ -112,36 +117,36 @@ class DSToggleImpl extends Component {
       });
       window.addEventListener('mousemove', this.onMouseMove);
       window.addEventListener('mouseup', this.onMouseUp);
-    });
+    };
 
-    _defineProperty(this, "onMouseUp", event => {
+    this.onMouseUp = event => {
       this.onDragStop(event);
       window.removeEventListener('mousemove', this.onMouseMove);
       window.removeEventListener('mouseup', this.onMouseUp);
-    });
+    };
 
-    _defineProperty(this, "onTouchCancel", () => {
+    this.onTouchCancel = () => {
       this.setState({
         inside: false
       });
-    });
+    };
 
-    _defineProperty(this, "onTouchEnd", event => {
+    this.onTouchEnd = event => {
       event.preventDefault();
       this.onDragStop(event);
-    });
+    };
 
-    _defineProperty(this, "onTouchMove", event => {
+    this.onTouchMove = event => {
       this.onDragStart(event.touches[0].clientX);
-    });
+    };
 
-    _defineProperty(this, "onTouchStart", event => {
+    this.onTouchStart = event => {
       this.onDragStart(event.touches[0].clientX);
       this.setState({
         startPoint: event.touches[0].clientX,
         isDragging: true
       });
-    });
+    };
 
     this.state = {
       checked: props.checked || false,

package/esm/Toggle/DSToggleRender.js

@@ -1,7 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import onClickHandlerForNonInteractiveElements from '@elliemae/ds-utilities/onClickHandlerForNonInteractiveElements';
+import { onClickHandlerForNonInteractiveElements } from '@elliemae/ds-utilities';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import DSTooltip from '@elliemae/ds-tooltip';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -10,36 +15,37 @@ 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; }
 
-const DSToggleRender = ({
-  containerProps,
-  id,
-  className = '',
-  style = {},
-  hasError = false,
-  hide,
-  readOnly = false,
-  disabled = false,
-  checked = false,
-  onBlur = () => null,
-  onFocus = () => null,
-  onChange = () => null,
-  onMouseDown = () => null,
-  onMouseEnter = () => null,
-  onMouseLeave = () => null,
-  onTouchCancel = () => null,
-  onTouchEnd = () => null,
-  onTouchMove = () => null,
-  onTouchStart = () => null,
-  labelOn = 'ON',
-  labelOff = 'OFF',
-  dragStyle = {},
-  containerRef = null,
-  handRef = null,
-  name = '',
-  value = '',
-  size = 's',
-  defaultState
-}) => {
+const DSToggleRender = _ref => {
+  let {
+    containerProps,
+    id,
+    className = '',
+    style = {},
+    hasError = false,
+    hide,
+    readOnly = false,
+    disabled = false,
+    checked = false,
+    onBlur = () => null,
+    onFocus = () => null,
+    onChange = () => null,
+    onMouseDown = () => null,
+    onMouseEnter = () => null,
+    onMouseLeave = () => null,
+    onTouchCancel = () => null,
+    onTouchEnd = () => null,
+    onTouchMove = () => null,
+    onTouchStart = () => null,
+    labelOn = 'ON',
+    labelOff = 'OFF',
+    dragStyle = {},
+    containerRef = null,
+    handRef = null,
+    name = '',
+    value = '',
+    size = 's',
+    defaultState
+  } = _ref;
   const {
     cssClassName,
     classNameBlock,

package/esm/Toggle/toggleHelper.js

@@ -1,10 +1,11 @@
-const isValidDrag = ({
-  inside,
-  circleWidth,
-  drag,
-  checked,
-  boxWidth
-}) => {
+const isValidDrag = _ref => {
+  let {
+    inside,
+    circleWidth,
+    drag,
+    checked,
+    boxWidth
+  } = _ref;
   const difference = boxWidth - circleWidth;
   return checked ? !inside && -drag > difference / 2 : !inside && drag > boxWidth / 3;
 };
@@ -13,13 +14,14 @@ const cleanDrag = () => ({
   isDragging: false
 }); // eslint-disable-next-line complexity
 
-const calculateDrag = (clientX, {
-  startPoint,
-  checked,
-  isDragging,
-  boxWidth,
-  circleWidth
-}) => {
+const calculateDrag = (clientX, _ref2) => {
+  let {
+    startPoint,
+    checked,
+    isDragging,
+    boxWidth,
+    circleWidth
+  } = _ref2;
   if (!isDragging) return null;
   const move = startPoint - clientX;
   const drag = !checked ? clientX - startPoint : boxWidth - circleWidth - move;
@@ -27,10 +29,11 @@ const calculateDrag = (clientX, {
   if (checked && clientX > 0 && clientX < startPoint && move < boxWidth * 0.7) return drag;
   return null;
 };
-const dragStartingPoints = checked => ({
-  circleWidth,
-  boxWidth
-}) => {
+const dragStartingPoints = checked => _ref3 => {
+  let {
+    circleWidth,
+    boxWidth
+  } = _ref3;
   if (checked) return {
     drag: boxWidth - circleWidth
   };