@elliemae/ds-form-date-time-picker 3.4.3-rc.1 → 3.4.3

package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/MinutesList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MinutesList = (): JSX.Element => {\n  const {\n    currHourNum,\n    currMinuteNum,\n    currMeridiem,\n    visibleMinutes,\n    handlePrevMinute,\n    handleNextMinute,\n    handleTimeWheelBtnChangeMinutes,\n    handleCurrMinutesOnKeyDown,\n  } = useContext(TimeWheelContext);\n  const {\n    prevMinutesBtnRef,\n    currMinutesBtnRef,\n    nextMinutesBtnRef,\n    getIsDisabledTime,\n    minutes,\n    currFocusDescriber,\n    latestInteractionRegion,\n  } = useContext(ControlledDateTimePickerContext);\n  const handleCurrMeridiemRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      setTimeout(() => {\n        currMinutesBtnRef.current = ButtonDomNode;\n        if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-minute')\n          ButtonDomNode?.focus?.();\n      });\n    },\n    [currFocusDescriber, latestInteractionRegion, currMinutesBtnRef],\n  );\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one minute\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handlePrevMinute}\n          innerRef={prevMinutesBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE}\n          type=\"button\"\n        >\n          <ChevronSmallUp color={['brand-primary', 700]} />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {visibleMinutes.map((minutesString) => {\n        const key = `timewheel-minutes-${minutesString || ''}`;\n        if (!minutesString) return <StyledWheelListItem key={key} />;\n        const currMinutesTimeString = `${currHourNum}:${minutesString} ${currMeridiem}`;\n        const isEmptyCurrValueCurrentListItem =\n          !minutes && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;\n        const isDisabled = getIsDisabledTime(currMinutesTimeString);\n\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? handleCurrMeridiemRef : undefined,\n        };\n        const styledProps = { isCurrentListItem, isDisabled };\n        return (\n          <StyledWheelListItem\n            key={key}\n            isCurrentListItem={isCurrentListItem}\n            selected={convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n          >\n            <StyledTimeBtn\n              {...styledProps}\n              data-testid={\n                ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_MINUTE' : 'MINUTE']\n              }\n              selected={minutes.length === 2 && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n              aria-label={`${minutesString} minutes`}\n              aria-disabled={isDisabled}\n              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMinutes(minutesString, e)}\n              tabIndex={tabIndex}\n              role=\"spinbutton\"\n              aria-valuemax={59}\n              aria-valuemin={0}\n              aria-valuenow={currMinuteNum}\n              aria-valuetext={`${minutesString} minutes`}\n              type=\"button\"\n              {...btnProps}\n            >\n              {minutesString}\n            </StyledTimeBtn>\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one minute\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handleNextMinute}\n          innerRef={nextMinutesBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE}\n          tabIndex={-1}\n          type=\"button\"\n        >\n          <ChevronSmallDown color={['brand-primary', 700]} />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MinutesList;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,cAAc,MAAmB;AAC5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,gBAAgB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,+BAA+B;AAC9C,QAAM,wBAAwB,YAC5B,CAAC,kBAAqC;AACpC,eAAW,MAAM;AACf,wBAAkB,UAAU;AAC5B,UAAI,4BAA4B,eAAe,uBAAuB;AACpE,uBAAe,QAAQ;AAAA,IAC3B,CAAC;AAAA,EACH,GACA,CAAC,oBAAoB,yBAAyB,iBAAiB,CACjE;AACA,SACE,qCAAC,uBACC,qCAAC,2BACC,qCAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,MAAK;AAAA,KAEL,qCAAC;AAAA,IAAe,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG,CACjD,CACF,GACC,eAAe,IAAI,CAAC,kBAAkB;AACrC,UAAM,MAAM,qBAAqB,iBAAiB;AAClD,QAAI,CAAC;AAAe,aAAO,qCAAC;AAAA,QAAoB;AAAA,OAAU;AAC1D,UAAM,wBAAwB,GAAG,eAAe,iBAAiB;AACjE,UAAM,kCACJ,CAAC,WAAW,kCAAkC,aAAa,MAAM;AACnE,UAAM,oBAAoB,mCAAmC,YAAY;AACzE,UAAM,aAAa,kBAAkB,qBAAqB;AAE1D,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,6BAA6B;AAAA,MAC5D,UAAU,oBAAoB,wBAAwB;AAAA,IACxD;AACA,UAAM,cAAc,EAAE,mBAAmB,WAAW;AACpD,WACE,qCAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,kCAAkC,aAAa,MAAM;AAAA,OAE/D,qCAAC;AAAA,MACE,GAAG;AAAA,MACJ,eACE,mCAAmC,UAAU,oBAAoB,mBAAmB;AAAA,MAEtF,UAAU,QAAQ,WAAW,KAAK,kCAAkC,aAAa,MAAM;AAAA,MACvF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAA2C,gCAAgC,eAAe,CAAC;AAAA,MACrG;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,MACnB,MAAK;AAAA,MACJ,GAAG;AAAA,OAEH,aACH,CACF;AAAA,EAEJ,CAAC,GACD,qCAAC,2BACC,qCAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,IACV,MAAK;AAAA,KAEL,qCAAC;AAAA,IAAiB,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG,CACnD,CACF,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/Styleds.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/Styleds.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/indent */\nimport { css, styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { DSControlledDateTimePickerName, DSControlledDateTimePickerSlots } from '../../../exported-related/theming';\n\ninterface StyledWheelListItemPropsT {\n  isCurrentListItem?: boolean;\n  selected?: boolean;\n}\n\ninterface StyledTimePickerContainerT {\n  showShadow?: boolean;\n  isControllerOnly: boolean;\n}\n\nconst focusBorder = css`\n  &:after {\n    position: absolute;\n    content: '';\n    top: -2px;\n    left: -2px;\n    width: calc(100% + 4px);\n    height: calc(100% + 4px);\n    border-radius: 50%;\n    border: 2px solid ${({ theme, isDisabled }) => (isDisabled ? theme.colors.danger[900] : theme.colors.brand[700])};\n  }\n`;\n\nconst diagonalLine = css`\n  &:before {\n    position: absolute;\n    content: '';\n    top: 48%;\n    left: -1px;\n    height: 1px;\n    width: calc(100% + 2px);\n    transform: rotate(45deg);\n    background-color: ${({ theme, isCurrentListItem, selected }) => {\n      if (selected) return theme.colors.neutral['000'];\n      if (isCurrentListItem) return theme.colors.danger[900];\n      return theme.colors.neutral[500];\n    }};\n  }\n`;\n\nconst fontColorPerStatus = css`\n  ${({ theme, isDisabled, isCurrentListItem, selected }) => {\n    if (selected) return theme.colors.neutral['000'];\n    if (isDisabled && isCurrentListItem) return theme.colors.danger[900];\n    if (isDisabled) return theme.colors.neutral[500];\n    if (isCurrentListItem) return theme.colors.brand[600];\n    return theme.colors.neutral[800];\n  }};\n`;\n\nconst hoverBgPerStatus = css`\n  ${({ theme, selected, isDisabled }) => {\n    if (isDisabled && selected) return theme.colors.danger[900];\n    if (selected) return theme.colors.brand[700];\n    return theme.colors.neutral['000'];\n  }}\n`;\n\nexport const StyledIconTriggerButton = styled(DSButtonV2, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.PICKER_ICONS.TIMEWHEEL,\n})`\n  color: ${({ theme }) => theme.colors.brand['600']};\n  width: 26px;\n  height: 26px;\n`;\n\nexport const StyledWheelList = styled.div`\n  width: 100%;\n  height: 100%;\n  margin: auto;\n  padding: 0;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  &:focus-within {\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 2px;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      box-shadow: 0 0 2px ${({ theme }) => theme.colors.brand[700]};\n    }\n  }\n`;\n\nexport const StyledTimePickerContainer = styled.div<StyledTimePickerContainerT>`\n  display: grid;\n  position: relative;\n  grid-template-columns: 192px;\n  grid-template-rows: 36px 30px auto;\n  grid-template-areas:\n    'TimePickerHead'\n    'TimePickerWheelsLegend'\n    'VerticalWheelWrapper';\n`;\n\nexport const StyledTimePickerHead = styled(Grid, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.TIMEWHEEL.HEADER_LABEL,\n})`\n  width: 100%;\n  grid-area: TimePickerHead;\n  justify-content: center;\n  align-items: center;\n  background: ${({ theme }) => theme.colors.neutral['050']};\n`;\n\nexport const StyledTimePickerWheelsLegend = styled.div`\n  width: 100%;\n  height: 100;\n  grid-area: TimePickerWheelsLegend;\n  display: grid;\n  grid-template-columns: ${({ theme }) => theme.space.xl} ${({ theme }) => theme.space.xl} ${({ theme }) =>\n      theme.space.xl};\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background: ${({ theme }) => theme.colors.neutral['050']};\n`;\n\nexport const StyledTimePickerWheelWrapper = styled.div`\n  width: 100%;\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  grid-area: VerticalWheelWrapper;\n  display: grid;\n  grid-template-columns: ${({ theme }) => theme.space.xl} ${({ theme }) => theme.space.xl} ${({ theme }) =>\n      theme.space.xl};\n  grid-template-rows: 100%;\n  & ul:not(:last-child) {\n    position: relative;\n    &:after {\n      content: '';\n      position: absolute;\n      left: 100%;\n      top: 5%;\n      height: 90%;\n      width: 1px;\n      background: ${({ theme }) => theme.colors.neutral[200]};\n    }\n  }\n`;\n\nexport const StyledTimeBtn = styled(DSButtonV2, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.TIMEWHEEL.TIME_BUTTON,\n})`\n  position: relative;\n  height: ${({ theme }) => theme.space.s};\n  width: ${({ theme }) => theme.space.s};\n  border-radius: 50%;\n\n  &:hover {\n    background-color: ${hoverBgPerStatus};\n  }\n\n  color: ${fontColorPerStatus};\n\n  ${({ selected, isCurrentListItem }) => (isCurrentListItem && !selected ? focusBorder : ``)}\n\n  ${({ isDisabled }) =>\n    isDisabled\n      ? css`\n          cursor: not-allowed;\n          ${diagonalLine};\n        `\n      : ``}\n\n  ${({ theme, selected, isDisabled }) =>\n    selected\n      ? css`\n    font-weight: ${theme.fontWeights.semibold};\n    background-color ${isDisabled ? theme.colors.danger[900] : theme.colors.brand[700]};\n    `\n      : ``};\n`;\n\nexport const StyledWheelListItem = styled.div<StyledWheelListItemPropsT>`\n  margin: auto;\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const StyledWheelChangeTimeBtn = styled(DSButtonV2, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.TIMEWHEEL.TIME_CHANGE_BUTTON,\n})`\n  height: ${({ theme }) => theme.space.s};\n  width: ${({ theme }) => theme.space.s};\n  min-width: ${({ theme }) => theme.space.s};\n  border-radius: 50%;\n`;\n\nexport const TimeWheelFooterMessage = styled('footer', {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.FOOTERS.TIMEWHEEL,\n})`\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  background-color: white;\n`;\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAYA,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASI,CAAC,EAAE,OAAO,iBAAkB,aAAa,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA;AAI/G,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASG,CAAC,EAAE,OAAO,mBAAmB,eAAe;AAC9D,MAAI;AAAU,WAAO,MAAM,OAAO,QAAQ;AAC1C,MAAI;AAAmB,WAAO,MAAM,OAAO,OAAO;AAClD,SAAO,MAAM,OAAO,QAAQ;AAC9B;AAAA;AAAA;AAIJ,MAAM,qBAAqB;AAAA,IACvB,CAAC,EAAE,OAAO,YAAY,mBAAmB,eAAe;AACxD,MAAI;AAAU,WAAO,MAAM,OAAO,QAAQ;AAC1C,MAAI,cAAc;AAAmB,WAAO,MAAM,OAAO,OAAO;AAChE,MAAI;AAAY,WAAO,MAAM,OAAO,QAAQ;AAC5C,MAAI;AAAmB,WAAO,MAAM,OAAO,MAAM;AACjD,SAAO,MAAM,OAAO,QAAQ;AAC9B;AAAA;AAGF,MAAM,mBAAmB;AAAA,IACrB,CAAC,EAAE,OAAO,UAAU,iBAAiB;AACrC,MAAI,cAAc;AAAU,WAAO,MAAM,OAAO,OAAO;AACvD,MAAI;AAAU,WAAO,MAAM,OAAO,MAAM;AACxC,SAAO,MAAM,OAAO,QAAQ;AAC9B;AAAA;AAGK,MAAM,0BAA0B,OAAO,YAAY;AAAA,EACxD,MAAM;AAAA,EACN,MAAM,gCAAgC,aAAa;AACrD,CAAC;AAAA,WACU,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKtC,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAkBZ,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA,4BAChC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKvD,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWzC,MAAM,uBAAuB,OAAO,MAAM;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,gCAAgC,UAAU;AAClD,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKe,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAG7C,MAAM,+BAA+B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKxB,CAAC,EAAE,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,YAC1F,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,gBAIF,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAG7C,MAAM,+BAA+B,OAAO;AAAA;AAAA,gBAEnC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,2BAGzB,CAAC,EAAE,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,YAC1F,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAWE,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKjD,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,gCAAgC,UAAU;AAClD,CAAC;AAAA;AAAA,YAEW,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,WAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,wBAId;AAAA;AAAA;AAAA,WAGb;AAAA;AAAA,IAEP,CAAC,EAAE,UAAU,wBAAyB,qBAAqB,CAAC,WAAW,cAAc;AAAA;AAAA,IAErF,CAAC,EAAE,iBACH,aACI;AAAA;AAAA,YAEI;AAAA,YAEJ;AAAA;AAAA,IAEJ,CAAC,EAAE,OAAO,UAAU,iBACpB,WACI;AAAA,mBACW,MAAM,YAAY;AAAA,uBACd,aAAa,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,MAAM;AAAA,QAE1E;AAAA;AAGD,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUnC,MAAM,2BAA2B,OAAO,YAAY;AAAA,EACzD,MAAM;AAAA,EACN,MAAM,gCAAgC,UAAU;AAClD,CAAC;AAAA,YACW,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,WAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eACvB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAInC,MAAM,yBAAyB,OAAO,UAAU;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,gCAAgC,QAAQ;AAChD,CAAC;AAAA,0BACyB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,cAChD,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,aAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,WAC7B,CAAC,EAAE,YAAY,MAAM,OAAO,OAAO;AAAA;AAAA,iBAE7B,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,eACnC,CAAC,EAAE,YAAY,MAAM,UAAU,UAAU;AAAA;AAAA;AAAA;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/TimeWheel.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
 import { TimeWheelIconTrigger } from "./TimeWheelIconTrigger";
 import { TimeWheelWrapper } from "./TimeWheelWrapper";
 import { TimeWheelContext } from "./TimeWheelContext";
@@ -7,18 +8,29 @@ import { useConfigTimePickerCTX } from "./useConfigTimePickerCTX";
 import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
 const WrappedTimeWheelContext = ({ children }) => {
   const ctx = useConfigTimePickerCTX();
-  return /* @__PURE__ */ React2.createElement(TimeWheelContext.Provider, {
-    value: ctx
-  }, children);
+  return /* @__PURE__ */ jsx(TimeWheelContext.Provider, {
+    value: ctx,
+    children
+  });
 };
 const TimeWheelContent = () => {
   const { showTimePicker, handleMenuWrapperKeyDown } = useContext(TimeWheelContext);
   const { isControllerOnly } = useContext(ControlledDateTimePickerContext);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, isControllerOnly ? null : /* @__PURE__ */ React2.createElement(TimeWheelIconTrigger, null), isControllerOnly || showTimePicker ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
-    onKeyDown: handleMenuWrapperKeyDown
-  }, /* @__PURE__ */ React2.createElement(TimeWheelWrapper, null))) : null);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      isControllerOnly ? null : /* @__PURE__ */ jsx(TimeWheelIconTrigger, {}),
+      isControllerOnly || showTimePicker ? /* @__PURE__ */ jsx(Fragment, {
+        children: /* @__PURE__ */ jsx("div", {
+          onKeyDown: handleMenuWrapperKeyDown,
+          children: /* @__PURE__ */ jsx(TimeWheelWrapper, {})
+        })
+      }) : null
+    ]
+  });
 };
