@elliemae/ds-form 2.0.0-next.8 → 2.0.0-rc.11

package/cjs/DateInputV2/components/utils.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('core-js/modules/web.dom-collections.iterator.js');
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
-var utils = require('@elliemae/ds-utilities/utils');
+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');
+var dsUtilities = require('@elliemae/ds-utilities');
 var moment = require('moment');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -61,18 +63,18 @@ const setNativeValue = (element, value) => {
 
 const formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {
   if (value === null || value === undefined) return '';
-  return shouldAddLeadingZeros ? timeUtils.addLeadingZeros(leadingZeros)(value) : String(value);
+  return shouldAddLeadingZeros ? dsUtilities.addLeadingZeros(leadingZeros)(value) : String(value);
 };
 
 const getFormattedDay = value => {
   const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = utils.parseInt(v, 10);
+  const parsedValue = dsUtilities.parseInt(v, 10);
   if (parsedValue > 31) return '31';
   return formatTimeNumber(parseTimeNumberFromText(v), true, 2);
 };
 const getShouldShortcircuitDay = value => {
   const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = utils.parseInt(v, 10);
+  const parsedValue = dsUtilities.parseInt(v, 10);
   if (parsedValue > 31) return true; // if the first input is in range 4-9 then there is no other option
   // so we auto advance
 
@@ -81,18 +83,18 @@ const getShouldShortcircuitDay = value => {
 };
 const getFormattedYear = value => {
   const v = value.length > 4 ? value.slice(-4) : value;
-  if (utils.parseInt(v) > 9999) return '9999';
+  if (dsUtilities.parseInt(v) > 9999) return '9999';
   return formatTimeNumber(parseTimeNumberFromText(v), true, 4);
 };
 const getFormattedMonth = value => {
   const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = utils.parseInt(v, 10);
+  const parsedValue = dsUtilities.parseInt(v, 10);
   if (parsedValue > 12) return '12';
   return formatTimeNumber(parseTimeNumberFromText(v), true, 2);
 };
 const getShouldShortcircuitMonth = value => {
   const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = utils.parseInt(v, 10);
+  const parsedValue = dsUtilities.parseInt(v, 10);
   if (parsedValue > 12) return true; // if the first input is in range 2-9 then there is no other option
   // so we auto advance
 
@@ -100,12 +102,13 @@ const getShouldShortcircuitMonth = value => {
   return false;
 };
 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;
 }; // trigger onBlur for entire DateInput control if focus is not in day, month, year
 
-const triggerOnBlur = (blurEvent, onBlur = () => {}) => {
+const triggerOnBlur = function (blurEvent) {
+  let onBlur = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
   const {
     target: currentEl = {},
     relatedTarget
@@ -129,10 +132,13 @@ const focusPreviousInput = currentEl => {
 
   (_getPreviousSibling = getPreviousSibling(currentEl, 'input')) === null || _getPreviousSibling === void 0 ? void 0 : _getPreviousSibling.focus();
 };
-const getValidTimeNumber = ({
-  min,
-  max
-}, number, valueString = '', onError = () => null) => {
+const getValidTimeNumber = function (_ref, number) {
+  let {
+    min,
+    max
+  } = _ref;
+  let valueString = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  let onError = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => null;
   if (valueString === '0' || number === 0) return null;
   if (number === undefined || number === null) return null;
 
@@ -148,7 +154,9 @@ const getValidTimeNumber = ({
 
   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;
   if (stringValue.length > 1) return true;
   return number * 10 > max;
 };
@@ -175,7 +183,9 @@ const onInputFocus = e => {
 
   e.target.select();
 };
-const getNextTimeValue = (value, target, yearMinRange, yearMaxRange, step = 1, incrementing = true) => {
+const getNextTimeValue = function (value, target, yearMinRange, yearMaxRange) {
+  let step = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+  let incrementing = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
   const parsedValue = parseTimeNumberFromText(value);
   let result = incrementing ? parsedValue + step : parsedValue - step;
 
@@ -191,7 +201,10 @@ const focusNextInputIfNeeded = (currentEl, max, number, stringValue, currentKey)
     focusNextInput(currentEl);
   }
 };
-const commonInputProps = (digits = 2, onKeyDown, placeholder) => {
+const commonInputProps = function () {
+  let digits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 2;
+  let onKeyDown = arguments.length > 1 ? arguments[1] : undefined;
+  let placeholder = arguments.length > 2 ? arguments[2] : undefined;
   const props = {
     pattern: '[0-9]*',
     placeholder,
@@ -217,9 +230,9 @@ const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
   } = show;
   if (time && !year && !month && !day) return '';
   newDate.value = "".concat(year, "-").concat(month, "-").concat(day);
-  if (showMonth && month) newDate.month(utils.parseInt(month - 1, 10));
-  if (showDay && day) newDate.date(utils.parseInt(day, 10));
-  if (showYear && year) newDate.year(utils.parseInt(year, 10));
+  if (showMonth && month) newDate.month(dsUtilities.parseInt(month - 1, 10));
+  if (showDay && day) newDate.date(dsUtilities.parseInt(day, 10));
+  if (showYear && year) newDate.year(dsUtilities.parseInt(year, 10));
   return newDate;
 };
 const isTimeCompletelySet = (date, show, range) => {

package/cjs/ExpandableInput/DSExpandableInput.js

@@ -8,29 +8,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const DSExpandableInput = ({
-  containerProps = {},
-  innerRef,
-  className = '',
-  style = {},
-  triggerComponent = undefined,
-  children,
-  isOpen = false,
-  onOpen = () => null,
-  onClose = () => null,
-  onBlur = () => null,
-  width = undefined
-}) => /*#__PURE__*/_jsx__default["default"](ExpandableInputImpl, {
-  className: className,
-  containerProps: containerProps,
-  innerRef: innerRef,
-  isOpen: isOpen,
-  onBlur: onBlur,
-  onClose: onClose,
-  onOpen: onOpen,
-  style: style,
-  triggerComponent: triggerComponent,
-  width: width
-}, void 0, children);
+const DSExpandableInput = _ref => {
+  let {
+    containerProps = {},
+    innerRef,
+    className = '',
+    style = {},
+    triggerComponent = undefined,
+    children,
+    isOpen = false,
+    onOpen = () => null,
+    onClose = () => null,
+    onBlur = () => null,
+    width = undefined
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](ExpandableInputImpl, {
+    className: className,
+    containerProps: containerProps,
+    innerRef: innerRef,
+    isOpen: isOpen,
+    onBlur: onBlur,
+    onClose: onClose,
+    onOpen: onOpen,
+    style: style,
+    triggerComponent: triggerComponent,
+    width: width
+  }, void 0, children);
+};
 
 module.exports = DSExpandableInput;

package/cjs/ExpandableInput/ExpandableInputImpl.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 _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
@@ -20,16 +25,22 @@ 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 blockName = 'expandable-input';
-const ExpandableInput = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  isOpen
-}) => ({
-  opened: isOpen
-}));
-const InputWrapper = dsClassnames.aggregatedClasses(InputAddonWrapper)(blockName, 'wrapper', ({
-  isOpen
-}) => ({
-  opened: isOpen
-}));
+const ExpandableInput = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    isOpen
+  } = _ref;
+  return {
+    opened: isOpen
+  };
+});
+const InputWrapper = dsClassnames.aggregatedClasses(InputAddonWrapper)(blockName, 'wrapper', _ref2 => {
+  let {
+    isOpen
+  } = _ref2;
+  return {
+    opened: isOpen
+  };
+});
 class ExpandableInputImpl extends React.Component {
   constructor() {
     super();

package/cjs/FloatingLabelInput/DSFloatingLabelInput.js

@@ -12,123 +12,126 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 const noop = () => {};
 
-const DSFloatingLabelInput = ({
-  containerProps = {},
-  arialLabel = '',
-
-  /**
-   * Gets the reference for the input controller
-   *
-   * @param {HTMLElement} node
-   */
-  innerRef = noop,
-
-  /**
-   * Custom className for floatingLabelInput
-   */
-  className = '',
-
-  /**
-   * Props injected to the input component
-   *
-   * @type Object
-   */
-  extraInputProps = {},
-
-  /**
-   * Input controller
-   *
-   * @type {element}
-   */
-  inputComponent = DSTextBox["default"],
-
-  /**
-   * Input value
-   *
-   * @type {string}
-   */
-  value = '',
-
-  /**
-   * Label component
-   *
-   * @type {element}
-   */
-  labelComponent = DSLabel,
-
-  /**
-   * Label text
-   *
-   * @type {string | element}
-   */
-  labelText = null,
-
-  /**
-   * Callback when input controller has changed
-   *
-   * @param event
-   */
-  onChange = noop,
-  onBlur = noop,
-  onFocus = noop,
-
-  /**
-   * Whether the label is floating or not
-   *
-   * @type {boolean}
-   */
-  isOpen = false,
-
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  hasError = false,
-
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  readOnly = false,
-
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  disabled = false,
-
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  required = false,
-  optional = false,
-  mask = null,
-  useSubfix = ''
-}) => /*#__PURE__*/_jsx__default["default"](FloatingLabelInputImpl, {
-  arialLabel: arialLabel,
-  className: className,
-  disabled: disabled,
-  extraInputProps: extraInputProps,
-  hasError: hasError,
-  innerRef: innerRef,
-  inputComponent: inputComponent,
-  isOpen: isOpen,
-  labelComponent: labelComponent,
-  labelText: labelText,
-  mask: mask,
-  onBlur: onBlur,
-  onChange: onChange,
-  onFocus: onFocus,
-  optional: optional,
-  readOnly: readOnly,
-  required: required,
-  useSubfix: useSubfix,
-  value: value
-});
+const DSFloatingLabelInput = _ref => {
+  let {
+    containerProps = {},
+    arialLabel = '',
+
+    /**
+     * Gets the reference for the input controller
+     *
+     * @param {HTMLElement} node
+     */
+    innerRef = noop,
+
+    /**
+     * Custom className for floatingLabelInput
+     */
+    className = '',
+
+    /**
+     * Props injected to the input component
+     *
+     * @type Object
+     */
+    extraInputProps = {},
+
+    /**
+     * Input controller
+     *
+     * @type {element}
+     */
+    inputComponent = DSTextBox["default"],
+
+    /**
+     * Input value
+     *
+     * @type {string}
+     */
+    value = '',
+
+    /**
+     * Label component
+     *
+     * @type {element}
+     */
+    labelComponent = DSLabel,
+
+    /**
+     * Label text
+     *
+     * @type {string | element}
+     */
+    labelText = null,
+
+    /**
+     * Callback when input controller has changed
+     *
+     * @param event
+     */
+    onChange = noop,
+    onBlur = noop,
+    onFocus = noop,
+
+    /**
+     * Whether the label is floating or not
+     *
+     * @type {boolean}
+     */
+    isOpen = false,
+
+    /**
+     * Whether ...
+     *
+     * @type {boolean}
+     */
+    hasError = false,
+
+    /**
+     * Whether ...
+     *
+     * @type {boolean}
+     */
+    readOnly = false,
+
+    /**
+     * Whether ...
+     *
+     * @type {boolean}
+     */
+    disabled = false,
+
+    /**
+     * Whether ...
+     *
+     * @type {boolean}
+     */
+    required = false,
+    optional = false,
+    mask = null,
+    useSubfix = ''
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](FloatingLabelInputImpl, {
+    arialLabel: arialLabel,
+    className: className,
+    disabled: disabled,
+    extraInputProps: extraInputProps,
+    hasError: hasError,
+    innerRef: innerRef,
+    inputComponent: inputComponent,
+    isOpen: isOpen,
+    labelComponent: labelComponent,
+    labelText: labelText,
+    mask: mask,
+    onBlur: onBlur,
+    onChange: onChange,
+    onFocus: onFocus,
+    optional: optional,
+    readOnly: readOnly,
+    required: required,
+    useSubfix: useSubfix,
+    value: value
+  });
+};
 
 module.exports = DSFloatingLabelInput;

package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js

@@ -1,10 +1,15 @@
 '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 dsClassnames = require('@elliemae/ds-classnames');
-var getComponentFromProps = require('@elliemae/ds-utilities/getComponentFromProps');
+var dsUtilities = require('@elliemae/ds-utilities');
 var DSTextWrapper = require('@elliemae/ds-text-wrapper');
 var resizeObserver = require('resize-observer');
 var getSvgPath = require('./getSvgPath.js');
@@ -15,28 +20,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var getComponentFromProps__default = /*#__PURE__*/_interopDefaultLegacy(getComponentFromProps);
 var DSTextWrapper__default = /*#__PURE__*/_interopDefaultLegacy(DSTextWrapper);
 
 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 blockName = 'labeled-outline';
-const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  isOpen
-}) => ({
-  'has-value': isOpen
-}));
+const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    isOpen
+  } = _ref;
+  return {
+    'has-value': isOpen
+  };
+});
 const FloatingLabel = dsClassnames.aggregatedClasses('label')(blockName, 'label');
 const OutlineIdle = dsClassnames.aggregatedClasses('div')(blockName, 'idle');
 const Outline = dsClassnames.aggregatedClasses('div')(blockName, 'outline');
 const OutlinePath = dsClassnames.aggregatedClasses('path')(blockName, 'outline__path');
 
