@elliemae/ds-controlled-form 3.0.0-next.0 → 3.0.0-next.4

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/Styleds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/date-time-picker/parts/Pickers/TimeWheel/Styleds.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/indent */\nimport styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\n\nconst focusBorder = css`\n  &:after {\n    position: absolute;\n    content: '';\n    top: -2px;\n    left: -2px;\n    width: calc(100% + 4px);\n    height: calc(100% + 4px);\n    border-radius: 50%;\n    border: 2px solid ${({ theme, isDisabled }) => (isDisabled ? theme.colors.danger[900] : theme.colors.brand[700])};\n  }\n`;\n\nconst diagonalLine = css`\n  &:before {\n    position: absolute;\n    content: '';\n    top: 48%;\n    left: -1px;\n    height: 1px;\n    width: calc(100% + 2px);\n    transform: rotate(45deg);\n    background-color: ${({ theme, isCurrentListItem, selected }) => {\n      if (selected) return theme.colors.neutral['000'];\n      if (isCurrentListItem) return theme.colors.danger[900];\n      return theme.colors.neutral[500];\n    }};\n  }\n`;\n\nconst fontColorPerStatus = css`\n  ${({ theme, isDisabled, isCurrentListItem, selected }) => {\n    if (selected) return theme.colors.neutral['000'];\n    if (isDisabled && isCurrentListItem) return theme.colors.danger[900];\n    if (isDisabled) return theme.colors.neutral[500];\n    if (isCurrentListItem) return theme.colors.brand[600];\n    return theme.colors.neutral[800];\n  }};\n`;\n\nconst hoverBgPerStatus = css`\n  ${({ theme, selected, isDisabled }) => {\n    if (isDisabled && selected) return theme.colors.danger[900];\n    if (selected) return theme.colors.brand[700];\n    return theme.colors.neutral['000'];\n  }}\n`;\n\nexport const StyledIconTriggerButton = styled(DSButtonV2)`\n  color: ${({ theme }) => theme.colors.brand['600']};\n  width: 26px;\n  height: 26px;\n`;\n\nexport const StyledWheelList = styled.div`\n  width: 100%;\n  height: 100%;\n  margin: auto;\n  padding: 0;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  &:focus-within {\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 2px;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      box-shadow: 0 0 2px ${({ theme }) => theme.colors.brand[700]};\n    }\n  }\n`;\ninterface StyledWheelListItemPropsT {\n  isCurrentListItem?: boolean;\n  selected?: boolean;\n}\n\nexport const StyledTimePickerContainer = styled.div<{ showShadow?: boolean; isControllerOnly: boolean }>`\n  display: grid;\n  position: relative;\n  grid-template-columns: 192px;\n  grid-template-rows: 36px 30px auto;\n  grid-template-areas:\n    'TimePickerHead'\n    'TimePickerWheelsLegend'\n    'VerticalWheelWrapper';\n  ${({ showShadow, isControllerOnly }) =>\n    showShadow && !isControllerOnly\n      ? `\n  box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);\n  `\n      : ''}\n`;\n\nexport const StyledTimePickerHead = styled(Grid)`\n  width: 100%;\n  grid-area: TimePickerHead;\n  justify-content: center;\n  align-items: center;\n  background: ${({ theme }) => theme.colors.neutral['050']};\n`;\n\nexport const StyledTimePickerWheelsLegend = styled.div`\n  width: 100%;\n  height: 100;\n  grid-area: TimePickerWheelsLegend;\n  display: grid;\n  grid-template-columns: ${({ theme }) => theme.space.xl} ${({ theme }) => theme.space.xl} ${({ theme }) =>\n      theme.space.xl};\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background: ${({ theme }) => theme.colors.neutral['050']};\n`;\n\nexport const StyledTimePickerWheelWrapper = styled.div`\n  width: 100%;\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  grid-area: VerticalWheelWrapper;\n  display: grid;\n  grid-template-columns: ${({ theme }) => theme.space.xl} ${({ theme }) => theme.space.xl} ${({ theme }) =>\n      theme.space.xl};\n  grid-template-rows: 100%;\n  & ul:not(:last-child) {\n    position: relative;\n    &:after {\n      content: '';\n      position: absolute;\n      left: 100%;\n      top: 5%;\n      height: 90%;\n      width: 1px;\n      background: ${({ theme }) => theme.colors.neutral[200]};\n    }\n  }\n`;\n\nexport const StyledTimeBtn = styled(DSButtonV2)`\n  position: relative;\n  height: ${({ theme }) => theme.space.s};\n  width: ${({ theme }) => theme.space.s};\n  border-radius: 50%;\n\n  &:hover {\n    background-color: ${hoverBgPerStatus};\n  }\n\n  color: ${fontColorPerStatus};\n\n  ${({ selected, isCurrentListItem }) => (isCurrentListItem && !selected ? focusBorder : ``)}\n\n  ${({ isDisabled }) =>\n    isDisabled\n      ? css`\n          cursor: not-allowed;\n          ${diagonalLine};\n        `\n      : ``}\n\n  ${({ theme, selected, isDisabled }) =>\n    selected\n      ? css`\n    font-weight: ${theme.fontWeights.semibold};\n    background-color ${isDisabled ? theme.colors.danger[900] : theme.colors.brand[700]};\n    `\n      : ``};\n`;\n\nexport const StyledWheelListItem = styled.div<StyledWheelListItemPropsT>`\n  margin: auto;\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const StyledWheelChangeTimeBtn = styled(DSButtonV2)`\n  height: ${({ theme }) => theme.space.s};\n  width: ${({ theme }) => theme.space.s};\n  min-width: ${({ theme }) => theme.space.s};\n  border-radius: 50%;\n`;\n\nexport const TimeWheelFooterMessage = 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`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TimeWheel_exports = {};
+__export(TimeWheel_exports, {
+  TimeWheel: () => TimeWheel,
+  WrapWithTimeWheelContext: () => WrapWithTimeWheelContext
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_TimeWheelIconTrigger = require("./TimeWheelIconTrigger");
+var import_TimeWheelWrapper = require("./TimeWheelWrapper");
+var import_TimeWheelContext = require("./TimeWheelContext");
+var import_useConfigTimePickerCTX = require("./useConfigTimePickerCTX");
+const WrappedTimeWheelContext = ({ children }) => {
+  const ctx = (0, import_useConfigTimePickerCTX.useConfigTimePickerCTX)();
+  return /* @__PURE__ */ import_react.default.createElement(import_TimeWheelContext.TimeWheelContext.Provider, {
+    value: ctx
+  }, children);
+};
+const WrapWithTimeWheelContext = (Component) => () => /* @__PURE__ */ import_react.default.createElement(WrappedTimeWheelContext, null, /* @__PURE__ */ import_react.default.createElement(Component, null));
+const TimeWheel = WrapWithTimeWheelContext(() => {
+  const { showTimePicker, isControllerOnly, handleMenuWrapperKeyDown } = (0, import_react.useContext)(import_TimeWheelContext.TimeWheelContext);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, isControllerOnly ? null : /* @__PURE__ */ import_react.default.createElement(import_TimeWheelIconTrigger.TimeWheelIconTrigger, null), isControllerOnly || showTimePicker ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
+    onKeyDown: handleMenuWrapperKeyDown
+  }, /* @__PURE__ */ import_react.default.createElement(import_TimeWheelWrapper.TimeWheelWrapper, null))) : null);
+});
+module.exports = __toCommonJS(TimeWheel_exports);
+//# sourceMappingURL=TimeWheel.js.map

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/date-time-picker/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';\n\nconst WrappedTimeWheelContext = ({ children }: { children: JSX.Element }) => {\n  const ctx = useConfigTimePickerCTX();\n  return <TimeWheelContext.Provider value={ctx}>{children}</TimeWheelContext.Provider>;\n};\nexport const WrapWithTimeWheelContext = (Component: React.ComponentType) => (): JSX.Element =>\n  (\n    <WrappedTimeWheelContext>\n      <Component />\n    </WrappedTimeWheelContext>\n  );\n// we use the HoC to be able to use the useContext and be sure it's correctly initialized\n// the HoC is Reused in CalendarWithTimeWheel\nexport const TimeWheel = WrapWithTimeWheelContext((): JSX.Element => {\n  const { showTimePicker, isControllerOnly, handleMenuWrapperKeyDown } = useContext(TimeWheelContext);\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AACjC,8BAAiC;AACjC,oCAAuC;AAEvC,MAAM,0BAA0B,CAAC,EAAE,eAA0C;AAC3E,QAAM,MAAM;AACZ,SAAO,mDAAC,yCAAiB,UAAlB;AAAA,IAA2B,OAAO;AAAA,KAAM;AAAA;AAE1C,MAAM,2BAA2B,CAAC,cAAmC,MAExE,mDAAC,yBAAD,MACE,mDAAC,WAAD;AAKC,MAAM,YAAY,yBAAyB,MAAmB;AACnE,QAAM,EAAE,gBAAgB,kBAAkB,6BAA6B,6BAAW;AAElF,SACE,wFACG,mBAAmB,OAAO,mDAAC,kDAAD,OAC1B,oBAAoB,iBACnB,wFAIE,mDAAC,OAAD;AAAA,IAAK,WAAW;AAAA,KACd,mDAAC,0CAAD,UAGF;AAAA;",
+  "names": []
+}

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js

