@elliemae/ds-controlled-form 1.55.0-next.9 → 1.55.0-rc.3

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js

@@ -3,23 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
+var dsButton = require('@elliemae/ds-button');
 var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContent = require('../Calendar/CalendarContent.js');
 require('react');
+require('../../../ControlledDateTimePickerDatatestid.js');
 require('../Calendar/CalendarBody.js');
 require('../Calendar/CalendarMonthDays.js');
 require('../Calendar/CalendarDaysList.js');
 require('../Calendar/Day.js');
+require('@babel/runtime/helpers/extends');
 require('../../../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
+require('../../../utils/constants.js');
 require('../../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerDatatestid.js');
 require('../../../ControlledDateTimePickerCTX.js');
 require('../../../ControlledDateTimePickerTypes.js');
 require('../Calendar/CalendarContext.js');
 require('../Calendar/Styleds.js');
-require('@elliemae/ds-button');
+require('@elliemae/ds-grid');
 require('../Calendar/CalendarWeekDays.js');
 require('../Calendar/CalendarHead.js');
 require('@elliemae/ds-icons/ChevronDoubleLeft');
@@ -32,44 +35,51 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+var StyledIconTriggerButton = /*#__PURE__*/styled__default['default'](dsButton.DSButtonV2).withConfig({
   componentId: "sc-h2xj8r-0"
-})(["background:", ";", " display:grid;grid-template-columns:260px 192px;grid-template-rows:1fr;column-gap:0;& > div:last-of-type{box-shadow:-1px 0 0 0 ", ";}"], function (_ref) {
+})(["color:", ";width:26px;height:26px;"], function (_ref) {
   var theme = _ref.theme;
+  return theme.colors.brand['600'];
+});
+var StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+  componentId: "sc-h2xj8r-1"
+})(["background:", ";", " display:grid;grid-template-columns:260px 192px;grid-template-rows:1fr;column-gap:0;& > div:last-of-type{box-shadow:-1px 0 0 0 ", ";margin-left:1px;}"], function (_ref2) {
+  var theme = _ref2.theme;
   return theme.colors.neutral['000'];
-}, function (_ref2) {
-  var isControllerOnly = _ref2.isControllerOnly;
-  return isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);';
 }, function (_ref3) {
-  var theme = _ref3.theme;
+  var isControllerOnly = _ref3.isControllerOnly;
+  return isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);';
+}, function (_ref4) {
+  var theme = _ref4.theme;
   return theme.colors.neutral[200];
 });
 var StyledCalendar = /*#__PURE__*/styled__default['default'](controlledDateTimePicker_parts_Pickers_Calendar_CalendarContent.CalendarContent).withConfig({
-  componentId: "sc-h2xj8r-1"
+  componentId: "sc-h2xj8r-2"
 })(["box-shadow:none;"]);
 var CalendarWithTimeWheelFooterMessage = /*#__PURE__*/styled__default['default'].footer.withConfig({
-  componentId: "sc-h2xj8r-2"
-})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;grid-column:1/3;"], function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.neutral[300];
-}, function (_ref5) {
+  componentId: "sc-h2xj8r-3"
+})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;grid-column:1/3;"], function (_ref5) {
   var theme = _ref5.theme;
-  return theme.space.xxs2;
+  return theme.colors.neutral[300];
 }, function (_ref6) {
   var theme = _ref6.theme;
   return theme.space.xxs2;
 }, function (_ref7) {
   var theme = _ref7.theme;
-  return theme.colors.danger[900];
+  return theme.space.xxs2;
 }, function (_ref8) {
   var theme = _ref8.theme;
-  return theme.fontWeights.thin;
+  return theme.colors.danger[900];
 }, function (_ref9) {
   var theme = _ref9.theme;
+  return theme.fontWeights.thin;
+}, function (_ref10) {
+  var theme = _ref10.theme;
   return theme.fontSizes.microText[200];
 });
 
 exports.CalendarWithTimeWheelFooterMessage = CalendarWithTimeWheelFooterMessage;
 exports.StyledCalendar = StyledCalendar;
 exports.StyledCalendarWithTimeWheelWrapper = StyledCalendarWithTimeWheelWrapper;
