@elliemae/ds-controlled-form 2.2.1 → 2.3.0-alpha.4

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

@@ -1,26 +1,24 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React from 'react';
-import { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';
-import { StyledPickersIconsWrapperGrid } from '../Styleds.js';
-import { CalendarWithTimeWheel } from './CalendarWithTimeWheel/CalendarWithTimeWheel.js';
-import { Calendar } from './Calendar/Calendar.js';
-import { TimeWheel } from './TimeWheel/TimeWheel.js';
-
-var _Calendar, _TimeWheel, _CalendarWithTimeWhee;
+import * as React from "react";
+import React2 from "react";
+import { ControlledDateTimePickerContext } from "../../ControlledDateTimePickerCTX";
+import { StyledPickersIconsWrapperGrid } from "../Styleds";
+import { CalendarWithTimeWheel } from "./CalendarWithTimeWheel/CalendarWithTimeWheel";
+import { Calendar } from "./Calendar/Calendar";
+import { TimeWheel } from "./TimeWheel/TimeWheel";
 const PickersIcons = () => {
   const {
     hideDatePicker,
     hideTimePicker,
     hideDateTimePicker,
     isControllerOnly,
-    props: {
-      hasError
-    }
-  } = React.useContext(ControlledDateTimePickerContext);
-  return /*#__PURE__*/_jsx(StyledPickersIconsWrapperGrid, {
-    hasError: hasError,
-    isControllerOnly: isControllerOnly
-  }, void 0, !hideDatePicker && hideTimePicker && hideDateTimePicker ? _Calendar || (_Calendar = /*#__PURE__*/_jsx(Calendar, {})) : null, hideDatePicker && !hideTimePicker && hideDateTimePicker ? _TimeWheel || (_TimeWheel = /*#__PURE__*/_jsx(TimeWheel, {})) : null, hideDatePicker && hideTimePicker && !hideDateTimePicker ? _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx(CalendarWithTimeWheel, {})) : null);
+    props: { hasError }
+  } = React2.useContext(ControlledDateTimePickerContext);
+  return /* @__PURE__ */ React2.createElement(StyledPickersIconsWrapperGrid, {
+    hasError,
+    isControllerOnly
+  }, !hideDatePicker && hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ React2.createElement(Calendar, null) : null, hideDatePicker && !hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ React2.createElement(TimeWheel, null) : null, hideDatePicker && hideTimePicker && !hideDateTimePicker ? /* @__PURE__ */ React2.createElement(CalendarWithTimeWheel, null) : null);
 };
-
-export { PickersIcons };
+export {
+  PickersIcons
+};
+//# sourceMappingURL=PickersIcons.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-date-time-picker/parts/Pickers/PickersIcons.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { StyledPickersIconsWrapperGrid } from '../Styleds';\nimport { CalendarWithTimeWheel } from './CalendarWithTimeWheel/CalendarWithTimeWheel';\nimport { Calendar } from './Calendar/Calendar';\nimport { TimeWheel } from './TimeWheel/TimeWheel';\n\nexport const PickersIcons = (): JSX.Element => {\n  const {\n    hideDatePicker,\n    hideTimePicker,\n    hideDateTimePicker,\n    isControllerOnly,\n    props: { hasError },\n  } = React.useContext(ControlledDateTimePickerContext);\n\n  return (\n    <StyledPickersIconsWrapperGrid hasError={hasError} isControllerOnly={isControllerOnly}>\n      {!hideDatePicker && hideTimePicker && hideDateTimePicker ? <Calendar /> : null}\n      {hideDatePicker && !hideTimePicker && hideDateTimePicker ? <TimeWheel /> : null}\n      {hideDatePicker && hideTimePicker && !hideDateTimePicker ? <CalendarWithTimeWheel /> : null}\n    </StyledPickersIconsWrapperGrid>\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,eAAe,MAAmB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE;AAAA,MACP,OAAM,WAAW;AAErB,SACE,qCAAC,+BAAD;AAAA,IAA+B;AAAA,IAAoB;AAAA,KAChD,CAAC,kBAAkB,kBAAkB,qBAAqB,qCAAC,UAAD,QAAe,MACzE,kBAAkB,CAAC,kBAAkB,qBAAqB,qCAAC,WAAD,QAAgB,MAC1E,kBAAkB,kBAAkB,CAAC,qBAAqB,qCAAC,uBAAD,QAA4B;AAAA;",
+  "names": []
+}

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

