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

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

@@ -4,16 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var DSButton = require('@elliemae/ds-basic/Button');
-var RecentDocuments = require('@elliemae/ds-icons/RecentDocuments');
+var DSButton = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
 var TimeWheelContext = require('./TimeWheelContext.js');
 var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var RecentDocuments__default = /*#__PURE__*/_interopDefaultLegacy(RecentDocuments);
 
 var _RecentDocuments;
 // this is particularly useful due to how usePopper needs to check the references
@@ -23,18 +21,20 @@ const TimeWheelIconTrigger = () => {
   const {
     handleSetTriggerRef,
     handleToggleTimePicker,
-    handlePickerIconKeyDown
+    handlePickerIconKeyDown,
+    ariaCurrentValueForInputs,
+    disabled
   } = React.useContext(TimeWheelContext.TimeWheelContext);
-  return React.useMemo(() => /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
-    "aria-label": "time picker context menu trigger",
-    buttonType: "text",
-    leftIcon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default['default'](RecentDocuments__default['default'], {})),
-    size: "m",
+  return React.useMemo(() => /*#__PURE__*/_jsx__default["default"](DSButton.DSButtonV2, {
+    "aria-label": "time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+    buttonType: "icon",
+    size: DSButton.BUTTON_SIZES.M,
     innerRef: handleSetTriggerRef,
     onClick: handleToggleTimePicker,
     onKeyDown: handlePickerIconKeyDown,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL
-  }), [handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]);
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL,
+    disabled: disabled
+  }, void 0, _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](dsIcons.RecentDocuments, {}))), [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]);
 };
 
 exports.TimeWheelIconTrigger = TimeWheelIconTrigger;

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

