@elliemae/ds-form 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/DateInput/DSDateInput.js

@@ -5,9 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 React = require('react');
 var reactDesc = require('react-desc');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var DSInput = require('../Input/DSInput.js');
 var DateInputImpl = require('./components/DateInputImpl.js');
 var props = require('./props.js');
@@ -24,28 +30,29 @@ const _excluded = ["onChange", "onKeyDown"];
 
 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; }
+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 DSDateInput = ({
-  innerRef,
-  className,
-  style,
-  onFocus,
-  onBlur,
-  onClear,
-  onChange,
-  onKeyDown,
-  onError,
-  format,
-  value,
-  clearable,
-  disabled,
-  yearMaxRange,
-  yearMinRange,
-  containerProps,
-  // TODO remove and keep `true` behavior ( PUI-4141 )
-  INTERNAL_V2_NO_MUTATION
-}) => {
+const DSDateInput = _ref => {
+  let {
+    innerRef,
+    className,
+    style,
+    onFocus,
+    onBlur,
+    onClear,
+    onChange,
+    onKeyDown,
+    onError,
+    format,
+    value,
+    clearable,
+    disabled,
+    yearMaxRange,
+    yearMinRange,
+    containerProps,
+    // TODO remove and keep `true` behavior ( PUI-4141 )
+    INTERNAL_V2_NO_MUTATION
+  } = _ref;
   const [valueDate, setValueDate] = React.useState(value);
   React.useEffect(() => {
     if (value) {
@@ -53,8 +60,8 @@ const DSDateInput = ({
     }
   }, [value]);
   const handleOnClear = React.useCallback(() => {
-    utils.runAll(onClear, setValueDate(''));
-  }, []);
+    dsUtilities.runAll(onClear, setValueDate(''));
+  }, [onClear]);
   const handleKeyDown = React.useCallback((e, date, inputOnKeyDown) => {
     inputOnKeyDown(e, date);
   }, []);
@@ -62,16 +69,16 @@ const DSDateInput = ({
     setValueDate(date);
     inputOnChange(date);
   }, []);
-  return /*#__PURE__*/_jsx__default['default'](DSInput['default'], {
-    className: `${className} input-date-input `,
+  return /*#__PURE__*/_jsx__default["default"](DSInput["default"], {
+    className: "".concat(className, " input-date-input "),
     clearable: clearable,
     containerProps: containerProps,
-    customInputType: _ref => {
+    customInputType: _ref2 => {
       let {
         onChange: inputOnChange,
         onKeyDown: inputOnKeyDown
-      } = _ref,
-          restInputProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      } = _ref2,
+          restInputProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
       return /*#__PURE__*/jsxRuntime.jsx(DateInputImpl, _objectSpread(_objectSpread({
         INTERNAL_V2_NO_MUTATION: INTERNAL_V2_NO_MUTATION,
@@ -105,4 +112,4 @@ DSDateInputWithSchema.propTypes = props.props;
 
 exports.DateInputImpl = DateInputImpl;
 exports.DSDateInputWithSchema = DSDateInputWithSchema;
-exports['default'] = DSDateInput;
+exports["default"] = DSDateInput;

package/cjs/DateInput/components/DateInputImpl.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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
@@ -14,7 +19,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
+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 = 'input-time';
 const DateInputContainer = dsClassnames.aggregatedClasses('div')(blockName);
 
@@ -24,22 +29,23 @@ const getVisibleTimeByFormat = format => ({
   showYear: format.indexOf('YYYY') > -1
 });
 
-const DateInputImpl = ({
-  format,
-  innerRef,
-  onBlur,
-  onChange,
-  onKeyDown,
-  onError,
-  className,
-  value,
-  disabled,
-  yearMaxRange,
-  yearMinRange,
-  onFocus,
-  // eslint-disable-next-line react/prop-types
-  INTERNAL_V2_NO_MUTATION
-}) => {
+const DateInputImpl = _ref => {
+  let {
+    format,
+    innerRef,
+    onBlur,
+    onChange,
+    onKeyDown,
+    onError,
+    className,
+    value,
+    disabled,
+    yearMaxRange,
+    yearMinRange,
+    onFocus,
+    // eslint-disable-next-line react/prop-types
+    INTERNAL_V2_NO_MUTATION
+  } = _ref;
   const inputContainerRef = React.useRef();
 
   const handleFocus = e => {
@@ -50,8 +56,8 @@ const DateInputImpl = ({
     }
   };
 
-  const visibleInputs = React.useMemo(() => getVisibleTimeByFormat(format));
-  return /*#__PURE__*/_jsx__default['default'](DateInputContainer, {
+  const visibleInputs = React.useMemo(() => getVisibleTimeByFormat(format), [format]);
+  return /*#__PURE__*/_jsx__default["default"](DateInputContainer, {
     className: className,
     disabled: disabled,
     innerRef: innerRef,

package/cjs/DateInput/components/DateInputs.js

@@ -2,9 +2,17 @@
 
 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.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.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 usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
+var dsUtilities = require('@elliemae/ds-utilities');
 var utils = require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,54 +20,60 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
 
 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; }
+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 = 'input-date-group';
 const InputTimesGroup = dsClassnames.aggregatedClasses('div')(blockName);
 const MonthInput = dsClassnames.aggregatedClasses('input')(blockName, 'input input-month');
 const DayInput = dsClassnames.aggregatedClasses('input')(blockName, 'input input-day');
 const YearInput = dsClassnames.aggregatedClasses('input')(blockName, 'input input-year');
-const Divider = dsClassnames.aggregatedClasses('span')(blockName, 'divider', ({
-  value
-}) => ({
-  value
-})); // eslint-disable-next-line react/prop-types
-
-const DateDivider = ({
-  content = ':',
-  value = ''
-}) => /*#__PURE__*/_jsx__default['default'](Divider, {
-  value: !!value
-}, void 0, content);
-
-const DateInputs = ({
-  innerRef,
-  onBlur,
-  onChange,
-  onCustomKeyDown,
-  onError,
-  format = '',
-  showMonth = true,
-  showDay = true,
-  showYear = true,
-  step = 1,
-  yearMaxRange,
-  disabled,
-  yearMinRange,
-  time,
-  // TODO remove and keep `true` behavior ( PUI-4141 )
-  INTERNAL_V2_NO_MUTATION // eslint-disable-line react/prop-types
-
-}) => {
+const Divider = dsClassnames.aggregatedClasses('span')(blockName, 'divider', _ref => {
+  let {
+    value
+  } = _ref;
+  return {
+    value
+  };
+}); // eslint-disable-next-line react/prop-types
+
+const DateDivider = _ref2 => {
+  let {
+    content = ':',
+    value = ''
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](Divider, {
+    value: !!value
+  }, void 0, content);
+};
+
+const DateInputs = _ref3 => {
+  let {
+    innerRef,
+    onBlur,
+    onChange,
+    onCustomKeyDown,
+    onError,
+    format = '',
+    showMonth = true,
+    showDay = true,
+    showYear = true,
+    step = 1,
+    yearMaxRange,
+    disabled,
+    yearMinRange,
+    time,
+    // TODO remove and keep `true` behavior ( PUI-4141 )
+    INTERNAL_V2_NO_MUTATION // eslint-disable-line react/prop-types
+
+  } = _ref3;
   const [currentKey, setCurrentKey] = React.useState('ArrowUp');
   const [month, setMonth] = React.useState('');
   const [day, setDay] = React.useState('');
   const [year, setYear] = React.useState('');
-  const prevTime = usePrevious__default['default'](time);
-  const prevFormat = usePrevious__default['default'](format);
+  const prevTime = dsUtilities.usePrevious(time);
+  const prevFormat = dsUtilities.usePrevious(format);
   let digits = 2;
   let placeholder = '';
   React.useEffect(() => {
@@ -69,7 +83,7 @@ const DateInputs = ({
       setDay(dateValues.day);
       setYear(dateValues.year);
     }
-  }, [time]);
+  }, [format, time]);
   React.useEffect(() => {
     if (!time && prevTime) {
       setMonth('');
@@ -84,9 +98,8 @@ const DateInputs = ({
       setDay(dateValues.day);
       setYear(dateValues.year);
     }
-  }, [time, prevTime, format]);
-
-  const isCompletedDate = () => utils.isTimeCompletelySet({
+  }, [time, prevTime, format, prevFormat, onChange]);
+  const isCompletedDate = React.useCallback(() => utils.isTimeCompletelySet({
     year,
     month,
     day
@@ -97,8 +110,7 @@ const DateInputs = ({
   }, {
     yearMinRange,
     yearMaxRange
-  });
-
+  }), [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange]);
   React.useEffect(() => {
     if (INTERNAL_V2_NO_MUTATION) {
       const dateValues = utils.getDateValuesFromTime(time, format);
@@ -135,7 +147,7 @@ const DateInputs = ({
         }, INTERNAL_V2_NO_MUTATION));
       }
     }
-  }, [day, month, year]);
+  }, [INTERNAL_V2_NO_MUTATION, day, format, isCompletedDate, month, onChange, showDay, showMonth, showYear, time, year]);
 
   const triggerChange = () => utils.handleCompletedDate(time, {
     year,
@@ -205,7 +217,8 @@ const DateInputs = ({
   }; // eslint-disable-next-line complexity
 
 
-  const onKeyDown = (event, shouldIncrementDecrement = true) => {
+  const onKeyDown = function (event) {
+    let shouldIncrementDecrement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const {
       value,
       name
@@ -374,17 +387,17 @@ const DateInputs = ({
 
   const renderDateInputs = () => {
     const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];
-    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? /*#__PURE__*/_jsx__default['default'](DateDivider, {
+    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? /*#__PURE__*/_jsx__default["default"](DateDivider, {
       content: " / ",
       value: input.props.value
     }, index) : null, input]) : acc, []);
-    return [inputsWithDividers, /*#__PURE__*/React__default['default'].createElement('span', {
+    return [inputsWithDividers, /*#__PURE__*/React__default["default"].createElement('span', {
       key: 'span'
     }) // hack for next/prev focus
     ];
   };
 
-  return /*#__PURE__*/_jsx__default['default'](InputTimesGroup, {
+  return /*#__PURE__*/_jsx__default["default"](InputTimesGroup, {
     innerRef: innerRef
   }, void 0, renderDateInputs());
 };

package/cjs/DateInput/components/utils.js

@@ -2,15 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
-var utils = require('@elliemae/ds-utilities/utils');
+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');
+var dsUtilities = require('@elliemae/ds-utilities');
 var moment = require('moment');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-/* eslint-disable max-params */
 const currentYear = new Date().getFullYear();
 const isArrowIncrementDecrement = key => key === 'ArrowDown' || key === 'ArrowUp'; // TODO remove and keep `true` behavior ( PUI-4141 )
 
@@ -33,7 +35,7 @@ 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 formatDay = (format, value) => {
@@ -49,12 +51,13 @@ const formatMonth = (format, value) => {
   return formatTimeNumber(value, shouldAddLeadingZeros, 2);
 };
 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
@@ -82,10 +85,13 @@ const focusPreviousInput = currentEl => {
     previousElement.previousElementSibling.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;
 
@@ -101,7 +107,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 && !stringValue.startsWith('0')) return true;
   return number * 10 > max;
 };
@@ -126,7 +134,9 @@ const onInputFocus = e => {
   e.stopPropagation();
   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;
 
@@ -142,7 +152,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,
@@ -155,7 +168,7 @@ const commonInputProps = (digits = 2, onKeyDown, placeholder) => {
 };
 const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
   // clone time to avoid mutation when INTERNAL_V2_NO_MUTATION is true
-  const newDate = INTERNAL_V2_NO_MUTATION ? time && moment__default['default'](time) || moment__default['default']() : time || moment__default['default']();
+  const newDate = INTERNAL_V2_NO_MUTATION ? time && moment__default["default"](time) || moment__default["default"]() : time || moment__default["default"]();
   const {
     year,
     month,
@@ -167,10 +180,10 @@ const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
     showDay
   } = show;
   if (time && !year && !month && !day) return '';
-  newDate.value = `${year}-${month}-${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));
+  newDate.value = "".concat(year, "-").concat(month, "-").concat(day);
+  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/DateInput/index.js

@@ -8,5 +8,5 @@ var DateInputImpl = require('./components/DateInputImpl.js');
 
 
 exports.DSDateInputWithSchema = DSDateInput.DSDateInputWithSchema;
-exports.default = DSDateInput['default'];
+exports["default"] = DSDateInput["default"];
 exports.DateInputImpl = DateInputImpl;

package/cjs/DateInputV2/components/DSDateInput.js

@@ -13,42 +13,48 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const DSDateInputV2 = ({
-  onFocus,
-  onBlur,
-  onChange,
-  onDateChange,
-  onKeyDown,
-  onError,
-  value,
-  disabled,
-  containerProps,
-  tabIndex,
-  innerRef
-}) => /*#__PURE__*/_jsx__default['default'](DSInput['default'], {
-  innerRef: innerRef,
-  containerProps: containerProps,
-  customInputType: ({
-    innerRef: ir
-  }) => /*#__PURE__*/_jsx__default['default'](DateInputs.DateInputs, {
+const DSDateInputV2 = _ref => {
+  let {
+    onFocus,
+    onBlur,
+    onChange,
+    onDateChange,
+    onKeyDown,
+    onError,
+    value,
+    disabled,
+    containerProps,
+    tabIndex,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSInput["default"], {
+    innerRef: innerRef,
+    containerProps: containerProps,
+    customInputType: _ref2 => {
+      let {
+        innerRef: ir
+      } = _ref2;
+      return /*#__PURE__*/_jsx__default["default"](DateInputs.DateInputs, {
+        disabled: disabled,
+        innerRef: ir,
+        onBlur: onBlur,
+        onChange: onChange,
+        onDateChange: onDateChange,
+        onCustomKeyDown: onKeyDown,
+        onError: onError,
+        time: value,
+        tabIndex: tabIndex
+      });
+    },
+    disableTooltip: false,
     disabled: disabled,
-    innerRef: ir,
     onBlur: onBlur,
-    onChange: onChange,
-    onDateChange: onDateChange,
-    onCustomKeyDown: onKeyDown,
-    onError: onError,
-    time: value,
+    onFocus: onFocus,
+    onKeyDown: onKeyDown,
+    value: value,
     tabIndex: tabIndex
-  }),
-  disableTooltip: false,
-  disabled: disabled,
-  onBlur: onBlur,
-  onFocus: onFocus,
-  onKeyDown: onKeyDown,
-  value: value,
-  tabIndex: tabIndex
-});
+  });
+};
 
 DSDateInputV2.defaultProps = props.defaultProps;
 const DSDateInputV2WithSchema = reactDesc.describe(DSDateInputV2);