@@ -1,25 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useContext } from 'react';
-import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers.js';
-import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn, StyledTimeBtn } from './Styleds.js';
-import { TimeWheelContext } from './TimeWheelContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _ChevronSmallUp, _ChevronSmallDown;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ChevronSmallUp, ChevronSmallDown } from "@elliemae/ds-icons";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { convertToPositiveNumberIfPossible } from "../../../utils/numberHelpers";
+import { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from "./Styleds";
+import { TimeWheelContext } from "./TimeWheelContext";
 const HoursList = () => {
   const {
     currHourNum,
@@ -39,7 +24,7 @@ const HoursList = () => {
     getIsDisabledTime,
     autoFocusHourTimeWheel
   } = useContext(TimeWheelContext);
-  return /*#__PURE__*/_jsx(StyledWheelList, {}, void 0, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
+  return /* @__PURE__ */ React2.createElement(StyledWheelList, null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "subtract one hour",
     buttonType: "raw",
     size: "m",
@@ -48,41 +33,44 @@ const HoursList = () => {
     innerRef: prevHourBtnRef,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
     tabIndex: -1
-  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx(ChevronSmallUp, {})))), visibleHours.map(hourString => {
-    const key = "timewheel-hour-".concat(hourString);
-    if (!hourString) return /*#__PURE__*/_jsx(StyledWheelListItem, {}, key);
-    const currHourTimeString = "".concat(hourString, ":").concat(minutes || '00', " ").concat(meridiem || 'AM');
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, null))), visibleHours.map((hourString) => {
+    const key = `timewheel-hour-${hourString}`;
+    if (!hourString)
+      return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
+        key
+      });
+    const currHourTimeString = `${hourString}:${minutes || "00"} ${meridiem || "AM"}`;
     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 : undefined,
-      innerRef: isCurrentListItem ? currHourBtnRef : undefined
+      onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : void 0,
+      innerRef: isCurrentListItem ? currHourBtnRef : void 0
     };
-    return /*#__PURE__*/_jsx(StyledWheelListItem, {
-      isCurrentListItem: isCurrentListItem
-    }, key, /*#__PURE__*/jsx(StyledTimeBtn, _objectSpread(_objectSpread({
-      isCurrentListItem: isCurrentListItem,
+    return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
+      isCurrentListItem,
+      key
+    }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, {
+      isCurrentListItem,
       autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
-      "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR'],
+      "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_HOUR" : "HOUR"],
       selected: hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum,
-      "aria-label": "".concat(hourString, " hours"),
+      "aria-label": `${hourString} hours`,
       "aria-disabled": isDisabled,
-      isDisabled: isDisabled,
+      isDisabled,
       buttonType: "raw",
       size: "m",
-      onClick: e => handleTimeWheelBtnChangeHours(hourString, e),
-      tabIndex: tabIndex,
+      onClick: (e) => handleTimeWheelBtnChangeHours(hourString, e),
+      tabIndex,
       role: "spinbutton",
       "aria-valuemax": "12",
       "aria-valuemin": "1",
       "aria-valuenow": currHourNum,
-      "aria-valuetext": "".concat(hourString, " hours")
-    }, btnProps), {}, {
-      children: hourString
-    })));
-  }), /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
+      "aria-valuetext": `${hourString} hours`,
+      ...btnProps
+    }, hourString));
+  }), /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "add one hour",
     buttonType: "raw",
     size: "m",
@@ -91,7 +79,9 @@ const HoursList = () => {
     innerRef: nextHourBtnRef,
     tabIndex: -1,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR
-  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})))));
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, null))));
 };