+exports.StyledIconTriggerButton = StyledIconTriggerButton;
 //# sourceMappingURL=Styleds.js.map

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styleds.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { CalendarContent } from '../Calendar/CalendarContent';\n\nexport const StyledCalendarWithTimeWheelWrapper = styled.div<{ isControllerOnly: boolean }>`\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  ${({ isControllerOnly }) =>\n    isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);'}\n  display: grid;\n  grid-template-columns: 260px 192px;\n  grid-template-rows: 1fr;\n  column-gap: 0;\n\n  & > div:last-of-type {\n    box-shadow: -1px 0 0 0 ${({ theme }) => theme.colors.neutral[200]};\n  }\n`;\n\nexport const StyledCalendar = styled(CalendarContent)`\n  box-shadow: none;\n`;\n\nexport const CalendarWithTimeWheelFooterMessage = styled.footer`\n  border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};\n  margin: 0 ${({ theme }) => theme.space.xxs2};\n  padding: ${({ theme }) => theme.space.xxs2} 0;\n  color: ${({ theme }) => theme.colors.danger[900]};\n  font-style: italic;\n  font-weight: ${({ theme }) => theme.fontWeights.thin};\n  font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n  text-align: right;\n  grid-column: 1/3;\n`;\n"],"names":["StyledCalendarWithTimeWheelWrapper","styled","div","theme","colors","neutral","isControllerOnly","undefined","StyledCalendar","CalendarContent","CalendarWithTimeWheelFooterMessage","footer","space","xxs2","danger","fontWeights","thin","fontSizes","microText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,kCAAkC,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,kKAC/B;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAD+B,EAE3C;AAAA,MAAGC,gBAAH,SAAGA,gBAAH;AAAA,SACAA,gBAAgB,GAAGC,SAAH,GAAe,2EAD/B;AAAA,CAF2C,EAUlB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVkB;IAclCG,cAAc,gBAAGP,0BAAM,CAACQ,+EAAD,CAAT;AAAA;AAAA;IAIdC,kCAAkC,gBAAGT,0BAAM,CAACU,MAAV;AAAA;AAAA,8JACrB;AAAA,MAAGR,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CADqB,EAEjC;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACS,KAAN,CAAYC,IAA3B;AAAA,CAFiC,EAGlC;AAAA,MAAGV,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACS,KAAN,CAAYC,IAA3B;AAAA,CAHkC,EAIpC;AAAA,MAAGV,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaU,MAAb,CAAoB,GAApB,CAAf;AAAA,CAJoC,EAM9B;AAAA,MAAGX,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACY,WAAN,CAAkBC,IAAjC;AAAA,CAN8B,EAOhC;AAAA,MAAGb,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACc,SAAN,CAAgBC,SAAhB,CAA0B,GAA1B,CAAf;AAAA,CAPgC;;;;;;"}
+{"version":3,"file":"Styleds.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { CalendarContent } from '../Calendar/CalendarContent';\n\nexport const StyledIconTriggerButton = styled(DSButtonV2)`\n  color: ${({ theme }) => theme.colors.brand['600']};\n  width: 26px;\n  height: 26px;\n`;\n\nexport const StyledCalendarWithTimeWheelWrapper = styled.div<{ isControllerOnly: boolean }>`\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  ${({ isControllerOnly }) =>\n    isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);'}\n  display: grid;\n  grid-template-columns: 260px 192px;\n  grid-template-rows: 1fr;\n  column-gap: 0;\n\n  & > div:last-of-type {\n    box-shadow: -1px 0 0 0 ${({ theme }) => theme.colors.neutral[200]};\n    margin-left: 1px;\n  }\n`;\n\nexport const StyledCalendar = styled(CalendarContent)`\n  box-shadow: none;\n`;\n\nexport const CalendarWithTimeWheelFooterMessage = styled.footer`\n  border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};\n  margin: 0 ${({ theme }) => theme.space.xxs2};\n  padding: ${({ theme }) => theme.space.xxs2} 0;\n  color: ${({ theme }) => theme.colors.danger[900]};\n  font-style: italic;\n  font-weight: ${({ theme }) => theme.fontWeights.thin};\n  font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n  text-align: right;\n  grid-column: 1/3;\n`;\n"],"names":["StyledIconTriggerButton","styled","DSButtonV2","theme","colors","brand","StyledCalendarWithTimeWheelWrapper","div","neutral","isControllerOnly","undefined","StyledCalendar","CalendarContent","CalendarWithTimeWheelFooterMessage","footer","space","xxs2","danger","fontWeights","thin","fontSizes","microText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,uBAAuB,gBAAGC,0BAAM,CAACC,mBAAD,CAAT;AAAA;AAAA,2CACzB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,KAAnB,CAAf;AAAA,CADyB;IAMvBC,kCAAkC,gBAAGL,0BAAM,CAACM,GAAV;AAAA;AAAA,kLAC/B;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaI,OAAb,CAAqB,KAArB,CAAf;AAAA,CAD+B,EAE3C;AAAA,MAAGC,gBAAH,SAAGA,gBAAH;AAAA,SACAA,gBAAgB,GAAGC,SAAH,GAAe,2EAD/B;AAAA,CAF2C,EAUlB;AAAA,MAAGP,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaI,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVkB;IAelCG,cAAc,gBAAGV,0BAAM,CAACW,+EAAD,CAAT;AAAA;AAAA;IAIdC,kCAAkC,gBAAGZ,0BAAM,CAACa,MAAV;AAAA;AAAA,8JACrB;AAAA,MAAGX,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaI,OAAb,CAAqB,GAArB,CAAf;AAAA,CADqB,EAEjC;AAAA,MAAGL,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACY,KAAN,CAAYC,IAA3B;AAAA,CAFiC,EAGlC;AAAA,MAAGb,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACY,KAAN,CAAYC,IAA3B;AAAA,CAHkC,EAIpC;AAAA,MAAGb,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaa,MAAb,CAAoB,GAApB,CAAf;AAAA,CAJoC,EAM9B;AAAA,MAAGd,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,WAAN,CAAkBC,IAAjC;AAAA,CAN8B,EAOhC;AAAA,MAAGhB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACiB,SAAN,CAAgBC,SAAhB,CAA0B,GAA1B,CAAf;AAAA,CAPgC;;;;;;;"}

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js

@@ -25,7 +25,8 @@ var useConfigCalendarWithTimeWheelCTX = function useConfigCalendarWithTimeWheelC
       hideDate = _useContext.hideDate,
       hideTime = _useContext.hideTime,
       monthInputRef = _useContext.monthInputRef,
-      hourInputRef = _useContext.hourInputRef;
+      hourInputRef = _useContext.hourInputRef,
+      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
 
   var _useContext2 = React.useContext(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext),
       handleToggleCalendar = _useContext2.handleToggleCalendar;
@@ -130,9 +131,10 @@ var useConfigCalendarWithTimeWheelCTX = function useConfigCalendarWithTimeWheelC
       handleSetTriggerRef: handleSetTriggerRef,
       handleMenuWrapperKeyDown: handleMenuWrapperKeyDown,
       handlePickerIconKeyDown: handlePickerIconKeyDown,
-      isControllerOnly: isControllerOnly
+      isControllerOnly: isControllerOnly,
+      ariaCurrentValueForInputs: ariaCurrentValueForInputs
     };
