@elliemae/ds-controlled-form 2.2.0-next.3 → 2.3.0-alpha.1

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

@@ -1,13 +1,10 @@
-import { createRef, createContext } from 'react';
-
-/* eslint-disable @typescript-eslint/indent */
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
+import * as React from "react";
+import { createContext, createRef } from "react";
+const noop = () => {
+};
 const defaultTimePickerContext = {
-  ariaCurrentValueForInputs: '',
-  tempTimeString: '',
+  ariaCurrentValueForInputs: "",
+  tempTimeString: "",
   showTimePicker: false,
   setShowTimePicker: noop,
   setPopperElement: noop,
@@ -17,24 +14,18 @@ const defaultTimePickerContext = {
   handleSetTriggerRef: noop,
   handleMenuWrapperKeyDown: noop,
   currHourNum: 1,
-  hours: '01',
-  visibleHours: [''],
+  hours: "01",
+  visibleHours: [""],
   handlePrevHour: noop,
   handleNextHour: noop,
   handleTimeWheelBtnChangeHours: noop,
   currMinuteNum: 1,
-  minutes: '00',
-  visibleMinutes: [''],
+  minutes: "00",
+  visibleMinutes: [""],
   handlePrevMinute: noop,
   handleNextMinute: noop,
   handleTimeWheelBtnChangeMinutes: noop,
-  // currSecondNum: 1,
-  // seconds: '00',
-  // visibleSeconds: [''],
-  // handlePrevSecond: noop,
-  // handleNextSecond: noop,
-  // handleTimeWheelBtnChangeSeconds: noop,
-  meridiem: 'AM',
+  meridiem: "AM",
   handleTimeWheelBtnChangeMeridiem: noop,
   isControllerOnly: false,
   autoFocusHourTimeWheel: false,
@@ -44,30 +35,27 @@ const defaultTimePickerContext = {
   handlePrevMinuteBtnOnKeyDown: noop,
   handleCurrMinutesOnKeyDown: noop,
   handleNextMinuteBtnOnKeyDown: noop,
-  // handlePrevSecondBtnOnKeyDown: noop,
-  // handleCurrSecondsOnKeyDown: noop,
-  // handleNextSecondBtnOnKeyDown: noop,
   handlePrevMeridiemBtnOnKeyDown: noop,
   handleCurrMeridiemOnKeyDown: noop,
   handleNextMeridiemBtnOnKeyDown: noop,
   handlePickerIconKeyDown: noop,
-  prevHourBtnRef: /*#__PURE__*/createRef(),
-  currHourBtnRef: /*#__PURE__*/createRef(),
-  nextHourBtnRef: /*#__PURE__*/createRef(),
-  prevMinutesBtnRef: /*#__PURE__*/createRef(),
-  currMinutesBtnRef: /*#__PURE__*/createRef(),
-  nextMinutesBtnRef: /*#__PURE__*/createRef(),
-  // prevSecondsBtnRef: createRef<HTMLButtonElement>(),
-  // currSecondsBtnRef: createRef<HTMLButtonElement>(),
-  // nextSecondsBtnRef: createRef<HTMLButtonElement>(),
-  prevMeridiemBtnRef: /*#__PURE__*/createRef(),
-  currMeridiemBtnRef: /*#__PURE__*/createRef(),
-  nextMeridiemBtnRef: /*#__PURE__*/createRef(),
+  prevHourBtnRef: createRef(),
+  currHourBtnRef: createRef(),
+  nextHourBtnRef: createRef(),
+  prevMinutesBtnRef: createRef(),
+  currMinutesBtnRef: createRef(),
+  nextMinutesBtnRef: createRef(),
+  prevMeridiemBtnRef: createRef(),
+  currMeridiemBtnRef: createRef(),
+  nextMeridiemBtnRef: createRef(),
   getIsDisabledTime: () => false,
   disabled: false
 };
-/** Context for cross component communication */
-
-const TimeWheelContext = /*#__PURE__*/createContext(defaultTimePickerContext);
-
-export { TimeWheelContext, TimeWheelContext as default, defaultTimePickerContext };
+const TimeWheelContext = createContext(defaultTimePickerContext);
+var TimeWheelContext_default = TimeWheelContext;
+export {
+  TimeWheelContext,
+  TimeWheelContext_default as default,
+  defaultTimePickerContext
+};
+//# sourceMappingURL=TimeWheelContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable max-lines */\nimport React, { createContext, createRef } from 'react';\n// import type { DateMonth } from '../../../index.d';\nexport interface WheelsButtonsRefsT {\n  prevHourBtnRef: React.RefObject<HTMLButtonElement>;\n  currHourBtnRef: React.RefObject<HTMLButtonElement>;\n  nextHourBtnRef: React.RefObject<HTMLButtonElement>;\n  prevMinutesBtnRef: React.RefObject<HTMLButtonElement>;\n  currMinutesBtnRef: React.RefObject<HTMLButtonElement>;\n  nextMinutesBtnRef: React.RefObject<HTMLButtonElement>;\n  // prevSecondsBtnRef: React.RefObject<HTMLButtonElement>;\n  // currSecondsBtnRef: React.RefObject<HTMLButtonElement>;\n  // nextSecondsBtnRef: React.RefObject<HTMLButtonElement>;\n  prevMeridiemBtnRef: React.RefObject<HTMLButtonElement>;\n  currMeridiemBtnRef: React.RefObject<HTMLButtonElement>;\n  nextMeridiemBtnRef: React.RefObject<HTMLButtonElement>;\n}\nexport interface KeyboardHandlersT {\n  handlePrevHourBtnOnKeyDown: (e: React.KeyboardEvent) => void;\n  handleCurrHourOnKeyDown: (e: React.KeyboardEvent) => void;\n  handleNextHourBtnOnKeyDown: (e: React.KeyboardEvent) => void;\n  handlePrevMinuteBtnOnKeyDown: (e: React.KeyboardEvent) => void;\n  handleCurrMinutesOnKeyDown: (e: React.KeyboardEvent) => void;\n  handleNextMinuteBtnOnKeyDown: (e: React.KeyboardEvent) => void;\n  // handlePrevSecondBtnOnKeyDown: (e: React.KeyboardEvent) => void;\n  // handleCurrSecondsOnKeyDown: (e: React.KeyboardEvent) => void;\n  // handleNextSecondBtnOnKeyDown: (e: React.KeyboardEvent) => void;\n  handlePrevMeridiemBtnOnKeyDown: (e: React.KeyboardEvent) => void;\n  handleCurrMeridiemOnKeyDown: (e: React.KeyboardEvent) => void;\n  handleNextMeridiemBtnOnKeyDown: (e: React.KeyboardEvent) => void;\n  handlePickerIconKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\nexport interface PopperTriggerLogicT {\n  showTimePicker: boolean;\n  setShowTimePicker: React.Dispatch<React.SetStateAction<boolean>>;\n  setPopperElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n  setArrowElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n  usePopperHelpers: {\n    attributes: Record<string, unknown>;\n    styles: Record<string, React.CSSProperties>;\n  };\n  handleToggleTimePicker: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n  handleSetTriggerRef: (instance: HTMLButtonElement) => void;\n  handleMenuWrapperKeyDown: (e?: React.KeyboardEvent<HTMLElement>) => void;\n}\nexport interface useCurrentDisplayedWheelsLogicT {\n  currHourNum: number;\n  hours: string;\n  visibleHours: string[];\n  handlePrevHour: (e: React.MouseEvent) => void;\n  handleNextHour: (e: React.MouseEvent) => void;\n  handleTimeWheelBtnChangeHours: (newVal: string, e: React.MouseEvent<HTMLButtonElement>) => void;\n  currMinuteNum: number;\n  minutes: string;\n  visibleMinutes: string[];\n  handlePrevMinute: (e: React.MouseEvent) => void;\n  handleNextMinute: (e: React.MouseEvent) => void;\n  handleTimeWheelBtnChangeMinutes: (newVal: string, e: React.MouseEvent<HTMLButtonElement>) => void;\n  // currSecondNum: number;\n  // seconds: string;\n  // visibleSeconds: string[];\n  // handlePrevSecond: (e: React.MouseEvent) => void;\n  // handleNextSecond: (e: React.MouseEvent) => void;\n  // handleTimeWheelBtnChangeSeconds: (\n  //   newVal: string,\n  //   e: React.MouseEvent<HTMLButtonElement>,\n  // ) => void;\n  meridiem: string;\n  handleTimeWheelBtnChangeMeridiem: (newMeridiem: string, e: React.MouseEvent) => void;\n}\nexport interface TimeWheelContextT\n  extends PopperTriggerLogicT,\n    useCurrentDisplayedWheelsLogicT,\n    KeyboardHandlersT,\n    WheelsButtonsRefsT {\n  ariaCurrentValueForInputs: string;\n  tempTimeString: string;\n  isControllerOnly: boolean;\n  autoFocusHourTimeWheel: boolean;\n  disabled: boolean;\n  getIsDisabledTime: (val: string) => boolean;\n}\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nexport const defaultTimePickerContext: TimeWheelContextT = {\n  ariaCurrentValueForInputs: '',\n  tempTimeString: '',\n  showTimePicker: false,\n  setShowTimePicker: noop,\n  setPopperElement: noop,\n  setArrowElement: noop,\n  usePopperHelpers: null,\n  handleToggleTimePicker: noop,\n  handleSetTriggerRef: noop,\n  handleMenuWrapperKeyDown: noop,\n\n  currHourNum: 1,\n  hours: '01',\n  visibleHours: [''],\n  handlePrevHour: noop,\n  handleNextHour: noop,\n  handleTimeWheelBtnChangeHours: noop,\n  currMinuteNum: 1,\n  minutes: '00',\n  visibleMinutes: [''],\n  handlePrevMinute: noop,\n  handleNextMinute: noop,\n  handleTimeWheelBtnChangeMinutes: noop,\n  // currSecondNum: 1,\n  // seconds: '00',\n  // visibleSeconds: [''],\n  // handlePrevSecond: noop,\n  // handleNextSecond: noop,\n  // handleTimeWheelBtnChangeSeconds: noop,\n  meridiem: 'AM',\n  handleTimeWheelBtnChangeMeridiem: noop,\n  isControllerOnly: false,\n  autoFocusHourTimeWheel: false,\n\n  handlePrevHourBtnOnKeyDown: noop,\n  handleCurrHourOnKeyDown: noop,\n  handleNextHourBtnOnKeyDown: noop,\n  handlePrevMinuteBtnOnKeyDown: noop,\n  handleCurrMinutesOnKeyDown: noop,\n  handleNextMinuteBtnOnKeyDown: noop,\n  // handlePrevSecondBtnOnKeyDown: noop,\n  // handleCurrSecondsOnKeyDown: noop,\n  // handleNextSecondBtnOnKeyDown: noop,\n  handlePrevMeridiemBtnOnKeyDown: noop,\n  handleCurrMeridiemOnKeyDown: noop,\n  handleNextMeridiemBtnOnKeyDown: noop,\n  handlePickerIconKeyDown: noop,\n\n  prevHourBtnRef: createRef<HTMLButtonElement>(),\n  currHourBtnRef: createRef<HTMLButtonElement>(),\n  nextHourBtnRef: createRef<HTMLButtonElement>(),\n  prevMinutesBtnRef: createRef<HTMLButtonElement>(),\n  currMinutesBtnRef: createRef<HTMLButtonElement>(),\n  nextMinutesBtnRef: createRef<HTMLButtonElement>(),\n  // prevSecondsBtnRef: createRef<HTMLButtonElement>(),\n  // currSecondsBtnRef: createRef<HTMLButtonElement>(),\n  // nextSecondsBtnRef: createRef<HTMLButtonElement>(),\n  prevMeridiemBtnRef: createRef<HTMLButtonElement>(),\n  currMeridiemBtnRef: createRef<HTMLButtonElement>(),\n  nextMeridiemBtnRef: createRef<HTMLButtonElement>(),\n\n  getIsDisabledTime: () => false,\n  disabled: false,\n};\n/** Context for cross component communication */\nexport const TimeWheelContext = createContext(defaultTimePickerContext);\n\nexport default TimeWheelContext;\n"],
+  "mappings": "AAAA;ACEA;AAkFA,MAAM,OAAO,MAAY;AAAA;AAClB,MAAM,2BAA8C;AAAA,EACzD,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAE1B,aAAa;AAAA,EACb,OAAO;AAAA,EACP,cAAc,CAAC;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,+BAA+B;AAAA,EAC/B,eAAe;AAAA,EACf,SAAS;AAAA,EACT,gBAAgB,CAAC;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iCAAiC;AAAA,EAOjC,UAAU;AAAA,EACV,kCAAkC;AAAA,EAClC,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EAExB,4BAA4B;AAAA,EAC5B,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAI9B,gCAAgC;AAAA,EAChC,6BAA6B;AAAA,EAC7B,gCAAgC;AAAA,EAChC,yBAAyB;AAAA,EAEzB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EAInB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EAEpB,mBAAmB,MAAM;AAAA,EACzB,UAAU;AAAA;AAGL,MAAM,mBAAmB,cAAc;AAE9C,IAAO,2BAAQ;",
+  "names": []
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { TimeWheelFooterMessage } from './Styleds';\n\nexport const TimeWheelFooter = (): JSX.Element => {\n  const {\n    props: { pickerFooterMsg, hasError },\n    isWithCalendarToo,\n  } = useContext(ControlledDateTimePickerContext);\n  if (!isWithCalendarToo && pickerFooterMsg !== undefined && hasError)\n    return <TimeWheelFooterMessage role=\"alert\">{pickerFooterMsg}</TimeWheelFooterMessage>;\n  return null;\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,kBAAkB,MAAmB;AAChD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,WAAW;AACf,MAAI,CAAC,qBAAqB,oBAAoB,UAAa;AACzD,WAAO,qCAAC,wBAAD;AAAA,MAAwB,MAAK;AAAA,OAAS;AAC/C,SAAO;AAAA;",
+  "names": []
+}

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

@@ -1,32 +1,23 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext, useMemo } from 'react';
-import { DSButtonV2, BUTTON_SIZES } from '@elliemae/ds-button';
-import { RecentDocuments } from '@elliemae/ds-icons';
-import { TimeWheelContext } from './TimeWheelContext.js';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-
-var _RecentDocuments;
-// 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 { DSButtonV2, BUTTON_SIZES } from "@elliemae/ds-button";
+import { RecentDocuments } from "@elliemae/ds-icons";
+import { TimeWheelContext } from "./TimeWheelContext";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
 const TimeWheelIconTrigger = () => {
-  const {
-    handleSetTriggerRef,
-    handleToggleTimePicker,
-    handlePickerIconKeyDown,
-    ariaCurrentValueForInputs,
-    disabled
-  } = useContext(TimeWheelContext);
-  return useMemo(() => /*#__PURE__*/_jsx(DSButtonV2, {
-    "aria-label": "time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+  const { handleSetTriggerRef, handleToggleTimePicker, handlePickerIconKeyDown, ariaCurrentValueForInputs, disabled } = useContext(TimeWheelContext);
+  return useMemo(() => /* @__PURE__ */ React2.createElement(DSButtonV2, {
+    "aria-label": `time picker context menu trigger, ${ariaCurrentValueForInputs}`,
     buttonType: "icon",
     size: BUTTON_SIZES.M,
     innerRef: handleSetTriggerRef,
     onClick: handleToggleTimePicker,
     onKeyDown: handlePickerIconKeyDown,
     "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL,
-    disabled: disabled
-  }, void 0, _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx(RecentDocuments, {}))), [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]);
+    disabled
+  }, /* @__PURE__ */ React2.createElement(RecentDocuments, null)), [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]);
+};
+export {
+  TimeWheelIconTrigger
 };