-
-export { HoursList };
+export {
+  HoursList
+};
+//# sourceMappingURL=HoursList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const HoursList = (): JSX.Element => {\n  const {\n    currHourNum,\n    hours,\n    minutes,\n    meridiem,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    handlePrevHourBtnOnKeyDown,\n    handleCurrHourOnKeyDown,\n    handleNextHourBtnOnKeyDown,\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    getIsDisabledTime,\n    autoFocusHourTimeWheel,\n  } = useContext(TimeWheelContext);\n\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one hour\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handlePrevHour}\n          onKeyDown={handlePrevHourBtnOnKeyDown}\n          innerRef={prevHourBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {visibleHours.map((hourString) => {\n        const key = `timewheel-hour-${hourString}`;\n        if (!hourString) return <StyledWheelListItem key={key} />;\n        const currHourTimeString = `${hourString}:${minutes || '00'} ${meridiem || 'AM'}`;\n\n        const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;\n        const isDisabled = getIsDisabledTime(currHourTimeString);\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? currHourBtnRef : undefined,\n        };\n        return (\n          <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n            <StyledTimeBtn\n              isCurrentListItem={isCurrentListItem}\n              autoFocus={autoFocusHourTimeWheel && isCurrentListItem}\n              data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR']}\n              selected={hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum}\n              aria-label={`${hourString} hours`}\n              aria-disabled={isDisabled}\n              isDisabled={isDisabled}\n              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e) => handleTimeWheelBtnChangeHours(hourString, e)}\n              tabIndex={tabIndex}\n              role=\"spinbutton\"\n              aria-valuemax=\"12\"\n              aria-valuemin=\"1\"\n              aria-valuenow={currHourNum}\n              aria-valuetext={`${hourString} hours`}\n              {...btnProps}\n            >\n              {hourString}\n            </StyledTimeBtn>\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one hour\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handleNextHour}\n          onKeyDown={handleNextHourBtnOnKeyDown}\n          innerRef={nextHourBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;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,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,SACE,qCAAC,iBAAD,MACE,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,KAEV,qCAAC,gBAAD,SAGH,aAAa,IAAI,CAAC,eAAe;AAChC,UAAM,MAAM,kBAAkB;AAC9B,QAAI,CAAC;AAAY,aAAO,qCAAC,qBAAD;AAAA,QAAqB;AAAA;AAC7C,UAAM,qBAAqB,GAAG,cAAc,WAAW,QAAQ,YAAY;AAE3E,UAAM,kCAAkC,CAAC,SAAS,kCAAkC,gBAAgB;AACpG,UAAM,oBAAoB,mCAAmC,UAAU;AACvE,UAAM,aAAa,kBAAkB;AACrC,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,0BAA0B;AAAA,MACzD,UAAU,oBAAoB,iBAAiB;AAAA;AAEjD,WACE,qCAAC,qBAAD;AAAA,MAAqB;AAAA,MAAsC;AAAA,OACzD,qCAAC,eAAD;AAAA,MACE;AAAA,MACA,WAAW,0BAA0B;AAAA,MACrC,eAAa,mCAAmC,UAAU,oBAAoB,iBAAiB;AAAA,MAC/F,UAAU,MAAM,WAAW,KAAK,kCAAkC,gBAAgB;AAAA,MAClF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf;AAAA,MACA,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,8BAA8B,YAAY;AAAA,MAC1D;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,SACf;AAAA,OAEH;AAAA,MAKT,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,KAE1D,qCAAC,kBAAD;AAAA;",
+  "names": []
+}

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

@@ -1,11 +1,9 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn, StyledTimeBtn } from './Styleds.js';
-import { TimeWheelContext } from './TimeWheelContext.js';
-
-var _ChevronSmallUp, _StyledWheelListItem, _StyledWheelListItem2, _ChevronSmallDown;
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ChevronSmallUp, ChevronSmallDown } from "@elliemae/ds-icons";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from "./Styleds";
+import { TimeWheelContext } from "./TimeWheelContext";
 const MeridiemList = () => {
   const {
     hours,
@@ -20,76 +18,80 @@ const MeridiemList = () => {
     nextMeridiemBtnRef,
     getIsDisabledTime
   } = useContext(TimeWheelContext);
-  const isAmCurrent = !meridiem || meridiem === 'AM';
-  const isPmCurrent = meridiem === 'PM';
-  const hourMinuteString = "".concat(hours || '01', ":").concat(minutes || '00');
-  const amTimeString = "".concat(hourMinuteString, " AM");
-  const pmTimeString = "".concat(hourMinuteString, " PM");
+  const isAmCurrent = !meridiem || meridiem === "AM";
+  const isPmCurrent = meridiem === "PM";
+  const hourMinuteString = `${hours || "01"}:${minutes || "00"}`;
+  const amTimeString = `${hourMinuteString} AM`;
+  const pmTimeString = `${hourMinuteString} PM`;
   const isDisabledAm = getIsDisabledTime(amTimeString);
   const isDisabledPm = getIsDisabledTime(pmTimeString);
-  return /*#__PURE__*/_jsx(StyledWheelList, {}, void 0, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
+  return /* @__PURE__ */ React2.createElement(StyledWheelList, null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "set am meridiem",
     "aria-disabled": isDisabledAm,
     isDisabled: isDisabledAm,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
     buttonType: "raw",
     size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('AM', e),
+    onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
     onKeyDown: handlePrevMeridiemBtnOnKeyDown,
     innerRef: prevMeridiemBtnRef,
     tabIndex: -1
-  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx(ChevronSmallUp, {})))), meridiem === 'AM' || meridiem === '' ? _StyledWheelListItem || (_StyledWheelListItem = /*#__PURE__*/_jsx(StyledWheelListItem, {})) : null, /*#__PURE__*/_jsx(StyledWheelListItem, {
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, null))), meridiem === "AM" || meridiem === "" ? /* @__PURE__ */ React2.createElement(StyledWheelListItem, null) : null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
     isCurrentListItem: isAmCurrent