-  }, [showCalendarWithTimeWheel, usePopperHelpers, handleToggleCalendarWithTimeWheel, handleSetTriggerRef, handleMenuWrapperKeyDown, handlePickerIconKeyDown, isControllerOnly]);
+  }, [showCalendarWithTimeWheel, usePopperHelpers, handleToggleCalendarWithTimeWheel, handleSetTriggerRef, handleMenuWrapperKeyDown, handlePickerIconKeyDown, isControllerOnly, ariaCurrentValueForInputs]);
 };
 
 exports.useConfigCalendarWithTimeWheelCTX = useConfigCalendarWithTimeWheelCTX;

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfigCalendarWithTimeWheelCTX.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.tsx"],"sourcesContent":["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useState, useCallback, useContext } from 'react';\nimport { usePopper } from 'react-popper';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../../../ControlledDateTimePickerTypes';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside';\nimport type { onKeyDownT } from '../../../index.d';\nimport { CalendarContext } from '../Calendar/CalendarContext';\nimport { TimeWheelContext } from '../TimeWheel/TimeWheelContext';\nimport type { CalendarWithTimeWheelContextT } from './CalendarWithTimeWheelContext';\n\nexport const useConfigCalendarWithTimeWheelCTX = (): CalendarWithTimeWheelContextT => {\n  const {\n    pickerButtonRef,\n    props: { type, onPickerOpen, onPickerClose },\n    hideDate,\n    hideTime,\n    monthInputRef,\n    hourInputRef,\n  } = useContext(ControlledDateTimePickerContext);\n  const { handleToggleCalendar } = useContext(CalendarContext);\n  const { handleToggleTimePicker } = useContext(TimeWheelContext);\n  const [showCalendarWithTimeWheel, setShowCalendarWithTimeWheel] = useState(false);\n  const onHomeKeyDown = useCallback(() => {\n    if (!hideDate) monthInputRef?.current?.focus?.();\n    else if (!hideTime) hourInputRef?.current?.focus?.();\n  }, [hideDate, hideTime, monthInputRef, hourInputRef]);\n  const handlePickerIconKeyDown: onKeyDownT<HTMLButtonElement> = useCallback(\n    (e) => {\n      const { key } = e;\n      const preventDefaultKeys = ['Home', 'End'];\n      const stopPropagationKeys = ['Home', 'End'];\n      if (preventDefaultKeys.includes(key)) e.preventDefault();\n      if (stopPropagationKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n    },\n    [onHomeKeyDown],\n  );\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperElement, setPopperElement] = useState(null);\n  const [arrowElement, setArrowElement] = useState(null);\n  const usePopperHelpers = usePopper(referenceElement, popperElement, {\n    modifiers: [{ name: 'arrow', options: { element: arrowElement } }],\n  });\n  const openCalendar = useCallback(\n    (e) => {\n      setShowCalendarWithTimeWheel(true);\n      onPickerOpen();\n      setTimeout(() => handleToggleCalendar(e));\n      setTimeout(() => handleToggleTimePicker(e));\n    },\n    [handleToggleCalendar, handleToggleTimePicker, onPickerOpen],\n  );\n  const closeCalendar = useCallback(\n    (e) => {\n      setShowCalendarWithTimeWheel(false);\n      onPickerClose();\n      setTimeout(() => handleToggleCalendar(e));\n      setTimeout(() => handleToggleTimePicker(e));\n    },\n    [handleToggleCalendar, handleToggleTimePicker, onPickerClose],\n  );\n\n  const handleToggleCalendarWithTimeWheel = useCallback(\n    (e) => {\n      if (!showCalendarWithTimeWheel) openCalendar(e);\n      else closeCalendar(e);\n    },\n    [closeCalendar, openCalendar, showCalendarWithTimeWheel],\n  );\n\n  useOnClickOutside(popperElement, (e) => {\n    if (!pickerButtonRef?.current?.contains?.(e?.target)) closeCalendar(e);\n  });\n\n  const handleSetTriggerRef = useCallback(\n    (newRef) => {\n      pickerButtonRef.current = newRef;\n      setReferenceElement(newRef);\n    },\n    [pickerButtonRef],\n  );\n  const handleMenuWrapperKeyDown = useCallback(\n    (e) => {\n      const { key } = e;\n      if (key === 'Escape') {\n        closeCalendar(e);\n        pickerButtonRef?.current?.focus?.();\n      }\n    },\n    [closeCalendar, pickerButtonRef],\n  );\n\n  const isControllerOnly = useMemo(() => type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY, [type]);\n\n  return useMemo(\n    () => ({\n      showCalendarWithTimeWheel,\n      setPopperElement,\n      setArrowElement,\n      usePopperHelpers,\n      handleToggleCalendarWithTimeWheel,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      handlePickerIconKeyDown,\n      isControllerOnly,\n    }),\n    [\n      showCalendarWithTimeWheel,\n      usePopperHelpers,\n      handleToggleCalendarWithTimeWheel,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      handlePickerIconKeyDown,\n      isControllerOnly,\n    ],\n  );\n};\n"],"names":["useConfigCalendarWithTimeWheelCTX","useContext","ControlledDateTimePickerContext","pickerButtonRef","props","type","onPickerOpen","onPickerClose","hideDate","hideTime","monthInputRef","hourInputRef","CalendarContext","handleToggleCalendar","TimeWheelContext","handleToggleTimePicker","useState","showCalendarWithTimeWheel","setShowCalendarWithTimeWheel","onHomeKeyDown","useCallback","current","focus","handlePickerIconKeyDown","e","key","preventDefaultKeys","stopPropagationKeys","includes","preventDefault","stopPropagation","referenceElement","setReferenceElement","popperElement","setPopperElement","arrowElement","setArrowElement","usePopperHelpers","usePopper","modifiers","name","options","element","openCalendar","setTimeout","closeCalendar","handleToggleCalendarWithTimeWheel","useOnClickOutside","contains","target","handleSetTriggerRef","newRef","handleMenuWrapperKeyDown","isControllerOnly","useMemo","CONTROLLED_DATE_TIME_PICKER_TYPES","DATE_TIME","CONTROLLER_ONLY"],"mappings":"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"}
+{"version":3,"file":"useConfigCalendarWithTimeWheelCTX.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.tsx"],"sourcesContent":["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useState, useCallback, useContext } from 'react';\nimport { usePopper } from 'react-popper';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../../../ControlledDateTimePickerTypes';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside';\nimport type { onKeyDownT } from '../../../index.d';\nimport { CalendarContext } from '../Calendar/CalendarContext';\nimport { TimeWheelContext } from '../TimeWheel/TimeWheelContext';\nimport type { CalendarWithTimeWheelContextT } from './CalendarWithTimeWheelContext';\n\nexport const useConfigCalendarWithTimeWheelCTX = (): CalendarWithTimeWheelContextT => {\n  const {\n    pickerButtonRef,\n    props: { type, onPickerOpen, onPickerClose },\n    hideDate,\n    hideTime,\n    monthInputRef,\n    hourInputRef,\n    ariaCurrentValueForInputs,\n  } = useContext(ControlledDateTimePickerContext);\n  const { handleToggleCalendar } = useContext(CalendarContext);\n  const { handleToggleTimePicker } = useContext(TimeWheelContext);\n  const [showCalendarWithTimeWheel, setShowCalendarWithTimeWheel] = useState(false);\n  const onHomeKeyDown = useCallback(() => {\n    if (!hideDate) monthInputRef?.current?.focus?.();\n    else if (!hideTime) hourInputRef?.current?.focus?.();\n  }, [hideDate, hideTime, monthInputRef, hourInputRef]);\n  const handlePickerIconKeyDown: onKeyDownT<HTMLButtonElement> = useCallback(\n    (e) => {\n      const { key } = e;\n      const preventDefaultKeys = ['Home', 'End'];\n      const stopPropagationKeys = ['Home', 'End'];\n      if (preventDefaultKeys.includes(key)) e.preventDefault();\n      if (stopPropagationKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n    },\n    [onHomeKeyDown],\n  );\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperElement, setPopperElement] = useState(null);\n  const [arrowElement, setArrowElement] = useState(null);\n  const usePopperHelpers = usePopper(referenceElement, popperElement, {\n    modifiers: [{ name: 'arrow', options: { element: arrowElement } }],\n  });\n  const openCalendar = useCallback(\n    (e) => {\n      setShowCalendarWithTimeWheel(true);\n      onPickerOpen();\n      setTimeout(() => handleToggleCalendar(e));\n      setTimeout(() => handleToggleTimePicker(e));\n    },\n    [handleToggleCalendar, handleToggleTimePicker, onPickerOpen],\n  );\n  const closeCalendar = useCallback(\n    (e) => {\n      setShowCalendarWithTimeWheel(false);\n      onPickerClose();\n      setTimeout(() => handleToggleCalendar(e));\n      setTimeout(() => handleToggleTimePicker(e));\n    },\n    [handleToggleCalendar, handleToggleTimePicker, onPickerClose],\n  );\n\n  const handleToggleCalendarWithTimeWheel = useCallback(\n    (e) => {\n      if (!showCalendarWithTimeWheel) openCalendar(e);\n      else closeCalendar(e);\n    },\n    [closeCalendar, openCalendar, showCalendarWithTimeWheel],\n  );\n\n  useOnClickOutside(popperElement, (e) => {\n    if (!pickerButtonRef?.current?.contains?.(e?.target)) closeCalendar(e);\n  });\n\n  const handleSetTriggerRef = useCallback(\n    (newRef) => {\n      pickerButtonRef.current = newRef;\n      setReferenceElement(newRef);\n    },\n    [pickerButtonRef],\n  );\n  const handleMenuWrapperKeyDown = useCallback(\n    (e) => {\n      const { key } = e;\n      if (key === 'Escape') {\n        closeCalendar(e);\n        pickerButtonRef?.current?.focus?.();\n      }\n    },\n    [closeCalendar, pickerButtonRef],\n  );\n\n  const isControllerOnly = useMemo(() => type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY, [type]);\n\n  return useMemo(\n    () => ({\n      showCalendarWithTimeWheel,\n      setPopperElement,\n      setArrowElement,\n      usePopperHelpers,\n      handleToggleCalendarWithTimeWheel,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      handlePickerIconKeyDown,\n      isControllerOnly,\n      ariaCurrentValueForInputs,\n    }),\n    [\n      showCalendarWithTimeWheel,\n      usePopperHelpers,\n      handleToggleCalendarWithTimeWheel,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      handlePickerIconKeyDown,\n      isControllerOnly,\n      ariaCurrentValueForInputs,\n    ],\n  );\n};\n"],"names":["useConfigCalendarWithTimeWheelCTX","useContext","ControlledDateTimePickerContext","pickerButtonRef","props","type","onPickerOpen","onPickerClose","hideDate","hideTime","monthInputRef","hourInputRef","ariaCurrentValueForInputs","CalendarContext","handleToggleCalendar","TimeWheelContext","handleToggleTimePicker","useState","showCalendarWithTimeWheel","setShowCalendarWithTimeWheel","onHomeKeyDown","useCallback","current","focus","handlePickerIconKeyDown","e","key","preventDefaultKeys","stopPropagationKeys","includes","preventDefault","stopPropagation","referenceElement","setReferenceElement","popperElement","setPopperElement","arrowElement","setArrowElement","usePopperHelpers","usePopper","modifiers","name","options","element","openCalendar","setTimeout","closeCalendar","handleToggleCalendarWithTimeWheel","useOnClickOutside","contains","target","handleSetTriggerRef","newRef","handleMenuWrapperKeyDown","isControllerOnly","useMemo","CONTROLLED_DATE_TIME_PICKER_TYPES","DATE_TIME","CONTROLLER_ONLY"],"mappings":"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"}

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