-
-export { TimeWheelIconTrigger };
+//# sourceMappingURL=TimeWheelIconTrigger.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { DSButtonV2, BUTTON_SIZES } from '@elliemae/ds-button';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport { TimeWheelContext } from './TimeWheelContext';\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\n\nexport const TimeWheelIconTrigger = (): JSX.Element => {\n  const { handleSetTriggerRef, handleToggleTimePicker, handlePickerIconKeyDown, ariaCurrentValueForInputs, disabled } =\n    useContext(TimeWheelContext);\n  return useMemo(\n    () => (\n      <DSButtonV2\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      >\n        <RecentDocuments />\n      </DSButtonV2>\n    ),\n    [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker],\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAMO,MAAM,uBAAuB,MAAmB;AACrD,QAAM,EAAE,qBAAqB,wBAAwB,yBAAyB,2BAA2B,aACvG,WAAW;AACb,SAAO,QACL,MACE,qCAAC,YAAD;AAAA,IACE,cAAY,qCAAqC;AAAA,IACjD,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAa,mCAAmC,aAAa;AAAA,IAC7D;AAAA,KAEA,qCAAC,iBAAD,QAGJ,CAAC,2BAA2B,UAAU,yBAAyB,qBAAqB;AAAA;",
+  "names": []
+}

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