-  }, void 0, /*#__PURE__*/_jsx(StyledTimeBtn, {
+  }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, {
     isCurrentListItem: isAmCurrent,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
-    selected: meridiem === 'AM',
-    "aria-label": "AM ".concat(isAmCurrent ? 'selected' : ''),
+    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
+    selected: meridiem === "AM",
+    "aria-label": `AM ${isAmCurrent ? "selected" : ""}`,
     "aria-disabled": isDisabledAm,
     isDisabled: isDisabledAm,
     buttonType: "raw",
     size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('AM', e),
-    onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined,
-    innerRef: isAmCurrent ? currMeridiemBtnRef : undefined,
+    onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
+    onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
+    innerRef: isAmCurrent ? currMeridiemBtnRef : 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'
-  }, void 0, "AM")), /*#__PURE__*/_jsx(StyledWheelListItem, {
+    "aria-valuenow": isPmCurrent ? "1" : "0",
+    "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem"
+  }, "AM")), /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
     isCurrentListItem: isPmCurrent
-  }, void 0, /*#__PURE__*/_jsx(StyledTimeBtn, {
+  }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, {
     isCurrentListItem: isPmCurrent,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
-    selected: meridiem === 'PM',
-    "aria-label": "PM ".concat(isPmCurrent ? 'selected' : ''),
+    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
+    selected: meridiem === "PM",
+    "aria-label": `PM ${isPmCurrent ? "selected" : ""}`,
     "aria-disabled": isDisabledPm,
     isDisabled: isDisabledPm,
     buttonType: "raw",
     size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('PM', e),
-    onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined,
-    innerRef: isPmCurrent ? currMeridiemBtnRef : undefined,
+    onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
+    onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
+    innerRef: isPmCurrent ? currMeridiemBtnRef : 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'
-  }, void 0, "PM")), meridiem === 'PM' ? _StyledWheelListItem2 || (_StyledWheelListItem2 = /*#__PURE__*/_jsx(StyledWheelListItem, {})) : null, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
+    "aria-valuenow": isPmCurrent ? "1" : "0",
+    "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem"
+  }, "PM")), meridiem === "PM" ? /* @__PURE__ */ React2.createElement(StyledWheelListItem, null) : null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "set pm meridiem",
     "aria-disabled": isDisabledPm,
     isDisabled: isDisabledPm,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
     buttonType: "raw",
     size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('PM', e),
+    onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
     onKeyDown: handleNextMeridiemBtnOnKeyDown,
     innerRef: nextMeridiemBtnRef,
     tabIndex: -1
-  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})))));
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, null))));
 };
