@elliemae/ds-form 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -1,11 +1,17 @@
 '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');
 require('react');
 var lodash = require('lodash');
 require('../ComboBox/v1/DSComboBox.js');
 var Combobox = require('../ComboBox/v2/Combobox.js');
+require('../ComboBox/v3/ComboBox.js');
 var MultiValueLabel = require('./components/MultiValueLabel.js');
 var MultiValueRemove = require('./components/MultiValueRemove.js');
 var SingleValue = require('./components/SingleValue.js');
@@ -42,22 +48,23 @@ const customStyles = {
   })
 };
 
-function ComboBoxFreeSolo({
-  isMulti = false,
-  options = {},
-  value = [],
-  onChange = lodash.noop,
-  onChangeV2 = lodash.noop,
-  onInputChange = lodash.noop,
-  onFocus = lodash.noop,
-  onBlur = lodash.noop,
-  containerProps = {},
-  disabled = false,
-  menuIsOpen = false,
-  placeholder = 'Select values',
-  formatCreateLabel = val => `Create ${val}`,
-  maxOptions = undefined
-}) {
+function ComboBoxFreeSolo(_ref) {
+  let {
+    isMulti = false,
+    options = {},
+    value = [],
+    onChange = lodash.noop,
+    onChangeV2 = lodash.noop,
+    onInputChange = lodash.noop,
+    onFocus = lodash.noop,
+    onBlur = lodash.noop,
+    containerProps = {},
+    disabled = false,
+    menuIsOpen = false,
+    placeholder = 'Select values',
+    formatCreateLabel = val => "Create ".concat(val),
+    maxOptions = undefined
+  } = _ref;
   return /*#__PURE__*/_jsx__default["default"](Combobox.DSComboBox2, {
     isFreeSolo: true,
     clearable: true,

package/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js

@@ -19,21 +19,27 @@ const PillLabel = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1qoa267-1"
 })(["margin:0 4px;color:", ";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;"], props => props.theme.colors.neutral[800]);
 
-const RemovablePill = ({
-  label,
-  clear
-}) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-  children: [/*#__PURE__*/_jsx__default["default"](RemovablePillWrapper, {
-    "data-testid": "pill-wrapper"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](PillLabel, {}, void 0, label)), clear]
-});
-
-const MultiValueLabel = ({
-  children,
-  clear
-}) => /*#__PURE__*/_jsx__default["default"](RemovablePill, {
-  label: children,
-  clear: clear
-});
+const RemovablePill = _ref => {
+  let {
+    label,
+    clear
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](RemovablePillWrapper, {
+      "data-testid": "pill-wrapper"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](PillLabel, {}, void 0, label)), clear]
+  });
+};
+
+const MultiValueLabel = _ref2 => {
+  let {
+    children,
+    clear
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](RemovablePill, {
+    label: children,
+    clear: clear
+  });
+};
 
 exports.MultiValueLabel = MultiValueLabel;

package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -2,12 +2,17 @@
 
 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 _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var styled = require('styled-components');
 var Select = require('react-select');
-var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
+var dsIcons = require('@elliemae/ds-icons');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,7 +20,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 
 var _PillCloseAddon;
 
@@ -27,7 +31,7 @@ const PillCloseAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
 })(["cursor:pointer;height:", ";& > span{height:auto;}"], props => props.theme.space.xs);
 
 const MultiValueRemove = props => /*#__PURE__*/jsxRuntime.jsx(Select.components.MultiValueRemove, _objectSpread(_objectSpread({}, props), {}, {
-  children: _PillCloseAddon || (_PillCloseAddon = /*#__PURE__*/_jsx__default["default"](PillCloseAddon, {}, void 0, /*#__PURE__*/_jsx__default["default"](CloseXsmall__default["default"], {})))
+  children: _PillCloseAddon || (_PillCloseAddon = /*#__PURE__*/_jsx__default["default"](PillCloseAddon, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {})))
 }));
 
 MultiValueRemove.style = base => _objectSpread(_objectSpread({}, base), {}, {

package/cjs/ComboBoxFreeSolo/components/SingleValue.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');
 require('react');

package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -2,12 +2,17 @@
 
 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 _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var Select = require('react-select');
 var styled = require('styled-components');
-var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -16,7 +21,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _CloseXsmall;
@@ -39,7 +43,7 @@ const SingleValueRemove = props => {
       "aria-label": "clear-indicator",
       buttonType: "text",
       className: "clear-indicator",
-      icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](CloseXsmall__default["default"], {
+      icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
         fill: "#000"
       })),
       onClick: () => clearValue()

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');
@@ -26,26 +32,27 @@ 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 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);
   }, []);
@@ -63,15 +70,15 @@ const DSDateInput = ({
     inputOnChange(date);
   }, []);
   return /*#__PURE__*/_jsx__default["default"](DSInput["default"], {
-    className: `${className} input-date-input `,
+    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,

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');
@@ -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,7 +56,7 @@ const DateInputImpl = ({
     }
   };
 
-  const visibleInputs = React.useMemo(() => getVisibleTimeByFormat(format));
+  const visibleInputs = React.useMemo(() => getVisibleTimeByFormat(format), [format]);
   return /*#__PURE__*/_jsx__default["default"](DateInputContainer, {
     className: className,
     disabled: disabled,

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,7 +20,6 @@ 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; }
 
@@ -22,44 +29,51 @@ 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

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,
@@ -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) => {