@elliemae/ds-controlled-form 2.2.0-next.4 → 2.3.0-alpha.2

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

@@ -1,20 +1,18 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { StyledCalendarWithTimeWheelWrapper, StyledCalendar } from './Styleds.js';
-import { CalendarWithTimeWheelFooter } from './CalendarWithTimeWheelFooter.js';
-import { TimeWheelContent } from '../TimeWheel/TimeWheelContent.js';
-import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
-
-var _StyledCalendar, _TimeWheelContent, _CalendarWithTimeWhee;
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { StyledCalendarWithTimeWheelWrapper, StyledCalendar } from "./Styleds";
+import { CalendarWithTimeWheelFooter } from "./CalendarWithTimeWheelFooter";
+import { TimeWheelContent } from "../TimeWheel/TimeWheelContent";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
 const CalendarWithTimeWheelContent = () => {
-  const {
-    isControllerOnly
-  } = useContext(ControlledDateTimePickerContext);
-  return /*#__PURE__*/_jsx(StyledCalendarWithTimeWheelWrapper, {
-    isControllerOnly: isControllerOnly,
+  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);
+  return /* @__PURE__ */ React2.createElement(StyledCalendarWithTimeWheelWrapper, {
+    isControllerOnly,
     "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL
-  }, void 0, _StyledCalendar || (_StyledCalendar = /*#__PURE__*/_jsx(StyledCalendar, {})), _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx(TimeWheelContent, {})), _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx(CalendarWithTimeWheelFooter, {})));
+  }, /* @__PURE__ */ React2.createElement(StyledCalendar, null), /* @__PURE__ */ React2.createElement(TimeWheelContent, null), /* @__PURE__ */ React2.createElement(CalendarWithTimeWheelFooter, null));
 };
-
-export { CalendarWithTimeWheelContent };
+export {
+  CalendarWithTimeWheelContent
+};
+//# sourceMappingURL=CalendarWithTimeWheelContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { StyledCalendarWithTimeWheelWrapper, StyledCalendar } from './Styleds';\nimport { CalendarWithTimeWheelFooter } from './CalendarWithTimeWheelFooter';\nimport { TimeWheelContent } from '../TimeWheel/TimeWheelContent';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\n\nexport const CalendarWithTimeWheelContent = (): JSX.Element => {\n  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n  return (\n    <StyledCalendarWithTimeWheelWrapper\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL}\n    >\n      <StyledCalendar />\n      <TimeWheelContent />\n      <CalendarWithTimeWheelFooter />\n    </StyledCalendarWithTimeWheelWrapper>\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,qBAAqB,WAAW;AACxC,SACE,qCAAC,oCAAD;AAAA,IACE;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,KAErE,qCAAC,gBAAD,OACA,qCAAC,kBAAD,OACA,qCAAC,6BAAD;AAAA;",
+  "names": []
+}

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

@@ -1,10 +1,9 @@
-import { createContext } from 'react';
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
+import * as React from "react";
+import { createContext } from "react";
+const noop = () => {
+};
 const defaultCalendarWithTimeWheelContext = {
-  ariaCurrentValueForInputs: '',
+  ariaCurrentValueForInputs: "",
   showCalendarWithTimeWheel: false,
   setPopperElement: noop,
   setArrowElement: noop,
@@ -16,8 +15,11 @@ const defaultCalendarWithTimeWheelContext = {
   isControllerOnly: false,
   disabled: false
 };
-/** Context for cross component communication */
-
-const CalendarWithTimeWheelContext = /*#__PURE__*/createContext(defaultCalendarWithTimeWheelContext);
-
-export { CalendarWithTimeWheelContext, CalendarWithTimeWheelContext as default, defaultCalendarWithTimeWheelContext };
+const CalendarWithTimeWheelContext = createContext(defaultCalendarWithTimeWheelContext);
+var CalendarWithTimeWheelContext_default = CalendarWithTimeWheelContext;
+export {
+  CalendarWithTimeWheelContext,
+  CalendarWithTimeWheelContext_default as default,
+  defaultCalendarWithTimeWheelContext
+};
+//# sourceMappingURL=CalendarWithTimeWheelContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\n\nexport interface CalendarWithTimeWheelContextT {\n  ariaCurrentValueForInputs: string;\n  showCalendarWithTimeWheel: boolean;\n  setPopperElement: (instance: HTMLDivElement) => void;\n  setArrowElement: (instance: HTMLDivElement) => void;\n  usePopperHelpers: {\n    attributes: Record<string, unknown>;\n    styles: Record<string, React.CSSProperties>;\n  };\n  handleToggleCalendarWithTimeWheel: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  handleSetTriggerRef: (instance: HTMLButtonElement) => void;\n  handleMenuWrapperKeyDown: (e?: React.KeyboardEvent<HTMLElement>) => void;\n  handlePickerIconKeyDown: (e?: React.KeyboardEvent<HTMLButtonElement>) => void;\n  isControllerOnly: boolean;\n  disabled: boolean;\n}\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nexport const defaultCalendarWithTimeWheelContext: CalendarWithTimeWheelContextT = {\n  ariaCurrentValueForInputs: '',\n  showCalendarWithTimeWheel: false,\n  setPopperElement: noop,\n  setArrowElement: noop,\n  usePopperHelpers: null,\n  handleSetTriggerRef: noop,\n  handleToggleCalendarWithTimeWheel: noop,\n  handleMenuWrapperKeyDown: noop,\n  handlePickerIconKeyDown: noop,\n  isControllerOnly: false,\n  disabled: false,\n};\n\n/** Context for cross component communication */\nexport const CalendarWithTimeWheelContext = createContext(defaultCalendarWithTimeWheelContext);\n\nexport default CalendarWithTimeWheelContext;\n"],
+  "mappings": "AAAA;ACAA;AAmBA,MAAM,OAAO,MAAY;AAAA;AAClB,MAAM,sCAAqE;AAAA,EAChF,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAC3B,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,mCAAmC;AAAA,EACnC,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,kBAAkB;AAAA,EAClB,UAAU;AAAA;AAIL,MAAM,+BAA+B,cAAc;AAE1D,IAAO,uCAAQ;",
+  "names": []
+}

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

