@elliemae/ds-controlled-form 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js

@@ -2,70 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsIcons = require('@elliemae/ds-icons');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds = require('./Styleds.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext = require('./TimeWheelContext.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var Styleds = require('./Styleds.js');
+var TimeWheelContext = require('./TimeWheelContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable complexity */
-var MeridiemList = function MeridiemList() {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext.TimeWheelContext),
-      hours = _useContext.hours,
-      minutes = _useContext.minutes,
-      meridiem = _useContext.meridiem,
-      handleTimeWheelBtnChangeMeridiem = _useContext.handleTimeWheelBtnChangeMeridiem,
-      handlePrevMeridiemBtnOnKeyDown = _useContext.handlePrevMeridiemBtnOnKeyDown,
-      handleCurrMeridiemOnKeyDown = _useContext.handleCurrMeridiemOnKeyDown,
-      handleNextMeridiemBtnOnKeyDown = _useContext.handleNextMeridiemBtnOnKeyDown,
-      prevMeridiemBtnRef = _useContext.prevMeridiemBtnRef,
-      currMeridiemBtnRef = _useContext.currMeridiemBtnRef,
-      nextMeridiemBtnRef = _useContext.nextMeridiemBtnRef,
-      getIsDisabledTime = _useContext.getIsDisabledTime;
-
-  var isAmCurrent = !meridiem || meridiem === 'AM';
-  var isPmCurrent = meridiem === 'PM';
-  var hourMinuteString = "".concat(hours || '01', ":").concat(minutes || '00');
-  var amTimeString = "".concat(hourMinuteString, " AM");
-  var pmTimeString = "".concat(hourMinuteString, " PM");
-  var isDisabledAm = getIsDisabledTime(amTimeString);
-  var isDisabledPm = getIsDisabledTime(pmTimeString);
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelList, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelChangeTimeBtn, {
+var _ChevronSmallUp, _StyledWheelListItem, _StyledWheelListItem2, _ChevronSmallDown;
+const MeridiemList = () => {
+  const {
+    hours,
+    minutes,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    getIsDisabledTime
+  } = React.useContext(TimeWheelContext.TimeWheelContext);
+  const isAmCurrent = !meridiem || meridiem === 'AM';
+  const isPmCurrent = meridiem === 'PM';
+  const hourMinuteString = "".concat(hours || '01', ":").concat(minutes || '00');
+  const amTimeString = "".concat(hourMinuteString, " AM");
+  const pmTimeString = "".concat(hourMinuteString, " PM");
+  const isDisabledAm = getIsDisabledTime(amTimeString);
+  const isDisabledPm = getIsDisabledTime(pmTimeString);
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelList, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
     "aria-label": "set am meridiem",
     "aria-disabled": isDisabledAm,
     isDisabled: isDisabledAm,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
     buttonType: "raw",
     size: "m",
-    onClick: function onClick(e) {
-      return handleTimeWheelBtnChangeMeridiem('AM', e);
-    },
+    onClick: e => handleTimeWheelBtnChangeMeridiem('AM', e),
     onKeyDown: handlePrevMeridiemBtnOnKeyDown,
     innerRef: prevMeridiemBtnRef,
     tabIndex: -1
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallUp, null))), meridiem === 'AM' || meridiem === '' ? /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, null) : null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, {
+  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallUp, {})))), meridiem === 'AM' || meridiem === '' ? _StyledWheelListItem || (_StyledWheelListItem = /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {})) : null, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {
     isCurrentListItem: isAmCurrent
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledTimeBtn, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledTimeBtn, {
     isCurrentListItem: isAmCurrent,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
     selected: meridiem === 'AM',
     "aria-label": "AM ".concat(isAmCurrent ? 'selected' : ''),
     "aria-disabled": isDisabledAm,
     isDisabled: isDisabledAm,
     buttonType: "raw",
     size: "m",
-    onClick: function onClick(e) {
-      return handleTimeWheelBtnChangeMeridiem('AM', e);
-    },
+    onClick: e => handleTimeWheelBtnChangeMeridiem('AM', e),
     onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined,
     innerRef: isAmCurrent ? currMeridiemBtnRef : undefined,
     tabIndex: isAmCurrent ? 0 : -1,
@@ -74,20 +66,17 @@ var MeridiemList = function MeridiemList() {
     "aria-valuemin": "0",
     "aria-valuenow": isPmCurrent ? '1' : '0',
     "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
-  }, "AM")), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, {
+  }, void 0, "AM")), /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {
     isCurrentListItem: isPmCurrent
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledTimeBtn, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledTimeBtn, {
     isCurrentListItem: isPmCurrent,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
-    selected: meridiem === 'PM',
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
     "aria-label": "PM ".concat(isPmCurrent ? 'selected' : ''),
     "aria-disabled": isDisabledPm,
     isDisabled: isDisabledPm,
     buttonType: "raw",
     size: "m",
-    onClick: function onClick(e) {
-      return handleTimeWheelBtnChangeMeridiem('PM', e);
-    },
+    onClick: e => handleTimeWheelBtnChangeMeridiem('PM', e),
     onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined,
     innerRef: isPmCurrent ? currMeridiemBtnRef : undefined,
     tabIndex: isPmCurrent ? 0 : -1,
@@ -96,22 +85,19 @@ var MeridiemList = function MeridiemList() {
     "aria-valuemin": "0",
     "aria-valuenow": isPmCurrent ? '1' : '0',
     "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
-  }, "PM")), meridiem === 'PM' ? /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, null) : null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelChangeTimeBtn, {
+  }, void 0, "PM")), meridiem === 'PM' ? _StyledWheelListItem2 || (_StyledWheelListItem2 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {})) : null, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
     "aria-label": "set pm meridiem",
     "aria-disabled": isDisabledPm,
     isDisabled: isDisabledPm,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
     buttonType: "raw",
     size: "m",