@@ -1,49 +1,32 @@
-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 { TimeWheelContent } from './TimeWheelContent.js';
-import { TimeWheelContext } from './TimeWheelContext.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _TimeWheelContent, _TimeWheelContent2;
-
-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 { TimeWheelContent } from "./TimeWheelContent";
+import { TimeWheelContext } from "./TimeWheelContext";
 const TimeWheelWrapper = () => {
   const {
     setArrowElement,
     setPopperElement,
-    usePopperHelpers: {
-      styles,
-      attributes
-    },
+    usePopperHelpers: { styles, attributes },
     isControllerOnly
   } = useContext(TimeWheelContext);
-  if (isControllerOnly) return _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx(TimeWheelContent, {
-    showShadow: true
-  }));
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    ref: setPopperElement,
-    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-      background: 'white',
-      zIndex: 110
-    })
-  }, attributes.popper), {}, {
-    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL,
-    children: [_TimeWheelContent2 || (_TimeWheelContent2 = /*#__PURE__*/_jsx(TimeWheelContent, {
+  if (isControllerOnly)
+    return /* @__PURE__ */ React2.createElement(TimeWheelContent, {
       showShadow: true
-    })), /*#__PURE__*/jsx("div", {
-      ref: setArrowElement,
-      style: styles.arrow
-    })]
+    });
+  return /* @__PURE__ */ React2.createElement("div", {
+    ref: setPopperElement,
+    style: { ...styles.popper, background: "white", zIndex: 110 },
+    ...attributes.popper,
+    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL
+  }, /* @__PURE__ */ React2.createElement(TimeWheelContent, {
+    showShadow: true
+  }), /* @__PURE__ */ React2.createElement("div", {
+    ref: setArrowElement,
+    style: styles.arrow
   }));
 };
-
-export { TimeWheelWrapper };
+export {
+  TimeWheelWrapper
+};
+//# sourceMappingURL=TimeWheelWrapper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { TimeWheelContent } from './TimeWheelContent';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const TimeWheelWrapper = (): JSX.Element => {\n  const {\n    setArrowElement,\n    setPopperElement,\n    usePopperHelpers: { styles, attributes },\n    isControllerOnly,\n  } = useContext(TimeWheelContext);\n  if (isControllerOnly) return <TimeWheelContent showShadow />;\n  return (\n    <div\n      ref={setPopperElement}\n      style={{ ...styles.popper, background: 'white', zIndex: 110 }}\n      {...attributes.popper}\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL}\n    >\n      <TimeWheelContent showShadow />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,QAAQ;AAAA,IAC5B;AAAA,MACE,WAAW;AACf,MAAI;AAAkB,WAAO,qCAAC,kBAAD;AAAA,MAAkB,YAAU;AAAA;AACzD,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,kBAAD;AAAA,IAAkB,YAAU;AAAA,MAC5B,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,17 +1,12 @@
-import { useContext, useMemo } from 'react';
-import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
-import { usePopperTriggerLogic } from './usePopperTriggerLogic.js';
-import { useCurrentDisplayedWheelsLogic } from './useCurrentDisplayedWheelsLogic.js';
-import { useKeyboardHandlers } from './useKeyboardHandlers.js';
-
-/* eslint-disable max-statements */
+import * as React from "react";
+import { useMemo, useContext } from "react";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { usePopperTriggerLogic } from "./usePopperTriggerLogic";
+import { useCurrentDisplayedWheelsLogic } from "./useCurrentDisplayedWheelsLogic";
+import { useKeyboardHandlers } from "./useKeyboardHandlers";
 const useConfigTimePickerCTX = () => {
   const {
-    props: {
-      minutesInterval,
-      getIsDisabledTime,
-      disabled
-    },
+    props: { minutesInterval, getIsDisabledTime, disabled },
     tempTimeString,
     prevHourBtnRef,
     currHourBtnRef,
@@ -41,9 +36,7 @@ const useConfigTimePickerCTX = () => {
     handleTimeWheelBtnChangeMinutes,
     meridiem,
     handleTimeWheelBtnChangeMeridiem
-  } = useCurrentDisplayedWheelsLogic({
-    minutesInterval
-  });
+  } = useCurrentDisplayedWheelsLogic({ minutesInterval });
   const {
     showTimePicker,
     setShowTimePicker,
@@ -120,7 +113,57 @@ const useConfigTimePickerCTX = () => {
     getIsDisabledTime,
     ariaCurrentValueForInputs,
     disabled
-  }), [tempTimeString, isControllerOnly, autoFocusHourTimeWheel, showTimePicker, setShowTimePicker, setPopperElement, setArrowElement, usePopperHelpers, handleToggleTimePicker, handleSetTriggerRef, handleMenuWrapperKeyDown, currHourNum, hours, visibleHours, handlePrevHour, handleNextHour, handleTimeWheelBtnChangeHours, currMinuteNum, minutes, visibleMinutes, handlePrevMinute, handleNextMinute, handleTimeWheelBtnChangeMinutes, meridiem, handleTimeWheelBtnChangeMeridiem, handlePrevHourBtnOnKeyDown, handleCurrHourOnKeyDown, handleNextHourBtnOnKeyDown, handlePrevMinuteBtnOnKeyDown, handleCurrMinutesOnKeyDown, handleNextMinuteBtnOnKeyDown, handlePrevMeridiemBtnOnKeyDown, handleCurrMeridiemOnKeyDown, handleNextMeridiemBtnOnKeyDown, handlePickerIconKeyDown, prevHourBtnRef, currHourBtnRef, nextHourBtnRef, prevMinutesBtnRef, currMinutesBtnRef, nextMinutesBtnRef, prevMeridiemBtnRef, currMeridiemBtnRef, nextMeridiemBtnRef, getIsDisabledTime, ariaCurrentValueForInputs, disabled]);
+  }), [
+    tempTimeString,
+    isControllerOnly,
+    autoFocusHourTimeWheel,
+    showTimePicker,
+    setShowTimePicker,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleTimePicker,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown,
+    currHourNum,
+    hours,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    currMinuteNum,
+    minutes,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem,
+    handlePrevHourBtnOnKeyDown,
+    handleCurrHourOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    handlePrevMinuteBtnOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    handlePickerIconKeyDown,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    getIsDisabledTime,
+    ariaCurrentValueForInputs,
+    disabled
+  ]);
+};
+export {
+  useConfigTimePickerCTX
 };