@@ -11,29 +11,27 @@ var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheel = require('./Time
 require('../../ControlledDateTimePickerTypes.js');
 require('styled-components');
 require('@elliemae/ds-grid');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-button');
 require('./CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js');
+require('@elliemae/ds-icon');
 require('@elliemae/ds-icons/DatePicker');
 require('./CalendarWithTimeWheel/CalendarWithTimeWheelContext.js');
-require('../../ControlledDateTimePickerDatatestid.js');
-require('./CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('./CalendarWithTimeWheel/CalendarWithTimeWheelContent.js');
 require('./CalendarWithTimeWheel/Styleds.js');
 require('./Calendar/CalendarContent.js');
+require('../../ControlledDateTimePickerDatatestid.js');
 require('./Calendar/CalendarBody.js');
 require('./Calendar/CalendarMonthDays.js');
 require('./Calendar/CalendarDaysList.js');
 require('./Calendar/Day.js');
+require('@babel/runtime/helpers/extends');
 require('../../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
+require('../../utils/constants.js');
 require('../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../utils/numberHelpers.js');
 require('./Calendar/CalendarContext.js');
 require('./Calendar/Styleds.js');
-require('@elliemae/ds-button');
 require('./Calendar/CalendarWeekDays.js');
 require('./Calendar/CalendarHead.js');
 require('@elliemae/ds-icons/ChevronDoubleLeft');
@@ -41,12 +39,14 @@ require('@elliemae/ds-icons/ChevronLeft');
 require('@elliemae/ds-icons/ChevronRight');
 require('@elliemae/ds-icons/ChevronDoubleRight');
 require('./Calendar/CalendarFooter.js');
+require('./CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js');
+require('@babel/runtime/helpers/defineProperty');
+require('./CalendarWithTimeWheel/CalendarWithTimeWheelContent.js');
 require('./CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js');
 require('./TimeWheel/TimeWheelContent.js');
 require('./TimeWheel/Styleds.js');
 require('./TimeWheel/HoursList.js');
-require('@elliemae/ds-icons/ChevronSmallUp');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('./TimeWheel/TimeWheelContext.js');
 require('./TimeWheel/MinutesList.js');
 require('./TimeWheel/MeridiemList.js');

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

@@ -4,22 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
-var ChevronSmallUp = require('@elliemae/ds-icons/ChevronSmallUp');
-var ChevronSmallDown = require('@elliemae/ds-icons/ChevronSmallDown');
+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('styled-components');
 require('@elliemae/ds-grid');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-button');
 
 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 ChevronSmallUp__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallUp);
-var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
 
 var HoursList = function HoursList() {
   var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext.TimeWheelContext),
@@ -42,14 +39,14 @@ var HoursList = function HoursList() {
 
   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, {
     "aria-label": "subtract one hour",
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React__default['default'].createElement(ChevronSmallUp__default['default'], null),
+    buttonType: "raw",
     size: "m",
     onClick: handlePrevHour,
     onKeyDown: handlePrevHourBtnOnKeyDown,
     innerRef: prevHourBtnRef,
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
     tabIndex: -1
-  })), visibleHours.map(function (hourString) {
+  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallUp, null))), visibleHours.map(function (hourString) {
     var key = "timewheel-hour-".concat(hourString);
     if (!hourString) return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, {
       key: key
@@ -69,13 +66,12 @@ var HoursList = function HoursList() {
     }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledTimeBtn, _extends__default['default']({
       isCurrentListItem: isCurrentListItem,
       autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
-      "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'SELECTED_HOUR' : 'HOUR'],
+      "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR'],
       selected: hours.length === 2 && controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(hourString) === currHourNum,
       "aria-label": "".concat(hourString, " hours"),
       "aria-disabled": isDisabled,
       isDisabled: isDisabled,
-      buttonType: "text",
-      labelText: hourString,
+      buttonType: "raw",
       size: "m",
       onClick: function onClick(e) {
         return handleTimeWheelBtnChangeHours(hourString, e);
@@ -83,19 +79,20 @@ var HoursList = function HoursList() {
       tabIndex: tabIndex,
       role: "spinbutton",
       "aria-valuemax": "12",
-      "aria-valuemin": "01",
-      "aria-valuenow": hourString
-    }, btnProps)));
+      "aria-valuemin": "1",
+      "aria-valuenow": currHourNum,
+      "aria-valuetext": "".concat(hourString, " hours")
+    }, btnProps), hourString));
   }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelChangeTimeBtn, {
     "aria-label": "add one hour",
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React__default['default'].createElement(ChevronSmallDown__default['default'], null),
+    buttonType: "raw",
     size: "m",
     onClick: handleNextHour,
     onKeyDown: handleNextHourBtnOnKeyDown,
     innerRef: nextHourBtnRef,
-    tabIndex: -1
-  })));
+    tabIndex: -1,
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR
+  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallDown, null))));
 };
 
 exports.HoursList = HoursList;

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