-
-export { MeridiemList, MeridiemList as default };
+var MeridiemList_default = MeridiemList;
+export {
+  MeridiemList,
+  MeridiemList_default as default
+};
+//# sourceMappingURL=MeridiemList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MeridiemList = (): JSX.Element => {\n  const {\n    hours,\n    minutes,\n    meridiem,\n    handleTimeWheelBtnChangeMeridiem,\n    handlePrevMeridiemBtnOnKeyDown,\n    handleCurrMeridiemOnKeyDown,\n    handleNextMeridiemBtnOnKeyDown,\n    prevMeridiemBtnRef,\n    currMeridiemBtnRef,\n    nextMeridiemBtnRef,\n    getIsDisabledTime,\n  } = useContext(TimeWheelContext);\n  const isAmCurrent = !meridiem || meridiem === 'AM';\n  const isPmCurrent = meridiem === 'PM';\n  const hourMinuteString = `${hours || '01'}:${minutes || '00'}`;\n  const amTimeString = `${hourMinuteString} AM`;\n  const pmTimeString = `${hourMinuteString} PM`;\n  const isDisabledAm = getIsDisabledTime(amTimeString);\n  const isDisabledPm = getIsDisabledTime(pmTimeString);\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"set am meridiem\"\n          aria-disabled={isDisabledAm}\n          isDisabled={isDisabledAm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={handlePrevMeridiemBtnOnKeyDown}\n          innerRef={prevMeridiemBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {meridiem === 'AM' || meridiem === '' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem isCurrentListItem={isAmCurrent}>\n        <StyledTimeBtn\n          isCurrentListItem={isAmCurrent}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          selected={meridiem === 'AM'}\n          aria-label={`AM ${isAmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledAm}\n          isDisabled={isDisabledAm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isAmCurrent ? currMeridiemBtnRef : undefined}\n          tabIndex={isAmCurrent ? 0 : -1}\n          role=\"spinbutton\"\n          aria-valuemax=\"1\"\n          aria-valuemin=\"0\"\n          aria-valuenow={isPmCurrent ? '1' : '0'}\n          aria-valuetext={isAmCurrent ? 'ante meridiem' : 'post meridiem'}\n        >\n          AM\n        </StyledTimeBtn>\n      </StyledWheelListItem>\n      <StyledWheelListItem isCurrentListItem={isPmCurrent}>\n        <StyledTimeBtn\n          isCurrentListItem={isPmCurrent}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          selected={meridiem === 'PM'}\n          aria-label={`PM ${isPmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledPm}\n          isDisabled={isDisabledPm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isPmCurrent ? currMeridiemBtnRef : undefined}\n          tabIndex={isPmCurrent ? 0 : -1}\n          role=\"spinbutton\"\n          aria-valuemax=\"1\"\n          aria-valuemin=\"0\"\n          aria-valuenow={isPmCurrent ? '1' : '0'}\n          aria-valuetext={isAmCurrent ? 'ante meridiem' : 'post meridiem'}\n        >\n          PM\n        </StyledTimeBtn>\n      </StyledWheelListItem>\n      {meridiem === 'PM' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"set pm meridiem\"\n          aria-disabled={isDisabledPm}\n          isDisabled={isDisabledPm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={handleNextMeridiemBtnOnKeyDown}\n          innerRef={nextMeridiemBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MeridiemList;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,eAAe,MAAmB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AACf,QAAM,cAAc,CAAC,YAAY,aAAa;AAC9C,QAAM,cAAc,aAAa;AACjC,QAAM,mBAAmB,GAAG,SAAS,QAAQ,WAAW;AACxD,QAAM,eAAe,GAAG;AACxB,QAAM,eAAe,GAAG;AACxB,QAAM,eAAe,kBAAkB;AACvC,QAAM,eAAe,kBAAkB;AACvC,SACE,qCAAC,iBAAD,MACE,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,iBAAe;AAAA,IACf,YAAY;AAAA,IACZ,eAAa,mCAAmC,UAAU;AAAA,IAC1D,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,CAAC,MAAM,iCAAiC,MAAM;AAAA,IACvD,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,KAEV,qCAAC,gBAAD,SAGH,aAAa,QAAQ,aAAa,KAAK,qCAAC,qBAAD,QAA0B,MAClE,qCAAC,qBAAD;AAAA,IAAqB,mBAAmB;AAAA,KACtC,qCAAC,eAAD;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAa,mCAAmC,UAAU,cAAc,qBAAqB;AAAA,IAC7F,UAAU,aAAa;AAAA,IACvB,cAAY,MAAM,cAAc,aAAa;AAAA,IAC7C,iBAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,CAAC,MAAM,iCAAiC,MAAM;AAAA,IACvD,WAAW,cAAc,8BAA8B;AAAA,IACvD,UAAU,cAAc,qBAAqB;AAAA,IAC7C,UAAU,cAAc,IAAI;AAAA,IAC5B,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,iBAAe,cAAc,MAAM;AAAA,IACnC,kBAAgB,cAAc,kBAAkB;AAAA,KACjD,QAIH,qCAAC,qBAAD;AAAA,IAAqB,mBAAmB;AAAA,KACtC,qCAAC,eAAD;AAAA,IACE,mBAAmB;AAAA,IACnB,eAAa,mCAAmC,UAAU,cAAc,qBAAqB;AAAA,IAC7F,UAAU,aAAa;AAAA,IACvB,cAAY,MAAM,cAAc,aAAa;AAAA,IAC7C,iBAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,CAAC,MAAM,iCAAiC,MAAM;AAAA,IACvD,WAAW,cAAc,8BAA8B;AAAA,IACvD,UAAU,cAAc,qBAAqB;AAAA,IAC7C,UAAU,cAAc,IAAI;AAAA,IAC5B,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,iBAAe,cAAc,MAAM;AAAA,IACnC,kBAAgB,cAAc,kBAAkB;AAAA,KACjD,QAIF,aAAa,OAAO,qCAAC,qBAAD,QAA0B,MAC/C,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,iBAAe;AAAA,IACf,YAAY;AAAA,IACZ,eAAa,mCAAmC,UAAU;AAAA,IAC1D,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,CAAC,MAAM,iCAAiC,MAAM;AAAA,IACvD,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,KAEV,qCAAC,kBAAD;AAAA;AAOV,IAAO,uBAAQ;",
+  "names": []
+}

