@elliemae/ds-form-date-time-picker 3.16.0-next.2 → 3.16.0-next.20

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,11 +35,11 @@ module.exports = __toCommonJS(TimeWheel_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_TimeWheelIconTrigger = require("./TimeWheelIconTrigger");
-var import_TimeWheelWrapper = require("./TimeWheelWrapper");
-var import_TimeWheelContext = require("./TimeWheelContext");
-var import_useConfigTimePickerCTX = require("./useConfigTimePickerCTX");
-var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
+var import_TimeWheelIconTrigger = require("./TimeWheelIconTrigger.js");
+var import_TimeWheelWrapper = require("./TimeWheelWrapper.js");
+var import_TimeWheelContext = require("./TimeWheelContext.js");
+var import_useConfigTimePickerCTX = require("./useConfigTimePickerCTX.js");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX.js");
 const WrappedTimeWheelContext = ({ children }) => {
   const ctx = (0, import_useConfigTimePickerCTX.useConfigTimePickerCTX)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelContext.TimeWheelContext.Provider, { value: ctx, children });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/TimeWheel/TimeWheel.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAVT,mBAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AACjC,8BAAiC;AACjC,oCAAuC;AACvC,yCAAgD;AAGzC,MAAM,0BAA0B,CAAC,EAAE,SAAS,MAAiC;AAClF,QAAM,UAAM,sDAAuB;AACnC,SAAO,4CAAC,yCAAiB,UAAjB,EAA0B,OAAO,KAAM,UAAS;AAC1D;AAEA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,EAAE,gBAAgB,yBAAyB,QAAI,yBAAW,wCAAgB;AAChF,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AAEvE,SACE,4EACG;AAAA,uBAAmB,OAAO,4CAAC,oDAAqB;AAAA,IAChD,oBAAoB,iBACnB,2EAIE,sDAAC,SAAI,WAAW,0BACd,sDAAC,4CAAiB,GACpB,GACF,IACE;AAAA,KACN;AAEJ;AAEO,MAAM,YAAY,MACvB,4CAAC,2BACC,sDAAC,oBAAiB,GACpB;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { TimeWheelIconTrigger } from './TimeWheelIconTrigger.js';\nimport { TimeWheelWrapper } from './TimeWheelWrapper.js';\nimport { TimeWheelContext } from './TimeWheelContext.js';\nimport { useConfigTimePickerCTX } from './useConfigTimePickerCTX.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAVT,mBAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AACjC,8BAAiC;AACjC,oCAAuC;AACvC,yCAAgD;AAGzC,MAAM,0BAA0B,CAAC,EAAE,SAAS,MAAiC;AAClF,QAAM,UAAM,sDAAuB;AACnC,SAAO,4CAAC,yCAAiB,UAAjB,EAA0B,OAAO,KAAM,UAAS;AAC1D;AAEA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,EAAE,gBAAgB,yBAAyB,QAAI,yBAAW,wCAAgB;AAChF,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AAEvE,SACE,4EACG;AAAA,uBAAmB,OAAO,4CAAC,oDAAqB;AAAA,IAChD,oBAAoB,iBACnB,2EAIE,sDAAC,SAAI,WAAW,0BACd,sDAAC,4CAAiB,GACpB,GACF,IACE;AAAA,KACN;AAEJ;AAEO,MAAM,YAAY,MACvB,4CAAC,2BACC,sDAAC,oBAAiB,GACpB;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,22 +34,39 @@ module.exports = __toCommonJS(TimeWheelContent_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
-var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
-var import_Styleds = require("./Styleds");
-var import_HoursList = require("./HoursList");
-var import_MinutesList = require("./MinutesList");
-var import_MeridiemList = require("./MeridiemList");
-var import_TimeWheelFooter = require("./TimeWheelFooter");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid.js");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX.js");
+var import_Styleds = require("./Styleds.js");
+var import_HoursList = require("./HoursList.js");
+var import_MinutesList = require("./MinutesList.js");
+var import_MeridiemList = require("./MeridiemList.js");
+var import_TimeWheelFooter = require("./TimeWheelFooter.js");
 const TimeWheelContent = import_react.default.memo(() => {
-  const { isControllerOnly, hours, minutes, meridiem } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const { isControllerOnly, hours, minutes, meridiem, props } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const ariaAndDataPropsHeaderLabel = import_react.default.useMemo(
+    () => (0, import_ds_props_helpers.getPropsPerDatatestid)(props[import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL]),
+    [props]
+  );
+  const ariaAndDataPropsTimewheel = import_react.default.useMemo(
+    () => (0, import_ds_props_helpers.getPropsPerDatatestid)(props[import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL]),
+    [props]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_Styleds.StyledTimePickerContainer,
     {
       isControllerOnly,
       "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL,
+      ...ariaAndDataPropsTimewheel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledTimePickerHead, { "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL, children: `${hours || "__"}:${minutes || "__"} ${meridiem || "__"}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Styleds.StyledTimePickerHead,
+          {
+            "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL,
+            ...ariaAndDataPropsHeaderLabel,
+            children: `${hours || "__"}:${minutes || "__"} ${meridiem || "__"}`
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledTimePickerWheelsLegend, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "H" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "M" }),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/TimeWheel/TimeWheelContent.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBjB;AArBN,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAKO;AACP,uBAA0B;AAC1B,yBAA4B;AAC5B,0BAA6B;AAC7B,6BAAgC;AAEzB,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MAAM;AAC/C,QAAM,EAAE,kBAAkB,OAAO,SAAS,SAAS,QAAI,yBAAW,kEAA+B;AACjG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,6EAAmC,qBAAqB;AAAA,MAErE;AAAA,oDAAC,uCAAqB,eAAa,6EAAmC,UAAU,cAAe,aAC7F,SAAS,QACP,WAAW,QAAQ,YAAY,QAAO;AAAA,QAC1C,6CAAC,+CACC;AAAA,sDAAC,SAAI,eAAC;AAAA,UACN,4CAAC,SAAI,eAAC;AAAA,UACN,4CAAC,SAAI,eAAC;AAAA,WACR;AAAA,QACA,6CAAC,+CACC;AAAA,sDAAC,8BAAU;AAAA,UACX,4CAAC,kCAAY;AAAA,UACb,4CAAC,oCAAa;AAAA,WAChB;AAAA,QACA,4CAAC,0CAAgB;AAAA;AAAA;AAAA,EACnB;AAEJ,CAAC;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { getPropsPerDatatestid } from '@elliemae/ds-props-helpers';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport {\n  StyledTimePickerContainer,\n  StyledTimePickerHead,\n  StyledTimePickerWheelsLegend,\n  StyledTimePickerWheelWrapper,\n} from './Styleds.js';\nimport { HoursList } from './HoursList.js';\nimport { MinutesList } from './MinutesList.js';\nimport { MeridiemList } from './MeridiemList.js';\nimport { TimeWheelFooter } from './TimeWheelFooter.js';\n\nexport const TimeWheelContent = React.memo(() => {\n  const { isControllerOnly, hours, minutes, meridiem, props } = useContext(ControlledDateTimePickerContext);\n  const ariaAndDataPropsHeaderLabel = React.useMemo(\n    () => getPropsPerDatatestid(props[ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL]),\n    [props],\n  );\n  const ariaAndDataPropsTimewheel = React.useMemo(\n    () => getPropsPerDatatestid(props[ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL]),\n    [props],\n  );\n  return (\n    <StyledTimePickerContainer\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL}\n      {...ariaAndDataPropsTimewheel}\n    >\n      <StyledTimePickerHead\n        data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL}\n        {...ariaAndDataPropsHeaderLabel}\n      >{`${hours || '__'}:${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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BjB;AA/BN,mBAAkC;AAClC,8BAAsC;AACtC,gDAAmD;AACnD,yCAAgD;AAChD,qBAKO;AACP,uBAA0B;AAC1B,yBAA4B;AAC5B,0BAA6B;AAC7B,6BAAgC;AAEzB,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MAAM;AAC/C,QAAM,EAAE,kBAAkB,OAAO,SAAS,UAAU,MAAM,QAAI,yBAAW,kEAA+B;AACxG,QAAM,8BAA8B,aAAAA,QAAM;AAAA,IACxC,UAAM,+CAAsB,MAAM,6EAAmC,UAAU,YAAY,CAAC;AAAA,IAC5F,CAAC,KAAK;AAAA,EACR;AACA,QAAM,4BAA4B,aAAAA,QAAM;AAAA,IACtC,UAAM,+CAAsB,MAAM,6EAAmC,qBAAqB,SAAS,CAAC;AAAA,IACpG,CAAC,KAAK;AAAA,EACR;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,6EAAmC,qBAAqB;AAAA,MACpE,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,6EAAmC,UAAU;AAAA,YACzD,GAAG;AAAA,YACJ,aAAG,SAAS,QAAQ,WAAW,QAAQ,YAAY;AAAA;AAAA,QAAO;AAAA,QAC5D,6CAAC,+CACC;AAAA,sDAAC,SAAI,eAAC;AAAA,UACN,4CAAC,SAAI,eAAC;AAAA,UACN,4CAAC,SAAI,eAAC;AAAA,WACR;AAAA,QACA,6CAAC,+CACC;AAAA,sDAAC,8BAAU;AAAA,UACX,4CAAC,kCAAY;AAAA,UACb,4CAAC,oCAAa;AAAA,WAChB;AAAA,QACA,4CAAC,0CAAgB;AAAA;AAAA;AAAA,EACnB;AAEJ,CAAC;",
   "names": ["React"]
 }

package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContext.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/TimeWheel/TimeWheelContext.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA8B;AAGvB,MAAM,2BAA2B,CAAC;AAElC,MAAM,uBAAmB,4BAAiC,wBAAwB;AAEzF,IAAO,2BAAQ;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable max-lines */\nimport { createContext } from 'react';\nimport type { TimeWheelContextT } from './useConfigTimePickerCTX.js';\n\nexport const defaultTimePickerContext = {} as TimeWheelContextT;\n/** Context for cross component communication */\nexport const TimeWheelContext = createContext<TimeWheelContextT>(defaultTimePickerContext);\n\nexport default TimeWheelContext;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA8B;AAGvB,MAAM,2BAA2B,CAAC;AAElC,MAAM,uBAAmB,4BAAiC,wBAAwB;AAEzF,IAAO,2BAAQ;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,17 +33,31 @@ __export(TimeWheelFooter_exports, {
 module.exports = __toCommonJS(TimeWheelFooter_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
-var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
-var import_Styleds = require("./Styleds");
+var import_react = __toESM(require("react"));
+var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid.js");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX.js");
+var import_Styleds = require("./Styleds.js");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const TimeWheelFooter = () => {
   const {
+    props,
     props: { pickerFooterMsg, hasError },
     isWithCalendarToo
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const ariaAndDataProps = import_react.default.useMemo(
+    () => (0, import_ds_props_helpers.getPropsPerDatatestid)(props[import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL]),
+    [props]
+  );
   if (!isWithCalendarToo && pickerFooterMsg !== void 0 && hasError)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.TimeWheelFooterMessage, { role: "alert", "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL, children: pickerFooterMsg });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Styleds.TimeWheelFooterMessage,
+      {
+        role: "alert",
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL,
+        ...ariaAndDataProps,
+        children: pickerFooterMsg
+      }
+    );
   return null;
 };
 //# sourceMappingURL=TimeWheelFooter.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/TimeWheel/TimeWheelFooter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYjB;AAZN,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAuC;AAEhC,MAAM,kBAAuC,MAAM;AACxD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,MAAI,CAAC,qBAAqB,oBAAoB,UAAa;AACzD,WACE,4CAAC,yCAAuB,MAAK,SAAQ,eAAa,6EAAmC,QAAQ,WAC1F,2BACH;AAEJ,SAAO;AACT;",
-  "names": []
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport { TimeWheelFooterMessage } from './Styleds.js';\nimport { getPropsPerDatatestid } from '@elliemae/ds-props-helpers';\n\nexport const TimeWheelFooter: React.ComponentType = () => {\n  const {\n    props,\n    props: { pickerFooterMsg, hasError },\n    isWithCalendarToo,\n  } = useContext(ControlledDateTimePickerContext);\n  const ariaAndDataProps = React.useMemo(\n    () => getPropsPerDatatestid(props[ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL]),\n    [props],\n  );\n  if (!isWithCalendarToo && pickerFooterMsg !== undefined && hasError)\n    return (\n      <TimeWheelFooterMessage\n        role=\"alert\"\n        data-testid={ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL}\n        {...ariaAndDataProps}\n      >\n        {pickerFooterMsg}\n      </TimeWheelFooterMessage>\n    );\n  return null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBjB;AAlBN,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAuC;AACvC,8BAAsC;AAE/B,MAAM,kBAAuC,MAAM;AACxD,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,QAAM,mBAAmB,aAAAA,QAAM;AAAA,IAC7B,UAAM,+CAAsB,MAAM,6EAAmC,QAAQ,SAAS,CAAC;AAAA,IACvF,CAAC,KAAK;AAAA,EACR;AACA,MAAI,CAAC,qBAAqB,oBAAoB,UAAa;AACzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAa,6EAAmC,QAAQ;AAAA,QACvD,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAEJ,SAAO;AACT;",
+  "names": ["React"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,19 +33,25 @@ __export(TimeWheelIconTrigger_exports, {
 module.exports = __toCommonJS(TimeWheelIconTrigger_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_TimeWheelContext = require("./TimeWheelContext");
-var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
-var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
-var import_Styleds = require("./Styleds");
+var import_TimeWheelContext = require("./TimeWheelContext.js");
+var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid.js");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX.js");
+var import_Styleds = require("./Styleds.js");
 const TimeWheelIconTrigger = () => {
   const { handleSetTriggerRef, handleToggleTimePicker, handlePickerIconKeyDown } = (0, import_react.useContext)(import_TimeWheelContext.TimeWheelContext);
   const {
+    props,
     props: { disabled },
     ariaCurrentValueForInputs
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const ariaAndDataProps = import_react.default.useMemo(
+    () => (0, import_ds_props_helpers.getPropsPerDatatestid)(props[import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL]),
+    [props]
+  );
   return (0, import_react.useMemo)(
     () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Styleds.StyledIconTriggerButton,
@@ -55,10 +65,18 @@ const TimeWheelIconTrigger = () => {
         "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL,
         disabled,
         type: "button",
+        ...ariaAndDataProps,
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.RecentDocuments, {})
       }
     ),
-    [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]
+    [
+      ariaAndDataProps,
+      ariaCurrentValueForInputs,
+      disabled,
+      handlePickerIconKeyDown,
+      handleSetTriggerRef,
+      handleToggleTimePicker
+    ]
   );
 };
 //# sourceMappingURL=TimeWheelIconTrigger.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/TimeWheel/TimeWheelIconTrigger.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8Bf;AA9BR,mBAA2C;AAC3C,uBAA6B;AAC7B,sBAAgC;AAChC,8BAAiC;AACjC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAwC;AAKjC,MAAM,uBAAuB,MAAmB;AACrD,QAAM,EAAE,qBAAqB,wBAAwB,wBAAwB,QAAI,yBAAW,wCAAgB;AAC5G,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,aAAO;AAAA,IACL,MACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY,qCAAqC;AAAA,QACjD,YAAW;AAAA,QACX,MAAM,8BAAa;AAAA,QACnB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,QACX,eAAa,6EAAmC,aAAa;AAAA,QAC7D;AAAA,QACA,MAAK;AAAA,QAEL,sDAAC,mCAAgB;AAAA;AAAA,IACnB;AAAA,IAEF,CAAC,2BAA2B,UAAU,yBAAyB,qBAAqB,sBAAsB;AAAA,EAC5G;AACF;",
-  "names": []
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { getPropsPerDatatestid } from '@elliemae/ds-props-helpers';\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport { TimeWheelContext } from './TimeWheelContext.js';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport { StyledIconTriggerButton } from './Styleds.js';\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,\n    props: { disabled },\n    ariaCurrentValueForInputs,\n  } = useContext(ControlledDateTimePickerContext);\n  const ariaAndDataProps = React.useMemo(\n    () => getPropsPerDatatestid(props[ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL]),\n    [props],\n  );\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        {...ariaAndDataProps}\n      >\n        <RecentDocuments />\n      </StyledIconTriggerButton>\n    ),\n    [\n      ariaAndDataProps,\n      ariaCurrentValueForInputs,\n      disabled,\n      handlePickerIconKeyDown,\n      handleSetTriggerRef,\n      handleToggleTimePicker,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCf;AArCR,mBAA2C;AAC3C,8BAAsC;AACtC,uBAA6B;AAC7B,sBAAgC;AAChC,8BAAiC;AACjC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAwC;AAKjC,MAAM,uBAAuB,MAAmB;AACrD,QAAM,EAAE,qBAAqB,wBAAwB,wBAAwB,QAAI,yBAAW,wCAAgB;AAC5G,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,QAAM,mBAAmB,aAAAA,QAAM;AAAA,IAC7B,UAAM,+CAAsB,MAAM,6EAAmC,aAAa,SAAS,CAAC;AAAA,IAC5F,CAAC,KAAK;AAAA,EACR;AACA,aAAO;AAAA,IACL,MACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY,qCAAqC;AAAA,QACjD,YAAW;AAAA,QACX,MAAM,8BAAa;AAAA,QACnB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,QACX,eAAa,6EAAmC,aAAa;AAAA,QAC7D;AAAA,QACA,MAAK;AAAA,QACJ,GAAG;AAAA,QAEJ,sDAAC,mCAAgB;AAAA;AAAA,IACnB;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": ["React"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,15 +33,20 @@ __export(TimeWheelWrapper_exports, {
 module.exports = __toCommonJS(TimeWheelWrapper_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_popperjs = require("@elliemae/ds-popperjs");
-var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
-var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
-var import_TimeWheelContent = require("./TimeWheelContent");
-var import_TimeWheelContext = require("./TimeWheelContext");
+var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid.js");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX.js");
+var import_TimeWheelContent = require("./TimeWheelContent.js");
+var import_TimeWheelContext = require("./TimeWheelContext.js");
 const TimeWheelWrapper = () => {
   const { referenceElement, closeTimePicker } = (0, import_react.useContext)(import_TimeWheelContext.TimeWheelContext);
-  const { isControllerOnly } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const { isControllerOnly, props } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const ariaAndDataProps = import_react.default.useMemo(
+    () => (0, import_ds_props_helpers.getPropsPerDatatestid)(props[import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL]),
+    [props]
+  );
   if (isControllerOnly)
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelContent.TimeWheelContent, {});
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -48,6 +57,7 @@ const TimeWheelWrapper = () => {
       referenceElement,
       withoutArrow: true,
       onClickOutside: closeTimePicker,
+      ...ariaAndDataProps,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelContent.TimeWheelContent, {})
     }
   );

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/TimeWheel/TimeWheelWrapper.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUQ;AAV/B,mBAAkC;AAClC,yBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,8BAAiC;AACjC,8BAAiC;AAE1B,MAAM,mBAAmB,MAAmB;AACjD,QAAM,EAAE,kBAAkB,gBAAgB,QAAI,yBAAW,wCAAgB;AACzE,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,MAAI;AAAkB,WAAO,4CAAC,4CAAiB;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,eAAa,6EAAmC,gBAAgB;AAAA,MAChE;AAAA,MACA,cAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,sDAAC,4CAAiB;AAAA;AAAA,EACpB;AAEJ;",
-  "names": []
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { getPropsPerDatatestid } from '@elliemae/ds-props-helpers';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport { TimeWheelContent } from './TimeWheelContent.js';\nimport { TimeWheelContext } from './TimeWheelContext.js';\n\nexport const TimeWheelWrapper = (): JSX.Element => {\n  const { referenceElement, closeTimePicker } = useContext(TimeWheelContext);\n  const { isControllerOnly, props } = useContext(ControlledDateTimePickerContext);\n  const ariaAndDataProps = React.useMemo(\n    () => getPropsPerDatatestid(props[ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL]),\n    [props],\n  );\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      {...ariaAndDataProps}\n    >\n      <TimeWheelContent />\n    </DSPopperJS>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADeQ;AAf/B,mBAAkC;AAClC,8BAAsC;AACtC,yBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,8BAAiC;AACjC,8BAAiC;AAE1B,MAAM,mBAAmB,MAAmB;AACjD,QAAM,EAAE,kBAAkB,gBAAgB,QAAI,yBAAW,wCAAgB;AACzE,QAAM,EAAE,kBAAkB,MAAM,QAAI,yBAAW,kEAA+B;AAC9E,QAAM,mBAAmB,aAAAA,QAAM;AAAA,IAC7B,UAAM,+CAAsB,MAAM,6EAAmC,gBAAgB,SAAS,CAAC;AAAA,IAC/F,CAAC,KAAK;AAAA,EACR;AACA,MAAI;AAAkB,WAAO,4CAAC,4CAAiB;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,eAAa,6EAAmC,gBAAgB;AAAA,MAChE;AAAA,MACA,cAAY;AAAA,MACZ,gBAAgB;AAAA,MACf,GAAG;AAAA,MAEJ,sDAAC,4CAAiB;AAAA;AAAA,EACpB;AAEJ;",
+  "names": ["React"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,9 +33,9 @@ __export(useConfigTimePickerCTX_exports, {
 module.exports = __toCommonJS(useConfigTimePickerCTX_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var import_usePopperTriggerLogic = require("./usePopperTriggerLogic");
-var import_useCurrentDisplayedWheelsLogic = require("./useCurrentDisplayedWheelsLogic");
-var import_useKeyboardHandlers = require("./useKeyboardHandlers");
+var import_usePopperTriggerLogic = require("./usePopperTriggerLogic.js");
+var import_useCurrentDisplayedWheelsLogic = require("./useCurrentDisplayedWheelsLogic.js");
+var import_useKeyboardHandlers = require("./useKeyboardHandlers.js");
 const useConfigTimePickerCTX = () => {
   const currentDisplayedTimeWheelLogic = (0, import_useCurrentDisplayedWheelsLogic.useCurrentDisplayedWheelsLogic)();
   const popperLogic = (0, import_usePopperTriggerLogic.usePopperTriggerLogic)();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/TimeWheel/useConfigTimePickerCTX.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwB;AACxB,mCAAsC;AACtC,4CAA+C;AAC/C,iCAAoC;AAM7B,MAAM,yBAAyB,MAAyB;AAC7D,QAAM,qCAAiC,sEAA+B;AACtE,QAAM,kBAAc,oDAAsB;AAC1C,QAAM,uBAAmB,gDAAoB,EAAE,+BAA+B,CAAC;AAE/E,aAAO;AAAA,IACL,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,gCAAgC,aAAa,gBAAgB;AAAA,EAChE;AACF;",
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo } from 'react';\nimport { usePopperTriggerLogic } from './usePopperTriggerLogic.js';\nimport { useCurrentDisplayedWheelsLogic } from './useCurrentDisplayedWheelsLogic.js';\nimport { useKeyboardHandlers } from './useKeyboardHandlers.js';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwB;AACxB,mCAAsC;AACtC,4CAA+C;AAC/C,iCAAoC;AAM7B,MAAM,yBAAyB,MAAyB;AAC7D,QAAM,qCAAiC,sEAA+B;AACtE,QAAM,kBAAc,oDAAsB;AAC1C,QAAM,uBAAmB,gDAAoB,EAAE,+BAA+B,CAAC;AAE/E,aAAO;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/cjs/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,10 +33,10 @@ __export(useCurrentDisplayedWheelsLogic_exports, {
 module.exports = __toCommonJS(useCurrentDisplayedWheelsLogic_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var import_useTimeInputs = require("../../TimeInputs/useTimeInputs");
-var import_numberHelpers = require("../../../utils/numberHelpers");
-var import_stringHelpers = require("../../../utils/stringHelpers");
-var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
+var import_useTimeInputs = require("../../TimeInputs/useTimeInputs.js");
+var import_numberHelpers = require("../../../utils/numberHelpers.js");
+var import_stringHelpers = require("../../../utils/stringHelpers.js");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX.js");
 const totalHoursList = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"];
 const hoursInterval = 1;
 const hoursStartPositionOffset = 1;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback, useContext } from 'react';\nimport { useTimeInputs } from '../../TimeInputs/useTimeInputs.js';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers.js';\nimport { prependStringWithPlaceHolders, deconstructValuesFromTimeString } from '../../../utils/stringHelpers.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport type { DSControlledDateTimePickerT } from '../../../propTypes.js';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/parts/Pickers/TimeWheel/useKeyboardHandlers.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,7 +33,7 @@ __export(useKeyboardHandlers_exports, {
 module.exports = __toCommonJS(useKeyboardHandlers_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX.js");
 const useKeyboardHandlers = ({ currentDisplayedTimeWheelLogic }) => {
   const { handlePrevHour, handleNextHour, handlePrevMinute, handleNextMinute, handleTimeWheelBtnChangeMeridiem } = currentDisplayedTimeWheelLogic;
   const {

package/dist/cjs/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/TimeWheel/useKeyboardHandlers.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes';\nimport type { useCurrentDisplayedWheelsLogic } from './useCurrentDisplayedWheelsLogic';\ninterface UseKeyboardHandlersArgs {\n  currentDisplayedTimeWheelLogic: ReturnType<typeof useCurrentDisplayedWheelsLogic>;\n}\ninterface KeyboardHandlersT {\n  handleCurrHourOnKeyDown: (e: React.KeyboardEvent) => void;\n  handleCurrMinutesOnKeyDown: (e: React.KeyboardEvent) => void;\n  handleCurrMeridiemOnKeyDown: (e: React.KeyboardEvent) => void;\n  handlePickerIconKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\nexport const useKeyboardHandlers = ({ currentDisplayedTimeWheelLogic }: UseKeyboardHandlersArgs): KeyboardHandlersT => {\n  const { handlePrevHour, handleNextHour, handlePrevMinute, handleNextMinute, handleTimeWheelBtnChangeMeridiem } =\n    currentDisplayedTimeWheelLogic;\n  const {\n    withAnyInputs,\n    isWithTimeInputs,\n    isWithDateInputs,\n    isWithCalendarToo,\n    isControllerOnly,\n\n    trackFocusCalendarPrevMonth,\n    trackFocusTimewheelCurrHour,\n    trackFocusTimewheelCurrMinute,\n    trackFocusTimewheelCurrMeridiem,\n    trackFocusFirstSegment,\n    trackFocusMeridiemInput,\n    trackFocusYearInput,\n    trackFocusCalendarMetafocusedDay,\n  } = useContext(ControlledDateTimePickerContext);\n\n  // const tryToFocusDayRegion = useCallback(() => {\n  //   if (!focusedDay) {\n  //     const newFocusDay = daysArray.find(({ isCurrMonthDay }) => isCurrMonthDay);\n  //     if (newFocusDay) handleFocusMetaDay(newFocusDay);\n  //   }\n  //   trackFocusCalendarMetafocusedDay();\n  // }, [daysArray, focusedDay, handleFocusMetaDay, trackFocusCalendarMetafocusedDay]);\n\n  const onHomeKeyDownInsideTimeWheel = useCallback(() => {\n    if (isWithCalendarToo) trackFocusCalendarPrevMonth();\n    else trackFocusTimewheelCurrHour();\n  }, [isWithCalendarToo, trackFocusCalendarPrevMonth, trackFocusTimewheelCurrHour]);\n  const onEndKeyDownInsideTimeWheel = useCallback(() => {\n    trackFocusTimewheelCurrMeridiem();\n  }, [trackFocusTimewheelCurrMeridiem]);\n\n  const onHomeKeyDownTriggerIcon = useCallback(() => {\n    trackFocusFirstSegment();\n  }, [trackFocusFirstSegment]);\n  const handlePickerIconKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown<HTMLButtonElement> = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key } = e;\n      if (['Home', 'End'].includes(key)) e.preventDefault();\n      if (['Home', 'End'].includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDownTriggerIcon();\n      if (key === 'Backspace' && withAnyInputs) {\n        if (isWithTimeInputs) trackFocusMeridiemInput();\n        else if (isWithDateInputs) trackFocusYearInput();\n      }\n    },\n    [\n      isWithDateInputs,\n      isWithTimeInputs,\n      onHomeKeyDownTriggerIcon,\n      trackFocusMeridiemInput,\n      trackFocusYearInput,\n      withAnyInputs,\n    ],\n  );\n\n  const handleCurrHourOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key, shiftKey } = e;\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.stopPropagation();\n      let didTriggerHourChange = false;\n      if (key === 'ArrowUp') {\n        handlePrevHour(e);\n        didTriggerHourChange = true;\n      }\n      if (key === 'ArrowDown') {\n        handleNextHour(e);\n        didTriggerHourChange = true;\n      }\n      if (key === 'ArrowRight') {\n        trackFocusTimewheelCurrMinute();\n      }\n      if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n      if (key === 'End') onEndKeyDownInsideTimeWheel();\n\n      // ensure the focus is in the correct button after up/down arrow\n      if (didTriggerHourChange) trackFocusTimewheelCurrHour();\n\n      // TAB CYCLE IMPLEMENTATION\n      if (!isControllerOnly)\n        if (key === 'Tab' && shiftKey && !isWithCalendarToo) {\n          e.preventDefault();\n          trackFocusTimewheelCurrMeridiem();\n        }\n\n      if (key === 'Tab' && shiftKey && isWithCalendarToo) {\n        trackFocusCalendarMetafocusedDay();\n      }\n    },\n    [\n      handleNextHour,\n      handlePrevHour,\n      isControllerOnly,\n      isWithCalendarToo,\n      onEndKeyDownInsideTimeWheel,\n      onHomeKeyDownInsideTimeWheel,\n      trackFocusTimewheelCurrHour,\n      trackFocusTimewheelCurrMeridiem,\n      trackFocusTimewheelCurrMinute,\n      trackFocusCalendarMetafocusedDay,\n    ],\n  );\n  const handleCurrMinutesOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key } = e;\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.stopPropagation();\n      let didTriggerMinuteChange = false;\n      if (key === 'ArrowUp') {\n        handlePrevMinute(e);\n        didTriggerMinuteChange = true;\n      }\n      if (key === 'ArrowDown') {\n        handleNextMinute(e);\n        didTriggerMinuteChange = true;\n      }\n      if (key === 'ArrowLeft') {\n        trackFocusTimewheelCurrHour();\n      }\n      if (key === 'ArrowRight') {\n        trackFocusTimewheelCurrMeridiem();\n      }\n      if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n      if (key === 'End') onEndKeyDownInsideTimeWheel();\n      // ensure the focus is in the correct button after up/down arrow\n      if (didTriggerMinuteChange) trackFocusTimewheelCurrMinute();\n    },\n    [\n      onHomeKeyDownInsideTimeWheel,\n      onEndKeyDownInsideTimeWheel,\n      handlePrevMinute,\n      handleNextMinute,\n      trackFocusTimewheelCurrHour,\n      trackFocusTimewheelCurrMeridiem,\n      trackFocusTimewheelCurrMinute,\n    ],\n  );\n  const handleCurrMeridiemOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key, shiftKey } = e;\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.stopPropagation();\n      let didTriggerMeridiemChange = false;\n      if (key === 'ArrowUp') {\n        handleTimeWheelBtnChangeMeridiem('AM', e);\n        didTriggerMeridiemChange = true;\n      }\n      if (key === 'ArrowDown') {\n        handleTimeWheelBtnChangeMeridiem('PM', e);\n        didTriggerMeridiemChange = true;\n      }\n      if (key === 'ArrowLeft') {\n        trackFocusTimewheelCurrMinute();\n      }\n      if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n      if (key === 'End') onEndKeyDownInsideTimeWheel();\n\n      // ensure the focus is in the correct button after up/down arrow\n      if (didTriggerMeridiemChange) trackFocusTimewheelCurrMeridiem();\n\n      // TAB CYCLE IMPLEMENTATION\n      if (!isControllerOnly)\n        if (key === 'Tab' && !shiftKey) {\n          e.preventDefault();\n          if (isWithCalendarToo) trackFocusCalendarPrevMonth();\n          else trackFocusTimewheelCurrHour();\n        }\n    },\n    [\n      handleTimeWheelBtnChangeMeridiem,\n      isControllerOnly,\n      isWithCalendarToo,\n      onEndKeyDownInsideTimeWheel,\n      onHomeKeyDownInsideTimeWheel,\n      trackFocusCalendarPrevMonth,\n      trackFocusTimewheelCurrHour,\n      trackFocusTimewheelCurrMeridiem,\n      trackFocusTimewheelCurrMinute,\n    ],\n  );\n\n  return useMemo(\n    () => ({\n      handleCurrHourOnKeyDown,\n      handleCurrMinutesOnKeyDown,\n      handleCurrMeridiemOnKeyDown,\n      handlePickerIconKeyDown,\n    }),\n    [handleCurrHourOnKeyDown, handleCurrMeridiemOnKeyDown, handleCurrMinutesOnKeyDown, handlePickerIconKeyDown],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';\nimport type { useCurrentDisplayedWheelsLogic } from './useCurrentDisplayedWheelsLogic.js';\ninterface UseKeyboardHandlersArgs {\n  currentDisplayedTimeWheelLogic: ReturnType<typeof useCurrentDisplayedWheelsLogic>;\n}\ninterface KeyboardHandlersT {\n  handleCurrHourOnKeyDown: (e: React.KeyboardEvent) => void;\n  handleCurrMinutesOnKeyDown: (e: React.KeyboardEvent) => void;\n  handleCurrMeridiemOnKeyDown: (e: React.KeyboardEvent) => void;\n  handlePickerIconKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\nexport const useKeyboardHandlers = ({ currentDisplayedTimeWheelLogic }: UseKeyboardHandlersArgs): KeyboardHandlersT => {\n  const { handlePrevHour, handleNextHour, handlePrevMinute, handleNextMinute, handleTimeWheelBtnChangeMeridiem } =\n    currentDisplayedTimeWheelLogic;\n  const {\n    withAnyInputs,\n    isWithTimeInputs,\n    isWithDateInputs,\n    isWithCalendarToo,\n    isControllerOnly,\n\n    trackFocusCalendarPrevMonth,\n    trackFocusTimewheelCurrHour,\n    trackFocusTimewheelCurrMinute,\n    trackFocusTimewheelCurrMeridiem,\n    trackFocusFirstSegment,\n    trackFocusMeridiemInput,\n    trackFocusYearInput,\n    trackFocusCalendarMetafocusedDay,\n  } = useContext(ControlledDateTimePickerContext);\n\n  // const tryToFocusDayRegion = useCallback(() => {\n  //   if (!focusedDay) {\n  //     const newFocusDay = daysArray.find(({ isCurrMonthDay }) => isCurrMonthDay);\n  //     if (newFocusDay) handleFocusMetaDay(newFocusDay);\n  //   }\n  //   trackFocusCalendarMetafocusedDay();\n  // }, [daysArray, focusedDay, handleFocusMetaDay, trackFocusCalendarMetafocusedDay]);\n\n  const onHomeKeyDownInsideTimeWheel = useCallback(() => {\n    if (isWithCalendarToo) trackFocusCalendarPrevMonth();\n    else trackFocusTimewheelCurrHour();\n  }, [isWithCalendarToo, trackFocusCalendarPrevMonth, trackFocusTimewheelCurrHour]);\n  const onEndKeyDownInsideTimeWheel = useCallback(() => {\n    trackFocusTimewheelCurrMeridiem();\n  }, [trackFocusTimewheelCurrMeridiem]);\n\n  const onHomeKeyDownTriggerIcon = useCallback(() => {\n    trackFocusFirstSegment();\n  }, [trackFocusFirstSegment]);\n  const handlePickerIconKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown<HTMLButtonElement> = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key } = e;\n      if (['Home', 'End'].includes(key)) e.preventDefault();\n      if (['Home', 'End'].includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDownTriggerIcon();\n      if (key === 'Backspace' && withAnyInputs) {\n        if (isWithTimeInputs) trackFocusMeridiemInput();\n        else if (isWithDateInputs) trackFocusYearInput();\n      }\n    },\n    [\n      isWithDateInputs,\n      isWithTimeInputs,\n      onHomeKeyDownTriggerIcon,\n      trackFocusMeridiemInput,\n      trackFocusYearInput,\n      withAnyInputs,\n    ],\n  );\n\n  const handleCurrHourOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key, shiftKey } = e;\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.stopPropagation();\n      let didTriggerHourChange = false;\n      if (key === 'ArrowUp') {\n        handlePrevHour(e);\n        didTriggerHourChange = true;\n      }\n      if (key === 'ArrowDown') {\n        handleNextHour(e);\n        didTriggerHourChange = true;\n      }\n      if (key === 'ArrowRight') {\n        trackFocusTimewheelCurrMinute();\n      }\n      if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n      if (key === 'End') onEndKeyDownInsideTimeWheel();\n\n      // ensure the focus is in the correct button after up/down arrow\n      if (didTriggerHourChange) trackFocusTimewheelCurrHour();\n\n      // TAB CYCLE IMPLEMENTATION\n      if (!isControllerOnly)\n        if (key === 'Tab' && shiftKey && !isWithCalendarToo) {\n          e.preventDefault();\n          trackFocusTimewheelCurrMeridiem();\n        }\n\n      if (key === 'Tab' && shiftKey && isWithCalendarToo) {\n        trackFocusCalendarMetafocusedDay();\n      }\n    },\n    [\n      handleNextHour,\n      handlePrevHour,\n      isControllerOnly,\n      isWithCalendarToo,\n      onEndKeyDownInsideTimeWheel,\n      onHomeKeyDownInsideTimeWheel,\n      trackFocusTimewheelCurrHour,\n      trackFocusTimewheelCurrMeridiem,\n      trackFocusTimewheelCurrMinute,\n      trackFocusCalendarMetafocusedDay,\n    ],\n  );\n  const handleCurrMinutesOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key } = e;\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.stopPropagation();\n      let didTriggerMinuteChange = false;\n      if (key === 'ArrowUp') {\n        handlePrevMinute(e);\n        didTriggerMinuteChange = true;\n      }\n      if (key === 'ArrowDown') {\n        handleNextMinute(e);\n        didTriggerMinuteChange = true;\n      }\n      if (key === 'ArrowLeft') {\n        trackFocusTimewheelCurrHour();\n      }\n      if (key === 'ArrowRight') {\n        trackFocusTimewheelCurrMeridiem();\n      }\n      if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n      if (key === 'End') onEndKeyDownInsideTimeWheel();\n      // ensure the focus is in the correct button after up/down arrow\n      if (didTriggerMinuteChange) trackFocusTimewheelCurrMinute();\n    },\n    [\n      onHomeKeyDownInsideTimeWheel,\n      onEndKeyDownInsideTimeWheel,\n      handlePrevMinute,\n      handleNextMinute,\n      trackFocusTimewheelCurrHour,\n      trackFocusTimewheelCurrMeridiem,\n      trackFocusTimewheelCurrMinute,\n    ],\n  );\n  const handleCurrMeridiemOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key, shiftKey } = e;\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.stopPropagation();\n      let didTriggerMeridiemChange = false;\n      if (key === 'ArrowUp') {\n        handleTimeWheelBtnChangeMeridiem('AM', e);\n        didTriggerMeridiemChange = true;\n      }\n      if (key === 'ArrowDown') {\n        handleTimeWheelBtnChangeMeridiem('PM', e);\n        didTriggerMeridiemChange = true;\n      }\n      if (key === 'ArrowLeft') {\n        trackFocusTimewheelCurrMinute();\n      }\n      if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n      if (key === 'End') onEndKeyDownInsideTimeWheel();\n\n      // ensure the focus is in the correct button after up/down arrow\n      if (didTriggerMeridiemChange) trackFocusTimewheelCurrMeridiem();\n\n      // TAB CYCLE IMPLEMENTATION\n      if (!isControllerOnly)\n        if (key === 'Tab' && !shiftKey) {\n          e.preventDefault();\n          if (isWithCalendarToo) trackFocusCalendarPrevMonth();\n          else trackFocusTimewheelCurrHour();\n        }\n    },\n    [\n      handleTimeWheelBtnChangeMeridiem,\n      isControllerOnly,\n      isWithCalendarToo,\n      onEndKeyDownInsideTimeWheel,\n      onHomeKeyDownInsideTimeWheel,\n      trackFocusCalendarPrevMonth,\n      trackFocusTimewheelCurrHour,\n      trackFocusTimewheelCurrMeridiem,\n      trackFocusTimewheelCurrMinute,\n    ],\n  );\n\n  return useMemo(\n    () => ({\n      handleCurrHourOnKeyDown,\n      handleCurrMinutesOnKeyDown,\n      handleCurrMeridiemOnKeyDown,\n      handlePickerIconKeyDown,\n    }),\n    [handleCurrHourOnKeyDown, handleCurrMeridiemOnKeyDown, handleCurrMinutesOnKeyDown, handlePickerIconKeyDown],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAiD;AACjD,yCAAgD;AAYzC,MAAM,sBAAsB,CAAC,EAAE,+BAA+B,MAAkD;AACrH,QAAM,EAAE,gBAAgB,gBAAgB,kBAAkB,kBAAkB,iCAAiC,IAC3G;AACF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAU9C,QAAM,mCAA+B,0BAAY,MAAM;AACrD,QAAI;AAAmB,kCAA4B;AAAA;AAC9C,kCAA4B;AAAA,EACnC,GAAG,CAAC,mBAAmB,6BAA6B,2BAA2B,CAAC;AAChF,QAAM,kCAA8B,0BAAY,MAAM;AACpD,oCAAgC;AAAA,EAClC,GAAG,CAAC,+BAA+B,CAAC;AAEpC,QAAM,+BAA2B,0BAAY,MAAM;AACjD,2BAAuB;AAAA,EACzB,GAAG,CAAC,sBAAsB,CAAC;AAC3B,QAAM,8BAA6F;AAAA,IACjG,CAAC,MAA2B;AAC1B,YAAM,EAAE,IAAI,IAAI;AAChB,UAAI,CAAC,QAAQ,KAAK,EAAE,SAAS,GAAG;AAAG,UAAE,eAAe;AACpD,UAAI,CAAC,QAAQ,KAAK,EAAE,SAAS,GAAG;AAAG,UAAE,gBAAgB;AACrD,UAAI,QAAQ;AAAQ,iCAAyB;AAC7C,UAAI,QAAQ,eAAe,eAAe;AACxC,YAAI;AAAkB,kCAAwB;AAAA,iBACrC;AAAkB,8BAAoB;AAAA,MACjD;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,8BAA0B;AAAA,IAC9B,CAAC,MAA2B;AAC1B,YAAM,EAAE,KAAK,SAAS,IAAI;AAC1B,UAAI,CAAC,QAAQ,OAAO,WAAW,aAAa,aAAa,YAAY,EAAE,SAAS,GAAG;AAAG,UAAE,eAAe;AACvG,UAAI,CAAC,QAAQ,OAAO,WAAW,aAAa,aAAa,YAAY,EAAE,SAAS,GAAG;AAAG,UAAE,gBAAgB;AACxG,UAAI,uBAAuB;AAC3B,UAAI,QAAQ,WAAW;AACrB,uBAAe,CAAC;AAChB,+BAAuB;AAAA,MACzB;AACA,UAAI,QAAQ,aAAa;AACvB,uBAAe,CAAC;AAChB,+BAAuB;AAAA,MACzB;AACA,UAAI,QAAQ,cAAc;AACxB,sCAA8B;AAAA,MAChC;AACA,UAAI,QAAQ;AAAQ,qCAA6B;AACjD,UAAI,QAAQ;AAAO,oCAA4B;AAG/C,UAAI;AAAsB,oCAA4B;AAGtD,UAAI,CAAC;AACH,YAAI,QAAQ,SAAS,YAAY,CAAC,mBAAmB;AACnD,YAAE,eAAe;AACjB,0CAAgC;AAAA,QAClC;AAAA;AAEF,UAAI,QAAQ,SAAS,YAAY,mBAAmB;AAClD,yCAAiC;AAAA,MACnC;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,QAAM,iCAA6B;AAAA,IACjC,CAAC,MAA2B;AAC1B,YAAM,EAAE,IAAI,IAAI;AAChB,UAAI,CAAC,QAAQ,OAAO,WAAW,aAAa,aAAa,YAAY,EAAE,SAAS,GAAG;AAAG,UAAE,eAAe;AACvG,UAAI,CAAC,QAAQ,OAAO,WAAW,aAAa,aAAa,YAAY,EAAE,SAAS,GAAG;AAAG,UAAE,gBAAgB;AACxG,UAAI,yBAAyB;AAC7B,UAAI,QAAQ,WAAW;AACrB,yBAAiB,CAAC;AAClB,iCAAyB;AAAA,MAC3B;AACA,UAAI,QAAQ,aAAa;AACvB,yBAAiB,CAAC;AAClB,iCAAyB;AAAA,MAC3B;AACA,UAAI,QAAQ,aAAa;AACvB,oCAA4B;AAAA,MAC9B;AACA,UAAI,QAAQ,cAAc;AACxB,wCAAgC;AAAA,MAClC;AACA,UAAI,QAAQ;AAAQ,qCAA6B;AACjD,UAAI,QAAQ;AAAO,oCAA4B;AAE/C,UAAI;AAAwB,sCAA8B;AAAA,IAC5D;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,QAAM,kCAA8B;AAAA,IAClC,CAAC,MAA2B;AAC1B,YAAM,EAAE,KAAK,SAAS,IAAI;AAC1B,UAAI,CAAC,QAAQ,OAAO,WAAW,aAAa,aAAa,YAAY,EAAE,SAAS,GAAG;AAAG,UAAE,eAAe;AACvG,UAAI,CAAC,QAAQ,OAAO,WAAW,aAAa,aAAa,YAAY,EAAE,SAAS,GAAG;AAAG,UAAE,gBAAgB;AACxG,UAAI,2BAA2B;AAC/B,UAAI,QAAQ,WAAW;AACrB,yCAAiC,MAAM,CAAC;AACxC,mCAA2B;AAAA,MAC7B;AACA,UAAI,QAAQ,aAAa;AACvB,yCAAiC,MAAM,CAAC;AACxC,mCAA2B;AAAA,MAC7B;AACA,UAAI,QAAQ,aAAa;AACvB,sCAA8B;AAAA,MAChC;AACA,UAAI,QAAQ;AAAQ,qCAA6B;AACjD,UAAI,QAAQ;AAAO,oCAA4B;AAG/C,UAAI;AAA0B,wCAAgC;AAG9D,UAAI,CAAC;AACH,YAAI,QAAQ,SAAS,CAAC,UAAU;AAC9B,YAAE,eAAe;AACjB,cAAI;AAAmB,wCAA4B;AAAA;AAC9C,wCAA4B;AAAA,QACnC;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,yBAAyB,6BAA6B,4BAA4B,uBAAuB;AAAA,EAC5G;AACF;",
   "names": []
 }