-    onClick: function onClick(e) {
-      return handleTimeWheelBtnChangeMeridiem('PM', e);
-    },
+    onClick: e => handleTimeWheelBtnChangeMeridiem('PM', e),
     onKeyDown: handleNextMeridiemBtnOnKeyDown,
     innerRef: nextMeridiemBtnRef,
     tabIndex: -1
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallDown, null))));
+  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})))));
 };
 
 exports.MeridiemList = MeridiemList;
-exports['default'] = MeridiemList;
-//# sourceMappingURL=MeridiemList.js.map
+exports["default"] = MeridiemList;

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js

@@ -2,43 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsIcons = require('@elliemae/ds-icons');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_utils_numberHelpers = require('../../../utils/numberHelpers.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds = require('./Styleds.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext = require('./TimeWheelContext.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var numberHelpers = require('../../../utils/numberHelpers.js');
+var Styleds = require('./Styleds.js');
+var TimeWheelContext = require('./TimeWheelContext.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var MinutesList = function MinutesList() {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext.TimeWheelContext),
-      currMinuteNum = _useContext.currMinuteNum,
-      hours = _useContext.hours,
-      minutes = _useContext.minutes,
-      meridiem = _useContext.meridiem,
-      visibleMinutes = _useContext.visibleMinutes,
-      handlePrevMinute = _useContext.handlePrevMinute,
-      handleNextMinute = _useContext.handleNextMinute,
-      handleTimeWheelBtnChangeMinutes = _useContext.handleTimeWheelBtnChangeMinutes,
-      handlePrevMinuteBtnOnKeyDown = _useContext.handlePrevMinuteBtnOnKeyDown,
-      handleCurrMinutesOnKeyDown = _useContext.handleCurrMinutesOnKeyDown,
-      handleNextMinuteBtnOnKeyDown = _useContext.handleNextMinuteBtnOnKeyDown,
-      prevMinutesBtnRef = _useContext.prevMinutesBtnRef,
-      currMinutesBtnRef = _useContext.currMinutesBtnRef,
-      nextMinutesBtnRef = _useContext.nextMinutesBtnRef,
-      getIsDisabledTime = _useContext.getIsDisabledTime;
+var _ChevronSmallUp, _ChevronSmallDown;
 
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelList, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelChangeTimeBtn, {
+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 MinutesList = () => {
+  const {
+    currMinuteNum,
+    hours,
+    minutes,
+    meridiem,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    handlePrevMinuteBtnOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    getIsDisabledTime
+  } = React.useContext(TimeWheelContext.TimeWheelContext);
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelList, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
     "aria-label": "subtract one minute",
     buttonType: "raw",
     size: "m",
@@ -46,56 +48,52 @@ var MinutesList = function MinutesList() {
     onKeyDown: handlePrevMinuteBtnOnKeyDown,
     innerRef: prevMinutesBtnRef,
     tabIndex: -1,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallUp, null))), visibleMinutes.map(function (minutesString) {
-    var key = "timewheel-minutes-".concat(minutesString);
-    if (!minutesString) return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, {
-      key: key
-    });
-    var currMinutesTimeString = "".concat(hours || '01', ":").concat(minutesString, " ").concat(meridiem || 'AM');
-    var isEmptyCurrValueCurrentListItem = !minutes && controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;
-    var isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;
-    var isDisabled = getIsDisabledTime(currMinutesTimeString);
-    var tabIndex = isCurrentListItem ? 0 : -1;
-    var btnProps = {
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE
+  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallUp, {})))), visibleMinutes.map(minutesString => {
+    const key = "timewheel-minutes-".concat(minutesString);
+    if (!minutesString) return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, key);
+    const currMinutesTimeString = "".concat(hours || '01', ":").concat(minutesString, " ").concat(meridiem || 'AM');
+    const isEmptyCurrValueCurrentListItem = !minutes && numberHelpers.convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;
+    const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;
+    const isDisabled = getIsDisabledTime(currMinutesTimeString);
+    const tabIndex = isCurrentListItem ? 0 : -1;
+    const btnProps = {
       onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : undefined,
       innerRef: isCurrentListItem ? currMinutesBtnRef : undefined
     };
-    return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, {
-      key: key,
+    return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {
       isCurrentListItem: isCurrentListItem,
-      selected: controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(minutesString) === currMinuteNum
-    }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledTimeBtn, _extends__default['default']({
+      selected: numberHelpers.convertToPositiveNumberIfPossible(minutesString) === currMinuteNum
+    }, key, /*#__PURE__*/jsxRuntime.jsx(Styleds.StyledTimeBtn, _objectSpread(_objectSpread({
       isCurrentListItem: isCurrentListItem,
-      "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_MINUTE' : 'MINUTE'],
-      selected: minutes.length === 2 && controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(minutesString) === currMinuteNum,
+      "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_MINUTE' : 'MINUTE'],
+      selected: minutes.length === 2 && numberHelpers.convertToPositiveNumberIfPossible(minutesString) === currMinuteNum,
       "aria-label": "".concat(minutesString, " minutes"),
       "aria-disabled": isDisabled,
       isDisabled: isDisabled,
       buttonType: "raw",
       size: "m",
-      onClick: function onClick(e) {
-        return handleTimeWheelBtnChangeMinutes(minutesString, e);
-      },
+      onClick: e => handleTimeWheelBtnChangeMinutes(minutesString, e),
       tabIndex: tabIndex,
       role: "spinbutton",
       "aria-valuemax": "59",
       "aria-valuemin": "0",
       "aria-valuenow": currMinuteNum,
       "aria-valuetext": "".concat(minutesString, " minutes")
-    }, btnProps), minutesString));
-  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelChangeTimeBtn, {
+    }, btnProps), {}, {
+      children: minutesString
+    })));
+  }), /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
     "aria-label": "add one minute",
     buttonType: "raw",
     size: "m",
     onClick: handleNextMinute,
     onKeyDown: handleNextMinuteBtnOnKeyDown,
     innerRef: nextMinutesBtnRef,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE,
     tabIndex: -1
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallDown, null))));
+  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})))));
 };
 
 exports.MinutesList = MinutesList;
