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

package/cjs/SearchBox/withSearchable.js

@@ -1,15 +1,20 @@
 'use strict';
 
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const _excluded = ["containerProps"];
@@ -22,9 +27,7 @@ const withSearchable = WrappedComponent => {
   class Searchable extends React.Component {
     constructor(props) {
       super(props);
-
-      _defineProperty__default["default"](this, "debouncedSearch", utils.debounce(this.handleSearch, 200));
-
+      this.debouncedSearch = dsUtilities.debounce(this.handleSearch, 200);
       this.state = {
         value: props.value
       };
@@ -37,9 +40,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,
@@ -89,9 +94,10 @@ const withSearchable = WrappedComponent => {
       });
     }
 
-    handleChange({
-      target
-    }) {
+    handleChange(_ref2) {
+      let {
+        target
+      } = _ref2;
       const {
         value
       } = target;

package/cjs/TextBox/DSTextBox.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');

package/cjs/TimeInput/DSTimeInput.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -23,43 +28,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__default["default"](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__default["default"](DSInput["default"], {
-  className: className,
-  clearable: clearable,
-  containerProps: containerProps,
-  customInputType: _ref => {
-    let {
-      onChange: inputOnChange
-    } = _ref,
-        restInputProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-    return /*#__PURE__*/jsxRuntime.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__default["default"](DSInput["default"], {
+    className: className,
+    clearable: clearable,
+    containerProps: containerProps,
+    customInputType: _ref2 => {
+      let {
+        onChange: inputOnChange
+      } = _ref2,
+          restInputProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
+
+      return /*#__PURE__*/jsxRuntime.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/cjs/TimeInput/TimeInputImpl.js

@@ -1,9 +1,14 @@
 'use strict';
 
+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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var memoize = require('memoize-one');
 var dsClassnames = require('@elliemae/ds-classnames');
 var TimeInputs = require('./TimeInputs.js');
@@ -21,17 +26,18 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const blockName = 'input-time';
 const InputTimeContainer = dsClassnames.aggregatedClasses('div')(blockName);
 
-const TimeInputImpl = ({
-  format,
-  innerRef,
-  onChange,
-  className,
-  value,
-  disabled,
-  clearable,
-  'arial-label': ariaLabel
-}) => {
-  const getVisibleTimeInputs = memoize__default["default"](formatValue => timeUtils.getVisibleTimeByFormat(formatValue));
+const TimeInputImpl = _ref => {
+  let {
+    format,
+    innerRef,
+    onChange,
+    className,
+    value,
+    disabled,
+    clearable,
+    'arial-label': ariaLabel
+  } = _ref;
+  const getVisibleTimeInputs = memoize__default["default"](formatValue => dsUtilities.getVisibleTimeByFormat(formatValue));
   let inputsContainer = React.useRef();
 
   const handleFocus = e => {

package/cjs/TimeInput/TimeInputs.js

@@ -3,6 +3,15 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.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 React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var moment = require('moment');
@@ -22,34 +31,41 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const blockName = 'input-times-group';
 const InputTimesGroup = dsClassnames.aggregatedClasses('div')(blockName);
 const TimeInput = dsClassnames.aggregatedClasses('input')(blockName, 'input');
-const Divider = dsClassnames.aggregatedClasses('span')(blockName, 'divider', ({
-  value
-}) => ({
-  value
-})); // eslint-disable-next-line react/prop-types
-
-const TimeDivider = ({
-  content = ':',
-  value = ''
-}) => /*#__PURE__*/_jsx__default["default"](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 = dsClassnames.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__default["default"](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] = React.useState('');
   const [hours, setHours] = React.useState('');
   const [minutes, setMinutes] = React.useState('');
@@ -96,7 +112,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 = utils.parseTimeNumberFromText(value);
     return incrementing ? parsedValue + step : parsedValue - step;
   };

package/cjs/TimeInput/utils.js

@@ -2,8 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var constants = require('@elliemae/ds-shared/constants');
 
 const isAM = time => time && time.hour() < 12;
@@ -53,7 +52,7 @@ const _placeholderHour = (format, use12Hours) => {
 
 const formatTimeNumber = (value, shouldAddLeadingZeros) => {
   if (value === null || value === undefined) return '';
-  return shouldAddLeadingZeros ? timeUtils.addLeadingZeros(2)(value) : String(value);
+  return shouldAddLeadingZeros ? dsUtilities.addLeadingZeros(2)(value) : String(value);
 };
 
 const formatMinutes = (format, value) => {
@@ -70,8 +69,8 @@ const formatHour = (format, value) => {
 };
 const formatMeridiem = (format, value) => format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase();
 const parseTimeNumberFromText = stringValue => {
-  const parsedInt = utils.parseInt(stringValue);
-  if (utils.isNaN(parsedInt)) return null;
+  const parsedInt = dsUtilities.parseInt(stringValue);
+  if (dsUtilities.isNaN(parsedInt)) return null;
   return parsedInt;
 };
 const focusNextInput = currentEl => {
@@ -88,21 +87,24 @@ 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) {
-    if (utils.isNaN(typed)) return utils.parseInt(typed);
+    if (dsUtilities.isNaN(typed)) return dsUtilities.parseInt(typed);
     return max;
   }
 
   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/cjs/Toggle/DSToggle.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');

package/cjs/Toggle/DSToggleImpl.js

@@ -1,5 +1,10 @@
 'use strict';
 
+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 toggleHelper = require('./toggleHelper.js');
@@ -19,7 +24,7 @@ class DSToggleImpl extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default["default"](this, "onDragStart", clientX => {
+    this.onDragStart = clientX => {
       const {
         startPoint,
         checked,
@@ -39,9 +44,9 @@ class DSToggleImpl extends React.Component {
         drag
       }); // else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position
       else this.setDragOnChange(checked); // set initial position
-    });
+    };
 
-    _defineProperty__default["default"](this, "onDragStop", e => {
+    this.onDragStop = e => {
       const {
         checked
       } = this.state; // const { checked: checkedProp, } = this.props
@@ -51,25 +56,25 @@ class DSToggleImpl extends React.Component {
         this.setState(toggleHelper.cleanDrag); // } else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position
       } else this.setDragOnChange(checked); // set initial position
 
-    });
+    };
 
-    _defineProperty__default["default"](this, "onBlur", e => {
+    this.onBlur = e => {
       const {
         onBlur,
         id
       } = this.props;
       if (onBlur) onBlur(e, id);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onFocus", e => {
+    this.onFocus = e => {
       const {
         onFocus,
         id
       } = this.props;
       if (onFocus) onFocus(e, id);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onChange", e => {
+    this.onChange = e => {
       const {
         checked
       } = this.state;
@@ -92,26 +97,26 @@ class DSToggleImpl extends React.Component {
       onChange(e, id); // this.setDragOnChange(checkedProp != null ? checkedProp : newCheck) // set new position
 
       this.setDragOnChange(newCheck); // set new position
-    });
+    };
 
-    _defineProperty__default["default"](this, "onMouseEnter", () => {
+    this.onMouseEnter = () => {
       this.setState({
         inside: true
       });
-    });
+    };
 
-    _defineProperty__default["default"](this, "onMouseLeave", () => {
+    this.onMouseLeave = () => {
       this.setState({
         inside: false
       });
-    });
+    };
 
-    _defineProperty__default["default"](this, "onMouseMove", event => {
+    this.onMouseMove = event => {
       event.preventDefault();
       this.onDragStart(event.clientX);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onMouseDown", event => {
+    this.onMouseDown = event => {
       this.onDragStart(event.clientX);
       this.setState({
         startPoint: event.clientX,
@@ -119,36 +124,36 @@ class DSToggleImpl extends React.Component {
       });
       window.addEventListener('mousemove', this.onMouseMove);
       window.addEventListener('mouseup', this.onMouseUp);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onMouseUp", event => {
+    this.onMouseUp = event => {
       this.onDragStop(event);
       window.removeEventListener('mousemove', this.onMouseMove);
       window.removeEventListener('mouseup', this.onMouseUp);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onTouchCancel", () => {
+    this.onTouchCancel = () => {
       this.setState({
         inside: false
       });
-    });
+    };
 
-    _defineProperty__default["default"](this, "onTouchEnd", event => {
+    this.onTouchEnd = event => {
       event.preventDefault();
       this.onDragStop(event);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onTouchMove", event => {
+    this.onTouchMove = event => {
       this.onDragStart(event.touches[0].clientX);
-    });
+    };
 
-    _defineProperty__default["default"](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/cjs/Toggle/DSToggleRender.js

@@ -1,9 +1,14 @@
 'use strict';
 
+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 _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var onClickHandlerForNonInteractiveElements = require('@elliemae/ds-utilities/onClickHandlerForNonInteractiveElements');
+var dsUtilities = require('@elliemae/ds-utilities');
 var dsClassnames = require('@elliemae/ds-classnames');
 var DSTooltip = require('@elliemae/ds-tooltip');
 var jsxRuntime = require('react/jsx-runtime');
@@ -12,43 +17,43 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var onClickHandlerForNonInteractiveElements__default = /*#__PURE__*/_interopDefaultLegacy(onClickHandlerForNonInteractiveElements);
 var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 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__default["default"](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,
@@ -82,7 +87,7 @@ const DSToggleRender = ({
     "aria-disabled": disabled,
     defaultChecked: checked,
     defaultValue: value
-  }, onClickHandlerForNonInteractiveElements__default["default"](allowChange ? null : onChange)), {}, {
+  }, dsUtilities.onClickHandlerForNonInteractiveElements(allowChange ? null : onChange)), {}, {
     ref: containerRef,
     className: "".concat(cssClassName, " ").concat(defaultState ? 'default-state-checked' : '').concat(hide ? ' ds-form-element-toggle-hide' : ''),
     onBlur: onBlur,