@@ -1 +1 @@
-{"version":3,"file":"HoursList.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport ChevronSmallUp from '@elliemae/ds-icons/ChevronSmallUp';\nimport ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const HoursList = (): JSX.Element => {\n  const {\n    currHourNum,\n    hours,\n    minutes,\n    meridiem,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    handlePrevHourBtnOnKeyDown,\n    handleCurrHourOnKeyDown,\n    handleNextHourBtnOnKeyDown,\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    getIsDisabledTime,\n    autoFocusHourTimeWheel,\n  } = useContext(TimeWheelContext);\n\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one hour\"\n          buttonType=\"text\"\n          leftIcon={<ChevronSmallUp />}\n          size=\"m\"\n          onClick={handlePrevHour}\n          onKeyDown={handlePrevHourBtnOnKeyDown}\n          innerRef={prevHourBtnRef}\n          tabIndex={-1}\n        />\n      </StyledWheelListItem>\n      {visibleHours.map((hourString) => {\n        const key = `timewheel-hour-${hourString}`;\n        if (!hourString) return <StyledWheelListItem key={key} />;\n        const currHourTimeString = `${hourString}:${minutes || '00'} ${meridiem || 'AM'}`;\n\n        const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;\n        const isDisabled = getIsDisabledTime(currHourTimeString);\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? currHourBtnRef : undefined,\n        };\n        return (\n          <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n            <StyledTimeBtn\n              isCurrentListItem={isCurrentListItem}\n              autoFocus={autoFocusHourTimeWheel && isCurrentListItem}\n              data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'SELECTED_HOUR' : 'HOUR']}\n              selected={hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum}\n              aria-label={`${hourString} hours`}\n              aria-disabled={isDisabled}\n              isDisabled={isDisabled}\n              buttonType=\"text\"\n              labelText={hourString}\n              size=\"m\"\n              onClick={(e) => handleTimeWheelBtnChangeHours(hourString, e)}\n              tabIndex={tabIndex}\n              role=\"spinbutton\"\n              aria-valuemax=\"12\"\n              aria-valuemin=\"01\"\n              aria-valuenow={hourString}\n              {...btnProps}\n            />\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one hour\"\n          buttonType=\"text\"\n          leftIcon={<ChevronSmallDown />}\n          size=\"m\"\n          onClick={handleNextHour}\n          onKeyDown={handleNextHourBtnOnKeyDown}\n          innerRef={nextHourBtnRef}\n          tabIndex={-1}\n        />\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n"],"names":["HoursList","useContext","TimeWheelContext","currHourNum","hours","minutes","meridiem","visibleHours","handlePrevHour","handleNextHour","handleTimeWheelBtnChangeHours","handlePrevHourBtnOnKeyDown","handleCurrHourOnKeyDown","handleNextHourBtnOnKeyDown","prevHourBtnRef","currHourBtnRef","nextHourBtnRef","getIsDisabledTime","autoFocusHourTimeWheel","React","StyledWheelList","StyledWheelListItem","StyledWheelChangeTimeBtn","ChevronSmallUp","map","hourString","key","currHourTimeString","isEmptyCurrValueCurrentListItem","convertToPositiveNumberIfPossible","isCurrentListItem","isDisabled","tabIndex","btnProps","onKeyDown","undefined","innerRef","StyledTimeBtn","ControlledDateTimePickerDatatestid","TIMEWHEEL","length","e","ChevronSmallDown"],"mappings":"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"}
+{"version":3,"file":"HoursList.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const HoursList = (): JSX.Element => {\n  const {\n    currHourNum,\n    hours,\n    minutes,\n    meridiem,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    handlePrevHourBtnOnKeyDown,\n    handleCurrHourOnKeyDown,\n    handleNextHourBtnOnKeyDown,\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    getIsDisabledTime,\n    autoFocusHourTimeWheel,\n  } = useContext(TimeWheelContext);\n\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one hour\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handlePrevHour}\n          onKeyDown={handlePrevHourBtnOnKeyDown}\n          innerRef={prevHourBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {visibleHours.map((hourString) => {\n        const key = `timewheel-hour-${hourString}`;\n        if (!hourString) return <StyledWheelListItem key={key} />;\n        const currHourTimeString = `${hourString}:${minutes || '00'} ${meridiem || 'AM'}`;\n\n        const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;\n        const isDisabled = getIsDisabledTime(currHourTimeString);\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? currHourBtnRef : undefined,\n        };\n        return (\n          <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n            <StyledTimeBtn\n              isCurrentListItem={isCurrentListItem}\n              autoFocus={autoFocusHourTimeWheel && isCurrentListItem}\n              data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR']}\n              selected={hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum}\n              aria-label={`${hourString} hours`}\n              aria-disabled={isDisabled}\n              isDisabled={isDisabled}\n              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e) => handleTimeWheelBtnChangeHours(hourString, e)}\n              tabIndex={tabIndex}\n              role=\"spinbutton\"\n              aria-valuemax=\"12\"\n              aria-valuemin=\"1\"\n              aria-valuenow={currHourNum}\n              aria-valuetext={`${hourString} hours`}\n              {...btnProps}\n            >\n              {hourString}\n            </StyledTimeBtn>\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one hour\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handleNextHour}\n          onKeyDown={handleNextHourBtnOnKeyDown}\n          innerRef={nextHourBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n"],"names":["HoursList","useContext","TimeWheelContext","currHourNum","hours","minutes","meridiem","visibleHours","handlePrevHour","handleNextHour","handleTimeWheelBtnChangeHours","handlePrevHourBtnOnKeyDown","handleCurrHourOnKeyDown","handleNextHourBtnOnKeyDown","prevHourBtnRef","currHourBtnRef","nextHourBtnRef","getIsDisabledTime","autoFocusHourTimeWheel","React","StyledWheelList","StyledWheelListItem","StyledWheelChangeTimeBtn","ControlledDateTimePickerDatatestid","TIMEWHEEL","PREV_HOUR","ChevronSmallUp","map","hourString","key","currHourTimeString","isEmptyCurrValueCurrentListItem","convertToPositiveNumberIfPossible","isCurrentListItem","isDisabled","tabIndex","btnProps","onKeyDown","undefined","innerRef","StyledTimeBtn","length","e","NEXT_HOUR","ChevronSmallDown"],"mappings":"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"}

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