@@ -0,0 +1,50 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TimeWheelContent_exports = {};
+__export(TimeWheelContent_exports, {
+  TimeWheelContent: () => TimeWheelContent
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
+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_TimeWheelContext = require("./TimeWheelContext");
+const TimeWheelContent = import_react.default.memo(({ showShadow }) => {
+  const { hours, minutes, meridiem, isControllerOnly } = (0, import_react.useContext)(import_TimeWheelContext.TimeWheelContext);
+  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledTimePickerContainer, {
+    showShadow,
+    isControllerOnly,
+    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL
+  }, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledTimePickerHead, null, `${hours || "__"}:${minutes || "__"} ${meridiem || "__"}`), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledTimePickerWheelsLegend, null, /* @__PURE__ */ import_react.default.createElement("div", null, "H"), /* @__PURE__ */ import_react.default.createElement("div", null, "M"), /* @__PURE__ */ import_react.default.createElement("div", null, "A")), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledTimePickerWheelWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_HoursList.HoursList, null), /* @__PURE__ */ import_react.default.createElement(import_MinutesList.MinutesList, null), /* @__PURE__ */ import_react.default.createElement(import_MeridiemList.MeridiemList, null)), /* @__PURE__ */ import_react.default.createElement(import_TimeWheelFooter.TimeWheelFooter, null));
+});
+module.exports = __toCommonJS(TimeWheelContent_exports);
+//# sourceMappingURL=TimeWheelContent.js.map

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\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';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const TimeWheelContent = React.memo(({ showShadow }: { showShadow?: boolean }) => {\n  const { hours, minutes, meridiem, isControllerOnly } = useContext(TimeWheelContext);\n  return (\n    <StyledTimePickerContainer\n      showShadow={showShadow}\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL}\n    >\n      <StyledTimePickerHead>{`${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;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,gDAAmD;AACnD,qBAKO;AACP,uBAA0B;AAC1B,yBAA4B;AAC5B,0BAA6B;AAC7B,6BAAgC;AAChC,8BAAiC;AAE1B,MAAM,mBAAmB,qBAAM,KAAK,CAAC,EAAE,iBAA2C;AACvF,QAAM,EAAE,OAAO,SAAS,UAAU,qBAAqB,6BAAW;AAClE,SACE,mDAAC,0CAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa,6EAAmC,qBAAqB;AAAA,KAErE,mDAAC,qCAAD,MAAuB,GAAG,SAAS,QAAQ,WAAW,QAAQ,YAAY,SAC1E,mDAAC,6CAAD,MACE,mDAAC,OAAD,MAAK,MACL,mDAAC,OAAD,MAAK,MACL,mDAAC,OAAD,MAAK,OAEP,mDAAC,6CAAD,MACE,mDAAC,4BAAD,OACA,mDAAC,gCAAD,OACA,mDAAC,kCAAD,QAEF,mDAAC,wCAAD;AAAA;",
+  "names": []
+}

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js