@@ -1,18 +1,16 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
-import { CalendarWithTimeWheelFooterMessage } from './Styleds.js';
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { CalendarWithTimeWheelFooterMessage } from "./Styleds";
 const CalendarWithTimeWheelFooter = () => {
   const {
-    props: {
-      pickerFooterMsg,
-      hasError
-    }
+    props: { pickerFooterMsg, hasError }
   } = useContext(ControlledDateTimePickerContext);
-  return pickerFooterMsg !== undefined && hasError ? /*#__PURE__*/_jsx(CalendarWithTimeWheelFooterMessage, {
+  return pickerFooterMsg !== void 0 && hasError ? /* @__PURE__ */ React2.createElement(CalendarWithTimeWheelFooterMessage, {
     role: "alert"
-  }, void 0, pickerFooterMsg) : null;
+  }, pickerFooterMsg) : null;
 };
-
-export { CalendarWithTimeWheelFooter };
+export {
+  CalendarWithTimeWheelFooter
+};
+//# sourceMappingURL=CalendarWithTimeWheelFooter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarWithTimeWheelFooterMessage } from './Styleds';\n\nexport const CalendarWithTimeWheelFooter = (): JSX.Element => {\n  const {\n    props: { pickerFooterMsg, hasError },\n  } = useContext(ControlledDateTimePickerContext);\n  return pickerFooterMsg !== undefined && hasError ? (\n    <CalendarWithTimeWheelFooterMessage role=\"alert\">{pickerFooterMsg}</CalendarWithTimeWheelFooterMessage>\n  ) : null;\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,MACxB,WAAW;AACf,SAAO,oBAAoB,UAAa,WACtC,qCAAC,oCAAD;AAAA,IAAoC,MAAK;AAAA,KAAS,mBAChD;AAAA;",
+  "names": []
+}

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

@@ -1,15 +1,10 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext, useMemo } from 'react';
-import { BUTTON_SIZES, BUTTON_VARIANT } from '@elliemae/ds-button';
-import { DatePicker } from '@elliemae/ds-icons';
-import { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext.js';
-import { StyledIconTriggerButton } from './Styleds.js';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-
-var _DatePicker;
-// this is particularly useful due to how usePopper needs to check the references
-// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders
-
+import * as React from "react";
+import React2, { useContext, useMemo } from "react";
+import { BUTTON_VARIANT, BUTTON_SIZES } from "@elliemae/ds-button";
+import { DatePicker } from "@elliemae/ds-icons";
+import { CalendarWithTimeWheelContext } from "./CalendarWithTimeWheelContext";
+import { StyledIconTriggerButton } from "./Styleds";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
 const CalendarWithTimeWheelIconTrigger = () => {
   const {
     handleSetTriggerRef,
@@ -18,8 +13,8 @@ const CalendarWithTimeWheelIconTrigger = () => {
     ariaCurrentValueForInputs,
     disabled
   } = useContext(CalendarWithTimeWheelContext);
-  return useMemo(() => /*#__PURE__*/_jsx(StyledIconTriggerButton, {
-    "aria-label": "date time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+  return useMemo(() => /* @__PURE__ */ React2.createElement(StyledIconTriggerButton, {
+    "aria-label": `date time picker context menu trigger, ${ariaCurrentValueForInputs}`,
     buttonType: "icon",
     size: BUTTON_SIZES.M,
     variant: BUTTON_VARIANT.DEFAULT,
@@ -27,8 +22,16 @@ const CalendarWithTimeWheelIconTrigger = () => {
     onClick: handleToggleCalendarWithTimeWheel,
     onKeyDown: handlePickerIconKeyDown,
     "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL,
-    disabled: disabled
-  }, void 0, _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker, {}))), [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendarWithTimeWheel]);
+    disabled
+  }, /* @__PURE__ */ React2.createElement(DatePicker, null)), [
+    ariaCurrentValueForInputs,
+    disabled,
+    handlePickerIconKeyDown,
+    handleSetTriggerRef,
+    handleToggleCalendarWithTimeWheel
+  ]);
+};
+export {
+  CalendarWithTimeWheelIconTrigger
 };
