@elliemae/ds-form-date-time-picker 3.4.3-rc.0 → 3.4.4-next.0

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useCallback } from "react";
 import { ChevronSmallUp, ChevronSmallDown } from "@elliemae/ds-icons";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
 import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
@@ -27,77 +28,91 @@ const HoursList = () => {
     latestInteractionRegion,
     currFocusDescriber
   } = useContext(ControlledDateTimePickerContext);
-  const handleCurrYearRef = useCallback((ButtonDomNode) => {
-    setTimeout(() => {
-      currHourBtnRef.current = ButtonDomNode;
-      if (latestInteractionRegion === "timewheel" && currFocusDescriber === "timewheel-curr-hour")
-        ButtonDomNode?.focus?.();
-    });
-  }, [currFocusDescriber, latestInteractionRegion, currHourBtnRef]);
-  return /* @__PURE__ */ React2.createElement(StyledWheelList, null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
-    "aria-label": "subtract one hour",
-    buttonType: "raw",
-    size: "m",
-    onClick: handlePrevHour,
-    innerRef: prevHourBtnRef,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
-    tabIndex: -1,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, {
-    color: ["brand-primary", 700]
-  }))), visibleHours.map((hourString) => {
-    const key = `timewheel-hour-${hourString || ""}`;
-    if (!hourString)
-      return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
-        key
+  const handleCurrYearRef = useCallback(
+    (ButtonDomNode) => {
+      setTimeout(() => {
+        currHourBtnRef.current = ButtonDomNode;
+        if (latestInteractionRegion === "timewheel" && currFocusDescriber === "timewheel-curr-hour")
+          ButtonDomNode?.focus?.();
       });
-    const currHourTimeString = `${hourString}:${currMinuteNum} ${currMeridiem}`;
-    const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;
-    const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;
-    const isDisabled = getIsDisabledTime(currHourTimeString);
-    const tabIndex = isCurrentListItem ? 0 : -1;
-    const btnProps = {
-      onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : void 0,
-      innerRef: isCurrentListItem ? handleCurrYearRef : void 0
-    };
-    const styleProps = {
-      isCurrentListItem,
-      isDisabled
-    };
-    return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
-      isCurrentListItem,
-      key
-    }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, {
-      ...styleProps,
-      autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
-      "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_HOUR" : "HOUR"],
-      selected: hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum,
-      "aria-label": `${hourString} hours`,
-      "aria-disabled": isDisabled,
-      buttonType: "raw",
-      size: "m",
-      onClick: (e) => handleTimeWheelBtnChangeHours(hourString, e),
-      tabIndex,
-      role: "spinbutton",
-      "aria-valuemax": 12,
-      "aria-valuemin": 1,
-      "aria-valuenow": currHourNum,
-      "aria-valuetext": `${hourString} hours`,
-      type: "button",
-      ...btnProps
-    }, hourString));
-  }), /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
-    "aria-label": "add one hour",
-    buttonType: "raw",
-    size: "m",
-    onClick: handleNextHour,
-    innerRef: nextHourBtnRef,
-    tabIndex: -1,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, {
-    color: ["brand-primary", 700]
-  }))));
+    },
+    [currFocusDescriber, latestInteractionRegion, currHourBtnRef]
+  );
+  return /* @__PURE__ */ jsxs(StyledWheelList, {
+    children: [
+      /* @__PURE__ */ jsx(StyledWheelListItem, {
+        children: /* @__PURE__ */ jsx(StyledWheelChangeTimeBtn, {
+          "aria-label": "subtract one hour",
+          buttonType: "raw",
+          size: "m",
+          onClick: handlePrevHour,
+          innerRef: prevHourBtnRef,
+          "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
+          tabIndex: -1,
+          type: "button",
+          children: /* @__PURE__ */ jsx(ChevronSmallUp, {
+            color: ["brand-primary", 700]
+          })
+        })
+      }),
+      visibleHours.map((hourString) => {
+        const key = `timewheel-hour-${hourString || ""}`;
+        if (!hourString)
+          return /* @__PURE__ */ jsx(StyledWheelListItem, {}, key);
+        const currHourTimeString = `${hourString}:${currMinuteNum} ${currMeridiem}`;
+        const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;
+        const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;
+        const isDisabled = getIsDisabledTime(currHourTimeString);
+        const tabIndex = isCurrentListItem ? 0 : -1;
+        const btnProps = {
+          onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : void 0,
+          innerRef: isCurrentListItem ? handleCurrYearRef : void 0
+        };
+        const styleProps = {
+          isCurrentListItem,
+          isDisabled
+        };
+        return /* @__PURE__ */ jsx(StyledWheelListItem, {
+          isCurrentListItem,
+          children: /* @__PURE__ */ jsx(StyledTimeBtn, {
+            ...styleProps,
+            autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
+            "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_HOUR" : "HOUR"],
+            selected: hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum,
+            "aria-label": `${hourString} hours`,
+            "aria-disabled": isDisabled,
+            buttonType: "raw",
+            size: "m",
+            onClick: (e) => handleTimeWheelBtnChangeHours(hourString, e),
+            tabIndex,
+            role: "spinbutton",
+            "aria-valuemax": 12,
+            "aria-valuemin": 1,
+            "aria-valuenow": currHourNum,
+            "aria-valuetext": `${hourString} hours`,
+            type: "button",
+            ...btnProps,
+            children: hourString
+          })
+        }, key);
+      }),
+      /* @__PURE__ */ jsx(StyledWheelListItem, {
+        children: /* @__PURE__ */ jsx(StyledWheelChangeTimeBtn, {
+          "aria-label": "add one hour",
+          buttonType: "raw",
+          size: "m",
+          onClick: handleNextHour,
+          innerRef: nextHourBtnRef,
+          tabIndex: -1,
+          "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR,
+          type: "button",
+          children: /* @__PURE__ */ jsx(ChevronSmallDown, {
+            color: ["brand-primary", 700]
+          })
+        })
+      })
+    ]
+  });
 };
 export {
   HoursList

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/HoursList.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 HoursList = (): JSX.Element => {\n  const {\n    currHourNum,\n    currMinuteNum,\n    currMeridiem,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    handleCurrHourOnKeyDown,\n  } = useContext(TimeWheelContext);\n  const {\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    getIsDisabledTime,\n    autoFocusHourTimeWheel,\n    hours,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n  const handleCurrYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      setTimeout(() => {\n        currHourBtnRef.current = ButtonDomNode;\n        if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour')\n          ButtonDomNode?.focus?.();\n      });\n    },\n    [currFocusDescriber, latestInteractionRegion, currHourBtnRef],\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          innerRef={prevHourBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR}\n          tabIndex={-1}\n          type=\"button\"\n        >\n          <ChevronSmallUp color={['brand-primary', 700]} />\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}:${currMinuteNum} ${currMeridiem}`;\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 ? handleCurrYearRef : undefined,\n        };\n        const styleProps = {\n          isCurrentListItem,\n          isDisabled,\n        };\n        return (\n          <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n            <StyledTimeBtn\n              {...styleProps}\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              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) => 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              type=\"button\"\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          innerRef={nextHourBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR}\n          type=\"button\"\n        >\n          <ChevronSmallDown color={['brand-primary', 700]} />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,MAAmB;AAC1C,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,IACA;AAAA,MACE,WAAW,+BAA+B;AAC9C,QAAM,oBAAoB,YACxB,CAAC,kBAAqC;AACpC,eAAW,MAAM;AACf,qBAAe,UAAU;AACzB,UAAI,4BAA4B,eAAe,uBAAuB;AACpE,uBAAe,QAAQ;AAAA,IAC3B,CAAC;AAAA,EACH,GACA,CAAC,oBAAoB,yBAAyB,cAAc,CAC9D;AACA,SACE,qCAAC,uBACC,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,IAAe,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG,CACjD,CACF,GACC,aAAa,IAAI,CAAC,eAAe;AAChC,UAAM,MAAM,kBAAkB,cAAc;AAC5C,QAAI,CAAC;AAAY,aAAO,qCAAC;AAAA,QAAoB;AAAA,OAAU;AACvD,UAAM,qBAAqB,GAAG,cAAc,iBAAiB;AAE7D,UAAM,kCAAkC,CAAC,SAAS,kCAAkC,UAAU,MAAM;AACpG,UAAM,oBAAoB,mCAAmC,UAAU;AACvE,UAAM,aAAa,kBAAkB,kBAAkB;AACvD,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,0BAA0B;AAAA,MACzD,UAAU,oBAAoB,oBAAoB;AAAA,IACpD;AACA,UAAM,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,IACF;AACA,WACE,qCAAC;AAAA,MAAoB;AAAA,MAAsC;AAAA,OACzD,qCAAC;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,0BAA0B;AAAA,MACrC,eAAa,mCAAmC,UAAU,oBAAoB,iBAAiB;AAAA,MAC/F,UAAU,MAAM,WAAW,KAAK,kCAAkC,UAAU,MAAM;AAAA,MAClF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAA2C,8BAA8B,YAAY,CAAC;AAAA,MAChG;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,MACnB,MAAK;AAAA,MACJ,GAAG;AAAA,OAEH,UACH,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,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,MAAK;AAAA,KAEL,qCAAC;AAAA,IAAiB,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG,CACnD,CACF,CACF;AAEJ;",
+  "mappings": "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",
   "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useCallback } from "react";
 import { ChevronSmallUp, ChevronSmallDown } from "@elliemae/ds-icons";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
 import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
@@ -28,80 +29,102 @@ const MeridiemList = () => {
   const styledPropsCurrentAmMeridiem = { isCurrentListItem: isAmCurrent, isDisabled: isDisabledAm };
   const styledPropsCurrentPmMeridiem = { isCurrentListItem: isPmCurrent, isDisabled: isDisabledPm };
   const styledPropsNextMeridiem = { isDisabled: isDisabledPm };
-  const handleCurrMeridiemRef = useCallback((ButtonDomNode) => {
-    setTimeout(() => {
-      currMeridiemBtnRef.current = ButtonDomNode;
-      if (latestInteractionRegion === "timewheel" && currFocusDescriber === "timewheel-curr-meridiem")
-        ButtonDomNode?.focus?.();
-    });
-  }, [currFocusDescriber, latestInteractionRegion, currMeridiemBtnRef]);
-  return /* @__PURE__ */ React2.createElement(StyledWheelList, null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
-    ...styledPropsPrevMeridiem,
-    "aria-label": "set am meridiem",
-    "aria-disabled": isDisabledAm,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
-    buttonType: "raw",
-    size: "m",
-    onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
-    innerRef: prevMeridiemBtnRef,
-    tabIndex: -1,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, {
-    color: ["brand-primary", 700]
-  }))), currMeridiem === "AM" || currMeridiem === "" ? /* @__PURE__ */ React2.createElement(StyledWheelListItem, null) : null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
-    isCurrentListItem: isAmCurrent
-  }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, {
-    ...styledPropsCurrentAmMeridiem,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
-    selected: currMeridiem === "AM",
-    "aria-label": `AM ${isAmCurrent ? "selected" : ""}`,
-    "aria-disabled": isDisabledAm,
-    buttonType: "raw",
-    size: "m",
-    onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
-    onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
-    innerRef: isAmCurrent ? handleCurrMeridiemRef : void 0,
-    tabIndex: isAmCurrent ? 0 : -1,
-    role: "spinbutton",
-    "aria-valuemax": 1,
-    "aria-valuemin": 0,
-    "aria-valuenow": isPmCurrent ? 1 : 0,
-    "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
-    type: "button"
-  }, "AM")), /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
-    isCurrentListItem: isPmCurrent
-  }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, {
-    ...styledPropsCurrentPmMeridiem,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
-    selected: currMeridiem === "PM",
-    "aria-label": `PM ${isPmCurrent ? "selected" : ""}`,
-    "aria-disabled": isDisabledPm,
-    buttonType: "raw",
-    size: "m",
-    onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
-    onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
-    innerRef: isPmCurrent ? handleCurrMeridiemRef : void 0,
-    tabIndex: isPmCurrent ? 0 : -1,
-    role: "spinbutton",
-    "aria-valuemax": 1,
-    "aria-valuemin": 0,
-    "aria-valuenow": isPmCurrent ? 1 : 0,
-    "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
-    type: "button"
-  }, "PM")), currMeridiem === "PM" ? /* @__PURE__ */ React2.createElement(StyledWheelListItem, null) : null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
-    ...styledPropsNextMeridiem,
-    "aria-label": "set pm meridiem",
-    "aria-disabled": isDisabledPm,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
-    buttonType: "raw",
-    size: "m",
-    onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
-    innerRef: nextMeridiemBtnRef,
-    tabIndex: -1,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, {
-    color: ["brand-primary", 700]
-  }))));
+  const handleCurrMeridiemRef = useCallback(
+    (ButtonDomNode) => {
+      setTimeout(() => {
+        currMeridiemBtnRef.current = ButtonDomNode;
+        if (latestInteractionRegion === "timewheel" && currFocusDescriber === "timewheel-curr-meridiem")
+          ButtonDomNode?.focus?.();
+      });
+    },
+    [currFocusDescriber, latestInteractionRegion, currMeridiemBtnRef]
+  );
+  return /* @__PURE__ */ jsxs(StyledWheelList, {
+    children: [
+      /* @__PURE__ */ jsx(StyledWheelListItem, {
+        children: /* @__PURE__ */ jsx(StyledWheelChangeTimeBtn, {
+          ...styledPropsPrevMeridiem,
+          "aria-label": "set am meridiem",
+          "aria-disabled": isDisabledAm,
+          "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
+          buttonType: "raw",
+          size: "m",
+          onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
+          innerRef: prevMeridiemBtnRef,
+          tabIndex: -1,
+          type: "button",
+          children: /* @__PURE__ */ jsx(ChevronSmallUp, {
+            color: ["brand-primary", 700]
+          })
+        })
+      }),
+      currMeridiem === "AM" || currMeridiem === "" ? /* @__PURE__ */ jsx(StyledWheelListItem, {}) : null,
+      /* @__PURE__ */ jsx(StyledWheelListItem, {
+        isCurrentListItem: isAmCurrent,
+        children: /* @__PURE__ */ jsx(StyledTimeBtn, {
+          ...styledPropsCurrentAmMeridiem,
+          "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
+          selected: currMeridiem === "AM",
+          "aria-label": `AM ${isAmCurrent ? "selected" : ""}`,
+          "aria-disabled": isDisabledAm,
+          buttonType: "raw",
+          size: "m",
+          onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
+          onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
+          innerRef: isAmCurrent ? handleCurrMeridiemRef : void 0,
+          tabIndex: isAmCurrent ? 0 : -1,
+          role: "spinbutton",
+          "aria-valuemax": 1,
+          "aria-valuemin": 0,
+          "aria-valuenow": isPmCurrent ? 1 : 0,
+          "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
+          type: "button",
+          children: "AM"
+        })
+      }),
+      /* @__PURE__ */ jsx(StyledWheelListItem, {
+        isCurrentListItem: isPmCurrent,
+        children: /* @__PURE__ */ jsx(StyledTimeBtn, {
+          ...styledPropsCurrentPmMeridiem,
+          "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
+          selected: currMeridiem === "PM",
+          "aria-label": `PM ${isPmCurrent ? "selected" : ""}`,
+          "aria-disabled": isDisabledPm,
+          buttonType: "raw",
+          size: "m",
+          onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
+          onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
+          innerRef: isPmCurrent ? handleCurrMeridiemRef : void 0,
+          tabIndex: isPmCurrent ? 0 : -1,
+          role: "spinbutton",
+          "aria-valuemax": 1,
+          "aria-valuemin": 0,
+          "aria-valuenow": isPmCurrent ? 1 : 0,
+          "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
+          type: "button",
+          children: "PM"
+        })
+      }),
+      currMeridiem === "PM" ? /* @__PURE__ */ jsx(StyledWheelListItem, {}) : null,
+      /* @__PURE__ */ jsx(StyledWheelListItem, {
+        children: /* @__PURE__ */ jsx(StyledWheelChangeTimeBtn, {
+          ...styledPropsNextMeridiem,
+          "aria-label": "set pm meridiem",
+          "aria-disabled": isDisabledPm,
+          "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
+          buttonType: "raw",
+          size: "m",
+          onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
+          innerRef: nextMeridiemBtnRef,
+          tabIndex: -1,
+          type: "button",
+          children: /* @__PURE__ */ jsx(ChevronSmallDown, {
+            color: ["brand-primary", 700]
+          })
+        })
+      })
+    ]
+  });
 };
 var MeridiemList_default = MeridiemList;
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/MeridiemList.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 { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MeridiemList = (): JSX.Element => {\n  const { currMeridiem, handleTimeWheelBtnChangeMeridiem, handleCurrMeridiemOnKeyDown } = useContext(TimeWheelContext);\n  const {\n    prevMeridiemBtnRef,\n    currMeridiemBtnRef,\n    nextMeridiemBtnRef,\n    getIsDisabledTime,\n    hours,\n    minutes,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n  const isAmCurrent = !currMeridiem || currMeridiem === 'AM';\n  const isPmCurrent = currMeridiem === '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  const styledPropsPrevMeridiem = { isDisabled: isDisabledAm };\n  const styledPropsCurrentAmMeridiem = { isCurrentListItem: isAmCurrent, isDisabled: isDisabledAm };\n  const styledPropsCurrentPmMeridiem = { isCurrentListItem: isPmCurrent, isDisabled: isDisabledPm };\n  const styledPropsNextMeridiem = { isDisabled: isDisabledPm };\n  const handleCurrMeridiemRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      setTimeout(() => {\n        currMeridiemBtnRef.current = ButtonDomNode;\n        if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-meridiem')\n          ButtonDomNode?.focus?.();\n      });\n    },\n    [currFocusDescriber, latestInteractionRegion, currMeridiemBtnRef],\n  );\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          {...styledPropsPrevMeridiem}\n          aria-label=\"set am meridiem\"\n          aria-disabled={isDisabledAm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          innerRef={prevMeridiemBtnRef}\n          tabIndex={-1}\n          type=\"button\"\n        >\n          <ChevronSmallUp color={['brand-primary', 700]} />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {currMeridiem === 'AM' || currMeridiem === '' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem isCurrentListItem={isAmCurrent}>\n        <StyledTimeBtn\n          {...styledPropsCurrentAmMeridiem}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          selected={currMeridiem === 'AM'}\n          aria-label={`AM ${isAmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledAm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isAmCurrent ? handleCurrMeridiemRef : 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          type=\"button\"\n        >\n          AM\n        </StyledTimeBtn>\n      </StyledWheelListItem>\n      <StyledWheelListItem isCurrentListItem={isPmCurrent}>\n        <StyledTimeBtn\n          {...styledPropsCurrentPmMeridiem}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          selected={currMeridiem === 'PM'}\n          aria-label={`PM ${isPmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledPm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isPmCurrent ? handleCurrMeridiemRef : 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          type=\"button\"\n        >\n          PM\n        </StyledTimeBtn>\n      </StyledWheelListItem>\n      {currMeridiem === 'PM' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          {...styledPropsNextMeridiem}\n          aria-label=\"set pm meridiem\"\n          aria-disabled={isDisabledPm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          innerRef={nextMeridiemBtnRef}\n          tabIndex={-1}\n          type=\"button\"\n        >\n          <ChevronSmallDown color={['brand-primary', 700]} />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MeridiemList;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useCallback } from "react";
 import { ChevronSmallUp, ChevronSmallDown } from "@elliemae/ds-icons";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
 import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