package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js

@@ -1,25 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useContext } from 'react';
-import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers.js';
-import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn, StyledTimeBtn } from './Styleds.js';
-import { TimeWheelContext } from './TimeWheelContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _ChevronSmallUp, _ChevronSmallDown;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ChevronSmallUp, ChevronSmallDown } from "@elliemae/ds-icons";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { convertToPositiveNumberIfPossible } from "../../../utils/numberHelpers";
+import { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from "./Styleds";
+import { TimeWheelContext } from "./TimeWheelContext";
 const MinutesList = () => {
   const {
     currMinuteNum,
@@ -38,7 +23,7 @@ const MinutesList = () => {
     nextMinutesBtnRef,
     getIsDisabledTime
   } = useContext(TimeWheelContext);
-  return /*#__PURE__*/_jsx(StyledWheelList, {}, void 0, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
+  return /* @__PURE__ */ React2.createElement(StyledWheelList, null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "subtract one minute",
     buttonType: "raw",
     size: "m",
@@ -47,41 +32,44 @@ const MinutesList = () => {
     innerRef: prevMinutesBtnRef,
     tabIndex: -1,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE
-  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx(ChevronSmallUp, {})))), visibleMinutes.map(minutesString => {
-    const key = "timewheel-minutes-".concat(minutesString);
-    if (!minutesString) return /*#__PURE__*/_jsx(StyledWheelListItem, {}, key);
-    const currMinutesTimeString = "".concat(hours || '01', ":").concat(minutesString, " ").concat(meridiem || 'AM');
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, null))), visibleMinutes.map((minutesString) => {
+    const key = `timewheel-minutes-${minutesString}`;
+    if (!minutesString)
+      return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
+        key
+      });
+    const currMinutesTimeString = `${hours || "01"}:${minutesString} ${meridiem || "AM"}`;
     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 : undefined,
-      innerRef: isCurrentListItem ? currMinutesBtnRef : undefined
+      onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : void 0,
+      innerRef: isCurrentListItem ? currMinutesBtnRef : void 0
     };
-    return /*#__PURE__*/_jsx(StyledWheelListItem, {
-      isCurrentListItem: isCurrentListItem,
+    return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
+      key,
+      isCurrentListItem,
       selected: convertToPositiveNumberIfPossible(minutesString) === currMinuteNum
-    }, key, /*#__PURE__*/jsx(StyledTimeBtn, _objectSpread(_objectSpread({
-      isCurrentListItem: isCurrentListItem,
-      "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_MINUTE' : 'MINUTE'],
+    }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, {
+      isCurrentListItem,
+      "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_MINUTE" : "MINUTE"],
       selected: minutes.length === 2 && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum,
-      "aria-label": "".concat(minutesString, " minutes"),
+      "aria-label": `${minutesString} minutes`,
       "aria-disabled": isDisabled,
-      isDisabled: isDisabled,
+      isDisabled,
       buttonType: "raw",
       size: "m",
-      onClick: e => handleTimeWheelBtnChangeMinutes(minutesString, e),
-      tabIndex: tabIndex,
+      onClick: (e) => handleTimeWheelBtnChangeMinutes(minutesString, e),
+      tabIndex,
       role: "spinbutton",
       "aria-valuemax": "59",
       "aria-valuemin": "0",
       "aria-valuenow": currMinuteNum,
-      "aria-valuetext": "".concat(minutesString, " minutes")
-    }, btnProps), {}, {
-      children: minutesString
-    })));
-  }), /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
+      "aria-valuetext": `${minutesString} minutes`,
+      ...btnProps
+    }, minutesString));
+  }), /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "add one minute",
     buttonType: "raw",
     size: "m",