-exports['default'] = MinutesList;
-//# sourceMappingURL=MinutesList.js.map
+exports["default"] = MinutesList;

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js

@@ -2,40 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var DSButton = require('@elliemae/ds-button');
-var dsIcons = require('@elliemae/ds-icons');
-var controlledDateTimePicker_utils_numberHelpers = require('../../../utils/numberHelpers.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds = require('./Styleds.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext = require('./TimeWheelContext.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
+var DSButton = require('@elliemae/ds-basic/Button');
+var ChevronSmallUp = require('@elliemae/ds-icons/ChevronSmallUp');
+var ChevronSmallDown = require('@elliemae/ds-icons/ChevronSmallDown');
+var numberHelpers = require('../../../utils/numberHelpers.js');
+var Styleds = require('./Styleds.js');
+var TimeWheelContext = require('./TimeWheelContext.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var ChevronSmallUp__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallUp);
+var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
 
-var SecondsList = function SecondsList() {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext.TimeWheelContext),
-      currSecondNum = _useContext.currSecondNum,
-      seconds = _useContext.seconds,
-      visibleSeconds = _useContext.visibleSeconds,
-      handlePrevSecond = _useContext.handlePrevSecond,
-      handleNextSecond = _useContext.handleNextSecond,
-      handleTimeWheelBtnChangeSeconds = _useContext.handleTimeWheelBtnChangeSeconds,
-      handlePrevSecondBtnOnKeyDown = _useContext.handlePrevSecondBtnOnKeyDown,
-      handleCurrSecondsOnKeyDown = _useContext.handleCurrSecondsOnKeyDown,
-      handleNextSecondBtnOnKeyDown = _useContext.handleNextSecondBtnOnKeyDown,
-      prevSecondsBtnRef = _useContext.prevSecondsBtnRef,
-      currSecondsBtnRef = _useContext.currSecondsBtnRef,
-      nextSecondsBtnRef = _useContext.nextSecondsBtnRef;
+var _ChevronSmallUp, _ChevronSmallDown;
 
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelList, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelChangeTimeBtn, {
+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 SecondsList = () => {
+  const {
+    currSecondNum,
+    seconds,
+    visibleSeconds,
+    handlePrevSecond,
+    handleNextSecond,
+    handleTimeWheelBtnChangeSeconds,
+    handlePrevSecondBtnOnKeyDown,
+    handleCurrSecondsOnKeyDown,
+    handleNextSecondBtnOnKeyDown,
+    prevSecondsBtnRef,
+    currSecondsBtnRef,
+    nextSecondsBtnRef
+  } = React.useContext(TimeWheelContext.TimeWheelContext);
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelList, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
     "aria-label": "subtract one minute",
     buttonType: "raw",
     size: "m",
@@ -44,32 +50,29 @@ var SecondsList = function SecondsList() {
     onKeyDown: handlePrevSecondBtnOnKeyDown,
     innerRef: prevSecondsBtnRef,
     tabIndex: -1
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallUp, null))), visibleSeconds.map(function (secondsString) {
-    var key = "timewheel-seconds-".concat(secondsString);
-    if (!secondsString) return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, {
-      key: key
-    });
-    var isEmptyCurrValueCurrentListItem = !seconds && controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(secondsString) === currSecondNum;
-    var isCurrentListItem = isEmptyCurrValueCurrentListItem || seconds === secondsString;
-    var tabIndex = isCurrentListItem ? 0 : -1;
-    var btnProps = {
+  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](ChevronSmallUp__default["default"], {})))), visibleSeconds.map(secondsString => {
+    const key = "timewheel-seconds-".concat(secondsString);
+    if (!secondsString) return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, key);
+    const isEmptyCurrValueCurrentListItem = !seconds && numberHelpers.convertToPositiveNumberIfPossible(secondsString) === currSecondNum;
+    const isCurrentListItem = isEmptyCurrValueCurrentListItem || seconds === secondsString;
+    const tabIndex = isCurrentListItem ? 0 : -1;
+    const btnProps = {
       onKeyDown: isCurrentListItem ? handleCurrSecondsOnKeyDown : undefined,
       innerRef: isCurrentListItem ? currSecondsBtnRef : undefined
     };
-    return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, {
-      isCurrentListItem: isCurrentListItem,
-      key: key
-    }, /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({
+    return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {
+      isCurrentListItem: isCurrentListItem
+    }, key, /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({
       "aria-label": "set ".concat(secondsString, " seconds"),
       buttonType: "raw",
       size: "l",
       variant: DSButton.BUTTON_VARIANT.DEFAULT,
-      onClick: function onClick(e) {
-        return handleTimeWheelBtnChangeSeconds(secondsString, e);
-      },
+      onClick: e => handleTimeWheelBtnChangeSeconds(secondsString, e),
       tabIndex: tabIndex
-    }, btnProps), secondsString));
-  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelChangeTimeBtn, {
+    }, btnProps), {}, {
+      children: secondsString
+    })));
+  }), /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
     "aria-label": "add one minute",
     buttonType: "raw",
     size: "m",
@@ -78,9 +81,8 @@ var SecondsList = function SecondsList() {
     onKeyDown: handleNextSecondBtnOnKeyDown,
     innerRef: nextSecondsBtnRef,
     tabIndex: -1
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallDown, null))));
+  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](ChevronSmallDown__default["default"], {})))));
 };
 
 exports.SecondsList = SecondsList;
-exports['default'] = SecondsList;
-//# sourceMappingURL=SecondsList.js.map
+exports["default"] = SecondsList;