@@ -0,0 +1,90 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TimeWheelContext_exports = {};
+__export(TimeWheelContext_exports, {
+  TimeWheelContext: () => TimeWheelContext,
+  default: () => TimeWheelContext_default,
+  defaultTimePickerContext: () => defaultTimePickerContext
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const noop = () => {
+};
+const defaultTimePickerContext = {
+  ariaCurrentValueForInputs: "",
+  tempTimeString: "",
+  showTimePicker: false,
+  setShowTimePicker: noop,
+  setPopperElement: noop,
+  setArrowElement: noop,
+  usePopperHelpers: null,
+  handleToggleTimePicker: noop,
+  handleSetTriggerRef: noop,
+  handleMenuWrapperKeyDown: noop,
+  currHourNum: 1,
+  hours: "01",
+  visibleHours: [""],
+  handlePrevHour: noop,
+  handleNextHour: noop,
+  handleTimeWheelBtnChangeHours: noop,
+  currMinuteNum: 1,
+  minutes: "00",
+  visibleMinutes: [""],
+  handlePrevMinute: noop,
+  handleNextMinute: noop,
+  handleTimeWheelBtnChangeMinutes: noop,
+  meridiem: "AM",
+  handleTimeWheelBtnChangeMeridiem: noop,
+  isControllerOnly: false,
+  autoFocusHourTimeWheel: false,
+  handlePrevHourBtnOnKeyDown: noop,
+  handleCurrHourOnKeyDown: noop,
+  handleNextHourBtnOnKeyDown: noop,
+  handlePrevMinuteBtnOnKeyDown: noop,
+  handleCurrMinutesOnKeyDown: noop,
+  handleNextMinuteBtnOnKeyDown: noop,
+  handlePrevMeridiemBtnOnKeyDown: noop,
+  handleCurrMeridiemOnKeyDown: noop,
+  handleNextMeridiemBtnOnKeyDown: noop,
+  handlePickerIconKeyDown: noop,
+  prevHourBtnRef: (0, import_react.createRef)(),
+  currHourBtnRef: (0, import_react.createRef)(),
+  nextHourBtnRef: (0, import_react.createRef)(),
+  prevMinutesBtnRef: (0, import_react.createRef)(),
+  currMinutesBtnRef: (0, import_react.createRef)(),
+  nextMinutesBtnRef: (0, import_react.createRef)(),
+  prevMeridiemBtnRef: (0, import_react.createRef)(),
+  currMeridiemBtnRef: (0, import_react.createRef)(),
+  nextMeridiemBtnRef: (0, import_react.createRef)(),
+  getIsDisabledTime: () => false,
+  disabled: false
+};
+const TimeWheelContext = (0, import_react.createContext)(defaultTimePickerContext);
+var TimeWheelContext_default = TimeWheelContext;
+module.exports = __toCommonJS(TimeWheelContext_exports);
+//# sourceMappingURL=TimeWheelContext.js.map

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAgD;AAkFhD,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,gCAAc;AAE9C,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.js

@@ -0,0 +1,48 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TimeWheelFooter_exports = {};
+__export(TimeWheelFooter_exports, {
+  TimeWheelFooter: () => TimeWheelFooter
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
+var import_Styleds = require("./Styleds");
+const TimeWheelFooter = () => {
+  const {
+    props: { pickerFooterMsg, hasError },
+    isWithCalendarToo
+  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  if (!isWithCalendarToo && pickerFooterMsg !== void 0 && hasError)
+    return /* @__PURE__ */ import_react.default.createElement(import_Styleds.TimeWheelFooterMessage, {
+      role: "alert"
+    }, pickerFooterMsg);
+  return null;
+};
+module.exports = __toCommonJS(TimeWheelFooter_exports);
+//# sourceMappingURL=TimeWheelFooter.js.map

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,yCAAgD;AAChD,qBAAuC;AAEhC,MAAM,kBAAkB,MAAmB;AAChD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,6BAAW;AACf,MAAI,CAAC,qBAAqB,oBAAoB,UAAa;AACzD,WAAO,mDAAC,uCAAD;AAAA,MAAwB,MAAK;AAAA,OAAS;AAC/C,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js

@@ -0,0 +1,52 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TimeWheelIconTrigger_exports = {};
+__export(TimeWheelIconTrigger_exports, {
+  TimeWheelIconTrigger: () => TimeWheelIconTrigger
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+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");
+const TimeWheelIconTrigger = () => {
+  const { handleSetTriggerRef, handleToggleTimePicker, handlePickerIconKeyDown, ariaCurrentValueForInputs, disabled } = (0, import_react.useContext)(import_TimeWheelContext.TimeWheelContext);
+  return (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButtonV2, {
+    "aria-label": `time picker context menu trigger, ${ariaCurrentValueForInputs}`,
+    buttonType: "icon",
+    size: import_ds_button.BUTTON_SIZES.M,
+    innerRef: handleSetTriggerRef,
+    onClick: handleToggleTimePicker,
+    onKeyDown: handlePickerIconKeyDown,
+    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL,
+    disabled
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.RecentDocuments, null)), [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]);
+};
+module.exports = __toCommonJS(TimeWheelIconTrigger_exports);
+//# sourceMappingURL=TimeWheelIconTrigger.js.map

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,uBAAyC;AACzC,sBAAgC;AAChC,8BAAiC;AACjC,gDAAmD;AAM5C,MAAM,uBAAuB,MAAmB;AACrD,QAAM,EAAE,qBAAqB,wBAAwB,yBAAyB,2BAA2B,aACvG,6BAAW;AACb,SAAO,0BACL,MACE,mDAAC,6BAAD;AAAA,IACE,cAAY,qCAAqC;AAAA,IACjD,YAAW;AAAA,IACX,MAAM,8BAAa;AAAA,IACnB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAa,6EAAmC,aAAa;AAAA,IAC7D;AAAA,KAEA,mDAAC,iCAAD,QAGJ,CAAC,2BAA2B,UAAU,yBAAyB,qBAAqB;AAAA;",
+  "names": []
+}

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js

@@ -0,0 +1,78 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TimeWheelWrapper_exports = {};
+__export(TimeWheelWrapper_exports, {
+  TimeWheelWrapper: () => TimeWheelWrapper
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
+var import_TimeWheelContent = require("./TimeWheelContent");
+var import_TimeWheelContext = require("./TimeWheelContext");
+const TimeWheelWrapper = () => {
+  const {
+    setArrowElement,
+    setPopperElement,
+    usePopperHelpers: { styles, attributes },
+    isControllerOnly
+  } = (0, import_react.useContext)(import_TimeWheelContext.TimeWheelContext);
+  if (isControllerOnly)
+    return /* @__PURE__ */ import_react.default.createElement(import_TimeWheelContent.TimeWheelContent, {
+      showShadow: true
+    });
+  return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({
+    ref: setPopperElement,
+    style: __spreadProps(__spreadValues({}, styles.popper), { background: "white", zIndex: 110 })
+  }, attributes.popper), {
+    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL
+  }), /* @__PURE__ */ import_react.default.createElement(import_TimeWheelContent.TimeWheelContent, {
+    showShadow: true
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    ref: setArrowElement,
+    style: styles.arrow
+  }));
+};
+module.exports = __toCommonJS(TimeWheelWrapper_exports);
+//# sourceMappingURL=TimeWheelWrapper.js.map

package/dist/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,gDAAmD;AACnD,8BAAiC;AACjC,8BAAiC;AAE1B,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,QAAQ;AAAA,IAC5B;AAAA,MACE,6BAAW;AACf,MAAI;AAAkB,WAAO,mDAAC,0CAAD;AAAA,MAAkB,YAAU;AAAA;AACzD,SACE,mDAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO,iCAAK,OAAO,SAAZ,EAAoB,YAAY,SAAS,QAAQ;AAAA,KACpD,WAAW,SAHjB;AAAA,IAIE,eAAa,6EAAmC,gBAAgB;AAAA,MAEhE,mDAAC,0CAAD;AAAA,IAAkB,YAAU;AAAA,MAC5B,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA;AAAA;",
+  "names": []
+}