@@ -2,9 +2,15 @@
 
 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');
 var React = require('react');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 var TimeWheelContent = require('./TimeWheelContent.js');
 var TimeWheelContext = require('./TimeWheelContext.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -18,7 +24,7 @@ var _TimeWheelContent, _TimeWheelContent2;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const TimeWheelWrapper = () => {
   const {
     setArrowElement,
@@ -29,7 +35,7 @@ const TimeWheelWrapper = () => {
     },
     isControllerOnly
   } = React.useContext(TimeWheelContext.TimeWheelContext);
-  if (isControllerOnly) return _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx__default['default'](TimeWheelContent.TimeWheelContent, {
+  if (isControllerOnly) return _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx__default["default"](TimeWheelContent.TimeWheelContent, {
     showShadow: true
   }));
   return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
@@ -39,7 +45,8 @@ const TimeWheelWrapper = () => {
       zIndex: 110
     })
   }, attributes.popper), {}, {
-    children: [_TimeWheelContent2 || (_TimeWheelContent2 = /*#__PURE__*/_jsx__default['default'](TimeWheelContent.TimeWheelContent, {
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL,
+    children: [_TimeWheelContent2 || (_TimeWheelContent2 = /*#__PURE__*/_jsx__default["default"](TimeWheelContent.TimeWheelContent, {
       showShadow: true
     })), /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: setArrowElement,

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

@@ -11,19 +11,12 @@ var useKeyboardHandlers = require('./useKeyboardHandlers.js');
 /* eslint-disable max-statements */
 const useConfigTimePickerCTX = () => {
   const {
-    pickerButtonRef,
     props: {
       minutesInterval,
       getIsDisabledTime,
-      onPickerClose,
-      onPickerOpen
+      disabled
     },
-    hideDate,
-    hideTime,
-    monthInputRef,
-    hourInputRef,
     tempTimeString,
-    prevMonthBtnRef,
     prevHourBtnRef,
     currHourBtnRef,
     nextHourBtnRef,
@@ -34,7 +27,8 @@ const useConfigTimePickerCTX = () => {
     currMeridiemBtnRef,
     nextMeridiemBtnRef,
     isControllerOnly,
-    isWithCalendarToo
+    autoFocusHourTimeWheel,
+    ariaCurrentValueForInputs
   } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
   const {
     currHourNum,
@@ -49,12 +43,6 @@ const useConfigTimePickerCTX = () => {
     handlePrevMinute,
     handleNextMinute,
     handleTimeWheelBtnChangeMinutes,
-    // currSecondNum,
-    // seconds,
-    // visibleSeconds,
-    // handlePrevSecond,
-    // handleNextSecond,
-    // handleTimeWheelBtnChangeSeconds,
     meridiem,
     handleTimeWheelBtnChangeMeridiem
   } = useCurrentDisplayedWheelsLogic.useCurrentDisplayedWheelsLogic({
@@ -69,11 +57,7 @@ const useConfigTimePickerCTX = () => {
     handleToggleTimePicker,
     handleSetTriggerRef,
     handleMenuWrapperKeyDown
-  } = usePopperTriggerLogic.usePopperTriggerLogic({
-    pickerButtonRef,
-    onPickerClose,
-    onPickerOpen
-  });
+  } = usePopperTriggerLogic.usePopperTriggerLogic();
   const {
     handlePrevHourBtnOnKeyDown,
     handleCurrHourOnKeyDown,
@@ -81,9 +65,6 @@ const useConfigTimePickerCTX = () => {
     handlePrevMinuteBtnOnKeyDown,
     handleCurrMinutesOnKeyDown,
     handleNextMinuteBtnOnKeyDown,
-    // handlePrevSecondBtnOnKeyDown,
-    // handleCurrSecondsOnKeyDown,
-    // handleNextSecondBtnOnKeyDown,
     handlePrevMeridiemBtnOnKeyDown,
     handleCurrMeridiemOnKeyDown,
     handleNextMeridiemBtnOnKeyDown,
@@ -93,31 +74,12 @@ const useConfigTimePickerCTX = () => {
     handleNextHour,
     handlePrevMinute,
     handleNextMinute,
-    // handlePrevSecond,
-    // handleNextSecond,
-    handleTimeWheelBtnChangeMeridiem,
-    prevMonthBtnRef,
-    prevHourBtnRef,
-    currHourBtnRef,
-    nextHourBtnRef,
-    prevMinutesBtnRef,
-    currMinutesBtnRef,
-    nextMinutesBtnRef,
-    // prevSecondsBtnRef,
-    // currSecondsBtnRef,
-    // nextSecondsBtnRef,
-    prevMeridiemBtnRef,
-    currMeridiemBtnRef,
-    nextMeridiemBtnRef,
-    hideDate,
-    hideTime,
-    monthInputRef,
-    hourInputRef,
-    isWithCalendarToo
+    handleTimeWheelBtnChangeMeridiem
   });
   return React.useMemo(() => ({
     tempTimeString,
     isControllerOnly,
+    autoFocusHourTimeWheel,
     showTimePicker,
     setShowTimePicker,
     setPopperElement,
@@ -138,12 +100,6 @@ const useConfigTimePickerCTX = () => {
     handlePrevMinute,
     handleNextMinute,
     handleTimeWheelBtnChangeMinutes,
-    // currSecondNum,
-    // seconds,
-    // visibleSeconds,
-    // handlePrevSecond,
-    // handleNextSecond,
-    // handleTimeWheelBtnChangeSeconds,
     meridiem,
     handleTimeWheelBtnChangeMeridiem,
     handlePrevHourBtnOnKeyDown,
@@ -152,9 +108,6 @@ const useConfigTimePickerCTX = () => {
     handlePrevMinuteBtnOnKeyDown,
     handleCurrMinutesOnKeyDown,
     handleNextMinuteBtnOnKeyDown,
-    // handlePrevSecondBtnOnKeyDown,
-    // handleCurrSecondsOnKeyDown,
-    // handleNextSecondBtnOnKeyDown,
     handlePrevMeridiemBtnOnKeyDown,
     handleCurrMeridiemOnKeyDown,
     handleNextMeridiemBtnOnKeyDown,
@@ -165,14 +118,13 @@ const useConfigTimePickerCTX = () => {
     prevMinutesBtnRef,
     currMinutesBtnRef,
     nextMinutesBtnRef,
-    // prevSecondsBtnRef,
-    // currSecondsBtnRef,
-    // nextSecondsBtnRef,
     prevMeridiemBtnRef,
     currMeridiemBtnRef,
     nextMeridiemBtnRef,
-    getIsDisabledTime
-  }), [tempTimeString, isControllerOnly, 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]);
+    getIsDisabledTime,
+    ariaCurrentValueForInputs,
+    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]);
 };
 
 exports.useConfigTimePickerCTX = useConfigTimePickerCTX;

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

@@ -2,25 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
 var useTimeInputs = require('../../TimeInputs/useTimeInputs.js');
 var numberHelpers = require('../../../utils/numberHelpers.js');
 var stringHelpers = require('../../../utils/stringHelpers.js');
 
-/* eslint-disable max-statements */
 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
 
 const hoursStartPositionOffset = 1; // if array start from 01, this is 1, if start from 02, it's 2 ...
 
-const getTotalMinuteListWithStep = (step = 1) => {
+const getTotalMinuteListWithStep = function () {
+  let step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   const length = Math.ceil(60 / step);
-  return new Array(length).fill('_').map((_v, i) => stringHelpers.prependStringWithPlaceHolders(`${i * step}`, 2));
+  return new Array(length).fill('_').map((_v, i) => stringHelpers.prependStringWithPlaceHolders("".concat(i * step), 2));
 };
 
-const useCurrentDisplayedWheelsLogic = ({
-  minutesInterval
-}) => {
+const useCurrentDisplayedWheelsLogic = _ref => {
+  let {
+    minutesInterval
+  } = _ref;
   const {
     hours,
     minutes,
@@ -94,7 +97,7 @@ const useCurrentDisplayedWheelsLogic = ({
   }, [handleChangeHours]);
   const handleChangeCurrHour = React.useCallback((offset, e) => {
     const newH = currHourNum + offset;
-    if (newH > 0 && newH <= 12) handleChangeHours(stringHelpers.prependStringWithPlaceHolders(`${newH}`, 2), e);
+    if (newH > 0 && newH <= 12) handleChangeHours(stringHelpers.prependStringWithPlaceHolders("".concat(newH), 2), e);
   }, [currHourNum, handleChangeHours]);
   const handlePrevHour = React.useCallback(e => {
     handleChangeCurrHour(-1, e);
@@ -107,7 +110,7 @@ const useCurrentDisplayedWheelsLogic = ({
   }, [handleChangeMinutes]);
   const handleChangeCurrMinute = React.useCallback((offset, e) => {
     const newM = currMinuteNum + offset;
-    if (newM >= 0 && newM <= 59) handleChangeMinutes(stringHelpers.prependStringWithPlaceHolders(`${newM}`, 2), e);
+    if (newM >= 0 && newM <= 59) handleChangeMinutes(stringHelpers.prependStringWithPlaceHolders("".concat(newM), 2), e);
   }, [currMinuteNum, handleChangeMinutes]);
   const handlePrevMinute = React.useCallback(e => {
     handleChangeCurrMinute(-minutesInterval, e);