-
-export { CalendarWithTimeWheelIconTrigger };
+//# sourceMappingURL=CalendarWithTimeWheelIconTrigger.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { BUTTON_VARIANT, BUTTON_SIZES } from '@elliemae/ds-button';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\nimport { StyledIconTriggerButton } from './Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\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 CalendarWithTimeWheelIconTrigger = (): JSX.Element => {\n  const {\n    handleSetTriggerRef,\n    handleToggleCalendarWithTimeWheel,\n    handlePickerIconKeyDown,\n    ariaCurrentValueForInputs,\n    disabled,\n  } = useContext(CalendarWithTimeWheelContext);\n  return useMemo(\n    () => (\n      <StyledIconTriggerButton\n        aria-label={`date time picker context menu trigger, ${ariaCurrentValueForInputs}`}\n        buttonType=\"icon\"\n        size={BUTTON_SIZES.M}\n        variant={BUTTON_VARIANT.DEFAULT}\n        innerRef={handleSetTriggerRef}\n        onClick={handleToggleCalendarWithTimeWheel}\n        onKeyDown={handlePickerIconKeyDown}\n        data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL}\n        disabled={disabled}\n      >\n        <DatePicker />\n      </StyledIconTriggerButton>\n    ),\n    [\n      ariaCurrentValueForInputs,\n      disabled,\n      handlePickerIconKeyDown,\n      handleSetTriggerRef,\n      handleToggleCalendarWithTimeWheel,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAKO,MAAM,mCAAmC,MAAmB;AACjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AACf,SAAO,QACL,MACE,qCAAC,yBAAD;AAAA,IACE,cAAY,0CAA0C;AAAA,IACtD,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS,eAAe;AAAA,IACxB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAa,mCAAmC,aAAa;AAAA,IAC7D;AAAA,KAEA,qCAAC,YAAD,QAGJ;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,45 +1,28 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent.js';
-import { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _CalendarWithTimeWhee, _CalendarWithTimeWhee2;
-
-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 { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { CalendarWithTimeWheelContent } from "./CalendarWithTimeWheelContent";
+import { CalendarWithTimeWheelContext } from "./CalendarWithTimeWheelContext";
 const CalendarWithTimeWheelWrapper = () => {
   const {
     setPopperElement,
     setArrowElement,
-    usePopperHelpers: {
-      attributes,
-      styles
-    },
+    usePopperHelpers: { attributes, styles },
     isControllerOnly
   } = useContext(CalendarWithTimeWheelContext);
-  if (isControllerOnly) return _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx(CalendarWithTimeWheelContent, {}));
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+  if (isControllerOnly)
+    return /* @__PURE__ */ React2.createElement(CalendarWithTimeWheelContent, null);
+  return /* @__PURE__ */ React2.createElement("div", {
     ref: setPopperElement,
-    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-      background: 'white',
-      zIndex: 110
-    })
-  }, attributes.popper), {}, {
-    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL,
-    children: [_CalendarWithTimeWhee2 || (_CalendarWithTimeWhee2 = /*#__PURE__*/_jsx(CalendarWithTimeWheelContent, {})), /*#__PURE__*/jsx("div", {
-      ref: setArrowElement,
-      style: styles.arrow
-    })]
+    style: { ...styles.popper, background: "white", zIndex: 110 },
+    ...attributes.popper,
+    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL
+  }, /* @__PURE__ */ React2.createElement(CalendarWithTimeWheelContent, null), /* @__PURE__ */ React2.createElement("div", {
+    ref: setArrowElement,
+    style: styles.arrow
   }));
 };