-const TimeWheel = () => /* @__PURE__ */ React2.createElement(WrappedTimeWheelContext, null, /* @__PURE__ */ React2.createElement(TimeWheelContent, null));
+const TimeWheel = () => /* @__PURE__ */ jsx(WrappedTimeWheelContext, {
+  children: /* @__PURE__ */ jsx(TimeWheelContent, {})
+});
 export {
   TimeWheel,
   WrappedTimeWheelContext

package/dist/esm/parts/Pickers/TimeWheel/TimeWheel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/TimeWheel.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { TimeWheelIconTrigger } from './TimeWheelIconTrigger';\nimport { TimeWheelWrapper } from './TimeWheelWrapper';\nimport { TimeWheelContext } from './TimeWheelContext';\nimport { useConfigTimePickerCTX } from './useConfigTimePickerCTX';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\n\n// the Context is Reused in CalendarWithTimeWheel\nexport const WrappedTimeWheelContext = ({ children }: { children: JSX.Element }) => {\n  const ctx = useConfigTimePickerCTX();\n  return <TimeWheelContext.Provider value={ctx}>{children}</TimeWheelContext.Provider>;\n};\n\nconst TimeWheelContent = () => {\n  const { showTimePicker, handleMenuWrapperKeyDown } = useContext(TimeWheelContext);\n  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <>\n      {isControllerOnly ? null : <TimeWheelIconTrigger />}\n      {isControllerOnly || showTimePicker ? (\n        <>\n          {/* The <div> element is catching the \"Escape\" key to close the calendar, there is no valid aria role for this */}\n          {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleMenuWrapperKeyDown}>\n            <TimeWheelWrapper />\n          </div>\n        </>\n      ) : null}\n    </>\n  );\n};\n// we wrap in context in a separate statement so we can use the useContext and be sure it's correctly initialized\nexport const TimeWheel = (): JSX.Element => (\n  <WrappedTimeWheelContext>\n    <TimeWheelContent />\n  </WrappedTimeWheelContext>\n);\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAGO,MAAM,0BAA0B,CAAC,EAAE,eAA0C;AAClF,QAAM,MAAM,uBAAuB;AACnC,SAAO,qCAAC,iBAAiB,UAAjB;AAAA,IAA0B,OAAO;AAAA,KAAM,QAAS;AAC1D;AAEA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,EAAE,gBAAgB,6BAA6B,WAAW,gBAAgB;AAChF,QAAM,EAAE,qBAAqB,WAAW,+BAA+B;AAEvE,SACE,4DACG,mBAAmB,OAAO,qCAAC,0BAAqB,GAChD,oBAAoB,iBACnB,4DAIE,qCAAC;AAAA,IAAI,WAAW;AAAA,KACd,qCAAC,sBAAiB,CACpB,CACF,IACE,IACN;AAEJ;AAEO,MAAM,YAAY,MACvB,qCAAC,+BACC,qCAAC,sBAAiB,CACpB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,kBAAkB;AAClC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,uCAAuC;AAGzC,MAAM,0BAA0B,CAAC,EAAE,SAAS,MAAiC;AAClF,QAAM,MAAM,uBAAuB;AACnC,SAAO,oBAAC,iBAAiB,UAAjB;AAAA,IAA0B,OAAO;AAAA,IAAM;AAAA,GAAS;AAC1D;AAEA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,EAAE,gBAAgB,yBAAyB,IAAI,WAAW,gBAAgB;AAChF,QAAM,EAAE,iBAAiB,IAAI,WAAW,+BAA+B;AAEvE,SACE;AAAA,IACG;AAAA,yBAAmB,OAAO,oBAAC,wBAAqB;AAAA,MAChD,oBAAoB,iBACnB;AAAA,QAIE,8BAAC;AAAA,UAAI,WAAW;AAAA,UACd,8BAAC,oBAAiB;AAAA,SACpB;AAAA,OACF,IACE;AAAA;AAAA,GACN;AAEJ;AAEO,MAAM,YAAY,MACvB,oBAAC;AAAA,EACC,8BAAC,oBAAiB;AAAA,CACpB;",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2, { useContext } from "react";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
 import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
@@ -14,12 +15,37 @@ import { MeridiemList } from "./MeridiemList";
 import { TimeWheelFooter } from "./TimeWheelFooter";
 const TimeWheelContent = React2.memo(() => {
   const { isControllerOnly, hours, minutes, meridiem } = useContext(ControlledDateTimePickerContext);
-  return /* @__PURE__ */ React2.createElement(StyledTimePickerContainer, {
+  return /* @__PURE__ */ jsxs(StyledTimePickerContainer, {
     isControllerOnly,
-    "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL
-  }, /* @__PURE__ */ React2.createElement(StyledTimePickerHead, {
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL
-  }, `${hours || "__"}:${minutes || "__"} ${meridiem || "__"}`), /* @__PURE__ */ React2.createElement(StyledTimePickerWheelsLegend, null, /* @__PURE__ */ React2.createElement("div", null, "H"), /* @__PURE__ */ React2.createElement("div", null, "M"), /* @__PURE__ */ React2.createElement("div", null, "A")), /* @__PURE__ */ React2.createElement(StyledTimePickerWheelWrapper, null, /* @__PURE__ */ React2.createElement(HoursList, null), /* @__PURE__ */ React2.createElement(MinutesList, null), /* @__PURE__ */ React2.createElement(MeridiemList, null)), /* @__PURE__ */ React2.createElement(TimeWheelFooter, null));
+    "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL,
+    children: [
+      /* @__PURE__ */ jsx(StyledTimePickerHead, {
+        "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL,
+        children: `${hours || "__"}:${minutes || "__"} ${meridiem || "__"}`
+      }),
+      /* @__PURE__ */ jsxs(StyledTimePickerWheelsLegend, {
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            children: "H"
+          }),
+          /* @__PURE__ */ jsx("div", {
+            children: "M"
+          }),
+          /* @__PURE__ */ jsx("div", {
+            children: "A"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs(StyledTimePickerWheelWrapper, {
+        children: [
+          /* @__PURE__ */ jsx(HoursList, {}),
+          /* @__PURE__ */ jsx(MinutesList, {}),
+          /* @__PURE__ */ jsx(MeridiemList, {})
+        ]
+      }),
+      /* @__PURE__ */ jsx(TimeWheelFooter, {})
+    ]
+  });
 });
 export {
   TimeWheelContent

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/TimeWheelContent.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport {\n  StyledTimePickerContainer,\n  StyledTimePickerHead,\n  StyledTimePickerWheelsLegend,\n  StyledTimePickerWheelWrapper,\n} from './Styleds';\nimport { HoursList } from './HoursList';\nimport { MinutesList } from './MinutesList';\nimport { MeridiemList } from './MeridiemList';\nimport { TimeWheelFooter } from './TimeWheelFooter';\n\nexport const TimeWheelContent = React.memo(() => {\n  const { isControllerOnly, hours, minutes, meridiem } = useContext(ControlledDateTimePickerContext);\n  return (\n    <StyledTimePickerContainer\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL}\n    >\n      <StyledTimePickerHead data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL}>{`${\n        hours || '__'\n      }:${minutes || '__'} ${meridiem || '__'}`}</StyledTimePickerHead>\n      <StyledTimePickerWheelsLegend>\n        <div>H</div>\n        <div>M</div>\n        <div>A</div>\n      </StyledTimePickerWheelsLegend>\n      <StyledTimePickerWheelWrapper>\n        <HoursList />\n        <MinutesList />\n        <MeridiemList />\n      </StyledTimePickerWheelWrapper>\n      <TimeWheelFooter />\n    </StyledTimePickerContainer>\n  );\n});\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,OAAM,KAAK,MAAM;AAC/C,QAAM,EAAE,kBAAkB,OAAO,SAAS,aAAa,WAAW,+BAA+B;AACjG,SACE,qCAAC;AAAA,IACC;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,KAErE,qCAAC;AAAA,IAAqB,eAAa,mCAAmC,UAAU;AAAA,KAAe,GAC7F,SAAS,QACP,WAAW,QAAQ,YAAY,MAAO,GAC1C,qCAAC,oCACC,qCAAC,aAAI,GAAC,GACN,qCAAC,aAAI,GAAC,GACN,qCAAC,aAAI,GAAC,CACR,GACA,qCAAC,oCACC,qCAAC,eAAU,GACX,qCAAC,iBAAY,GACb,qCAAC,kBAAa,CAChB,GACA,qCAAC,qBAAgB,CACnB;AAEJ,CAAC;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,UAAS,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEzB,MAAM,mBAAmBA,OAAM,KAAK,MAAM;AAC/C,QAAM,EAAE,kBAAkB,OAAO,SAAS,SAAS,IAAI,WAAW,+BAA+B;AACjG,SACE,qBAAC;AAAA,IACC;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,IAErE;AAAA,0BAAC;AAAA,QAAqB,eAAa,mCAAmC,UAAU;AAAA,QAAe,aAC7F,SAAS,QACP,WAAW,QAAQ,YAAY;AAAA,OAAO;AAAA,MAC1C,qBAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YAAI;AAAA,WAAC;AAAA,UACN,oBAAC;AAAA,YAAI;AAAA,WAAC;AAAA,UACN,oBAAC;AAAA,YAAI;AAAA,WAAC;AAAA;AAAA,OACR;AAAA,MACA,qBAAC;AAAA,QACC;AAAA,8BAAC,aAAU;AAAA,UACX,oBAAC,eAAY;AAAA,UACb,oBAAC,gBAAa;AAAA;AAAA,OAChB;AAAA,MACA,oBAAC,mBAAgB;AAAA;AAAA,GACnB;AAEJ,CAAC;",
+  "names": ["React"]
 }

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/TimeWheelContext.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable max-lines */\nimport { createContext } from 'react';\nimport type { TimeWheelContextT } from './useConfigTimePickerCTX';\n\nexport const defaultTimePickerContext = {} as TimeWheelContextT;\n/** Context for cross component communication */\nexport const TimeWheelContext = createContext<TimeWheelContextT>(defaultTimePickerContext);\n\nexport default TimeWheelContext;\n"],
-  "mappings": "AAAA;ACEA;AAGO,MAAM,2BAA2B,CAAC;AAElC,MAAM,mBAAmB,cAAiC,wBAAwB;AAEzF,IAAO,2BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,qBAAqB;AAGvB,MAAM,2BAA2B,CAAC;AAElC,MAAM,mBAAmB,cAAiC,wBAAwB;AAEzF,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelFooter.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
 import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
 import { TimeWheelFooterMessage } from "./Styleds";
@@ -9,10 +10,11 @@ const TimeWheelFooter = () => {
     isWithCalendarToo
   } = useContext(ControlledDateTimePickerContext);
   if (!isWithCalendarToo && pickerFooterMsg !== void 0 && hasError)
-    return /* @__PURE__ */ React2.createElement(TimeWheelFooterMessage, {
+    return /* @__PURE__ */ jsx(TimeWheelFooterMessage, {
       role: "alert",
-      "data-testid": ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL
-    }, pickerFooterMsg);
+      "data-testid": ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL,
+      children: pickerFooterMsg
+    });
   return null;
 };
 export {

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelFooter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/TimeWheelFooter.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { TimeWheelFooterMessage } from './Styleds';\n\nexport const TimeWheelFooter: React.ComponentType = () => {\n  const {\n    props: { pickerFooterMsg, hasError },\n    isWithCalendarToo,\n  } = useContext(ControlledDateTimePickerContext);\n  if (!isWithCalendarToo && pickerFooterMsg !== undefined && hasError)\n    return (\n      <TimeWheelFooterMessage role=\"alert\" data-testid={ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL}>\n        {pickerFooterMsg}\n      </TimeWheelFooterMessage>\n    );\n  return null;\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,kBAAuC,MAAM;AACxD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,WAAW,+BAA+B;AAC9C,MAAI,CAAC,qBAAqB,oBAAoB,UAAa;AACzD,WACE,qCAAC;AAAA,MAAuB,MAAK;AAAA,MAAQ,eAAa,mCAAmC,QAAQ;AAAA,OAC1F,eACH;AAEJ,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,8BAA8B;AAEhC,MAAM,kBAAuC,MAAM;AACxD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,IAAI,WAAW,+BAA+B;AAC9C,MAAI,CAAC,qBAAqB,oBAAoB,UAAa;AACzD,WACE,oBAAC;AAAA,MAAuB,MAAK;AAAA,MAAQ,eAAa,mCAAmC,QAAQ;AAAA,MAC1F;AAAA,KACH;AAEJ,SAAO;AACT;",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
 import { BUTTON_SIZES } from "@elliemae/ds-button";
 import { RecentDocuments } from "@elliemae/ds-icons";
 import { TimeWheelContext } from "./TimeWheelContext";
@@ -12,17 +13,21 @@ const TimeWheelIconTrigger = () => {
     props: { disabled },
     ariaCurrentValueForInputs
   } = useContext(ControlledDateTimePickerContext);
-  return useMemo(() => /* @__PURE__ */ React2.createElement(StyledIconTriggerButton, {
-    "aria-label": `time picker context menu trigger, ${ariaCurrentValueForInputs}`,
-    buttonType: "icon",
-    size: BUTTON_SIZES.M,
-    innerRef: handleSetTriggerRef,
-    onClick: handleToggleTimePicker,
-    onKeyDown: handlePickerIconKeyDown,
-    "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL,
-    disabled,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(RecentDocuments, null)), [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]);
+  return useMemo(
+    () => /* @__PURE__ */ jsx(StyledIconTriggerButton, {
+      "aria-label": `time picker context menu trigger, ${ariaCurrentValueForInputs}`,
+      buttonType: "icon",
+      size: BUTTON_SIZES.M,
+      innerRef: handleSetTriggerRef,
+      onClick: handleToggleTimePicker,
+      onKeyDown: handlePickerIconKeyDown,
+      "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL,
+      disabled,
+      type: "button",
+      children: /* @__PURE__ */ jsx(RecentDocuments, {})
+    }),
+    [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]
+  );
 };
 export {
   TimeWheelIconTrigger

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/TimeWheelIconTrigger.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport { TimeWheelContext } from './TimeWheelContext';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { StyledIconTriggerButton } from './Styleds';\n\n// we memoize the Icon for maximum optimization\n// this is particularly useful due to how usePopper needs to check the references\n// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders\nexport const TimeWheelIconTrigger = (): JSX.Element => {\n  const { handleSetTriggerRef, handleToggleTimePicker, handlePickerIconKeyDown } = useContext(TimeWheelContext);\n  const {\n    props: { disabled },\n    ariaCurrentValueForInputs,\n  } = useContext(ControlledDateTimePickerContext);\n  return useMemo(\n    () => (\n      <StyledIconTriggerButton\n        aria-label={`time picker context menu trigger, ${ariaCurrentValueForInputs}`}\n        buttonType=\"icon\"\n        size={BUTTON_SIZES.M}\n        innerRef={handleSetTriggerRef}\n        onClick={handleToggleTimePicker}\n        onKeyDown={handlePickerIconKeyDown}\n        data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL}\n        disabled={disabled}\n        type=\"button\"\n      >\n        <RecentDocuments />\n      </StyledIconTriggerButton>\n    ),\n    [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker],\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAKO,MAAM,uBAAuB,MAAmB;AACrD,QAAM,EAAE,qBAAqB,wBAAwB,4BAA4B,WAAW,gBAAgB;AAC5G,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,MACE,WAAW,+BAA+B;AAC9C,SAAO,QACL,MACE,qCAAC;AAAA,IACC,cAAY,qCAAqC;AAAA,IACjD,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAa,mCAAmC,aAAa;AAAA,IAC7D;AAAA,IACA,MAAK;AAAA,KAEL,qCAAC,qBAAgB,CACnB,GAEF,CAAC,2BAA2B,UAAU,yBAAyB,qBAAqB,sBAAsB,CAC5G;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,+BAA+B;AAKjC,MAAM,uBAAuB,MAAmB;AACrD,QAAM,EAAE,qBAAqB,wBAAwB,wBAAwB,IAAI,WAAW,gBAAgB;AAC5G,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,EACF,IAAI,WAAW,+BAA+B;AAC9C,SAAO;AAAA,IACL,MACE,oBAAC;AAAA,MACC,cAAY,qCAAqC;AAAA,MACjD,YAAW;AAAA,MACX,MAAM,aAAa;AAAA,MACnB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,eAAa,mCAAmC,aAAa;AAAA,MAC7D;AAAA,MACA,MAAK;AAAA,MAEL,8BAAC,mBAAgB;AAAA,KACnB;AAAA,IAEF,CAAC,2BAA2B,UAAU,yBAAyB,qBAAqB,sBAAsB;AAAA,EAC5G;AACF;",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelWrapper.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { DSPopperJS } from "@elliemae/ds-popperjs";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
 import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
@@ -9,14 +10,15 @@ const TimeWheelWrapper = () => {
   const { referenceElement, closeTimePicker } = useContext(TimeWheelContext);
   const { isControllerOnly } = useContext(ControlledDateTimePickerContext);
   if (isControllerOnly)
-    return /* @__PURE__ */ React2.createElement(TimeWheelContent, null);
-  return /* @__PURE__ */ React2.createElement(DSPopperJS, {
+    return /* @__PURE__ */ jsx(TimeWheelContent, {});
+  return /* @__PURE__ */ jsx(DSPopperJS, {
     showPopover: true,
     "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL,
     referenceElement,
     withoutArrow: true,
-    onClickOutside: closeTimePicker
-  }, /* @__PURE__ */ React2.createElement(TimeWheelContent, null));
+    onClickOutside: closeTimePicker,
+    children: /* @__PURE__ */ jsx(TimeWheelContent, {})
+  });
 };
 export {
   TimeWheelWrapper

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/TimeWheelWrapper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { TimeWheelContent } from './TimeWheelContent';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const TimeWheelWrapper = (): JSX.Element => {\n  const { referenceElement, closeTimePicker } = useContext(TimeWheelContext);\n  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n  if (isControllerOnly) return <TimeWheelContent />;\n  return (\n    <DSPopperJS\n      showPopover\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL}\n      referenceElement={referenceElement}\n      withoutArrow\n      onClickOutside={closeTimePicker}\n    >\n      <TimeWheelContent />\n    </DSPopperJS>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,MAAmB;AACjD,QAAM,EAAE,kBAAkB,oBAAoB,WAAW,gBAAgB;AACzE,QAAM,EAAE,qBAAqB,WAAW,+BAA+B;AACvE,MAAI;AAAkB,WAAO,qCAAC,sBAAiB;AAC/C,SACE,qCAAC;AAAA,IACC,aAAW;AAAA,IACX,eAAa,mCAAmC,gBAAgB;AAAA,IAChE;AAAA,IACA,cAAY;AAAA,IACZ,gBAAgB;AAAA,KAEhB,qCAAC,sBAAiB,CACpB;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAE1B,MAAM,mBAAmB,MAAmB;AACjD,QAAM,EAAE,kBAAkB,gBAAgB,IAAI,WAAW,gBAAgB;AACzE,QAAM,EAAE,iBAAiB,IAAI,WAAW,+BAA+B;AACvE,MAAI;AAAkB,WAAO,oBAAC,oBAAiB;AAC/C,SACE,oBAAC;AAAA,IACC,aAAW;AAAA,IACX,eAAa,mCAAmC,gBAAgB;AAAA,IAChE;AAAA,IACA,cAAY;AAAA,IACZ,gBAAgB;AAAA,IAEhB,8BAAC,oBAAiB;AAAA,GACpB;AAEJ;",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js

@@ -7,11 +7,14 @@ const useConfigTimePickerCTX = () => {
   const currentDisplayedTimeWheelLogic = useCurrentDisplayedWheelsLogic();
   const popperLogic = usePopperTriggerLogic();
   const keyboardHandlers = useKeyboardHandlers({ currentDisplayedTimeWheelLogic });
-  return useMemo(() => ({
-    ...currentDisplayedTimeWheelLogic,
-    ...popperLogic,
-    ...keyboardHandlers
-  }), [currentDisplayedTimeWheelLogic, popperLogic, keyboardHandlers]);
+  return useMemo(
+    () => ({
+      ...currentDisplayedTimeWheelLogic,
+      ...popperLogic,
+      ...keyboardHandlers
+    }),
+    [currentDisplayedTimeWheelLogic, popperLogic, keyboardHandlers]
+  );
 };
 export {
   useConfigTimePickerCTX

package/dist/esm/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/useConfigTimePickerCTX.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo } from 'react';\nimport { usePopperTriggerLogic } from './usePopperTriggerLogic';\nimport { useCurrentDisplayedWheelsLogic } from './useCurrentDisplayedWheelsLogic';\nimport { useKeyboardHandlers } from './useKeyboardHandlers';\n\nexport type TimeWheelContextT = ReturnType<typeof useCurrentDisplayedWheelsLogic> &\n  ReturnType<typeof usePopperTriggerLogic> &\n  ReturnType<typeof useKeyboardHandlers>;\n\nexport const useConfigTimePickerCTX = (): TimeWheelContextT => {\n  const currentDisplayedTimeWheelLogic = useCurrentDisplayedWheelsLogic();\n  const popperLogic = usePopperTriggerLogic();\n  const keyboardHandlers = useKeyboardHandlers({ currentDisplayedTimeWheelLogic });\n\n  return useMemo(\n    () => ({\n      ...currentDisplayedTimeWheelLogic,\n      ...popperLogic,\n      ...keyboardHandlers,\n    }),\n    [currentDisplayedTimeWheelLogic, popperLogic, keyboardHandlers],\n  );\n};\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAMO,MAAM,yBAAyB,MAAyB;AAC7D,QAAM,iCAAiC,+BAA+B;AACtE,QAAM,cAAc,sBAAsB;AAC1C,QAAM,mBAAmB,oBAAoB,EAAE,+BAA+B,CAAC;AAE/E,SAAO,QACL,MAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL,IACA,CAAC,gCAAgC,aAAa,gBAAgB,CAChE;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,eAAe;AACxB,SAAS,6BAA6B;AACtC,SAAS,sCAAsC;AAC/C,SAAS,2BAA2B;AAM7B,MAAM,yBAAyB,MAAyB;AAC7D,QAAM,iCAAiC,+BAA+B;AACtE,QAAM,cAAc,sBAAsB;AAC1C,QAAM,mBAAmB,oBAAoB,EAAE,+BAA+B,CAAC;AAE/E,SAAO;AAAA,IACL,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,gCAAgC,aAAa,gBAAgB;AAAA,EAChE;AACF;",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js

@@ -12,7 +12,9 @@ const getTotalMinuteListWithStep = (step = 1) => {
   return new Array(length).fill("_").map((_v, i) => prependStringWithPlaceHolders(`${i * step}`, 2));
 };
 const useCurrentDisplayedWheelsLogic = () => {
-  const { minutesInterval, onTimeWheelOpenStartingTime, hours, minutes, meridiem } = useContext(ControlledDateTimePickerContext);
+  const { minutesInterval, onTimeWheelOpenStartingTime, hours, minutes, meridiem } = useContext(
+    ControlledDateTimePickerContext
+  );
   const { handleChangeHours, handleChangeMinutes, handleChangeMeridiem } = useTimeInputs();
   const { startingHours, startingMinutes, startingMeridiem } = useMemo(() => {
     const startingVals = deconstructValuesFromTimeString(onTimeWheelOpenStartingTime);
@@ -51,7 +53,10 @@ const useCurrentDisplayedWheelsLogic = () => {
   }, [meridiem, startingMeridiem]);
   const totalMinutesList = useMemo(() => getTotalMinuteListWithStep(minutesInterval), [minutesInterval]);
   const currMinuteIndex = useMemo(() => Math.floor(currMinuteNum / minutesInterval), [currMinuteNum, minutesInterval]);
-  const currHoursIndex = useMemo(() => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset, [currHourNum]);
+  const currHoursIndex = useMemo(
+    () => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset,
+    [currHourNum]
+  );
   const visibleHours = useMemo(() => {
     const newHours = [];
     if (currHoursIndex >= 1)
@@ -78,64 +83,94 @@ const useCurrentDisplayedWheelsLogic = () => {
       newMinutes.push(null);
     return newMinutes;
   }, [currMinuteIndex, totalMinutesList]);
-  const handleTimeWheelBtnChangeHours = useCallback((newHours, e) => {
-    handleChangeHours(newHours, e);
-  }, [handleChangeHours]);
-  const handleChangeCurrHour = useCallback((offset, e) => {
-    const newH = currHourNum + offset;
-    if (newH > 0 && newH <= 12)
-      handleChangeHours(prependStringWithPlaceHolders(`${newH}`, 2), e);
-  }, [currHourNum, handleChangeHours]);
-  const handlePrevHour = useCallback((e) => {
-    handleChangeCurrHour(-1, e);
-  }, [handleChangeCurrHour]);
-  const handleNextHour = useCallback((e) => {
-    handleChangeCurrHour(1, e);
-  }, [handleChangeCurrHour]);
-  const handleTimeWheelBtnChangeMinutes = useCallback((newMinutes, e) => {
-    handleChangeMinutes(newMinutes, e);
-  }, [handleChangeMinutes]);
-  const handleChangeCurrMinute = useCallback((offset, e) => {
-    const newM = currMinuteNum + offset;
-    if (newM >= 0 && newM <= 59)
-      handleChangeMinutes(prependStringWithPlaceHolders(`${newM}`, 2), e);
-  }, [currMinuteNum, handleChangeMinutes]);
-  const handlePrevMinute = useCallback((e) => {
-    handleChangeCurrMinute(-minutesInterval, e);
-  }, [handleChangeCurrMinute, minutesInterval]);
-  const handleNextMinute = useCallback((e) => {
-    handleChangeCurrMinute(minutesInterval, e);
-  }, [handleChangeCurrMinute, minutesInterval]);
-  const handleTimeWheelBtnChangeMeridiem = useCallback((newMeridiem, e) => {
-    handleChangeMeridiem(newMeridiem, e);
-  }, [handleChangeMeridiem]);
-  return useMemo(() => ({
-    currHourNum,
-    visibleHours,
-    handlePrevHour,
-    handleNextHour,
-    handleTimeWheelBtnChangeHours,
-    currMinuteNum,
-    visibleMinutes,
-    handlePrevMinute,
-    handleNextMinute,
-    handleTimeWheelBtnChangeMinutes,
-    handleTimeWheelBtnChangeMeridiem,
-    currMeridiem
-  }), [
-    currHourNum,
-    currMinuteNum,
-    currMeridiem,
-    handleNextHour,
-    handleNextMinute,
-    handlePrevHour,
-    handlePrevMinute,
-    handleTimeWheelBtnChangeHours,
-    handleTimeWheelBtnChangeMeridiem,
-    handleTimeWheelBtnChangeMinutes,
-    visibleHours,
-    visibleMinutes
-  ]);
+  const handleTimeWheelBtnChangeHours = useCallback(
+    (newHours, e) => {
+      handleChangeHours(newHours, e);
+    },
+    [handleChangeHours]
+  );
+  const handleChangeCurrHour = useCallback(
+    (offset, e) => {
+      const newH = currHourNum + offset;
+      if (newH > 0 && newH <= 12)
+        handleChangeHours(prependStringWithPlaceHolders(`${newH}`, 2), e);
+    },
+    [currHourNum, handleChangeHours]
+  );
+  const handlePrevHour = useCallback(
+    (e) => {
+      handleChangeCurrHour(-1, e);
+    },
+    [handleChangeCurrHour]
+  );
+  const handleNextHour = useCallback(
+    (e) => {
+      handleChangeCurrHour(1, e);
+    },
+    [handleChangeCurrHour]
+  );
+  const handleTimeWheelBtnChangeMinutes = useCallback(
+    (newMinutes, e) => {
+      handleChangeMinutes(newMinutes, e);
+    },
+    [handleChangeMinutes]
+  );
+  const handleChangeCurrMinute = useCallback(
+    (offset, e) => {
+      const newM = currMinuteNum + offset;
+      if (newM >= 0 && newM <= 59)
+        handleChangeMinutes(prependStringWithPlaceHolders(`${newM}`, 2), e);
+    },
+    [currMinuteNum, handleChangeMinutes]
+  );
+  const handlePrevMinute = useCallback(
+    (e) => {
+      handleChangeCurrMinute(-minutesInterval, e);
+    },
+    [handleChangeCurrMinute, minutesInterval]
+  );
+  const handleNextMinute = useCallback(
+    (e) => {
+      handleChangeCurrMinute(minutesInterval, e);
+    },
+    [handleChangeCurrMinute, minutesInterval]
+  );
+  const handleTimeWheelBtnChangeMeridiem = useCallback(
+    (newMeridiem, e) => {
+      handleChangeMeridiem(newMeridiem, e);
+    },
+    [handleChangeMeridiem]
+  );
+  return useMemo(
+    () => ({
+      currHourNum,
+      visibleHours,
+      handlePrevHour,
+      handleNextHour,
+      handleTimeWheelBtnChangeHours,
+      currMinuteNum,
+      visibleMinutes,
+      handlePrevMinute,
+      handleNextMinute,
+      handleTimeWheelBtnChangeMinutes,
+      handleTimeWheelBtnChangeMeridiem,
+      currMeridiem
+    }),
+    [
+      currHourNum,
+      currMinuteNum,
+      currMeridiem,
+      handleNextHour,
+      handleNextMinute,
+      handlePrevHour,
+      handlePrevMinute,
+      handleTimeWheelBtnChangeHours,
+      handleTimeWheelBtnChangeMeridiem,
+      handleTimeWheelBtnChangeMinutes,
+      visibleHours,
+      visibleMinutes
+    ]
+  );
 };
 export {
   useCurrentDisplayedWheelsLogic

package/dist/esm/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback, useContext } from 'react';\nimport { useTimeInputs } from '../../TimeInputs/useTimeInputs';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { prependStringWithPlaceHolders, deconstructValuesFromTimeString } from '../../../utils/stringHelpers';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport type { DSControlledDateTimePickerT } from '../../../propTypes';\n\nconst totalHoursList = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];\nconst hoursInterval = 1; // using this just to unify the logic between how hours and minutes are handled\nconst hoursStartPositionOffset = 1; // if array start from 01, this is 1, if start from 02, it's 2 ...\n\nconst getTotalMinuteListWithStep = (step = 1) => {\n  const length = Math.ceil(60 / step);\n  return new Array(length).fill('_').map((_v, i) => prependStringWithPlaceHolders(`${i * step}`, 2));\n};\ninterface UseCurrentDisplayedWheelsLogic {\n  currHourNum: number;\n  visibleHours: (string | null)[];\n  handlePrevHour: (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n  handleNextHour: (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n  handleTimeWheelBtnChangeHours: (newVal: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n  currMinuteNum: number;\n  visibleMinutes: (string | null)[];\n  handlePrevMinute: (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n  handleNextMinute: (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n  handleTimeWheelBtnChangeMinutes: (newVal: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n  handleTimeWheelBtnChangeMeridiem: (\n    newMeridiem: string,\n    e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent,\n  ) => void;\n  currMeridiem: string;\n}\nexport const useCurrentDisplayedWheelsLogic = (): UseCurrentDisplayedWheelsLogic => {\n  const { minutesInterval, onTimeWheelOpenStartingTime, hours, minutes, meridiem } = useContext(\n    ControlledDateTimePickerContext,\n  );\n  const { handleChangeHours, handleChangeMinutes, handleChangeMeridiem } = useTimeInputs();\n  const { startingHours, startingMinutes, startingMeridiem } = useMemo(() => {\n    const startingVals = deconstructValuesFromTimeString(onTimeWheelOpenStartingTime);\n    return {\n      startingHours: startingVals.hours,\n      startingMinutes: startingVals.minutes,\n      startingMeridiem: startingVals.meridiem,\n    };\n  }, [onTimeWheelOpenStartingTime]);\n\n  const currHourNum = useMemo(() => {\n    const hoursAsNum = convertToPositiveNumberIfPossible(hours);\n    if (hours && hoursAsNum !== -1) {\n      return hoursAsNum;\n    }\n    const startingHoursAsNum = convertToPositiveNumberIfPossible(startingHours);\n    if (startingHoursAsNum === -1) return 1;\n    return startingHoursAsNum;\n  }, [hours, startingHours]);\n\n  const currMinuteNum = useMemo(() => {\n    const minutesAsNum = convertToPositiveNumberIfPossible(minutes);\n    if (minutes && minutesAsNum !== -1) {\n      return minutesAsNum;\n    }\n    const startingMinutesAsNum = convertToPositiveNumberIfPossible(startingMinutes);\n    if (startingMinutesAsNum === -1) return 0;\n    return startingMinutesAsNum;\n  }, [minutes, startingMinutes]);\n\n  const currMeridiem = useMemo(() => {\n    if (meridiem !== '') return meridiem;\n    if (startingMeridiem !== '') return startingMeridiem;\n    return 'AM';\n  }, [meridiem, startingMeridiem]);\n\n  const totalMinutesList = useMemo(() => getTotalMinuteListWithStep(minutesInterval), [minutesInterval]);\n  const currMinuteIndex = useMemo(() => Math.floor(currMinuteNum / minutesInterval), [currMinuteNum, minutesInterval]);\n  const currHoursIndex = useMemo(\n    () => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset,\n    [currHourNum],\n  );\n\n  const visibleHours = useMemo(() => {\n    const newHours = [];\n    if (currHoursIndex >= 1) newHours.push(totalHoursList[currHoursIndex - 1]);\n    else newHours.push(null);\n    newHours.push(totalHoursList[currHoursIndex]);\n    if (currHoursIndex <= 11) newHours.push(totalHoursList[currHoursIndex + 1]);\n    else newHours.push(null);\n\n    return newHours;\n  }, [currHoursIndex]);\n  const visibleMinutes = useMemo(() => {\n    const newMinutes = [];\n\n    if (currMinuteIndex >= 1) newMinutes.push(totalMinutesList[currMinuteIndex - 1]);\n    else newMinutes.push(null);\n    newMinutes.push(totalMinutesList[currMinuteIndex]);\n    if (currMinuteIndex < totalMinutesList.length) newMinutes.push(totalMinutesList[currMinuteIndex + 1]);\n    else newMinutes.push(null);\n    return newMinutes;\n  }, [currMinuteIndex, totalMinutesList]);\n\n  const handleTimeWheelBtnChangeHours = useCallback(\n    (newHours: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleChangeHours(newHours, e);\n    },\n    [handleChangeHours],\n  );\n  const handleChangeCurrHour = useCallback(\n    (offset: number, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      const newH = currHourNum + offset;\n      if (newH > 0 && newH <= 12) handleChangeHours(prependStringWithPlaceHolders(`${newH}`, 2), e);\n    },\n    [currHourNum, handleChangeHours],\n  );\n  const handlePrevHour = useCallback(\n    (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleChangeCurrHour(-1, e);\n    },\n    [handleChangeCurrHour],\n  );\n  const handleNextHour = useCallback(\n    (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleChangeCurrHour(1, e);\n    },\n    [handleChangeCurrHour],\n  );\n\n  const handleTimeWheelBtnChangeMinutes = useCallback(\n    (newMinutes: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleChangeMinutes(newMinutes, e);\n    },\n    [handleChangeMinutes],\n  );\n  const handleChangeCurrMinute = useCallback(\n    (offset: number, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      const newM = currMinuteNum + offset;\n      if (newM >= 0 && newM <= 59) handleChangeMinutes(prependStringWithPlaceHolders(`${newM}`, 2), e);\n    },\n    [currMinuteNum, handleChangeMinutes],\n  );\n  const handlePrevMinute = useCallback(\n    (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleChangeCurrMinute(-minutesInterval, e);\n    },\n    [handleChangeCurrMinute, minutesInterval],\n  );\n  const handleNextMinute = useCallback(\n    (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleChangeCurrMinute(minutesInterval, e);\n    },\n    [handleChangeCurrMinute, minutesInterval],\n  );\n\n  const handleTimeWheelBtnChangeMeridiem = useCallback(\n    (newMeridiem: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleChangeMeridiem(newMeridiem, e);\n    },\n    [handleChangeMeridiem],\n  );\n\n  return useMemo(\n    () => ({\n      currHourNum,\n      visibleHours,\n      handlePrevHour,\n      handleNextHour,\n      handleTimeWheelBtnChangeHours,\n      currMinuteNum,\n      visibleMinutes,\n      handlePrevMinute,\n      handleNextMinute,\n      handleTimeWheelBtnChangeMinutes,\n      handleTimeWheelBtnChangeMeridiem,\n      currMeridiem,\n    }),\n    [\n      currHourNum,\n      currMinuteNum,\n      currMeridiem,\n      handleNextHour,\n      handleNextMinute,\n      handlePrevHour,\n      handlePrevMinute,\n      handleTimeWheelBtnChangeHours,\n      handleTimeWheelBtnChangeMeridiem,\n      handleTimeWheelBtnChangeMinutes,\n      visibleHours,\n      visibleMinutes,\n    ],\n  );\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }