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

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

@@ -2,63 +2,52 @@
 
 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 controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContent = require('./TimeWheelContent.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext = require('./TimeWheelContext.js');
-require('./Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
-require('./HoursList.js');
-require('@elliemae/ds-icons');
-require('../../../utils/numberHelpers.js');
-require('./MinutesList.js');
-require('./MeridiemList.js');
-require('./TimeWheelFooter.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var TimeWheelContent = require('./TimeWheelContent.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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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; }
+var _TimeWheelContent, _TimeWheelContent2;
 
-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; }
-var TimeWheelWrapper = function TimeWheelWrapper() {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext.TimeWheelContext),
-      setArrowElement = _useContext.setArrowElement,
-      setPopperElement = _useContext.setPopperElement,
-      _useContext$usePopper = _useContext.usePopperHelpers,
-      styles = _useContext$usePopper.styles,
-      attributes = _useContext$usePopper.attributes,
-      isControllerOnly = _useContext.isControllerOnly;
+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; }
 
-  if (isControllerOnly) return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContent.TimeWheelContent, {
+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 TimeWheelWrapper = () => {
+  const {
+    setArrowElement,
+    setPopperElement,
+    usePopperHelpers: {
+      styles,
+      attributes
+    },
+    isControllerOnly
+  } = React.useContext(TimeWheelContext.TimeWheelContext);
+  if (isControllerOnly) return _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx__default["default"](TimeWheelContent.TimeWheelContent, {
     showShadow: true
-  });
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
+  }));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
     ref: setPopperElement,
     style: _objectSpread(_objectSpread({}, styles.popper), {}, {
       background: 'white',
       zIndex: 110
     })
-  }, attributes.popper, {
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL
-  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContent.TimeWheelContent, {
-    showShadow: true
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    ref: setArrowElement,
-    style: styles.arrow
+  }, attributes.popper), {}, {
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL,
+    children: [_TimeWheelContent2 || (_TimeWheelContent2 = /*#__PURE__*/_jsx__default["default"](TimeWheelContent.TimeWheelContent, {
+      showShadow: true
+    })), /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: setArrowElement,
+      style: styles.arrow
+    })]
   }));
 };
 
 exports.TimeWheelWrapper = TimeWheelWrapper;
-//# sourceMappingURL=TimeWheelWrapper.js.map

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

