@elliemae/ds-form 1.60.0 → 2.0.0-alpha.12

package/cjs/TimeInput/TimeInputs.js

@@ -1,100 +1,82 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+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');
-var TimeInput_utils = require('../utils-f82fe290.js');
-require('@elliemae/ds-utilities');
+var utils = require('./utils.js');
+var constants = require('@elliemae/ds-shared/constants');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-var blockName = 'input-times-group';
-var InputTimesGroup = dsClassnames.aggregatedClasses('div')(blockName);
-var TimeInput = dsClassnames.aggregatedClasses('input')(blockName, 'input');
-var Divider = dsClassnames.aggregatedClasses('span')(blockName, 'divider', function (_ref) {
-  var value = _ref.value;
+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 = 'input-times-group';
+const InputTimesGroup = dsClassnames.aggregatedClasses('div')(blockName);
+const TimeInput = dsClassnames.aggregatedClasses('input')(blockName, 'input');
+const Divider = dsClassnames.aggregatedClasses('span')(blockName, 'divider', _ref => {
+  let {
+    value
+  } = _ref;
   return {
-    value: value
+    value
   };
 }); // eslint-disable-next-line react/prop-types
 
-var TimeDivider = function TimeDivider(_ref2) {
-  var _ref2$content = _ref2.content,
-      content = _ref2$content === void 0 ? ':' : _ref2$content,
-      _ref2$value = _ref2.value,
-      value = _ref2$value === void 0 ? '' : _ref2$value;
-  return /*#__PURE__*/React__default['default'].createElement(Divider, {
+const TimeDivider = _ref2 => {
+  let {
+    content = ':',
+    value = ''
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](Divider, {
     value: !!value
-  }, content);
+  }, void 0, content);
 };
 
-var TimeInputs = function TimeInputs(_ref3) {
-  var time = _ref3.time,
-      format = _ref3.format,
-      use12Hours = _ref3.use12Hours,
-      _ref3$step = _ref3.step,
-      step = _ref3$step === void 0 ? 1 : _ref3$step,
-      showHours = _ref3.showHours,
-      showMinutes = _ref3.showMinutes,
-      showSeconds = _ref3.showSeconds,
-      onChange = _ref3.onChange,
-      disabled = _ref3.disabled,
-      innerRef = _ref3.innerRef,
-      clearable = _ref3.clearable,
-      ariaLabel = _ref3['arial-label'],
-      ariaLabel2 = _ref3['aria-label'];
-
-  var _useState = React.useState(''),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      meridiem = _useState2[0],
-      setMeridiem = _useState2[1];
-
-  var _useState3 = React.useState(''),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      hours = _useState4[0],
-      setHours = _useState4[1];
-
-  var _useState5 = React.useState(''),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      minutes = _useState6[0],
-      setMinutes = _useState6[1];
-
-  var _useState7 = React.useState(false),
-      _useState8 = _slicedToArray__default['default'](_useState7, 2),
-      hasInputValue = _useState8[0],
-      setHasInputValue = _useState8[1];
-
-  var _useState9 = React.useState(''),
-      _useState10 = _slicedToArray__default['default'](_useState9, 2),
-      seconds = _useState10[0],
-      setSeconds = _useState10[1];
-
-  var _useState11 = React.useState(''),
-      _useState12 = _slicedToArray__default['default'](_useState11, 2),
-      currentKey = _useState12[0],
-      setCurrentKey = _useState12[1];
-
-  var _useState13 = React.useState(false),
-      _useState14 = _slicedToArray__default['default'](_useState13, 2),
-      hasInputBeenTriggered = _useState14[0],
-      setHasInputBeenTriggered = _useState14[1];
-
-  var _useState15 = React.useState(null),
-      _useState16 = _slicedToArray__default['default'](_useState15, 2),
-      lastTypedNumber = _useState16[0],
-      setLastTypedNumber = _useState16[1];
-  React.useEffect(function () {
-    if (time && moment__default['default'](time).isValid()) {
-      var timeValues = TimeInput_utils.getTimeValuesFromTime(time, format, use12Hours);
+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('');
+  const [hasInputValue, setHasInputValue] = React.useState(false);
+  const [seconds, setSeconds] = React.useState('');
+  const [currentKey, setCurrentKey] = React.useState('');
+  const [hasInputBeenTriggered, setHasInputBeenTriggered] = React.useState(false);
+  const [lastTypedNumber, setLastTypedNumber] = React.useState(null);
+  React.useEffect(() => {
+    if (time && moment__default["default"](time).isValid()) {
+      const timeValues = utils.getTimeValuesFromTime(time, format, use12Hours);
       setMeridiem(timeValues.meridiem);
       setHours(timeValues.hours);
       setMinutes(timeValues.minutes);
@@ -106,8 +88,8 @@ var TimeInputs = function TimeInputs(_ref3) {
       setSeconds('');
     }
   }, [time, format, use12Hours]);
-  React.useEffect(function () {
-    var selectedTime = time || moment__default['default']();
+  React.useEffect(() => {
+    const selectedTime = time || moment__default["default"]();
 
     if (isTimeCompletelySet() && selectedTime.hours && hasInputBeenTriggered) {
       if (showHours && hours) selectedTime.hours(hours);
@@ -115,7 +97,7 @@ var TimeInputs = function TimeInputs(_ref3) {
       if (showSeconds && seconds) selectedTime.seconds(seconds);
 
       if (use12Hours && meridiem) {
-        var nextHours = meridiem.toLowerCase() === TimeInput_utils.AM ? hours % 12 : hours % 12 + 12;
+        const nextHours = meridiem.toLowerCase() === constants.AM ? hours % 12 : hours % 12 + 12;
         selectedTime.hour(nextHours);
       }
 
@@ -124,161 +106,171 @@ var TimeInputs = function TimeInputs(_ref3) {
     }
   }, [hours, minutes, seconds, meridiem]);
 
-  var focusNextInputIfNeeded = function focusNextInputIfNeeded(currentEl, max, number) {
-    if (TimeInput_utils.shouldFocusNextInput(max, number, currentEl.value) && !TimeInput_utils.isArrowIncrementDecrement(currentKey) && !hasInputValue) {
-      TimeInput_utils.focusNextInput(currentEl);
+  const focusNextInputIfNeeded = (currentEl, max, number) => {
+    if (utils.shouldFocusNextInput(max, number, currentEl.value) && !utils.isArrowIncrementDecrement(currentKey) && !hasInputValue) {
+      utils.focusNextInput(currentEl);
     }
   };
 
-  var getNextTimeValue = function getNextTimeValue(value) {
-    var incrementing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var parsedValue = TimeInput_utils.parseTimeNumberFromText(value);
+  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;
   };
 
-  var onInputFocus = function onInputFocus(e) {
+  const onInputFocus = e => {
     e.preventDefault();
     e.stopPropagation();
     e.target.select();
   };
 
-  var onClick = function onClick(e) {
+  const onClick = e => {
     if (e.target.value) {
       setHasInputValue(true);
     }
   }; // eslint-disable-next-line max-statements
 
 
-  var onKeyDown = function onKeyDown(event, max) {
-    var target = event.target;
-    var value = target.value;
+  const onKeyDown = (event, max) => {
+    const {
+      target
+    } = event;
+    const {
+      value
+    } = target;
     setLastTypedNumber(event.key);
 
     switch (event.key) {
-      case TimeInput_utils.ARROW_UP:
+      case constants.ARROW_UP:
         {
           event.preventDefault();
           setCurrentKey(event.key);
-          var incrementedValue = getNextTimeValue(value);
-          TimeInput_utils.setNativeValue(event.target, incrementedValue);
+          const incrementedValue = getNextTimeValue(value);
+          utils.setNativeValue(event.target, incrementedValue);
           break;
         }
 
-      case TimeInput_utils.ARROW_DOWN:
+      case constants.ARROW_DOWN:
         {
           event.preventDefault();
           setCurrentKey(event.key);
-          var decrementedValue = getNextTimeValue(value, false);
-          TimeInput_utils.setNativeValue(event.target, decrementedValue);
+          const decrementedValue = getNextTimeValue(value, false);
+          utils.setNativeValue(event.target, decrementedValue);
           break;
         }
 
-      case TimeInput_utils.BACKSPACE:
+      case constants.BACKSPACE:
         {
           event.preventDefault();
 
           if (!value) {
-            TimeInput_utils.focusPreviousInput(event.target);
+            utils.focusPreviousInput(event.target);
           } else {
-            TimeInput_utils.setNativeValue(event.target, '');
+            utils.setNativeValue(event.target, '');
           }
 
           break;
         }
 
-      case TimeInput_utils.ESCAPE:
+      case constants.ESCAPE:
         {
           event.preventDefault();
           event.target.blur();
           break;
         }
 
-      case TimeInput_utils.HOME:
+      case constants.HOME:
         {
           event.preventDefault();
-          TimeInput_utils.setNativeValue(event.target, String(max));
-          TimeInput_utils.focusNextInput(event.target);
+          utils.setNativeValue(event.target, String(max));
+          utils.focusNextInput(event.target);
           break;
         }
 
-      case TimeInput_utils.END:
+      case constants.END:
         {
           event.preventDefault();
-          TimeInput_utils.setNativeValue(event.target, '00');
-          TimeInput_utils.focusNextInput(event.target);
+          utils.setNativeValue(event.target, '00');
+          utils.focusNextInput(event.target);
           break;
         }
 
-      case TimeInput_utils.SHIFT:
+      case constants.SHIFT:
         event.preventDefault();
         setCurrentKey(event.key);
         break;
     }
   };
 
-  var isTimeCompletelySet = function isTimeCompletelySet() {
-    var neededValues = [];
-    if (showHours) neededValues = [].concat(_toConsumableArray__default['default'](neededValues), [hours || null]);
-    if (showMinutes) neededValues = [].concat(_toConsumableArray__default['default'](neededValues), [minutes || null]);
-    if (showSeconds) neededValues = [].concat(_toConsumableArray__default['default'](neededValues), [seconds || null]);
-    if (use12Hours) neededValues = [].concat(_toConsumableArray__default['default'](neededValues), [meridiem || null]);
-    return !neededValues.some(function (value) {
-      return !value;
-    });
+  const isTimeCompletelySet = () => {
+    let neededValues = [];
+    if (showHours) neededValues = [...neededValues, hours || null];
+    if (showMinutes) neededValues = [...neededValues, minutes || null];
+    if (showSeconds) neededValues = [...neededValues, seconds || null];
+    if (use12Hours) neededValues = [...neededValues, meridiem || null];
+    return !neededValues.some(value => !value);
   };
 
-  var handleSecondsChange = function handleSecondsChange(e) {
-    var value = e.target.value;
-    var secondsHandled = TimeInput_utils.parseTimeNumberFromText(value);
-    var nextSeconds = TimeInput_utils.getValidTimeNumber(TimeInput_utils.GENERAL_TIME_RANGE, secondsHandled, lastTypedNumber);
-    setSeconds(TimeInput_utils.formatSeconds(format, nextSeconds));
+  const handleSecondsChange = e => {
+    const {
+      value
+    } = e.target;
+    const secondsHandled = utils.parseTimeNumberFromText(value);
+    const nextSeconds = utils.getValidTimeNumber(constants.GENERAL_TIME_RANGE, secondsHandled, lastTypedNumber);
+    setSeconds(utils.formatSeconds(format, nextSeconds));
     setHasInputBeenTriggered(true);
-    focusNextInputIfNeeded(e.target, TimeInput_utils.GENERAL_TIME_RANGE.max, value);
+    focusNextInputIfNeeded(e.target, constants.GENERAL_TIME_RANGE.max, value);
   };
 
-  var handleMinutesChange = function handleMinutesChange(e) {
-    var value = e.target.value;
-    var minutesHandled = TimeInput_utils.parseTimeNumberFromText(value);
-    var nextMinutes = TimeInput_utils.getValidTimeNumber(TimeInput_utils.GENERAL_TIME_RANGE, minutesHandled, lastTypedNumber);
-    setMinutes(TimeInput_utils.formatMinutes(format, nextMinutes));
+  const handleMinutesChange = e => {
+    const {
+      value
+    } = e.target;
+    const minutesHandled = utils.parseTimeNumberFromText(value);
+    const nextMinutes = utils.getValidTimeNumber(constants.GENERAL_TIME_RANGE, minutesHandled, lastTypedNumber);
+    setMinutes(utils.formatMinutes(format, nextMinutes));
     setHasInputBeenTriggered(true);
-    focusNextInputIfNeeded(e.target, TimeInput_utils.GENERAL_TIME_RANGE.max, value);
+    focusNextInputIfNeeded(e.target, constants.GENERAL_TIME_RANGE.max, value);
   };
 
-  var handleHoursChange = function handleHoursChange(e) {
-    var value = e.target.value;
-    var hour = TimeInput_utils.parseTimeNumberFromText(value);
-    var hoursRange = use12Hours ? TimeInput_utils.HOUR_RANGE_12 : TimeInput_utils.HOUR_RANGE_24;
-    var nextHour = TimeInput_utils.getValidTimeNumber(hoursRange, hour, lastTypedNumber);
-    setHours(TimeInput_utils.formatHour(format, nextHour));
+  const handleHoursChange = e => {
+    const {
+      value
+    } = e.target;
+    const hour = utils.parseTimeNumberFromText(value);
+    const hoursRange = use12Hours ? constants.HOUR_RANGE_12 : constants.HOUR_RANGE_24;
+    const nextHour = utils.getValidTimeNumber(hoursRange, hour, lastTypedNumber);
+    setHours(utils.formatHour(format, nextHour));
     setHasInputBeenTriggered(true);
     focusNextInputIfNeeded(e.target, hoursRange.max, value);
   };
 
-  var handleMeridiemKeyDown = function handleMeridiemKeyDown(e) {
-    if (e.key === TimeInput_utils.ARROW_UP || e.key === 'a') {
-      setMeridiem(TimeInput_utils.formatMeridiem(format, TimeInput_utils.AM));
-    } else if (e.key === TimeInput_utils.ARROW_DOWN || e.key === 'p') {
-      setMeridiem(TimeInput_utils.formatMeridiem(format, TimeInput_utils.PM));
-    } else if (e.key === TimeInput_utils.SHIFT) {
+  const handleMeridiemKeyDown = e => {
+    if (e.key === constants.ARROW_UP || e.key === 'a') {
+      setMeridiem(utils.formatMeridiem(format, constants.AM));
+    } else if (e.key === constants.ARROW_DOWN || e.key === 'p') {
+      setMeridiem(utils.formatMeridiem(format, constants.PM));
+    } else if (e.key === constants.SHIFT) {
       setCurrentKey(e.key);
-    } else if (e.key === TimeInput_utils.BACKSPACE) {
+    } else if (e.key === constants.BACKSPACE) {
       setMeridiem('');
     }
 
     setHasInputBeenTriggered(true);
   };
 
-  var handleMeridiemBlur = function handleMeridiemBlur(e) {
-    var value = e.target.value;
+  const handleMeridiemBlur = e => {
+    const {
+      value
+    } = e.target;
 
-    if (value !== TimeInput_utils.AM && value !== TimeInput_utils.PM) {
+    if (value !== constants.AM && value !== constants.PM) {
       setMeridiem('');
     }
   };
 
-  var handleOnBlur = function handleOnBlur(event) {
-    var selectedTime = moment__default['default']();
+  const handleOnBlur = event => {
+    const selectedTime = moment__default["default"]();
 
     if (clearable && !event.currentTarget.contains(event.relatedTarget)) {
       if (showHours && hours) selectedTime.hours(hours);
@@ -286,7 +278,7 @@ var TimeInputs = function TimeInputs(_ref3) {
       if (showSeconds && seconds) selectedTime.seconds(seconds);
 
       if (use12Hours && meridiem) {
-        var nextHours = meridiem.toLowerCase() === TimeInput_utils.AM ? hours % 12 : hours % 12 + 12;
+        const nextHours = meridiem.toLowerCase() === constants.AM ? hours % 12 : hours % 12 + 12;
         selectedTime.hour(nextHours);
       }
 
@@ -294,103 +286,87 @@ var TimeInputs = function TimeInputs(_ref3) {
     }
   };
 
-  var renderSecondsInput = function renderSecondsInput() {
+  const renderSecondsInput = () => {
     if (!showSeconds) return null;
-    return /*#__PURE__*/React__default['default'].createElement(TimeInput, _extends__default['default']({}, TimeInput_utils.commonInputProps(function (e) {
-      return onKeyDown(e, TimeInput_utils.GENERAL_TIME_RANGE.max);
-    }, onInputFocus, onClick), {
+    return /*#__PURE__*/React.createElement(TimeInput, _objectSpread(_objectSpread({}, utils.commonInputProps(e => onKeyDown(e, constants.GENERAL_TIME_RANGE.max), onInputFocus, onClick)), {}, {
       key: "seconds-input",
       "data-testid": "ds-time-input__seconds",
       "aria-label": ariaLabel || ariaLabel2 || 'Seconds Input',
       disabled: disabled // eslint-disable-next-line no-return-assign
       ,
-      innerRef: function innerRef(node) {
-        return node;
-      },
+      innerRef: node => node,
       onChange: handleSecondsChange,
-      placeholder: TimeInput_utils.placeholderFormat(TimeInput_utils.PLACEHOLDER_TIME.seconds, format),
+      placeholder: utils.placeholderFormat(constants.PLACEHOLDER_TIME.seconds, format),
       value: seconds
     }));
   };
 
-  var renderMinutesInput = function renderMinutesInput() {
+  const renderMinutesInput = () => {
     if (!showMinutes) return null;
-    return /*#__PURE__*/React__default['default'].createElement(TimeInput, _extends__default['default']({}, TimeInput_utils.commonInputProps(function (e) {
-      return onKeyDown(e, TimeInput_utils.GENERAL_TIME_RANGE.max);
-    }, onInputFocus, onClick), {
+    return /*#__PURE__*/React.createElement(TimeInput, _objectSpread(_objectSpread({}, utils.commonInputProps(e => onKeyDown(e, constants.GENERAL_TIME_RANGE.max), onInputFocus, onClick)), {}, {
       key: "minutes-input",
       "data-testid": "ds-time-input__minutes",
       "aria-label": ariaLabel || ariaLabel2 || 'Minutes Input',
       disabled: disabled // eslint-disable-next-line no-return-assign
       ,
-      innerRef: function innerRef(node) {
-        return node;
-      },
+      innerRef: node => node,
       onChange: handleMinutesChange,
-      placeholder: TimeInput_utils.placeholderFormat(TimeInput_utils.PLACEHOLDER_TIME.minutes, format),
+      placeholder: utils.placeholderFormat(constants.PLACEHOLDER_TIME.minutes, format),
       value: minutes
     }));
   };
 
-  var renderHoursInput = function renderHoursInput() {
+  const renderHoursInput = () => {
     if (!showHours) return null;
-    var hourFormatRange = use12Hours ? TimeInput_utils.HOUR_RANGE_12 : TimeInput_utils.HOUR_RANGE_24;
-    return /*#__PURE__*/React__default['default'].createElement(TimeInput, _extends__default['default']({}, TimeInput_utils.commonInputProps(function (e) {
-      return onKeyDown(e, hourFormatRange.max);
-    }, onInputFocus, onClick), {
+    const hourFormatRange = use12Hours ? constants.HOUR_RANGE_12 : constants.HOUR_RANGE_24;
+    return /*#__PURE__*/React.createElement(TimeInput, _objectSpread(_objectSpread({}, utils.commonInputProps(e => onKeyDown(e, hourFormatRange.max), onInputFocus, onClick)), {}, {
       key: "hour-input",
       "data-testid": "ds-time-input__hours",
       "aria-label": ariaLabel || ariaLabel2 || 'Hours Input',
       disabled: disabled // eslint-disable-next-line no-return-assign
       ,
-      innerRef: function innerRef(node) {
-        return node;
-      },
+      innerRef: node => node,
       onChange: handleHoursChange,
-      placeholder: TimeInput_utils.placeholderFormat(TimeInput_utils.PLACEHOLDER_TIME.hour, format, use12Hours),
+      placeholder: utils.placeholderFormat(constants.PLACEHOLDER_TIME.hour, format, use12Hours),
       value: hours
     }));
   };
 
-  var renderMeridiemInput = function renderMeridiemInput() {
+  const renderMeridiemInput = () => {
     if (!use12Hours) return null;
-    return /*#__PURE__*/React__default['default'].createElement(TimeInput, _extends__default['default']({}, TimeInput_utils.commonInputProps, {
+    return /*#__PURE__*/React.createElement(TimeInput, _objectSpread(_objectSpread({}, utils.commonInputProps), {}, {
       key: "meridiem-input",
       "data-testid": "ds-time-input__ampm",
       "aria-label": ariaLabel || ariaLabel2 || 'Meridiem Input',
       disabled: disabled,
       onBlur: handleMeridiemBlur,
       onKeyDown: handleMeridiemKeyDown,
-      placeholder: TimeInput_utils.placeholderFormat(TimeInput_utils.PLACEHOLDER_TIME.meridiem, format),
+      placeholder: utils.placeholderFormat(constants.PLACEHOLDER_TIME.meridiem, format),
       value: meridiem
     }));
   };
 
-  var renderTimeInputs = function renderTimeInputs() {
-    var inputs = [renderHoursInput(), renderMinutesInput(), renderSecondsInput()];
+  const renderTimeInputs = () => {
+    const inputs = [renderHoursInput(), renderMinutesInput(), renderSecondsInput()];
     /* eslint-disable indent */
 
-    var inputsWithDividers = inputs.reduce(function (acc, input, index) {
-      return input ? acc.concat([index ? /*#__PURE__*/React__default['default'].createElement(TimeDivider // eslint-disable-next-line react/no-array-index-key
-      , {
-        key: index,
-        content: ":",
-        value: input.props.value
-      }) : null, input]) : acc;
-    }, []);
+    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? /*#__PURE__*/_jsx__default["default"](TimeDivider // eslint-disable-next-line react/no-array-index-key
+    , {
+      content: ":",
+      value: input.props.value
+    }, index) : null, input]) : acc, []);
     /* eslint-enable indent */
 
-    return [inputsWithDividers, /*#__PURE__*/React__default['default'].createElement('span', {
+    return [inputsWithDividers, /*#__PURE__*/React__default["default"].createElement('span', {
       key: 'span'
     }), // hack for next/prev focus
     renderMeridiemInput()];
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(InputTimesGroup, {
+  return /*#__PURE__*/_jsx__default["default"](InputTimesGroup, {
     onBlur: handleOnBlur,
     innerRef: innerRef
-  }, renderTimeInputs());
+  }, void 0, renderTimeInputs());
 };
 
 module.exports = TimeInputs;
-//# sourceMappingURL=TimeInputs.js.map

package/cjs/TimeInput/index.js

@@ -2,40 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TimeInput_DSTimeInput = require('./DSTimeInput.js');
-var TimeInput_TimeInputImpl = require('./TimeInputImpl.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('react-desc');
-require('../Input/DSInput.js');
-require('../Input/InputImpl.js');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('prop-types');
-require('lodash');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('@elliemae/ds-tooltip');
-require('../Input/InputAddonWrapper.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-utilities');
-require('memoize-one');
-require('./TimeInputs.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('moment');
-require('../utils-f82fe290.js');
+var DSTimeInput = require('./DSTimeInput.js');
+var TimeInputImpl = require('./TimeInputImpl.js');
 
 
 
-exports.DSTimeInputWithSchema = TimeInput_DSTimeInput.DSTimeInputWithSchema;
-exports.default = TimeInput_DSTimeInput['default'];
-exports.TimeInputImpl = TimeInput_TimeInputImpl;
-//# sourceMappingURL=index.js.map
+exports.DSTimeInputWithSchema = DSTimeInput.DSTimeInputWithSchema;
+exports["default"] = DSTimeInput["default"];
+exports.TimeInputImpl = TimeInputImpl;