@@ -3,20 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ChevronSmallUp = require('@elliemae/ds-icons/ChevronSmallUp');
-var ChevronSmallDown = require('@elliemae/ds-icons/ChevronSmallDown');
+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('styled-components');
 require('@elliemae/ds-grid');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ChevronSmallUp__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallUp);
-var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
 
 /* eslint-disable complexity */
 var MeridiemList = function MeridiemList() {
@@ -44,9 +41,8 @@ var MeridiemList = function MeridiemList() {
     "aria-label": "set am meridiem",
     "aria-disabled": isDisabledAm,
     isDisabled: isDisabledAm,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.MERIDIEM,
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React__default['default'].createElement(ChevronSmallUp__default['default'], null),
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
+    buttonType: "raw",
     size: "m",
     onClick: function onClick(e) {
       return handleTimeWheelBtnChangeMeridiem('AM', e);
@@ -54,17 +50,16 @@ var MeridiemList = function MeridiemList() {
     onKeyDown: handlePrevMeridiemBtnOnKeyDown,
     innerRef: prevMeridiemBtnRef,
     tabIndex: -1
-  })), 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, {
+  }, /*#__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, {
     isCurrentListItem: isAmCurrent
   }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledTimeBtn, {
     isCurrentListItem: isAmCurrent,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'SELECTED_MERIDIEM' : 'MERIDIEM'],
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
     selected: meridiem === 'AM',
     "aria-label": "AM ".concat(isAmCurrent ? 'selected' : ''),
     "aria-disabled": isDisabledAm,
     isDisabled: isDisabledAm,
-    buttonType: "text",
-    labelText: "AM",
+    buttonType: "raw",
     size: "m",
     onClick: function onClick(e) {
       return handleTimeWheelBtnChangeMeridiem('AM', e);
@@ -76,17 +71,16 @@ var MeridiemList = function MeridiemList() {
     "aria-valuemax": "1",
     "aria-valuemin": "0",
     "aria-valuenow": isPmCurrent ? '1' : '0',
-    "aria-valuetext": isPmCurrent ? 'PM' : 'AM'
-  })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, {
+    "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
+  }, "AM")), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledWheelListItem, {
     isCurrentListItem: isPmCurrent
   }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledTimeBtn, {
     isCurrentListItem: isPmCurrent,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'SELECTED_MERIDIEM' : 'MERIDIEM'],
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
     "aria-label": "PM ".concat(isPmCurrent ? 'selected' : ''),
     "aria-disabled": isDisabledPm,
     isDisabled: isDisabledPm,
-    buttonType: "text",
-    labelText: "PM",
+    buttonType: "raw",
     size: "m",
     onClick: function onClick(e) {
       return handleTimeWheelBtnChangeMeridiem('PM', e);
@@ -98,14 +92,13 @@ var MeridiemList = function MeridiemList() {
     "aria-valuemax": "1",
     "aria-valuemin": "0",
     "aria-valuenow": isPmCurrent ? '1' : '0',
-    "aria-valuetext": isPmCurrent ? 'PM' : 'AM'
-  })), 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, {
+    "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, {
     "aria-label": "set pm meridiem",
     "aria-disabled": isDisabledPm,
     isDisabled: isDisabledPm,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.MERIDIEM,
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React__default['default'].createElement(ChevronSmallDown__default['default'], null),
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
+    buttonType: "raw",
     size: "m",
     onClick: function onClick(e) {
       return handleTimeWheelBtnChangeMeridiem('PM', e);
@@ -113,7 +106,7 @@ var MeridiemList = function MeridiemList() {
     onKeyDown: handleNextMeridiemBtnOnKeyDown,
     innerRef: nextMeridiemBtnRef,
     tabIndex: -1
-  })));
+  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallDown, null))));
 };
 
 exports.MeridiemList = MeridiemList;

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

@@ -1 +1 @@
-{"version":3,"file":"MeridiemList.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport ChevronSmallUp from '@elliemae/ds-icons/ChevronSmallUp';\nimport ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MeridiemList = (): JSX.Element => {\n  const {\n    hours,\n    minutes,\n    meridiem,\n    handleTimeWheelBtnChangeMeridiem,\n    handlePrevMeridiemBtnOnKeyDown,\n    handleCurrMeridiemOnKeyDown,\n    handleNextMeridiemBtnOnKeyDown,\n    prevMeridiemBtnRef,\n    currMeridiemBtnRef,\n    nextMeridiemBtnRef,\n    getIsDisabledTime,\n  } = useContext(TimeWheelContext);\n  const isAmCurrent = !meridiem || meridiem === 'AM';\n  const isPmCurrent = meridiem === 'PM';\n  const hourMinuteString = `${hours || '01'}:${minutes || '00'}`;\n  const amTimeString = `${hourMinuteString} AM`;\n  const pmTimeString = `${hourMinuteString} PM`;\n  const isDisabledAm = getIsDisabledTime(amTimeString);\n  const isDisabledPm = getIsDisabledTime(pmTimeString);\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"set am meridiem\"\n          aria-disabled={isDisabledAm}\n          isDisabled={isDisabledAm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.MERIDIEM}\n          buttonType=\"text\"\n          leftIcon={<ChevronSmallUp />}\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={handlePrevMeridiemBtnOnKeyDown}\n          innerRef={prevMeridiemBtnRef}\n          tabIndex={-1}\n        />\n      </StyledWheelListItem>\n      {/* <StyledWheelListItem /> */}\n      {meridiem === 'AM' || meridiem === '' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem isCurrentListItem={isAmCurrent}>\n        <StyledTimeBtn\n          isCurrentListItem={isAmCurrent}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'SELECTED_MERIDIEM' : 'MERIDIEM']}\n          selected={meridiem === 'AM'}\n          aria-label={`AM ${isAmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledAm}\n          isDisabled={isDisabledAm}\n          buttonType=\"text\"\n          labelText=\"AM\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isAmCurrent ? currMeridiemBtnRef : undefined}\n          tabIndex={isAmCurrent ? 0 : -1}\n          role=\"spinbutton\"\n          aria-valuemax=\"1\"\n          aria-valuemin=\"0\"\n          aria-valuenow={isPmCurrent ? '1' : '0'}\n          aria-valuetext={isPmCurrent ? 'PM' : 'AM'}\n        />\n      </StyledWheelListItem>\n      <StyledWheelListItem isCurrentListItem={isPmCurrent}>\n        <StyledTimeBtn\n          isCurrentListItem={isPmCurrent}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'SELECTED_MERIDIEM' : 'MERIDIEM']}\n          aria-label={`PM ${isPmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledPm}\n          isDisabled={isDisabledPm}\n          buttonType=\"text\"\n          labelText=\"PM\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isPmCurrent ? currMeridiemBtnRef : undefined}\n          tabIndex={isPmCurrent ? 0 : -1}\n          role=\"spinbutton\"\n          aria-valuemax=\"1\"\n          aria-valuemin=\"0\"\n          aria-valuenow={isPmCurrent ? '1' : '0'}\n          aria-valuetext={isPmCurrent ? 'PM' : 'AM'}\n        />\n      </StyledWheelListItem>\n      {/* <StyledWheelListItem /> */}\n      {meridiem === 'PM' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"set pm meridiem\"\n          aria-disabled={isDisabledPm}\n          isDisabled={isDisabledPm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.MERIDIEM}\n          buttonType=\"text\"\n          leftIcon={<ChevronSmallDown />}\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={handleNextMeridiemBtnOnKeyDown}\n          innerRef={nextMeridiemBtnRef}\n          tabIndex={-1}\n        />\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MeridiemList;\n"],"names":["MeridiemList","useContext","TimeWheelContext","hours","minutes","meridiem","handleTimeWheelBtnChangeMeridiem","handlePrevMeridiemBtnOnKeyDown","handleCurrMeridiemOnKeyDown","handleNextMeridiemBtnOnKeyDown","prevMeridiemBtnRef","currMeridiemBtnRef","nextMeridiemBtnRef","getIsDisabledTime","isAmCurrent","isPmCurrent","hourMinuteString","amTimeString","pmTimeString","isDisabledAm","isDisabledPm","React","StyledWheelList","StyledWheelListItem","StyledWheelChangeTimeBtn","ControlledDateTimePickerDatatestid","TIMEWHEEL","MERIDIEM","ChevronSmallUp","e","StyledTimeBtn","undefined","ChevronSmallDown"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;IAQaA,YAAY,GAAG,SAAfA,YAAe,GAAmB;AAC7C,oBAYIC,gBAAU,CAACC,kFAAD,CAZd;AAAA,MACEC,KADF,eACEA,KADF;AAAA,MAEEC,OAFF,eAEEA,OAFF;AAAA,MAGEC,QAHF,eAGEA,QAHF;AAAA,MAIEC,gCAJF,eAIEA,gCAJF;AAAA,MAKEC,8BALF,eAKEA,8BALF;AAAA,MAMEC,2BANF,eAMEA,2BANF;AAAA,MAOEC,8BAPF,eAOEA,8BAPF;AAAA,MAQEC,kBARF,eAQEA,kBARF;AAAA,MASEC,kBATF,eASEA,kBATF;AAAA,MAUEC,kBAVF,eAUEA,kBAVF;AAAA,MAWEC,iBAXF,eAWEA,iBAXF;;AAaA,MAAMC,WAAW,GAAG,CAACT,QAAD,IAAaA,QAAQ,KAAK,IAA9C;AACA,MAAMU,WAAW,GAAGV,QAAQ,KAAK,IAAjC;AACA,MAAMW,gBAAgB,aAAMb,KAAK,IAAI,IAAf,cAAuBC,OAAO,IAAI,IAAlC,CAAtB;AACA,MAAMa,YAAY,aAAMD,gBAAN,QAAlB;AACA,MAAME,YAAY,aAAMF,gBAAN,QAAlB;AACA,MAAMG,YAAY,GAAGN,iBAAiB,CAACI,YAAD,CAAtC;AACA,MAAMG,YAAY,GAAGP,iBAAiB,CAACK,YAAD,CAAtC;AACA,sBACEG,wCAACC,wEAAD,qBACED,wCAACE,4EAAD,qBACEF,wCAACG,iFAAD;AACE,kBAAW,iBADb;AAEE,qBAAeL,YAFjB;AAGE,IAAA,UAAU,EAAEA,YAHd;AAIE,mBAAaM,8FAAkC,CAACC,SAAnC,CAA6CC,QAJ5D;AAKE,IAAA,UAAU,EAAC,MALb;AAME,IAAA,QAAQ,eAAEN,wCAACO,kCAAD,OANZ;AAOE,IAAA,IAAI,EAAC,GAPP;AAQE,IAAA,OAAO,EAAE,iBAACC,CAAD;AAAA,aAAOvB,gCAAgC,CAAC,IAAD,EAAOuB,CAAP,CAAvC;AAAA,KARX;AASE,IAAA,SAAS,EAAEtB,8BATb;AAUE,IAAA,QAAQ,EAAEG,kBAVZ;AAWE,IAAA,QAAQ,EAAE,CAAC;AAXb,IADF,CADF,EAiBGL,QAAQ,KAAK,IAAb,IAAqBA,QAAQ,KAAK,EAAlC,gBAAuCgB,wCAACE,4EAAD,OAAvC,GAAiE,IAjBpE,eAkBEF,wCAACE,4EAAD;AAAqB,IAAA,iBAAiB,EAAET;AAAxC,kBACEO,wCAACS,sEAAD;AACE,IAAA,iBAAiB,EAAEhB,WADrB;AAEE,mBAAaW,8FAAkC,CAACC,SAAnC,CAA6CZ,WAAW,GAAG,mBAAH,GAAyB,UAAjF,CAFf;AAGE,IAAA,QAAQ,EAAET,QAAQ,KAAK,IAHzB;AAIE,+BAAkBS,WAAW,GAAG,UAAH,GAAgB,EAA7C,CAJF;AAKE,qBAAeK,YALjB;AAME,IAAA,UAAU,EAAEA,YANd;AAOE,IAAA,UAAU,EAAC,MAPb;AAQE,IAAA,SAAS,EAAC,IARZ;AASE,IAAA,IAAI,EAAC,GATP;AAUE,IAAA,OAAO,EAAE,iBAACU,CAAD;AAAA,aAAOvB,gCAAgC,CAAC,IAAD,EAAOuB,CAAP,CAAvC;AAAA,KAVX;AAWE,IAAA,SAAS,EAAEf,WAAW,GAAGN,2BAAH,GAAiCuB,SAXzD;AAYE,IAAA,QAAQ,EAAEjB,WAAW,GAAGH,kBAAH,GAAwBoB,SAZ/C;AAaE,IAAA,QAAQ,EAAEjB,WAAW,GAAG,CAAH,GAAO,CAAC,CAb/B;AAcE,IAAA,IAAI,EAAC,YAdP;AAeE,qBAAc,GAfhB;AAgBE,qBAAc,GAhBhB;AAiBE,qBAAeC,WAAW,GAAG,GAAH,GAAS,GAjBrC;AAkBE,sBAAgBA,WAAW,GAAG,IAAH,GAAU;AAlBvC,IADF,CAlBF,eAwCEM,wCAACE,4EAAD;AAAqB,IAAA,iBAAiB,EAAER;AAAxC,kBACEM,wCAACS,sEAAD;AACE,IAAA,iBAAiB,EAAEf,WADrB;AAEE,mBAAaU,8FAAkC,CAACC,SAAnC,CAA6CX,WAAW,GAAG,mBAAH,GAAyB,UAAjF,CAFf;AAGE,+BAAkBA,WAAW,GAAG,UAAH,GAAgB,EAA7C,CAHF;AAIE,qBAAeK,YAJjB;AAKE,IAAA,UAAU,EAAEA,YALd;AAME,IAAA,UAAU,EAAC,MANb;AAOE,IAAA,SAAS,EAAC,IAPZ;AAQE,IAAA,IAAI,EAAC,GARP;AASE,IAAA,OAAO,EAAE,iBAACS,CAAD;AAAA,aAAOvB,gCAAgC,CAAC,IAAD,EAAOuB,CAAP,CAAvC;AAAA,KATX;AAUE,IAAA,SAAS,EAAEd,WAAW,GAAGP,2BAAH,GAAiCuB,SAVzD;AAWE,IAAA,QAAQ,EAAEhB,WAAW,GAAGJ,kBAAH,GAAwBoB,SAX/C;AAYE,IAAA,QAAQ,EAAEhB,WAAW,GAAG,CAAH,GAAO,CAAC,CAZ/B;AAaE,IAAA,IAAI,EAAC,YAbP;AAcE,qBAAc,GAdhB;AAeE,qBAAc,GAfhB;AAgBE,qBAAeA,WAAW,GAAG,GAAH,GAAS,GAhBrC;AAiBE,sBAAgBA,WAAW,GAAG,IAAH,GAAU;AAjBvC,IADF,CAxCF,EA8DGV,QAAQ,KAAK,IAAb,gBAAoBgB,wCAACE,4EAAD,OAApB,GAA8C,IA9DjD,eA+DEF,wCAACE,4EAAD,qBACEF,wCAACG,iFAAD;AACE,kBAAW,iBADb;AAEE,qBAAeJ,YAFjB;AAGE,IAAA,UAAU,EAAEA,YAHd;AAIE,mBAAaK,8FAAkC,CAACC,SAAnC,CAA6CC,QAJ5D;AAKE,IAAA,UAAU,EAAC,MALb;AAME,IAAA,QAAQ,eAAEN,wCAACW,oCAAD,OANZ;AAOE,IAAA,IAAI,EAAC,GAPP;AAQE,IAAA,OAAO,EAAE,iBAACH,CAAD;AAAA,aAAOvB,gCAAgC,CAAC,IAAD,EAAOuB,CAAP,CAAvC;AAAA,KARX;AASE,IAAA,SAAS,EAAEpB,8BATb;AAUE,IAAA,QAAQ,EAAEG,kBAVZ;AAWE,IAAA,QAAQ,EAAE,CAAC;AAXb,IADF,CA/DF,CADF;AAiFD;;;;;"}
+{"version":3,"file":"MeridiemList.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MeridiemList = (): JSX.Element => {\n  const {\n    hours,\n    minutes,\n    meridiem,\n    handleTimeWheelBtnChangeMeridiem,\n    handlePrevMeridiemBtnOnKeyDown,\n    handleCurrMeridiemOnKeyDown,\n    handleNextMeridiemBtnOnKeyDown,\n    prevMeridiemBtnRef,\n    currMeridiemBtnRef,\n    nextMeridiemBtnRef,\n    getIsDisabledTime,\n  } = useContext(TimeWheelContext);\n  const isAmCurrent = !meridiem || meridiem === 'AM';\n  const isPmCurrent = meridiem === 'PM';\n  const hourMinuteString = `${hours || '01'}:${minutes || '00'}`;\n  const amTimeString = `${hourMinuteString} AM`;\n  const pmTimeString = `${hourMinuteString} PM`;\n  const isDisabledAm = getIsDisabledTime(amTimeString);\n  const isDisabledPm = getIsDisabledTime(pmTimeString);\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"set am meridiem\"\n          aria-disabled={isDisabledAm}\n          isDisabled={isDisabledAm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={handlePrevMeridiemBtnOnKeyDown}\n          innerRef={prevMeridiemBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {meridiem === 'AM' || meridiem === '' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem isCurrentListItem={isAmCurrent}>\n        <StyledTimeBtn\n          isCurrentListItem={isAmCurrent}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          selected={meridiem === 'AM'}\n          aria-label={`AM ${isAmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledAm}\n          isDisabled={isDisabledAm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isAmCurrent ? currMeridiemBtnRef : undefined}\n          tabIndex={isAmCurrent ? 0 : -1}\n          role=\"spinbutton\"\n          aria-valuemax=\"1\"\n          aria-valuemin=\"0\"\n          aria-valuenow={isPmCurrent ? '1' : '0'}\n          aria-valuetext={isAmCurrent ? 'ante meridiem' : 'post meridiem'}\n        >\n          AM\n        </StyledTimeBtn>\n      </StyledWheelListItem>\n      <StyledWheelListItem isCurrentListItem={isPmCurrent}>\n        <StyledTimeBtn\n          isCurrentListItem={isPmCurrent}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          aria-label={`PM ${isPmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledPm}\n          isDisabled={isDisabledPm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isPmCurrent ? currMeridiemBtnRef : undefined}\n          tabIndex={isPmCurrent ? 0 : -1}\n          role=\"spinbutton\"\n          aria-valuemax=\"1\"\n          aria-valuemin=\"0\"\n          aria-valuenow={isPmCurrent ? '1' : '0'}\n          aria-valuetext={isAmCurrent ? 'ante meridiem' : 'post meridiem'}\n        >\n          PM\n        </StyledTimeBtn>\n      </StyledWheelListItem>\n      {meridiem === 'PM' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"set pm meridiem\"\n          aria-disabled={isDisabledPm}\n          isDisabled={isDisabledPm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={handleNextMeridiemBtnOnKeyDown}\n          innerRef={nextMeridiemBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MeridiemList;\n"],"names":["MeridiemList","useContext","TimeWheelContext","hours","minutes","meridiem","handleTimeWheelBtnChangeMeridiem","handlePrevMeridiemBtnOnKeyDown","handleCurrMeridiemOnKeyDown","handleNextMeridiemBtnOnKeyDown","prevMeridiemBtnRef","currMeridiemBtnRef","nextMeridiemBtnRef","getIsDisabledTime","isAmCurrent","isPmCurrent","hourMinuteString","amTimeString","pmTimeString","isDisabledAm","isDisabledPm","React","StyledWheelList","StyledWheelListItem","StyledWheelChangeTimeBtn","ControlledDateTimePickerDatatestid","TIMEWHEEL","PREV_MERIDIEM","e","ChevronSmallUp","StyledTimeBtn","undefined","NEXT_MERIDIEM","ChevronSmallDown"],"mappings":"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"}