@@ -90,7 +78,11 @@ const MinutesList = () => {
     innerRef: nextMinutesBtnRef,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE,
     tabIndex: -1
-  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})))));
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, null))));
 };
-
-export { MinutesList, MinutesList as default };
+var MinutesList_default = MinutesList;
+export {
+  MinutesList,
+  MinutesList_default as default
+};
+//# sourceMappingURL=MinutesList.js.map

package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MinutesList = (): JSX.Element => {\n  const {\n    currMinuteNum,\n    hours,\n    minutes,\n    meridiem,\n    visibleMinutes,\n    handlePrevMinute,\n    handleNextMinute,\n    handleTimeWheelBtnChangeMinutes,\n    handlePrevMinuteBtnOnKeyDown,\n    handleCurrMinutesOnKeyDown,\n    handleNextMinuteBtnOnKeyDown,\n    prevMinutesBtnRef,\n    currMinutesBtnRef,\n    nextMinutesBtnRef,\n    getIsDisabledTime,\n  } = useContext(TimeWheelContext);\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          onKeyDown={handlePrevMinuteBtnOnKeyDown}\n          innerRef={prevMinutesBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {visibleMinutes.map((minutesString) => {\n        const key = `timewheel-minutes-${minutesString}`;\n        if (!minutesString) return <StyledWheelListItem key={key} />;\n        const currMinutesTimeString = `${hours || '01'}:${minutesString} ${meridiem || 'AM'}`;\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 ? currMinutesBtnRef : undefined,\n        };\n        return (\n          <StyledWheelListItem\n            key={key}\n            isCurrentListItem={isCurrentListItem}\n            selected={convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n          >\n            <StyledTimeBtn\n              isCurrentListItem={isCurrentListItem}\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              isDisabled={isDisabled}\n              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e) => 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              {...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          onKeyDown={handleNextMinuteBtnOnKeyDown}\n          innerRef={nextMinutesBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE}\n          tabIndex={-1}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MinutesList;\n"],
+  "mappings": "AAAA;ACCA;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,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,SACE,qCAAC,iBAAD,MACE,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,KAE1D,qCAAC,gBAAD,SAGH,eAAe,IAAI,CAAC,kBAAkB;AACrC,UAAM,MAAM,qBAAqB;AACjC,QAAI,CAAC;AAAe,aAAO,qCAAC,qBAAD;AAAA,QAAqB;AAAA;AAChD,UAAM,wBAAwB,GAAG,SAAS,QAAQ,iBAAiB,YAAY;AAC/E,UAAM,kCACJ,CAAC,WAAW,kCAAkC,mBAAmB;AACnE,UAAM,oBAAoB,mCAAmC,YAAY;AACzE,UAAM,aAAa,kBAAkB;AAErC,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,6BAA6B;AAAA,MAC5D,UAAU,oBAAoB,oBAAoB;AAAA;AAEpD,WACE,qCAAC,qBAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,UAAU,kCAAkC,mBAAmB;AAAA,OAE/D,qCAAC,eAAD;AAAA,MACE;AAAA,MACA,eACE,mCAAmC,UAAU,oBAAoB,mBAAmB;AAAA,MAEtF,UAAU,QAAQ,WAAW,KAAK,kCAAkC,mBAAmB;AAAA,MACvF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf;AAAA,MACA,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,gCAAgC,eAAe;AAAA,MAC/D;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,SACf;AAAA,OAEH;AAAA,MAKT,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,KAEV,qCAAC,kBAAD;AAAA;AAOV,IAAO,sBAAQ;",
+  "names": []
+}

package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js

@@ -1,25 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useContext } from 'react';
-import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';
-import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
-import { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers.js';
-import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn } from './Styleds.js';
-import { TimeWheelContext } from './TimeWheelContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _ChevronSmallUp, _ChevronSmallDown;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as React from "react";
+import React2, { useContext } from "react";
+import DSButton, { BUTTON_VARIANT } from "@elliemae/ds-button";
+import { ChevronSmallDown, ChevronSmallUp } from "@elliemae/ds-icons";
+import { convertToPositiveNumberIfPossible } from "../../../utils/numberHelpers";
+import { StyledWheelChangeTimeBtn, StyledWheelList, StyledWheelListItem } from "./Styleds";
+import { TimeWheelContext } from "./TimeWheelContext";
 const SecondsList = () => {
   const {
     currSecondNum,
@@ -35,7 +20,7 @@ const SecondsList = () => {
     currSecondsBtnRef,
     nextSecondsBtnRef
   } = useContext(TimeWheelContext);
-  return /*#__PURE__*/_jsx(StyledWheelList, {}, void 0, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
+  return /* @__PURE__ */ React2.createElement(StyledWheelList, null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "subtract one minute",
     buttonType: "raw",
     size: "m",
@@ -44,29 +29,32 @@ const SecondsList = () => {
     onKeyDown: handlePrevSecondBtnOnKeyDown,
     innerRef: prevSecondsBtnRef,
     tabIndex: -1
-  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx(ChevronSmallUp, {})))), visibleSeconds.map(secondsString => {
-    const key = "timewheel-seconds-".concat(secondsString);
-    if (!secondsString) return /*#__PURE__*/_jsx(StyledWheelListItem, {}, key);
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, null))), visibleSeconds.map((secondsString) => {
+    const key = `timewheel-seconds-${secondsString}`;
+    if (!secondsString)
+      return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
+        key
+      });
     const isEmptyCurrValueCurrentListItem = !seconds && convertToPositiveNumberIfPossible(secondsString) === currSecondNum;
     const isCurrentListItem = isEmptyCurrValueCurrentListItem || seconds === secondsString;
     const tabIndex = isCurrentListItem ? 0 : -1;
     const btnProps = {
-      onKeyDown: isCurrentListItem ? handleCurrSecondsOnKeyDown : undefined,
-      innerRef: isCurrentListItem ? currSecondsBtnRef : undefined
+      onKeyDown: isCurrentListItem ? handleCurrSecondsOnKeyDown : void 0,
+      innerRef: isCurrentListItem ? currSecondsBtnRef : void 0
     };
-    return /*#__PURE__*/_jsx(StyledWheelListItem, {
-      isCurrentListItem: isCurrentListItem
-    }, key, /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({
-      "aria-label": "set ".concat(secondsString, " seconds"),
+    return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
+      isCurrentListItem,
+      key
+    }, /* @__PURE__ */ React2.createElement(DSButton, {
+      "aria-label": `set ${secondsString} seconds`,
       buttonType: "raw",
       size: "l",
       variant: BUTTON_VARIANT.DEFAULT,
-      onClick: e => handleTimeWheelBtnChangeSeconds(secondsString, e),
-      tabIndex: tabIndex
-    }, btnProps), {}, {
-      children: secondsString
-    })));
-  }), /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
+      onClick: (e) => handleTimeWheelBtnChangeSeconds(secondsString, e),
+      tabIndex,
+      ...btnProps
+    }, secondsString));
+  }), /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "add one minute",
     buttonType: "raw",
     size: "m",
@@ -75,7 +63,11 @@ const SecondsList = () => {
     onKeyDown: handleNextSecondBtnOnKeyDown,
     innerRef: nextSecondsBtnRef,
     tabIndex: -1
-  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})))));
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, null))));
 };
-
-export { SecondsList, SecondsList as default };
+var SecondsList_default = SecondsList;
+export {
+  SecondsList,
+  SecondsList_default as default
+};
+//# sourceMappingURL=SecondsList.js.map