-const shouldUpdateSvgPath = ({
-  width,
-  height,
-  labelWidth
-}, prevSizes) => {
+const shouldUpdateSvgPath = (_ref2, prevSizes) => {
+  let {
+    width,
+    height,
+    labelWidth
+  } = _ref2;
   if (width !== prevSizes.width) return true;
   if (height !== prevSizes.height) return true;
   return labelWidth !== prevSizes.labelWidth;
@@ -45,11 +53,8 @@ const shouldUpdateSvgPath = ({
 class FloatingLabelInputImpl extends React.Component {
   constructor(props) {
     super(props);
-
-    _defineProperty__default["default"](this, "resizeObserver", new resizeObserver.ResizeObserver(() => this.updatePath()));
-
-    _defineProperty__default["default"](this, "prevSizes", {});
-
+    this.resizeObserver = new resizeObserver.ResizeObserver(() => this.updatePath());
+    this.prevSizes = {};
     this.wrapperRef = /*#__PURE__*/React__default["default"].createRef();
     this.outlinePathRef = /*#__PURE__*/React__default["default"].createRef();
     this.outlineIdleRef = /*#__PURE__*/React__default["default"].createRef();
@@ -155,7 +160,7 @@ class FloatingLabelInputImpl extends React.Component {
       useSubfix
     }, extraInputProps);
 
-    const InputComponent = getComponentFromProps__default["default"](inputComponent, inputProps);
+    const InputComponent = dsUtilities.getComponentFromProps(inputComponent, inputProps);
     const isOpen = this.isOpened;
     return /*#__PURE__*/_jsx__default["default"](Wrapper, {
       classProps: {
@@ -189,8 +194,8 @@ class FloatingLabelInputImpl extends React.Component {
 
 }
 
-_defineProperty__default["default"](FloatingLabelInputImpl, "defaultProps", {
+FloatingLabelInputImpl.defaultProps = {
   onChange: () => null
-});
+};
 
 module.exports = FloatingLabelInputImpl;

package/cjs/FloatingLabelInput/getSvgPath.js

@@ -1,14 +1,15 @@
 'use strict';
 
 /* eslint-disable prefer-template,max-statements,no-nested-ternary */
-function getSvgPath({
-  labelWidth = 50,
-  width = 200,
-  height = 35,
-  radiusStyle,
-  hasRightRadius = true,
-  hasLeftRadius = true
-}) {
+function getSvgPath(_ref) {
+  let {
+    labelWidth = 50,
+    width = 200,
+    height = 35,
+    radiusStyle,
+    hasRightRadius = true,
+    hasLeftRadius = true
+  } = _ref;
   const notchWidth = labelWidth;
   const radius = parseFloat(radiusStyle);
   const cornerWidth = radius + 1.3;