@@ -3,138 +3,183 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_usePopperTriggerLogic = require('./usePopperTriggerLogic.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_useCurrentDisplayedWheelsLogic = require('./useCurrentDisplayedWheelsLogic.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_useKeyboardHandlers = require('./useKeyboardHandlers.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react-popper');
-require('../../../utils/hooks/useOnClickOutside.js');
-require('../../TimeInputs/useTimeInputs.js');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('../../../utils/numberHelpers.js');
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
+var usePopperTriggerLogic = require('./usePopperTriggerLogic.js');
+var useCurrentDisplayedWheelsLogic = require('./useCurrentDisplayedWheelsLogic.js');
+var useKeyboardHandlers = require('./useKeyboardHandlers.js');
 
 /* eslint-disable max-statements */
-var useConfigTimePickerCTX = function useConfigTimePickerCTX() {
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
-      _useContext$props = _useContext.props,
-      minutesInterval = _useContext$props.minutesInterval,
-      getIsDisabledTime = _useContext$props.getIsDisabledTime,
-      disabled = _useContext$props.disabled,
-      tempTimeString = _useContext.tempTimeString,
-      prevHourBtnRef = _useContext.prevHourBtnRef,
-      currHourBtnRef = _useContext.currHourBtnRef,
-      nextHourBtnRef = _useContext.nextHourBtnRef,
-      prevMinutesBtnRef = _useContext.prevMinutesBtnRef,
-      currMinutesBtnRef = _useContext.currMinutesBtnRef,
-      nextMinutesBtnRef = _useContext.nextMinutesBtnRef,
-      prevMeridiemBtnRef = _useContext.prevMeridiemBtnRef,
-      currMeridiemBtnRef = _useContext.currMeridiemBtnRef,
-      nextMeridiemBtnRef = _useContext.nextMeridiemBtnRef,
-      isControllerOnly = _useContext.isControllerOnly,
-      autoFocusHourTimeWheel = _useContext.autoFocusHourTimeWheel,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
-
-  var _useCurrentDisplayedW = controlledDateTimePicker_parts_Pickers_TimeWheel_useCurrentDisplayedWheelsLogic.useCurrentDisplayedWheelsLogic({
-    minutesInterval: minutesInterval
-  }),
-      currHourNum = _useCurrentDisplayedW.currHourNum,
-      hours = _useCurrentDisplayedW.hours,
-      visibleHours = _useCurrentDisplayedW.visibleHours,
-      handlePrevHour = _useCurrentDisplayedW.handlePrevHour,
-      handleNextHour = _useCurrentDisplayedW.handleNextHour,
-      handleTimeWheelBtnChangeHours = _useCurrentDisplayedW.handleTimeWheelBtnChangeHours,
-      currMinuteNum = _useCurrentDisplayedW.currMinuteNum,
-      minutes = _useCurrentDisplayedW.minutes,
-      visibleMinutes = _useCurrentDisplayedW.visibleMinutes,
-      handlePrevMinute = _useCurrentDisplayedW.handlePrevMinute,
-      handleNextMinute = _useCurrentDisplayedW.handleNextMinute,
-      handleTimeWheelBtnChangeMinutes = _useCurrentDisplayedW.handleTimeWheelBtnChangeMinutes,
-      meridiem = _useCurrentDisplayedW.meridiem,
-      handleTimeWheelBtnChangeMeridiem = _useCurrentDisplayedW.handleTimeWheelBtnChangeMeridiem;
-
-  var _usePopperTriggerLogi = controlledDateTimePicker_parts_Pickers_TimeWheel_usePopperTriggerLogic.usePopperTriggerLogic(),
-      showTimePicker = _usePopperTriggerLogi.showTimePicker,
-      setShowTimePicker = _usePopperTriggerLogi.setShowTimePicker,
-      setPopperElement = _usePopperTriggerLogi.setPopperElement,
-      setArrowElement = _usePopperTriggerLogi.setArrowElement,
-      usePopperHelpers = _usePopperTriggerLogi.usePopperHelpers,
-      handleToggleTimePicker = _usePopperTriggerLogi.handleToggleTimePicker,
-      handleSetTriggerRef = _usePopperTriggerLogi.handleSetTriggerRef,
-      handleMenuWrapperKeyDown = _usePopperTriggerLogi.handleMenuWrapperKeyDown;
-
-  var _useKeyboardHandlers = controlledDateTimePicker_parts_Pickers_TimeWheel_useKeyboardHandlers.useKeyboardHandlers({
-    handlePrevHour: handlePrevHour,
-    handleNextHour: handleNextHour,
-    handlePrevMinute: handlePrevMinute,
-    handleNextMinute: handleNextMinute,
-    handleTimeWheelBtnChangeMeridiem: handleTimeWheelBtnChangeMeridiem
-  }),
-      handlePrevHourBtnOnKeyDown = _useKeyboardHandlers.handlePrevHourBtnOnKeyDown,
-      handleCurrHourOnKeyDown = _useKeyboardHandlers.handleCurrHourOnKeyDown,
-      handleNextHourBtnOnKeyDown = _useKeyboardHandlers.handleNextHourBtnOnKeyDown,
-      handlePrevMinuteBtnOnKeyDown = _useKeyboardHandlers.handlePrevMinuteBtnOnKeyDown,
-      handleCurrMinutesOnKeyDown = _useKeyboardHandlers.handleCurrMinutesOnKeyDown,
-      handleNextMinuteBtnOnKeyDown = _useKeyboardHandlers.handleNextMinuteBtnOnKeyDown,
-      handlePrevMeridiemBtnOnKeyDown = _useKeyboardHandlers.handlePrevMeridiemBtnOnKeyDown,
-      handleCurrMeridiemOnKeyDown = _useKeyboardHandlers.handleCurrMeridiemOnKeyDown,
-      handleNextMeridiemBtnOnKeyDown = _useKeyboardHandlers.handleNextMeridiemBtnOnKeyDown,
-      handlePickerIconKeyDown = _useKeyboardHandlers.handlePickerIconKeyDown;
-
-  return React.useMemo(function () {
-    return {
-      tempTimeString: tempTimeString,
-      isControllerOnly: isControllerOnly,
-      autoFocusHourTimeWheel: autoFocusHourTimeWheel,
-      showTimePicker: showTimePicker,
-      setShowTimePicker: setShowTimePicker,
-      setPopperElement: setPopperElement,
-      setArrowElement: setArrowElement,
-      usePopperHelpers: usePopperHelpers,
-      handleToggleTimePicker: handleToggleTimePicker,
-      handleSetTriggerRef: handleSetTriggerRef,
-      handleMenuWrapperKeyDown: handleMenuWrapperKeyDown,
-      currHourNum: currHourNum,
-      hours: hours,
-      visibleHours: visibleHours,
-      handlePrevHour: handlePrevHour,
-      handleNextHour: handleNextHour,
-      handleTimeWheelBtnChangeHours: handleTimeWheelBtnChangeHours,
-      currMinuteNum: currMinuteNum,
-      minutes: minutes,
-      visibleMinutes: visibleMinutes,
-      handlePrevMinute: handlePrevMinute,
-      handleNextMinute: handleNextMinute,
-      handleTimeWheelBtnChangeMinutes: handleTimeWheelBtnChangeMinutes,
-      meridiem: meridiem,
-      handleTimeWheelBtnChangeMeridiem: handleTimeWheelBtnChangeMeridiem,
-      handlePrevHourBtnOnKeyDown: handlePrevHourBtnOnKeyDown,
-      handleCurrHourOnKeyDown: handleCurrHourOnKeyDown,
-      handleNextHourBtnOnKeyDown: handleNextHourBtnOnKeyDown,
-      handlePrevMinuteBtnOnKeyDown: handlePrevMinuteBtnOnKeyDown,
-      handleCurrMinutesOnKeyDown: handleCurrMinutesOnKeyDown,
-      handleNextMinuteBtnOnKeyDown: handleNextMinuteBtnOnKeyDown,
-      handlePrevMeridiemBtnOnKeyDown: handlePrevMeridiemBtnOnKeyDown,
-      handleCurrMeridiemOnKeyDown: handleCurrMeridiemOnKeyDown,
-      handleNextMeridiemBtnOnKeyDown: handleNextMeridiemBtnOnKeyDown,
-      handlePickerIconKeyDown: handlePickerIconKeyDown,
-      prevHourBtnRef: prevHourBtnRef,
-      currHourBtnRef: currHourBtnRef,
-      nextHourBtnRef: nextHourBtnRef,
-      prevMinutesBtnRef: prevMinutesBtnRef,
-      currMinutesBtnRef: currMinutesBtnRef,
-      nextMinutesBtnRef: nextMinutesBtnRef,
-      prevMeridiemBtnRef: prevMeridiemBtnRef,
-      currMeridiemBtnRef: currMeridiemBtnRef,
-      nextMeridiemBtnRef: nextMeridiemBtnRef,
-      getIsDisabledTime: getIsDisabledTime,
-      ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-      disabled: disabled
-    };
-  }, [tempTimeString, isControllerOnly, autoFocusHourTimeWheel, showTimePicker, setShowTimePicker, setPopperElement, setArrowElement, usePopperHelpers, handleToggleTimePicker, handleSetTriggerRef, handleMenuWrapperKeyDown, currHourNum, hours, visibleHours, handlePrevHour, handleNextHour, handleTimeWheelBtnChangeHours, currMinuteNum, minutes, visibleMinutes, handlePrevMinute, handleNextMinute, handleTimeWheelBtnChangeMinutes, meridiem, handleTimeWheelBtnChangeMeridiem, handlePrevHourBtnOnKeyDown, handleCurrHourOnKeyDown, handleNextHourBtnOnKeyDown, handlePrevMinuteBtnOnKeyDown, handleCurrMinutesOnKeyDown, handleNextMinuteBtnOnKeyDown, handlePrevMeridiemBtnOnKeyDown, handleCurrMeridiemOnKeyDown, handleNextMeridiemBtnOnKeyDown, handlePickerIconKeyDown, prevHourBtnRef, currHourBtnRef, nextHourBtnRef, prevMinutesBtnRef, currMinutesBtnRef, nextMinutesBtnRef, prevMeridiemBtnRef, currMeridiemBtnRef, nextMeridiemBtnRef, getIsDisabledTime, ariaCurrentValueForInputs, disabled]);
+const useConfigTimePickerCTX = () => {
+  const {
+    pickerButtonRef,
+    props: {
+      minutesInterval,
+      getIsDisabledTime,
+      onPickerClose,
+      onPickerOpen
+    },
+    hideDate,
+    hideTime,
+    monthInputRef,
+    hourInputRef,
+    tempTimeString,
+    prevMonthBtnRef,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    isControllerOnly,
+    isWithCalendarToo,
+    autoFocusHourTimeWheel,
+    ariaCurrentValueForInputs
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const {
+    currHourNum,
+    hours,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    currMinuteNum,
+    minutes,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    // currSecondNum,
+    // seconds,
+    // visibleSeconds,
+    // handlePrevSecond,
+    // handleNextSecond,
+    // handleTimeWheelBtnChangeSeconds,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem
+  } = useCurrentDisplayedWheelsLogic.useCurrentDisplayedWheelsLogic({
+    minutesInterval
+  });
+  const {
+    showTimePicker,
+    setShowTimePicker,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleTimePicker,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown
+  } = usePopperTriggerLogic.usePopperTriggerLogic({
+    pickerButtonRef,
+    currHourBtnRef,
+    onPickerClose,
+    onPickerOpen,
+    isWithCalendarToo
+  });
+  const {
+    handlePrevHourBtnOnKeyDown,
+    handleCurrHourOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    handlePrevMinuteBtnOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    // handlePrevSecondBtnOnKeyDown,
+    // handleCurrSecondsOnKeyDown,
+    // handleNextSecondBtnOnKeyDown,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    handlePickerIconKeyDown
+  } = useKeyboardHandlers.useKeyboardHandlers({
+    handlePrevHour,
+    handleNextHour,
+    handlePrevMinute,
+    handleNextMinute,
+    // handlePrevSecond,
+    // handleNextSecond,
+    handleTimeWheelBtnChangeMeridiem,
+    prevMonthBtnRef,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    // prevSecondsBtnRef,
+    // currSecondsBtnRef,
+    // nextSecondsBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    hideDate,
+    hideTime,
+    monthInputRef,
+    hourInputRef,
+    isWithCalendarToo,
+    isControllerOnly
+  });
+  return React.useMemo(() => ({
+    tempTimeString,
+    isControllerOnly,
+    autoFocusHourTimeWheel,
+    showTimePicker,
+    setShowTimePicker,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleTimePicker,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown,
+    currHourNum,
+    hours,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    currMinuteNum,
+    minutes,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    // currSecondNum,
+    // seconds,
+    // visibleSeconds,
+    // handlePrevSecond,
+    // handleNextSecond,
+    // handleTimeWheelBtnChangeSeconds,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem,
+    handlePrevHourBtnOnKeyDown,
+    handleCurrHourOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    handlePrevMinuteBtnOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    // handlePrevSecondBtnOnKeyDown,
+    // handleCurrSecondsOnKeyDown,
+    // handleNextSecondBtnOnKeyDown,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    handlePickerIconKeyDown,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    // prevSecondsBtnRef,
+    // currSecondsBtnRef,
+    // nextSecondsBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    getIsDisabledTime,
+    ariaCurrentValueForInputs
+  }), [tempTimeString, isControllerOnly, autoFocusHourTimeWheel, showTimePicker, setShowTimePicker, setPopperElement, setArrowElement, usePopperHelpers, handleToggleTimePicker, handleSetTriggerRef, handleMenuWrapperKeyDown, currHourNum, hours, visibleHours, handlePrevHour, handleNextHour, handleTimeWheelBtnChangeHours, currMinuteNum, minutes, visibleMinutes, handlePrevMinute, handleNextMinute, handleTimeWheelBtnChangeMinutes, meridiem, handleTimeWheelBtnChangeMeridiem, handlePrevHourBtnOnKeyDown, handleCurrHourOnKeyDown, handleNextHourBtnOnKeyDown, handlePrevMinuteBtnOnKeyDown, handleCurrMinutesOnKeyDown, handleNextMinuteBtnOnKeyDown, handlePrevMeridiemBtnOnKeyDown, handleCurrMeridiemOnKeyDown, handleNextMeridiemBtnOnKeyDown, handlePickerIconKeyDown, prevHourBtnRef, currHourBtnRef, nextHourBtnRef, prevMinutesBtnRef, currMinutesBtnRef, nextMinutesBtnRef, prevMeridiemBtnRef, currMeridiemBtnRef, nextMeridiemBtnRef, getIsDisabledTime, ariaCurrentValueForInputs]);
 };
 
 exports.useConfigTimePickerCTX = useConfigTimePickerCTX;
-//# sourceMappingURL=useConfigTimePickerCTX.js.map

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

@@ -3,66 +3,54 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var controlledDateTimePicker_parts_TimeInputs_useTimeInputs = require('../../TimeInputs/useTimeInputs.js');
-var controlledDateTimePicker_utils_numberHelpers = require('../../../utils/numberHelpers.js');
-var controlledDateTimePicker_utils_stringHelpers = require('../../../utils/stringHelpers.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('../../../utils/constants.js');
-require('@babel/runtime/helpers/slicedToArray');
+var useTimeInputs = require('../../TimeInputs/useTimeInputs.js');
+var numberHelpers = require('../../../utils/numberHelpers.js');
+var stringHelpers = require('../../../utils/stringHelpers.js');
 
 /* eslint-disable max-statements */
-var totalHoursList = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
-var hoursInterval = 1; // using this just to unify the logic between how hours and minutes are handled
+const totalHoursList = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
+const hoursInterval = 1; // using this just to unify the logic between how hours and minutes are handled
 
-var hoursStartPositionOffset = 1; // if array start from 01, this is 1, if start from 02, it's 2 ...
+const hoursStartPositionOffset = 1; // if array start from 01, this is 1, if start from 02, it's 2 ...
 
-var getTotalMinuteListWithStep = function getTotalMinuteListWithStep() {
-  var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  var length = Math.ceil(60 / step);
-  return new Array(length).fill('_').map(function (_v, i) {
-    return controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(i * step), 2);
-  });
+const getTotalMinuteListWithStep = (step = 1) => {
+  const length = Math.ceil(60 / step);
+  return new Array(length).fill('_').map((_v, i) => stringHelpers.prependStringWithPlaceHolders("".concat(i * step), 2));
 };
 
-var useCurrentDisplayedWheelsLogic = function useCurrentDisplayedWheelsLogic(_ref) {
-  var minutesInterval = _ref.minutesInterval;
-
-  var _useTimeInputs = controlledDateTimePicker_parts_TimeInputs_useTimeInputs.useTimeInputs(),
-      hours = _useTimeInputs.hours,
-      minutes = _useTimeInputs.minutes,
-      _useTimeInputs$meridi = _useTimeInputs.meridiem,
-      meridiem = _useTimeInputs$meridi === void 0 ? 'AM' : _useTimeInputs$meridi,
-      handleChangeHours = _useTimeInputs.handleChangeHours,
-      handleChangeMinutes = _useTimeInputs.handleChangeMinutes,
-      handleChangeMeridiem = _useTimeInputs.handleChangeMeridiem;
-
-  var currHourNum = React.useMemo(function () {
-    var hoursAsNum = controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(hours);
+const useCurrentDisplayedWheelsLogic = ({
+  minutesInterval
+}) => {
+  const {
+    hours,
+    minutes,
+    // seconds,
+    meridiem = 'AM',
+    handleChangeHours,
+    handleChangeMinutes,
+    // handleChangeSeconds,
+    handleChangeMeridiem
+  } = useTimeInputs.useTimeInputs();
+  const currHourNum = React.useMemo(() => {
+    const hoursAsNum = numberHelpers.convertToPositiveNumberIfPossible(hours);
     if (hoursAsNum === -1) return 1;
     return hoursAsNum;
   }, [hours]);
-  var currMinuteNum = React.useMemo(function () {
-    var minutesAsNum = controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(minutes);
+  const currMinuteNum = React.useMemo(() => {
+    const minutesAsNum = numberHelpers.convertToPositiveNumberIfPossible(minutes);
     if (minutesAsNum === -1) return 0;
     return minutesAsNum;
   }, [minutes]);
-  var totalMinutesList = React.useMemo(function () {
-    return getTotalMinuteListWithStep(minutesInterval);
-  }, [minutesInterval]);
-  var currMinuteIndex = React.useMemo(function () {
-    return Math.floor(currMinuteNum / minutesInterval);
-  }, [currMinuteNum, minutesInterval]);
-  var currHoursIndex = React.useMemo(function () {
-    return Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset;
-  }, [currHourNum]); // const currSecondNum = useMemo(() => {
+  const totalMinutesList = React.useMemo(() => getTotalMinuteListWithStep(minutesInterval), [minutesInterval]);
+  const currMinuteIndex = React.useMemo(() => Math.floor(currMinuteNum / minutesInterval), [currMinuteNum, minutesInterval]);
+  const currHoursIndex = React.useMemo(() => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset, [currHourNum]); // const currSecondNum = useMemo(() => {
   //   const secondsAsNum = convertToPositiveNumberIfPossible(seconds);
   //   if (secondsAsNum === -1) return 0;
   //   return secondsAsNum;
   // }, [seconds]);
 
-  var visibleHours = React.useMemo(function () {
-    var newHours = []; // if (currHoursIndex >= 2) newHours.push(totalHoursList[currHoursIndex - 2]);
+  const visibleHours = React.useMemo(() => {
+    const newHours = []; // if (currHoursIndex >= 2) newHours.push(totalHoursList[currHoursIndex - 2]);
     // else newHours.push(null);
 
     if (currHoursIndex >= 1) newHours.push(totalHoursList[currHoursIndex - 1]);else newHours.push(null);
@@ -72,8 +60,8 @@ var useCurrentDisplayedWheelsLogic = function useCurrentDisplayedWheelsLogic(_re
 
     return newHours;
   }, [currHoursIndex]);
-  var visibleMinutes = React.useMemo(function () {
-    var newMinutes = []; // if (currMinuteIndex >= 2)
+  const visibleMinutes = React.useMemo(() => {
+    const newMinutes = []; // if (currMinuteIndex >= 2)
     //   newMinutes.push(totalMinutesList[currMinuteIndex - 2]);
     // else newMinutes.push(null);
 
@@ -101,30 +89,30 @@ var useCurrentDisplayedWheelsLogic = function useCurrentDisplayedWheelsLogic(_re
   //   return newSeconds;
   // }, [currSecondNum]);
 
-  var handleTimeWheelBtnChangeHours = React.useCallback(function (newHours, e) {
+  const handleTimeWheelBtnChangeHours = React.useCallback((newHours, e) => {
     handleChangeHours(newHours, e);
   }, [handleChangeHours]);
-  var handleChangeCurrHour = React.useCallback(function (offset, e) {
-    var newH = currHourNum + offset;
-    if (newH > 0 && newH <= 12) handleChangeHours(controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(newH), 2), e);
+  const handleChangeCurrHour = React.useCallback((offset, e) => {
+    const newH = currHourNum + offset;
+    if (newH > 0 && newH <= 12) handleChangeHours(stringHelpers.prependStringWithPlaceHolders("".concat(newH), 2), e);
   }, [currHourNum, handleChangeHours]);
-  var handlePrevHour = React.useCallback(function (e) {
+  const handlePrevHour = React.useCallback(e => {
     handleChangeCurrHour(-1, e);
   }, [handleChangeCurrHour]);
-  var handleNextHour = React.useCallback(function (e) {
+  const handleNextHour = React.useCallback(e => {
     handleChangeCurrHour(1, e);
   }, [handleChangeCurrHour]);
-  var handleTimeWheelBtnChangeMinutes = React.useCallback(function (newMinutes, e) {
+  const handleTimeWheelBtnChangeMinutes = React.useCallback((newMinutes, e) => {
     handleChangeMinutes(newMinutes, e);
   }, [handleChangeMinutes]);
-  var handleChangeCurrMinute = React.useCallback(function (offset, e) {
-    var newM = currMinuteNum + offset;
-    if (newM >= 0 && newM <= 59) handleChangeMinutes(controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(newM), 2), e);
+  const handleChangeCurrMinute = React.useCallback((offset, e) => {
+    const newM = currMinuteNum + offset;
+    if (newM >= 0 && newM <= 59) handleChangeMinutes(stringHelpers.prependStringWithPlaceHolders("".concat(newM), 2), e);
   }, [currMinuteNum, handleChangeMinutes]);
-  var handlePrevMinute = React.useCallback(function (e) {
+  const handlePrevMinute = React.useCallback(e => {
     handleChangeCurrMinute(-minutesInterval, e);
   }, [handleChangeCurrMinute, minutesInterval]);
-  var handleNextMinute = React.useCallback(function (e) {
+  const handleNextMinute = React.useCallback(e => {
     handleChangeCurrMinute(minutesInterval, e);
   }, [handleChangeCurrMinute, minutesInterval]); // const handleTimeWheelBtnChangeSeconds = useCallback(
   //   (newSeconds, e) => {
@@ -153,33 +141,31 @@ var useCurrentDisplayedWheelsLogic = function useCurrentDisplayedWheelsLogic(_re
   //   [handleChangeCurrSecond],
   // );
 
-  var handleTimeWheelBtnChangeMeridiem = React.useCallback(function (newMeridiem, e) {
+  const handleTimeWheelBtnChangeMeridiem = React.useCallback((newMeridiem, e) => {
     handleChangeMeridiem(newMeridiem, e);
   }, [handleChangeMeridiem]);
-  return React.useMemo(function () {
-    return {
-      currHourNum: currHourNum,
-      hours: hours,
-      visibleHours: visibleHours,
-      handlePrevHour: handlePrevHour,
-      handleNextHour: handleNextHour,
-      handleTimeWheelBtnChangeHours: handleTimeWheelBtnChangeHours,
-      currMinuteNum: currMinuteNum,
-      minutes: minutes,
-      visibleMinutes: visibleMinutes,
-      handlePrevMinute: handlePrevMinute,
-      handleNextMinute: handleNextMinute,
-      handleTimeWheelBtnChangeMinutes: handleTimeWheelBtnChangeMinutes,
-      // currSecondNum,
-      // seconds,
-      // visibleSeconds,
-      // handlePrevSecond,
-      // handleNextSecond,
-      // handleTimeWheelBtnChangeSeconds,
-      meridiem: meridiem,
-      handleTimeWheelBtnChangeMeridiem: handleTimeWheelBtnChangeMeridiem
-    };
-  }, [currHourNum, currMinuteNum, // currSecondNum,
+  return React.useMemo(() => ({
+    currHourNum,
+    hours,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    currMinuteNum,
+    minutes,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    // currSecondNum,
+    // seconds,
+    // visibleSeconds,
+    // handlePrevSecond,
+    // handleNextSecond,
+    // handleTimeWheelBtnChangeSeconds,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem
+  }), [currHourNum, currMinuteNum, // currSecondNum,
   handleNextHour, handleNextMinute, // handleNextSecond,
   handlePrevHour, handlePrevMinute, // handlePrevSecond,
   handleTimeWheelBtnChangeHours, handleTimeWheelBtnChangeMeridiem, handleTimeWheelBtnChangeMinutes, // handleTimeWheelBtnChangeSeconds,
@@ -189,4 +175,3 @@ var useCurrentDisplayedWheelsLogic = function useCurrentDisplayedWheelsLogic(_re
 };
 
 exports.useCurrentDisplayedWheelsLogic = useCurrentDisplayedWheelsLogic;
-//# sourceMappingURL=useCurrentDisplayedWheelsLogic.js.map