-
-export { useConfigTimePickerCTX };
+//# sourceMappingURL=useConfigTimePickerCTX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useContext } from 'react';\nimport { TimeWheelContextT } from './TimeWheelContext';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { usePopperTriggerLogic } from './usePopperTriggerLogic';\nimport { useCurrentDisplayedWheelsLogic } from './useCurrentDisplayedWheelsLogic';\nimport { useKeyboardHandlers } from './useKeyboardHandlers';\n\nexport const useConfigTimePickerCTX = (): TimeWheelContextT => {\n  const {\n    props: { minutesInterval, getIsDisabledTime, disabled },\n    tempTimeString,\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    prevMinutesBtnRef,\n    currMinutesBtnRef,\n    nextMinutesBtnRef,\n    prevMeridiemBtnRef,\n    currMeridiemBtnRef,\n    nextMeridiemBtnRef,\n    isControllerOnly,\n    autoFocusHourTimeWheel,\n    ariaCurrentValueForInputs,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const {\n    currHourNum,\n    hours,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    currMinuteNum,\n    minutes,\n    visibleMinutes,\n    handlePrevMinute,\n    handleNextMinute,\n    handleTimeWheelBtnChangeMinutes,\n    meridiem,\n    handleTimeWheelBtnChangeMeridiem,\n  } = useCurrentDisplayedWheelsLogic({ minutesInterval });\n\n  const {\n    showTimePicker,\n    setShowTimePicker,\n    setPopperElement,\n    setArrowElement,\n    usePopperHelpers,\n    handleToggleTimePicker,\n    handleSetTriggerRef,\n    handleMenuWrapperKeyDown,\n  } = usePopperTriggerLogic();\n\n  const {\n    handlePrevHourBtnOnKeyDown,\n    handleCurrHourOnKeyDown,\n    handleNextHourBtnOnKeyDown,\n    handlePrevMinuteBtnOnKeyDown,\n    handleCurrMinutesOnKeyDown,\n    handleNextMinuteBtnOnKeyDown,\n    handlePrevMeridiemBtnOnKeyDown,\n    handleCurrMeridiemOnKeyDown,\n    handleNextMeridiemBtnOnKeyDown,\n    handlePickerIconKeyDown,\n  } = useKeyboardHandlers({\n    handlePrevHour,\n    handleNextHour,\n    handlePrevMinute,\n    handleNextMinute,\n    handleTimeWheelBtnChangeMeridiem,\n  });\n\n  return useMemo(\n    () => ({\n      tempTimeString,\n      isControllerOnly,\n      autoFocusHourTimeWheel,\n\n      showTimePicker,\n      setShowTimePicker,\n      setPopperElement,\n      setArrowElement,\n      usePopperHelpers,\n      handleToggleTimePicker,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n\n      currHourNum,\n      hours,\n      visibleHours,\n      handlePrevHour,\n      handleNextHour,\n      handleTimeWheelBtnChangeHours,\n      currMinuteNum,\n      minutes,\n      visibleMinutes,\n      handlePrevMinute,\n      handleNextMinute,\n      handleTimeWheelBtnChangeMinutes,\n      meridiem,\n      handleTimeWheelBtnChangeMeridiem,\n\n      handlePrevHourBtnOnKeyDown,\n      handleCurrHourOnKeyDown,\n      handleNextHourBtnOnKeyDown,\n      handlePrevMinuteBtnOnKeyDown,\n      handleCurrMinutesOnKeyDown,\n      handleNextMinuteBtnOnKeyDown,\n      handlePrevMeridiemBtnOnKeyDown,\n      handleCurrMeridiemOnKeyDown,\n      handleNextMeridiemBtnOnKeyDown,\n      handlePickerIconKeyDown,\n\n      prevHourBtnRef,\n      currHourBtnRef,\n      nextHourBtnRef,\n      prevMinutesBtnRef,\n      currMinutesBtnRef,\n      nextMinutesBtnRef,\n      prevMeridiemBtnRef,\n      currMeridiemBtnRef,\n      nextMeridiemBtnRef,\n\n      getIsDisabledTime,\n      ariaCurrentValueForInputs,\n      disabled,\n    }),\n    [\n      tempTimeString,\n      isControllerOnly,\n      autoFocusHourTimeWheel,\n      showTimePicker,\n      setShowTimePicker,\n      setPopperElement,\n      setArrowElement,\n      usePopperHelpers,\n      handleToggleTimePicker,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      currHourNum,\n      hours,\n      visibleHours,\n      handlePrevHour,\n      handleNextHour,\n      handleTimeWheelBtnChangeHours,\n      currMinuteNum,\n      minutes,\n      visibleMinutes,\n      handlePrevMinute,\n      handleNextMinute,\n      handleTimeWheelBtnChangeMinutes,\n      meridiem,\n      handleTimeWheelBtnChangeMeridiem,\n      handlePrevHourBtnOnKeyDown,\n      handleCurrHourOnKeyDown,\n      handleNextHourBtnOnKeyDown,\n      handlePrevMinuteBtnOnKeyDown,\n      handleCurrMinutesOnKeyDown,\n      handleNextMinuteBtnOnKeyDown,\n      handlePrevMeridiemBtnOnKeyDown,\n      handleCurrMeridiemOnKeyDown,\n      handleNextMeridiemBtnOnKeyDown,\n      handlePickerIconKeyDown,\n      prevHourBtnRef,\n      currHourBtnRef,\n      nextHourBtnRef,\n      prevMinutesBtnRef,\n      currMinutesBtnRef,\n      nextMinutesBtnRef,\n      prevMeridiemBtnRef,\n      currMeridiemBtnRef,\n      nextMeridiemBtnRef,\n      getIsDisabledTime,\n      ariaCurrentValueForInputs,\n      disabled,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA;ACEA;AAEA;AACA;AACA;AACA;AAEO,MAAM,yBAAyB,MAAyB;AAC7D,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,mBAAmB;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,+BAA+B,EAAE;AAErC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;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,IACA;AAAA,IACA;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,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;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,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}