@@ -26,74 +27,88 @@ const MinutesList = () => {
     currFocusDescriber,
     latestInteractionRegion
   } = useContext(ControlledDateTimePickerContext);
-  const handleCurrMeridiemRef = useCallback((ButtonDomNode) => {
-    setTimeout(() => {
-      currMinutesBtnRef.current = ButtonDomNode;
-      if (latestInteractionRegion === "timewheel" && currFocusDescriber === "timewheel-curr-minute")
-        ButtonDomNode?.focus?.();
-    });
-  }, [currFocusDescriber, latestInteractionRegion, currMinutesBtnRef]);
-  return /* @__PURE__ */ React2.createElement(StyledWheelList, null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
-    "aria-label": "subtract one minute",
-    buttonType: "raw",
-    size: "m",
-    onClick: handlePrevMinute,
-    innerRef: prevMinutesBtnRef,
-    tabIndex: -1,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, {
-    color: ["brand-primary", 700]
-  }))), visibleMinutes.map((minutesString) => {
-    const key = `timewheel-minutes-${minutesString || ""}`;
-    if (!minutesString)
-      return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
-        key
+  const handleCurrMeridiemRef = useCallback(
+    (ButtonDomNode) => {
+      setTimeout(() => {
+        currMinutesBtnRef.current = ButtonDomNode;
+        if (latestInteractionRegion === "timewheel" && currFocusDescriber === "timewheel-curr-minute")
+          ButtonDomNode?.focus?.();
       });
-    const currMinutesTimeString = `${currHourNum}:${minutesString} ${currMeridiem}`;
-    const isEmptyCurrValueCurrentListItem = !minutes && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;
-    const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;
-    const isDisabled = getIsDisabledTime(currMinutesTimeString);
-    const tabIndex = isCurrentListItem ? 0 : -1;
-    const btnProps = {
-      onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : void 0,
-      innerRef: isCurrentListItem ? handleCurrMeridiemRef : void 0
-    };
-    const styledProps = { isCurrentListItem, isDisabled };
-    return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
-      key,
-      isCurrentListItem,
-      selected: convertToPositiveNumberIfPossible(minutesString) === currMinuteNum
-    }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, {
-      ...styledProps,
-      "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_MINUTE" : "MINUTE"],
-      selected: minutes.length === 2 && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum,
-      "aria-label": `${minutesString} minutes`,
-      "aria-disabled": isDisabled,
-      buttonType: "raw",
-      size: "m",
-      onClick: (e) => handleTimeWheelBtnChangeMinutes(minutesString, e),
-      tabIndex,
-      role: "spinbutton",
-      "aria-valuemax": 59,
-      "aria-valuemin": 0,
-      "aria-valuenow": currMinuteNum,
-      "aria-valuetext": `${minutesString} minutes`,
-      type: "button",
-      ...btnProps
-    }, minutesString));
-  }), /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
-    "aria-label": "add one minute",
-    buttonType: "raw",
-    size: "m",
-    onClick: handleNextMinute,
-    innerRef: nextMinutesBtnRef,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE,
-    tabIndex: -1,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, {
-    color: ["brand-primary", 700]
-  }))));
+    },
+    [currFocusDescriber, latestInteractionRegion, currMinutesBtnRef]
+  );
+  return /* @__PURE__ */ jsxs(StyledWheelList, {
+    children: [
+      /* @__PURE__ */ jsx(StyledWheelListItem, {
+        children: /* @__PURE__ */ jsx(StyledWheelChangeTimeBtn, {
+          "aria-label": "subtract one minute",
+          buttonType: "raw",
+          size: "m",
+          onClick: handlePrevMinute,
+          innerRef: prevMinutesBtnRef,
+          tabIndex: -1,
+          "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE,
+          type: "button",
+          children: /* @__PURE__ */ jsx(ChevronSmallUp, {
+            color: ["brand-primary", 700]
+          })
+        })
+      }),
+      visibleMinutes.map((minutesString) => {
+        const key = `timewheel-minutes-${minutesString || ""}`;
+        if (!minutesString)
+          return /* @__PURE__ */ jsx(StyledWheelListItem, {}, key);
+        const currMinutesTimeString = `${currHourNum}:${minutesString} ${currMeridiem}`;
+        const isEmptyCurrValueCurrentListItem = !minutes && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;
+        const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;
+        const isDisabled = getIsDisabledTime(currMinutesTimeString);
+        const tabIndex = isCurrentListItem ? 0 : -1;
+        const btnProps = {
+          onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : void 0,
+          innerRef: isCurrentListItem ? handleCurrMeridiemRef : void 0
+        };
+        const styledProps = { isCurrentListItem, isDisabled };
+        return /* @__PURE__ */ jsx(StyledWheelListItem, {
+          isCurrentListItem,
+          selected: convertToPositiveNumberIfPossible(minutesString) === currMinuteNum,
+          children: /* @__PURE__ */ jsx(StyledTimeBtn, {
+            ...styledProps,
+            "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_MINUTE" : "MINUTE"],
+            selected: minutes.length === 2 && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum,
+            "aria-label": `${minutesString} minutes`,
+            "aria-disabled": isDisabled,
+            buttonType: "raw",
+            size: "m",
+            onClick: (e) => handleTimeWheelBtnChangeMinutes(minutesString, e),
+            tabIndex,
+            role: "spinbutton",
+            "aria-valuemax": 59,
+            "aria-valuemin": 0,
+            "aria-valuenow": currMinuteNum,
+            "aria-valuetext": `${minutesString} minutes`,
+            type: "button",
+            ...btnProps,
+            children: minutesString
+          })
+        }, key);
+      }),
+      /* @__PURE__ */ jsx(StyledWheelListItem, {
+        children: /* @__PURE__ */ jsx(StyledWheelChangeTimeBtn, {
+          "aria-label": "add one minute",
+          buttonType: "raw",
+          size: "m",
+          onClick: handleNextMinute,
+          innerRef: nextMinutesBtnRef,
+          "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE,
+          tabIndex: -1,
+          type: "button",
+          children: /* @__PURE__ */ jsx(ChevronSmallDown, {
+            color: ["brand-primary", 700]
+          })
+        })
+      })
+    ]
+  });
 };
 var MinutesList_default = MinutesList;
 export {