-
-export { CalendarWithTimeWheelWrapper };
+export {
+  CalendarWithTimeWheelWrapper
+};
+//# sourceMappingURL=CalendarWithTimeWheelWrapper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\n\nexport const CalendarWithTimeWheelWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    setArrowElement,\n    usePopperHelpers: { attributes, styles },\n    isControllerOnly,\n  } = useContext(CalendarWithTimeWheelContext);\n  if (isControllerOnly) return <CalendarWithTimeWheelContent />;\n  return (\n    <div\n      ref={setPopperElement}\n      style={{ ...styles.popper, background: 'white', zIndex: 110 }}\n      {...attributes.popper}\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL}\n    >\n      <CalendarWithTimeWheelContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,+BAA+B,MAAmB;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,YAAY;AAAA,IAChC;AAAA,MACE,WAAW;AACf,MAAI;AAAkB,WAAO,qCAAC,8BAAD;AAC7B,SACE,qCAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO,KAAK,OAAO,QAAQ,YAAY,SAAS,QAAQ;AAAA,OACpD,WAAW;AAAA,IACf,eAAa,mCAAmC,gBAAgB;AAAA,KAEhE,qCAAC,8BAAD,OACA,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,68 +1,43 @@
-import styled from 'styled-components';
-import { DSButtonV2 } from '@elliemae/ds-button';
-import { CalendarContent } from '../Calendar/CalendarContent.js';
+import * as React from "react";
+import styled from "styled-components";
+import { DSButtonV2 } from "@elliemae/ds-button";
+import { CalendarContent } from "../Calendar/CalendarContent";
+const StyledIconTriggerButton = styled(DSButtonV2)`
+  color: ${({ theme }) => theme.colors.brand["600"]};
+  width: 26px;
+  height: 26px;
+`;
+const StyledCalendarWithTimeWheelWrapper = styled.div`
+  background: ${({ theme }) => theme.colors.neutral["000"]};
+  ${({ isControllerOnly }) => isControllerOnly ? void 0 : "box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);"}
+  display: grid;
+  grid-template-columns: 260px 192px;
+  grid-template-rows: 1fr;
+  column-gap: 0;
 
-const StyledIconTriggerButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
-  componentId: "sc-h2xj8r-0"
-})(["color:", ";width:26px;height:26px;"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.brand['600'];
-});
-const StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-h2xj8r-1"
-})(["background:", ";", " display:grid;grid-template-columns:260px 192px;grid-template-rows:1fr;column-gap:0;& > div:last-of-type{box-shadow:-1px 0 0 0 ", ";margin-left:1px;}"], _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.colors.neutral['000'];
-}, _ref3 => {
-  let {
-    isControllerOnly
-  } = _ref3;
-  return isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);';
-}, _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.colors.neutral[200];
-});
-const StyledCalendar = /*#__PURE__*/styled(CalendarContent).withConfig({
-  componentId: "sc-h2xj8r-2"
-})(["box-shadow:none;"]);
-const CalendarWithTimeWheelFooterMessage = /*#__PURE__*/styled.footer.withConfig({
-  componentId: "sc-h2xj8r-3"
-})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;grid-column:1/3;"], _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.colors.neutral[300];
-}, _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return theme.space.xxs2;
-}, _ref7 => {
-  let {
-    theme
-  } = _ref7;
-  return theme.space.xxs2;
-}, _ref8 => {
-  let {
-    theme
-  } = _ref8;
-  return theme.colors.danger[900];
-}, _ref9 => {
-  let {
-    theme
-  } = _ref9;
-  return theme.fontWeights.thin;
-}, _ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.fontSizes.microText[200];
-});
-
-export { CalendarWithTimeWheelFooterMessage, StyledCalendar, StyledCalendarWithTimeWheelWrapper, StyledIconTriggerButton };
+  & > div:last-of-type {
+    box-shadow: -1px 0 0 0 ${({ theme }) => theme.colors.neutral[200]};
+    margin-left: 1px;
+  }
+`;
+const StyledCalendar = styled(CalendarContent)`
+  box-shadow: none;
+`;
+const CalendarWithTimeWheelFooterMessage = styled.footer`
+  border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};
+  margin: 0 ${({ theme }) => theme.space.xxs2};
+  padding: ${({ theme }) => theme.space.xxs2} 0;
+  color: ${({ theme }) => theme.colors.danger[900]};
+  font-style: italic;
+  font-weight: ${({ theme }) => theme.fontWeights.thin};
+  font-size: ${({ theme }) => theme.fontSizes.microText[200]};
+  text-align: right;
+  grid-column: 1/3;
+`;
+export {
+  CalendarWithTimeWheelFooterMessage,
+  StyledCalendar,
+  StyledCalendarWithTimeWheelWrapper,
+  StyledIconTriggerButton
+};
+//# sourceMappingURL=Styleds.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { CalendarContent } from '../Calendar/CalendarContent';\n\nexport const StyledIconTriggerButton = styled(DSButtonV2)`\n  color: ${({ theme }) => theme.colors.brand['600']};\n  width: 26px;\n  height: 26px;\n`;\n\nexport const StyledCalendarWithTimeWheelWrapper = styled.div<{ isControllerOnly: boolean }>`\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  ${({ isControllerOnly }) =>\n    isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);'}\n  display: grid;\n  grid-template-columns: 260px 192px;\n  grid-template-rows: 1fr;\n  column-gap: 0;\n\n  & > div:last-of-type {\n    box-shadow: -1px 0 0 0 ${({ theme }) => theme.colors.neutral[200]};\n    margin-left: 1px;\n  }\n`;\n\nexport const StyledCalendar = styled(CalendarContent)`\n  box-shadow: none;\n`;\n\nexport const CalendarWithTimeWheelFooterMessage = styled.footer`\n  border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};\n  margin: 0 ${({ theme }) => theme.space.xxs2};\n  padding: ${({ theme }) => theme.space.xxs2} 0;\n  color: ${({ theme }) => theme.colors.danger[900]};\n  font-style: italic;\n  font-weight: ${({ theme }) => theme.fontWeights.thin};\n  font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n  text-align: right;\n  grid-column: 1/3;\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,0BAA0B,OAAO;AAAA,WACnC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKtC,MAAM,qCAAqC,OAAO;AAAA,gBACzC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,IAChD,CAAC,EAAE,uBACH,mBAAmB,SAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAON,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK1D,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAI9B,MAAM,qCAAqC,OAAO;AAAA,0BAC/B,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,cAChD,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,aAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,WAC7B,CAAC,EAAE,YAAY,MAAM,OAAO,OAAO;AAAA;AAAA,iBAE7B,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,eACnC,CAAC,EAAE,YAAY,MAAM,UAAU,UAAU;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,22 +1,16 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useContext, useState, useCallback, useMemo } from 'react';
-import { usePopper } from 'react-popper';
-import { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../../../ControlledDateTimePickerTypes.js';
-import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
-import { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside.js';
-import { CalendarContext } from '../Calendar/CalendarContext.js';
-import { TimeWheelContext } from '../TimeWheel/TimeWheelContext.js';
-import { homeEndKeys } from '../../../utils/constants.js';
-
+import * as React from "react";
+import { useMemo, useState, useCallback, useContext } from "react";
+import { usePopper } from "react-popper";
+import { CONTROLLED_DATE_TIME_PICKER_TYPES } from "../../../ControlledDateTimePickerTypes";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { useOnClickOutside } from "../../../utils/hooks/useOnClickOutside";
+import { CalendarContext } from "../Calendar/CalendarContext";
+import { TimeWheelContext } from "../TimeWheel/TimeWheelContext";
+import { homeEndKeys } from "../../../utils/constants";
 const useConfigCalendarWithTimeWheelCTX = () => {
   const {
     pickerButtonRef,
-    props: {
-      type,
-      onPickerOpen,
-      onPickerClose,
-      disabled
-    },
+    props: { type, onPickerOpen, onPickerClose, disabled },
     hideDate,
     hideTime,
     monthInputRef,
@@ -27,77 +21,67 @@ const useConfigCalendarWithTimeWheelCTX = () => {
     yearInputRef,
     ariaCurrentValueForInputs
   } = useContext(ControlledDateTimePickerContext);
-  const {
-    handleToggleCalendar
-  } = useContext(CalendarContext);
-  const {
-    handleToggleTimePicker
-  } = useContext(TimeWheelContext);
+  const { handleToggleCalendar } = useContext(CalendarContext);
+  const { handleToggleTimePicker } = useContext(TimeWheelContext);
   const [showCalendarWithTimeWheel, setShowCalendarWithTimeWheel] = useState(false);
   const onHomeKeyDown = useCallback(() => {
-    var _monthInputRef$curren, _monthInputRef$curren2, _hourInputRef$current, _hourInputRef$current2;
-
-    if (!hideDate) monthInputRef === null || monthInputRef === void 0 ? void 0 : (_monthInputRef$curren = monthInputRef.current) === null || _monthInputRef$curren === void 0 ? void 0 : (_monthInputRef$curren2 = _monthInputRef$curren.focus) === null || _monthInputRef$curren2 === void 0 ? void 0 : _monthInputRef$curren2.call(_monthInputRef$curren);else if (!hideTime) hourInputRef === null || hourInputRef === void 0 ? void 0 : (_hourInputRef$current = hourInputRef.current) === null || _hourInputRef$current === void 0 ? void 0 : (_hourInputRef$current2 = _hourInputRef$current.focus) === null || _hourInputRef$current2 === void 0 ? void 0 : _hourInputRef$current2.call(_hourInputRef$current);
+    if (!hideDate)
+      monthInputRef?.current?.focus?.();
+    else if (!hideTime)
+      hourInputRef?.current?.focus?.();
   }, [hideDate, hideTime, monthInputRef, hourInputRef]);
-  const handlePickerIconKeyDown = useCallback(e => {
-    const {
-      key
-    } = e;
-    if (homeEndKeys.includes(key)) e.preventDefault();
-    if (homeEndKeys.includes(key)) e.stopPropagation();
-    if (key === 'Home') onHomeKeyDown();
-
-    if (key === 'Backspace' && withAnyInputs) {
-      var _meridiemInputRef$cur, _meridiemInputRef$cur2, _yearInputRef$current, _yearInputRef$current2;
-
-      if (isWithTimeInputs) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur = meridiemInputRef.current) === null || _meridiemInputRef$cur === void 0 ? void 0 : (_meridiemInputRef$cur2 = _meridiemInputRef$cur.focus) === null || _meridiemInputRef$cur2 === void 0 ? void 0 : _meridiemInputRef$cur2.call(_meridiemInputRef$cur);else yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current = yearInputRef.current) === null || _yearInputRef$current === void 0 ? void 0 : (_yearInputRef$current2 = _yearInputRef$current.focus) === null || _yearInputRef$current2 === void 0 ? void 0 : _yearInputRef$current2.call(_yearInputRef$current);
+  const handlePickerIconKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (homeEndKeys.includes(key))
+      e.preventDefault();
+    if (homeEndKeys.includes(key))
+      e.stopPropagation();
+    if (key === "Home")
+      onHomeKeyDown();
+    if (key === "Backspace" && withAnyInputs) {
+      if (isWithTimeInputs)
+        meridiemInputRef?.current?.focus?.();
+      else
+        yearInputRef?.current?.focus?.();
     }
   }, [isWithTimeInputs, meridiemInputRef, onHomeKeyDown, withAnyInputs, yearInputRef]);
   const [referenceElement, setReferenceElement] = useState(null);
   const [popperElement, setPopperElement] = useState(null);
   const [arrowElement, setArrowElement] = useState(null);
   const usePopperHelpers = usePopper(referenceElement, popperElement, {
-    modifiers: [{
-      name: 'arrow',
-      options: {
-        element: arrowElement
-      }
-    }]
+    modifiers: [{ name: "arrow", options: { element: arrowElement } }]
   });
-  const openCalendar = useCallback(e => {
+  const openCalendar = useCallback((e) => {
     setShowCalendarWithTimeWheel(true);
     onPickerOpen();
     setTimeout(() => handleToggleCalendar(e));
     setTimeout(() => handleToggleTimePicker(e));
   }, [handleToggleCalendar, handleToggleTimePicker, onPickerOpen]);
-  const closeCalendar = useCallback(e => {
+  const closeCalendar = useCallback((e) => {
     setShowCalendarWithTimeWheel(false);
     onPickerClose();
     setTimeout(() => handleToggleCalendar(e));
     setTimeout(() => handleToggleTimePicker(e));
   }, [handleToggleCalendar, handleToggleTimePicker, onPickerClose]);
-  const handleToggleCalendarWithTimeWheel = useCallback(e => {
-    if (!showCalendarWithTimeWheel) openCalendar(e);else closeCalendar(e);
+  const handleToggleCalendarWithTimeWheel = useCallback((e) => {
+    if (!showCalendarWithTimeWheel)
+      openCalendar(e);
+    else
+      closeCalendar(e);
   }, [closeCalendar, openCalendar, showCalendarWithTimeWheel]);
-  useOnClickOutside(popperElement, e => {
-    var _pickerButtonRef$curr, _pickerButtonRef$curr2;
-
-    if (!(pickerButtonRef !== null && pickerButtonRef !== void 0 && (_pickerButtonRef$curr = pickerButtonRef.current) !== null && _pickerButtonRef$curr !== void 0 && (_pickerButtonRef$curr2 = _pickerButtonRef$curr.contains) !== null && _pickerButtonRef$curr2 !== void 0 && _pickerButtonRef$curr2.call(_pickerButtonRef$curr, e === null || e === void 0 ? void 0 : e.target))) closeCalendar(e);
+  useOnClickOutside(popperElement, (e) => {
+    if (!pickerButtonRef?.current?.contains?.(e?.target))
+      closeCalendar(e);
   });
-  const handleSetTriggerRef = useCallback(newRef => {
+  const handleSetTriggerRef = useCallback((newRef) => {
     pickerButtonRef.current = newRef;
     setReferenceElement(newRef);
   }, [pickerButtonRef]);
-  const handleMenuWrapperKeyDown = useCallback(e => {
-    const {
-      key
-    } = e;
-
-    if (key === 'Escape') {
-      var _pickerButtonRef$curr3, _pickerButtonRef$curr4;
-
+  const handleMenuWrapperKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (key === "Escape") {
       closeCalendar(e);
-      pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr3 = pickerButtonRef.current) === null || _pickerButtonRef$curr3 === void 0 ? void 0 : (_pickerButtonRef$curr4 = _pickerButtonRef$curr3.focus) === null || _pickerButtonRef$curr4 === void 0 ? void 0 : _pickerButtonRef$curr4.call(_pickerButtonRef$curr3);
+      pickerButtonRef?.current?.focus?.();
     }
   }, [closeCalendar, pickerButtonRef]);
   const isControllerOnly = useMemo(() => type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY, [type]);
@@ -113,7 +97,19 @@ const useConfigCalendarWithTimeWheelCTX = () => {
     isControllerOnly,
     disabled,
     ariaCurrentValueForInputs
-  }), [showCalendarWithTimeWheel, usePopperHelpers, handleToggleCalendarWithTimeWheel, handleSetTriggerRef, handleMenuWrapperKeyDown, handlePickerIconKeyDown, isControllerOnly, disabled, ariaCurrentValueForInputs]);
+  }), [
+    showCalendarWithTimeWheel,
+    usePopperHelpers,
+    handleToggleCalendarWithTimeWheel,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown,
+    handlePickerIconKeyDown,
+    isControllerOnly,
+    disabled,
+    ariaCurrentValueForInputs
+  ]);
+};
+export {
+  useConfigCalendarWithTimeWheelCTX
 };
-
-export { useConfigCalendarWithTimeWheelCTX };
+//# sourceMappingURL=useConfigCalendarWithTimeWheelCTX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useState, useCallback, useContext } from 'react';\nimport { usePopper } from 'react-popper';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../../../ControlledDateTimePickerTypes';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside';\nimport type { onKeyDownT } from '../../../index.d';\nimport { CalendarContext } from '../Calendar/CalendarContext';\nimport { TimeWheelContext } from '../TimeWheel/TimeWheelContext';\nimport type { CalendarWithTimeWheelContextT } from './CalendarWithTimeWheelContext';\nimport { homeEndKeys } from '../../../utils/constants';\n\nexport const useConfigCalendarWithTimeWheelCTX = (): CalendarWithTimeWheelContextT => {\n  const {\n    pickerButtonRef,\n    props: { type, onPickerOpen, onPickerClose, disabled },\n    hideDate,\n    hideTime,\n    monthInputRef,\n    hourInputRef,\n    withAnyInputs,\n    isWithTimeInputs,\n    meridiemInputRef,\n    yearInputRef,\n    ariaCurrentValueForInputs,\n  } = useContext(ControlledDateTimePickerContext);\n  const { handleToggleCalendar } = useContext(CalendarContext);\n  const { handleToggleTimePicker } = useContext(TimeWheelContext);\n  const [showCalendarWithTimeWheel, setShowCalendarWithTimeWheel] = useState(false);\n  const onHomeKeyDown = useCallback(() => {\n    if (!hideDate) monthInputRef?.current?.focus?.();\n    else if (!hideTime) hourInputRef?.current?.focus?.();\n  }, [hideDate, hideTime, monthInputRef, hourInputRef]);\n  const handlePickerIconKeyDown: onKeyDownT<HTMLButtonElement> = useCallback(\n    (e) => {\n      const { key } = e;\n      if (homeEndKeys.includes(key)) e.preventDefault();\n      if (homeEndKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'Backspace' && withAnyInputs) {\n        if (isWithTimeInputs) meridiemInputRef?.current?.focus?.();\n        else yearInputRef?.current?.focus?.();\n      }\n    },\n    [isWithTimeInputs, meridiemInputRef, onHomeKeyDown, withAnyInputs, yearInputRef],\n  );\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperElement, setPopperElement] = useState(null);\n  const [arrowElement, setArrowElement] = useState(null);\n  const usePopperHelpers = usePopper(referenceElement, popperElement, {\n    modifiers: [{ name: 'arrow', options: { element: arrowElement } }],\n  });\n  const openCalendar = useCallback(\n    (e) => {\n      setShowCalendarWithTimeWheel(true);\n      onPickerOpen();\n      setTimeout(() => handleToggleCalendar(e));\n      setTimeout(() => handleToggleTimePicker(e));\n    },\n    [handleToggleCalendar, handleToggleTimePicker, onPickerOpen],\n  );\n  const closeCalendar = useCallback(\n    (e) => {\n      setShowCalendarWithTimeWheel(false);\n      onPickerClose();\n      setTimeout(() => handleToggleCalendar(e));\n      setTimeout(() => handleToggleTimePicker(e));\n    },\n    [handleToggleCalendar, handleToggleTimePicker, onPickerClose],\n  );\n\n  const handleToggleCalendarWithTimeWheel = useCallback(\n    (e) => {\n      if (!showCalendarWithTimeWheel) openCalendar(e);\n      else closeCalendar(e);\n    },\n    [closeCalendar, openCalendar, showCalendarWithTimeWheel],\n  );\n\n  useOnClickOutside(popperElement, (e) => {\n    if (!pickerButtonRef?.current?.contains?.(e?.target)) closeCalendar(e);\n  });\n\n  const handleSetTriggerRef = useCallback(\n    (newRef) => {\n      pickerButtonRef.current = newRef;\n      setReferenceElement(newRef);\n    },\n    [pickerButtonRef],\n  );\n  const handleMenuWrapperKeyDown = useCallback(\n    (e) => {\n      const { key } = e;\n      if (key === 'Escape') {\n        closeCalendar(e);\n        pickerButtonRef?.current?.focus?.();\n      }\n    },\n    [closeCalendar, pickerButtonRef],\n  );\n\n  const isControllerOnly = useMemo(() => type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY, [type]);\n\n  return useMemo(\n    () => ({\n      showCalendarWithTimeWheel,\n      setPopperElement,\n      setArrowElement,\n      usePopperHelpers,\n      handleToggleCalendarWithTimeWheel,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      handlePickerIconKeyDown,\n      isControllerOnly,\n      disabled,\n      ariaCurrentValueForInputs,\n    }),\n    [\n      showCalendarWithTimeWheel,\n      usePopperHelpers,\n      handleToggleCalendarWithTimeWheel,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      handlePickerIconKeyDown,\n      isControllerOnly,\n      disabled,\n      ariaCurrentValueForInputs,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEO,MAAM,oCAAoC,MAAqC;AACpF,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE,MAAM,cAAc,eAAe;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AACf,QAAM,EAAE,yBAAyB,WAAW;AAC5C,QAAM,EAAE,2BAA2B,WAAW;AAC9C,QAAM,CAAC,2BAA2B,gCAAgC,SAAS;AAC3E,QAAM,gBAAgB,YAAY,MAAM;AACtC,QAAI,CAAC;AAAU,qBAAe,SAAS;AAAA,aAC9B,CAAC;AAAU,oBAAc,SAAS;AAAA,KAC1C,CAAC,UAAU,UAAU,eAAe;AACvC,QAAM,0BAAyD,YAC7D,CAAC,MAAM;AACL,UAAM,EAAE,QAAQ;AAChB,QAAI,YAAY,SAAS;AAAM,QAAE;AACjC,QAAI,YAAY,SAAS;AAAM,QAAE;AACjC,QAAI,QAAQ;AAAQ;AACpB,QAAI,QAAQ,eAAe,eAAe;AACxC,UAAI;AAAkB,0BAAkB,SAAS;AAAA;AAC5C,sBAAc,SAAS;AAAA;AAAA,KAGhC,CAAC,kBAAkB,kBAAkB,eAAe,eAAe;AAErE,QAAM,CAAC,kBAAkB,uBAAuB,SAAS;AACzD,QAAM,CAAC,eAAe,oBAAoB,SAAS;AACnD,QAAM,CAAC,cAAc,mBAAmB,SAAS;AACjD,QAAM,mBAAmB,UAAU,kBAAkB,eAAe;AAAA,IAClE,WAAW,CAAC,EAAE,MAAM,SAAS,SAAS,EAAE,SAAS;AAAA;AAEnD,QAAM,eAAe,YACnB,CAAC,MAAM;AACL,iCAA6B;AAC7B;AACA,eAAW,MAAM,qBAAqB;AACtC,eAAW,MAAM,uBAAuB;AAAA,KAE1C,CAAC,sBAAsB,wBAAwB;AAEjD,QAAM,gBAAgB,YACpB,CAAC,MAAM;AACL,iCAA6B;AAC7B;AACA,eAAW,MAAM,qBAAqB;AACtC,eAAW,MAAM,uBAAuB;AAAA,KAE1C,CAAC,sBAAsB,wBAAwB;AAGjD,QAAM,oCAAoC,YACxC,CAAC,MAAM;AACL,QAAI,CAAC;AAA2B,mBAAa;AAAA;AACxC,oBAAc;AAAA,KAErB,CAAC,eAAe,cAAc;AAGhC,oBAAkB,eAAe,CAAC,MAAM;AACtC,QAAI,CAAC,iBAAiB,SAAS,WAAW,GAAG;AAAS,oBAAc;AAAA;AAGtE,QAAM,sBAAsB,YAC1B,CAAC,WAAW;AACV,oBAAgB,UAAU;AAC1B,wBAAoB;AAAA,KAEtB,CAAC;AAEH,QAAM,2BAA2B,YAC/B,CAAC,MAAM;AACL,UAAM,EAAE,QAAQ;AAChB,QAAI,QAAQ,UAAU;AACpB,oBAAc;AACd,uBAAiB,SAAS;AAAA;AAAA,KAG9B,CAAC,eAAe;AAGlB,QAAM,mBAAmB,QAAQ,MAAM,SAAS,kCAAkC,UAAU,iBAAiB,CAAC;AAE9G,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}