@elliemae/ds-form-date-time-picker 3.12.0-rc.2 → 3.12.0-rc.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/dist/cjs/ControlledDateTimePicker.js +1 -4
  2. package/dist/cjs/ControlledDateTimePicker.js.map +1 -1
  3. package/dist/cjs/config/useGlobalKeyHandlers.js +11 -4
  4. package/dist/cjs/config/useGlobalKeyHandlers.js.map +2 -2
  5. package/dist/cjs/parts/ClearButton/ClearButton.js +19 -18
  6. package/dist/cjs/parts/ClearButton/ClearButton.js.map +1 -1
  7. package/dist/cjs/parts/ControlledDateTimePickerContent.js +9 -11
  8. package/dist/cjs/parts/ControlledDateTimePickerContent.js.map +1 -1
  9. package/dist/cjs/parts/DateInputs/DDInput.js +20 -17
  10. package/dist/cjs/parts/DateInputs/DDInput.js.map +1 -1
  11. package/dist/cjs/parts/DateInputs/DateInputs.js +63 -63
  12. package/dist/cjs/parts/DateInputs/DateInputs.js.map +1 -1
  13. package/dist/cjs/parts/DateInputs/MMInput.js +17 -14
  14. package/dist/cjs/parts/DateInputs/MMInput.js.map +1 -1
  15. package/dist/cjs/parts/DateInputs/YYYYInput.js +20 -17
  16. package/dist/cjs/parts/DateInputs/YYYYInput.js.map +1 -1
  17. package/dist/cjs/parts/Pickers/Calendar/Calendar.js +6 -18
  18. package/dist/cjs/parts/Pickers/Calendar/Calendar.js.map +1 -1
  19. package/dist/cjs/parts/Pickers/Calendar/CalendarBody.js +4 -11
  20. package/dist/cjs/parts/Pickers/Calendar/CalendarBody.js.map +1 -1
  21. package/dist/cjs/parts/Pickers/Calendar/CalendarContent.js +10 -11
  22. package/dist/cjs/parts/Pickers/Calendar/CalendarContent.js.map +1 -1
  23. package/dist/cjs/parts/Pickers/Calendar/CalendarDaysList.js +11 -20
  24. package/dist/cjs/parts/Pickers/Calendar/CalendarDaysList.js.map +1 -1
  25. package/dist/cjs/parts/Pickers/Calendar/CalendarFooter.js +1 -5
  26. package/dist/cjs/parts/Pickers/Calendar/CalendarFooter.js.map +1 -1
  27. package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js +27 -36
  28. package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js.map +1 -1
  29. package/dist/cjs/parts/Pickers/Calendar/CalendarIconTrigger.js +15 -12
  30. package/dist/cjs/parts/Pickers/Calendar/CalendarIconTrigger.js.map +1 -1
  31. package/dist/cjs/parts/Pickers/Calendar/CalendarMonthDays.js +9 -6
  32. package/dist/cjs/parts/Pickers/Calendar/CalendarMonthDays.js.map +1 -1
  33. package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js +12 -40
  34. package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js.map +1 -1
  35. package/dist/cjs/parts/Pickers/Calendar/CalendarWrapper.js +11 -8
  36. package/dist/cjs/parts/Pickers/Calendar/CalendarWrapper.js.map +1 -1
  37. package/dist/cjs/parts/Pickers/Calendar/Day.js +30 -24
  38. package/dist/cjs/parts/Pickers/Calendar/Day.js.map +1 -1
  39. package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js +5 -17
  40. package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map +1 -1
  41. package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js +12 -9
  42. package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js.map +1 -1
  43. package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js +8 -5
  44. package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js.map +1 -1
  45. package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +15 -12
  46. package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js.map +1 -1
  47. package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +11 -8
  48. package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js.map +1 -1
  49. package/dist/cjs/parts/Pickers/PickersIcons.js +5 -9
  50. package/dist/cjs/parts/Pickers/PickersIcons.js.map +1 -1
  51. package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js +68 -72
  52. package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js.map +1 -1
  53. package/dist/cjs/parts/Pickers/TimeWheel/MeridiemList.js +82 -86
  54. package/dist/cjs/parts/Pickers/TimeWheel/MeridiemList.js.map +1 -1
  55. package/dist/cjs/parts/Pickers/TimeWheel/MinutesList.js +73 -70
  56. package/dist/cjs/parts/Pickers/TimeWheel/MinutesList.js.map +1 -1
  57. package/dist/cjs/parts/Pickers/TimeWheel/TimeWheel.js +6 -18
  58. package/dist/cjs/parts/Pickers/TimeWheel/TimeWheel.js.map +1 -1
  59. package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContent.js +18 -28
  60. package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContent.js.map +1 -1
  61. package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelFooter.js +1 -5
  62. package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelFooter.js.map +1 -1
  63. package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +15 -12
  64. package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js.map +1 -1
  65. package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelWrapper.js +11 -8
  66. package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map +1 -1
  67. package/dist/cjs/parts/Pickers/TimeWheel/useKeyboardHandlers.js +7 -2
  68. package/dist/cjs/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map +2 -2
  69. package/dist/cjs/parts/Styleds.js +2 -1
  70. package/dist/cjs/parts/Styleds.js.map +2 -2
  71. package/dist/cjs/parts/TimeInputs/HHInput.js +21 -18
  72. package/dist/cjs/parts/TimeInputs/HHInput.js.map +1 -1
  73. package/dist/cjs/parts/TimeInputs/MeridiemInput.js +20 -17
  74. package/dist/cjs/parts/TimeInputs/MeridiemInput.js.map +1 -1
  75. package/dist/cjs/parts/TimeInputs/MinutesInput.js +20 -17
  76. package/dist/cjs/parts/TimeInputs/MinutesInput.js.map +1 -1
  77. package/dist/cjs/parts/TimeInputs/TimeInputs.js +62 -61
  78. package/dist/cjs/parts/TimeInputs/TimeInputs.js.map +1 -1
  79. package/dist/esm/ControlledDateTimePicker.js +1 -4
  80. package/dist/esm/ControlledDateTimePicker.js.map +1 -1
  81. package/dist/esm/config/useGlobalKeyHandlers.js +11 -4
  82. package/dist/esm/config/useGlobalKeyHandlers.js.map +2 -2
  83. package/dist/esm/parts/ClearButton/ClearButton.js +19 -18
  84. package/dist/esm/parts/ClearButton/ClearButton.js.map +1 -1
  85. package/dist/esm/parts/ControlledDateTimePickerContent.js +9 -11
  86. package/dist/esm/parts/ControlledDateTimePickerContent.js.map +1 -1
  87. package/dist/esm/parts/DateInputs/DDInput.js +20 -17
  88. package/dist/esm/parts/DateInputs/DDInput.js.map +1 -1
  89. package/dist/esm/parts/DateInputs/DateInputs.js +63 -63
  90. package/dist/esm/parts/DateInputs/DateInputs.js.map +1 -1
  91. package/dist/esm/parts/DateInputs/MMInput.js +17 -14
  92. package/dist/esm/parts/DateInputs/MMInput.js.map +1 -1
  93. package/dist/esm/parts/DateInputs/YYYYInput.js +20 -17
  94. package/dist/esm/parts/DateInputs/YYYYInput.js.map +1 -1
  95. package/dist/esm/parts/Pickers/Calendar/Calendar.js +6 -18
  96. package/dist/esm/parts/Pickers/Calendar/Calendar.js.map +1 -1
  97. package/dist/esm/parts/Pickers/Calendar/CalendarBody.js +4 -11
  98. package/dist/esm/parts/Pickers/Calendar/CalendarBody.js.map +1 -1
  99. package/dist/esm/parts/Pickers/Calendar/CalendarContent.js +10 -11
  100. package/dist/esm/parts/Pickers/Calendar/CalendarContent.js.map +1 -1
  101. package/dist/esm/parts/Pickers/Calendar/CalendarDaysList.js +11 -20
  102. package/dist/esm/parts/Pickers/Calendar/CalendarDaysList.js.map +1 -1
  103. package/dist/esm/parts/Pickers/Calendar/CalendarFooter.js +1 -5
  104. package/dist/esm/parts/Pickers/Calendar/CalendarFooter.js.map +1 -1
  105. package/dist/esm/parts/Pickers/Calendar/CalendarHead.js +27 -36
  106. package/dist/esm/parts/Pickers/Calendar/CalendarHead.js.map +1 -1
  107. package/dist/esm/parts/Pickers/Calendar/CalendarIconTrigger.js +15 -12
  108. package/dist/esm/parts/Pickers/Calendar/CalendarIconTrigger.js.map +1 -1
  109. package/dist/esm/parts/Pickers/Calendar/CalendarMonthDays.js +9 -6
  110. package/dist/esm/parts/Pickers/Calendar/CalendarMonthDays.js.map +1 -1
  111. package/dist/esm/parts/Pickers/Calendar/CalendarWeekDays.js +12 -40
  112. package/dist/esm/parts/Pickers/Calendar/CalendarWeekDays.js.map +1 -1
  113. package/dist/esm/parts/Pickers/Calendar/CalendarWrapper.js +11 -8
  114. package/dist/esm/parts/Pickers/Calendar/CalendarWrapper.js.map +1 -1
  115. package/dist/esm/parts/Pickers/Calendar/Day.js +30 -24
  116. package/dist/esm/parts/Pickers/Calendar/Day.js.map +1 -1
  117. package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js +5 -17
  118. package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map +1 -1
  119. package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js +12 -9
  120. package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js.map +1 -1
  121. package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js +8 -5
  122. package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js.map +1 -1
  123. package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +15 -12
  124. package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js.map +1 -1
  125. package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +11 -8
  126. package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js.map +1 -1
  127. package/dist/esm/parts/Pickers/PickersIcons.js +5 -9
  128. package/dist/esm/parts/Pickers/PickersIcons.js.map +1 -1
  129. package/dist/esm/parts/Pickers/TimeWheel/HoursList.js +68 -72
  130. package/dist/esm/parts/Pickers/TimeWheel/HoursList.js.map +1 -1
  131. package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js +82 -86
  132. package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js.map +1 -1
  133. package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js +73 -70
  134. package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js.map +1 -1
  135. package/dist/esm/parts/Pickers/TimeWheel/TimeWheel.js +6 -18
  136. package/dist/esm/parts/Pickers/TimeWheel/TimeWheel.js.map +1 -1
  137. package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js +18 -28
  138. package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js.map +1 -1
  139. package/dist/esm/parts/Pickers/TimeWheel/TimeWheelFooter.js +1 -5
  140. package/dist/esm/parts/Pickers/TimeWheel/TimeWheelFooter.js.map +1 -1
  141. package/dist/esm/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +15 -12
  142. package/dist/esm/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js.map +1 -1
  143. package/dist/esm/parts/Pickers/TimeWheel/TimeWheelWrapper.js +11 -8
  144. package/dist/esm/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map +1 -1
  145. package/dist/esm/parts/Pickers/TimeWheel/useKeyboardHandlers.js +7 -2
  146. package/dist/esm/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map +2 -2
  147. package/dist/esm/parts/Styleds.js +2 -1
  148. package/dist/esm/parts/Styleds.js.map +2 -2
  149. package/dist/esm/parts/TimeInputs/HHInput.js +21 -18
  150. package/dist/esm/parts/TimeInputs/HHInput.js.map +1 -1
  151. package/dist/esm/parts/TimeInputs/MeridiemInput.js +20 -17
  152. package/dist/esm/parts/TimeInputs/MeridiemInput.js.map +1 -1
  153. package/dist/esm/parts/TimeInputs/MinutesInput.js +20 -17
  154. package/dist/esm/parts/TimeInputs/MinutesInput.js.map +1 -1
  155. package/dist/esm/parts/TimeInputs/TimeInputs.js +62 -61
  156. package/dist/esm/parts/TimeInputs/TimeInputs.js.map +1 -1
  157. package/package.json +8 -8
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/Calendar/Day.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useCallback, useMemo } from 'react';\nimport {\n getDateStringFromDay,\n getDayFromDateString,\n getDateValuesFromDate,\n isSameDateMoment,\n compareTwoDatesDayEquality,\n} from '../../../utils/dateHelpers';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledDayBtn } from './Styleds';\nimport type { DSControlledDateTimePickerT } from '../../../propTypes';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes';\n\ninterface CalendarDayPropsT {\n metaDay: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n colIndex?: number;\n isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n const {\n handleChangeComposedDateString,\n dateStringFromProps,\n props: { preventCloseOnSelection },\n getIsDisabledDay,\n getIsOutOfRangeDay,\n getIsStartRangeDay,\n getIsDayInRange,\n getIsEndRangeDay,\n appOnMonthChange,\n appOnDayChange,\n appOnYearChange,\n latestInteractionRegion,\n isWithTimeWheelToo,\n trackFocusCalendarMetafocusedDay,\n } = useContext(ControlledDateTimePickerContext);\n const { focusedDay, handleDayOnKeyDown, handleFocusMetaDayByDay, closeCalendar } = useContext(CalendarContext);\n const isFocusedMetaDay = focusedDay?.day ? compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day) : false;\n const isSelected = useMemo(() => {\n const selectedDate = getDayFromDateString(dateStringFromProps);\n return selectedDate ? isSameDateMoment(day, selectedDate) : false;\n }, [dateStringFromProps, day]);\n const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;\n const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n const isDayInRangeImproper = getIsDayInRange(metaDay.dayAsString);\n const isDayInRange = !isStartRangeDay && !isEndRangeDay && isDayInRangeImproper;\n\n const handleOnDayClick = useCallback(\n (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n handleFocusMetaDayByDay(day);\n if (!isDisabled && !isOutOfRange) {\n const newDateString = getDateStringFromDay(day);\n const metaInfo = { ...defaultMetaInfo, newDateString };\n const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n appOnMonthChange(`${month + 1}`, e, metaInfo);\n if (dayNumber) appOnDayChange(`${dayNumber}`, e, metaInfo);\n appOnYearChange(`${year}`, e, metaInfo);\n handleChangeComposedDateString(newDateString, metaInfo);\n trackFocusCalendarMetafocusedDay();\n if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n }\n },\n [\n handleFocusMetaDayByDay,\n day,\n isDisabled,\n isOutOfRange,\n appOnMonthChange,\n appOnDayChange,\n appOnYearChange,\n handleChangeComposedDateString,\n trackFocusCalendarMetafocusedDay,\n isWithTimeWheelToo,\n preventCloseOnSelection,\n closeCalendar,\n ],\n );\n\n const handleInnerRef = useCallback(\n (ButtonDomNode: HTMLButtonElement) => {\n window.requestAnimationFrame(() => {\n dayBtnRef.current = ButtonDomNode;\n if (isFocused) ButtonDomNode?.focus?.();\n });\n },\n [dayBtnRef, isFocused],\n );\n\n const handleOnDayFocus = useCallback(() => {\n trackFocusCalendarMetafocusedDay('calendar-days');\n }, [trackFocusCalendarMetafocusedDay]);\n\n const dayClassModifiers = useMemo(\n () =>\n `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n isOutOfRange ? 'outOfRangeDay ' : ''\n }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${\n isDayInRangeImproper ? 'inRangeImproperDay ' : ''\n }${isDayInRange ? 'inRangeDay ' : ''}${isEndRangeDay ? 'endRangeDay ' : ''}${\n isCurrMonthDay ? '' : 'notCurrentMonth'\n }`,\n [\n isSelected,\n isDisabled,\n isOutOfRange,\n isFocused,\n isStartRangeDay,\n isDayInRangeImproper,\n isDayInRange,\n isEndRangeDay,\n isCurrMonthDay,\n ],\n );\n\n let dataTestid: string = ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n if (isStartRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;\n if (isEndRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;\n if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;\n\n return (\n <div\n className={dayClassModifiers}\n style={isHidden ? displayNone : undefined}\n role={!isInvisible ? 'gridcell' : undefined}\n {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n >\n <StyledDayBtn\n aria-label={`${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`}\n aria-disabled={isOutOfRange || isDisabled}\n aria-hidden={!!isInvisible}\n buttonType=\"raw\"\n size=\"m\"\n onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n onFocus={handleOnDayFocus}\n onKeyDown={(e: React.KeyboardEvent<Element>) => {\n handleDayOnKeyDown(e, metaDay);\n }}\n innerRef={handleInnerRef}\n tabIndex={-1}\n data-isfocused={isFocused}\n data-testid={dataTestid}\n type=\"button\"\n >\n {`${day.getDate()}`}\n </StyledDayBtn>\n </div>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -38,22 +38,10 @@ var import_TimeWheel = require("../TimeWheel/TimeWheel");
38
38
  const CalendarWithTimeWheelContent = () => {
39
39
  const ctx = (0, import_useConfigCalendarWithTimeWheelCTX.useConfigCalendarWithTimeWheelCTX)();
40
40
  const { showCalendarWithTimeWheel, isControllerOnly, handleMenuWrapperKeyDown } = ctx;
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext.Provider, {
42
- value: ctx,
43
- children: [
44
- isControllerOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelIconTrigger.CalendarWithTimeWheelIconTrigger, {}),
45
- isControllerOnly || showCalendarWithTimeWheel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
46
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
47
- onKeyDown: handleMenuWrapperKeyDown,
48
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelWrapper.CalendarWithTimeWheelWrapper, {})
49
- })
50
- }) : null
51
- ]
52
- });
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext.Provider, { value: ctx, children: [
42
+ isControllerOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelIconTrigger.CalendarWithTimeWheelIconTrigger, {}),
43
+ isControllerOnly || showCalendarWithTimeWheel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { onKeyDown: handleMenuWrapperKeyDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelWrapper.CalendarWithTimeWheelWrapper, {}) }) }) : null
44
+ ] });
53
45
  };
54
- const CalendarWithTimeWheel = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Calendar.WrappedCalendarContext, {
55
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheel.WrappedTimeWheelContext, {
56
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CalendarWithTimeWheelContent, {})
57
- })
58
- });
46
+ const CalendarWithTimeWheel = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Calendar.WrappedCalendarContext, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheel.WrappedTimeWheelContext, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CalendarWithTimeWheelContent, {}) }) });
59
47
  //# sourceMappingURL=CalendarWithTimeWheel.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\nimport { CalendarWithTimeWheelIconTrigger } from './CalendarWithTimeWheelIconTrigger';\nimport { CalendarWithTimeWheelWrapper } from './CalendarWithTimeWheelWrapper';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\nimport { useConfigCalendarWithTimeWheelCTX } from './useConfigCalendarWithTimeWheelCTX';\nimport { WrappedCalendarContext } from '../Calendar/Calendar';\nimport { WrappedTimeWheelContext } from '../TimeWheel/TimeWheel';\n\nconst CalendarWithTimeWheelContent = () => {\n const ctx = useConfigCalendarWithTimeWheelCTX();\n const { showCalendarWithTimeWheel, isControllerOnly, handleMenuWrapperKeyDown } = ctx;\n\n return (\n <CalendarWithTimeWheelContext.Provider value={ctx}>\n {isControllerOnly ? null : <CalendarWithTimeWheelIconTrigger />}\n {isControllerOnly || showCalendarWithTimeWheel ? (\n <>\n {/* The <div> element is catching the \"ESC\" 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 <CalendarWithTimeWheelWrapper />\n </div>\n </>\n ) : null}\n </CalendarWithTimeWheelContext.Provider>\n );\n};\n\n// we wrap in context in a separate statement so we can use the useContext and be sure it's correctly initialized\nexport const CalendarWithTimeWheel = () => (\n <WrappedCalendarContext>\n <WrappedTimeWheelContext>\n <CalendarWithTimeWheelContent />\n </WrappedTimeWheelContext>\n </WrappedCalendarContext>\n);\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAZJ,8CAAiD;AACjD,0CAA6C;AAC7C,0CAA6C;AAC7C,+CAAkD;AAClD,sBAAuC;AACvC,uBAAwC;AAExC,MAAM,+BAA+B,MAAM;AACzC,QAAM,UAAM,4EAAkC;AAC9C,QAAM,EAAE,2BAA2B,kBAAkB,yBAAyB,IAAI;AAElF,SACE,6CAAC,iEAA6B,UAA7B;AAAA,IAAsC,OAAO;AAAA,IAC3C;AAAA,yBAAmB,OAAO,4CAAC,4EAAiC;AAAA,MAC5D,oBAAoB,4BACnB;AAAA,QAIE,sDAAC;AAAA,UAAI,WAAW;AAAA,UACd,sDAAC,oEAA6B;AAAA,SAChC;AAAA,OACF,IACE;AAAA;AAAA,GACN;AAEJ;AAGO,MAAM,wBAAwB,MACnC,4CAAC;AAAA,EACC,sDAAC;AAAA,IACC,sDAAC,gCAA6B;AAAA,GAChC;AAAA,CACF;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAZJ,8CAAiD;AACjD,0CAA6C;AAC7C,0CAA6C;AAC7C,+CAAkD;AAClD,sBAAuC;AACvC,uBAAwC;AAExC,MAAM,+BAA+B,MAAM;AACzC,QAAM,UAAM,4EAAkC;AAC9C,QAAM,EAAE,2BAA2B,kBAAkB,yBAAyB,IAAI;AAElF,SACE,6CAAC,iEAA6B,UAA7B,EAAsC,OAAO,KAC3C;AAAA,uBAAmB,OAAO,4CAAC,4EAAiC;AAAA,IAC5D,oBAAoB,4BACnB,2EAIE,sDAAC,SAAI,WAAW,0BACd,sDAAC,oEAA6B,GAChC,GACF,IACE;AAAA,KACN;AAEJ;AAGO,MAAM,wBAAwB,MACnC,4CAAC,0CACC,sDAAC,4CACC,sDAAC,gCAA6B,GAChC,GACF;",
6
6
  "names": []
7
7
  }
@@ -37,14 +37,17 @@ var import_TimeWheelContent = require("../TimeWheel/TimeWheelContent");
37
37
  var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
38
38
  const CalendarWithTimeWheelContent = () => {
39
39
  const { isControllerOnly } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
40
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledCalendarWithTimeWheelWrapper, {
41
- isControllerOnly,
42
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL,
43
- children: [
44
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledCalendar, {}),
45
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelContent.TimeWheelContent, {}),
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelFooter.CalendarWithTimeWheelFooter, {})
47
- ]
48
- });
40
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
41
+ import_Styleds.StyledCalendarWithTimeWheelWrapper,
42
+ {
43
+ isControllerOnly,
44
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL,
45
+ children: [
46
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledCalendar, {}),
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelContent.TimeWheelContent, {}),
48
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelFooter.CalendarWithTimeWheelFooter, {})
49
+ ]
50
+ }
51
+ );
49
52
  };
50
53
  //# sourceMappingURL=CalendarWithTimeWheelContent.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AAVJ,mBAAkC;AAClC,gDAAmD;AACnD,qBAAmE;AACnE,yCAA4C;AAC5C,8BAAiC;AACjC,yCAAgD;AAEzC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,SACE,6CAAC;AAAA,IACC;AAAA,IACA,eAAa,6EAAmC,qBAAqB;AAAA,IAErE;AAAA,kDAAC,iCAAe;AAAA,MAChB,4CAAC,4CAAiB;AAAA,MAClB,4CAAC,kEAA4B;AAAA;AAAA,GAC/B;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AAVJ,mBAAkC;AAClC,gDAAmD;AACnD,qBAAmE;AACnE,yCAA4C;AAC5C,8BAAiC;AACjC,yCAAgD;AAEzC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,6EAAmC,qBAAqB;AAAA,MAErE;AAAA,oDAAC,iCAAe;AAAA,QAChB,4CAAC,4CAAiB;AAAA,QAClB,4CAAC,kEAA4B;AAAA;AAAA;AAAA,EAC/B;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -37,10 +37,13 @@ const CalendarWithTimeWheelFooter = () => {
37
37
  const {
38
38
  props: { pickerFooterMsg, hasError }
39
39
  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
40
- return pickerFooterMsg !== void 0 && hasError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.CalendarWithTimeWheelFooterMessage, {
41
- role: "alert",
42
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR_TIMEWHEEL,
43
- children: pickerFooterMsg
44
- }) : null;
40
+ return pickerFooterMsg !== void 0 && hasError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
41
+ import_Styleds.CalendarWithTimeWheelFooterMessage,
42
+ {
43
+ role: "alert",
44
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR_TIMEWHEEL,
45
+ children: pickerFooterMsg
46
+ }
47
+ ) : null;
45
48
  };
46
49
  //# sourceMappingURL=CalendarWithTimeWheelFooter.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarWithTimeWheelFooterMessage } from './Styleds';\n\nexport const CalendarWithTimeWheelFooter: React.ComponentType = () => {\n const {\n props: { pickerFooterMsg, hasError },\n } = useContext(ControlledDateTimePickerContext);\n return pickerFooterMsg !== undefined && hasError ? (\n <CalendarWithTimeWheelFooterMessage\n role=\"alert\"\n data-testid={ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR_TIMEWHEEL}\n >\n {pickerFooterMsg}\n </CalendarWithTimeWheelFooterMessage>\n ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AAVJ,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAmD;AAE5C,MAAM,8BAAmD,MAAM;AACpE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,EACrC,QAAI,yBAAW,kEAA+B;AAC9C,SAAO,oBAAoB,UAAa,WACtC,4CAAC;AAAA,IACC,MAAK;AAAA,IACL,eAAa,6EAAmC,QAAQ;AAAA,IAEvD;AAAA,GACH,IACE;AACN;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AAVJ,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAmD;AAE5C,MAAM,8BAAmD,MAAM;AACpE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,EACrC,QAAI,yBAAW,kEAA+B;AAC9C,SAAO,oBAAoB,UAAa,WACtC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAa,6EAAmC,QAAQ;AAAA,MAEvD;AAAA;AAAA,EACH,IACE;AACN;",
6
6
  "names": []
7
7
  }
@@ -44,18 +44,21 @@ const CalendarWithTimeWheelIconTrigger = () => {
44
44
  disabled
45
45
  } = (0, import_react.useContext)(import_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext);
46
46
  return (0, import_react.useMemo)(
47
- () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledIconTriggerButton, {
48
- "aria-label": `date time picker context menu trigger, ${ariaCurrentValueForInputs}`,
49
- buttonType: "icon",
50
- type: "button",
51
- size: import_ds_button.BUTTON_SIZES.M,
52
- innerRef: handleSetTriggerRef,
53
- onClick: handleToggleCalendarWithTimeWheel,
54
- onKeyDown: handlePickerIconKeyDown,
55
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL,
56
- disabled,
57
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker, {})
58
- }),
47
+ () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
48
+ import_Styleds.StyledIconTriggerButton,
49
+ {
50
+ "aria-label": `date time picker context menu trigger, ${ariaCurrentValueForInputs}`,
51
+ buttonType: "icon",
52
+ type: "button",
53
+ size: import_ds_button.BUTTON_SIZES.M,
54
+ innerRef: handleSetTriggerRef,
55
+ onClick: handleToggleCalendarWithTimeWheel,
56
+ onKeyDown: handlePickerIconKeyDown,
57
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL,
58
+ disabled,
59
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker, {})
60
+ }
61
+ ),
59
62
  [
60
63
  ariaCurrentValueForInputs,
61
64
  disabled,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { 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 type=\"button\"\n size={BUTTON_SIZES.M}\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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+Bf;AA/BR,mBAA2C;AAC3C,uBAA6B;AAC7B,sBAA2B;AAC3B,0CAA6C;AAC7C,qBAAwC;AACxC,gDAAmD;AAK5C,MAAM,mCAAmC,MAAmB;AACjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gEAA4B;AAC3C,aAAO;AAAA,IACL,MACE,4CAAC;AAAA,MACC,cAAY,0CAA0C;AAAA,MACtD,YAAW;AAAA,MACX,MAAK;AAAA,MACL,MAAM,8BAAa;AAAA,MACnB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,eAAa,6EAAmC,aAAa;AAAA,MAC7D;AAAA,MAEA,sDAAC,8BAAW;AAAA,KACd;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+Bf;AA/BR,mBAA2C;AAC3C,uBAA6B;AAC7B,sBAA2B;AAC3B,0CAA6C;AAC7C,qBAAwC;AACxC,gDAAmD;AAK5C,MAAM,mCAAmC,MAAmB;AACjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gEAA4B;AAC3C,aAAO;AAAA,IACL,MACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY,0CAA0C;AAAA,QACtD,YAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAM,8BAAa;AAAA,QACnB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,QACX,eAAa,6EAAmC,aAAa;AAAA,QAC7D;AAAA,QAEA,sDAAC,8BAAW;AAAA;AAAA,IACd;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
6
6
  "names": []
7
7
  }
@@ -38,13 +38,16 @@ const CalendarWithTimeWheelWrapper = () => {
38
38
  const { referenceElement, closeCalendar, isControllerOnly } = (0, import_react.useContext)(import_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext);
39
39
  if (isControllerOnly)
40
40
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, {});
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, {
42
- showPopover: true,
43
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL,
44
- referenceElement,
45
- withoutArrow: true,
46
- onClickOutside: closeCalendar,
47
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, {})
48
- });
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
42
+ import_ds_popperjs.DSPopperJS,
43
+ {
44
+ showPopover: true,
45
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL,
46
+ referenceElement,
47
+ withoutArrow: true,
48
+ onClickOutside: closeCalendar,
49
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, {})
50
+ }
51
+ );
49
52
  };
50
53
  //# sourceMappingURL=CalendarWithTimeWheelWrapper.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\n\nexport const CalendarWithTimeWheelWrapper = (): JSX.Element => {\n const { referenceElement, closeCalendar, isControllerOnly } = useContext(CalendarWithTimeWheelContext);\n if (isControllerOnly) return <CalendarWithTimeWheelContent />;\n\n return (\n <DSPopperJS\n showPopover\n data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL}\n referenceElement={referenceElement}\n withoutArrow\n onClickOutside={closeCalendar}\n >\n <CalendarWithTimeWheelContent />\n </DSPopperJS>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQQ;AAR/B,mBAAkC;AAClC,yBAA2B;AAC3B,gDAAmD;AACnD,0CAA6C;AAC7C,0CAA6C;AAEtC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,kBAAkB,eAAe,iBAAiB,QAAI,yBAAW,gEAA4B;AACrG,MAAI;AAAkB,WAAO,4CAAC,oEAA6B;AAE3D,SACE,4CAAC;AAAA,IACC,aAAW;AAAA,IACX,eAAa,6EAAmC,gBAAgB;AAAA,IAChE;AAAA,IACA,cAAY;AAAA,IACZ,gBAAgB;AAAA,IAEhB,sDAAC,oEAA6B;AAAA,GAChC;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQQ;AAR/B,mBAAkC;AAClC,yBAA2B;AAC3B,gDAAmD;AACnD,0CAA6C;AAC7C,0CAA6C;AAEtC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,kBAAkB,eAAe,iBAAiB,QAAI,yBAAW,gEAA4B;AACrG,MAAI;AAAkB,WAAO,4CAAC,oEAA6B;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,eAAa,6EAAmC,gBAAgB;AAAA,MAChE;AAAA,MACA,cAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,sDAAC,oEAA6B;AAAA;AAAA,EAChC;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -43,14 +43,10 @@ const PickersIcons = () => {
43
43
  isControllerOnly,
44
44
  props: { hasError }
45
45
  } = import_react.default.useContext(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
46
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledPickersIconsWrapperGrid, {
47
- hasError,
48
- isControllerOnly,
49
- children: [
50
- !hideDatePicker && hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Calendar.Calendar, {}) : null,
51
- hideDatePicker && !hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheel.TimeWheel, {}) : null,
52
- hideDatePicker && hideTimePicker && !hideDateTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheel.CalendarWithTimeWheel, {}) : null
53
- ]
54
- });
46
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledPickersIconsWrapperGrid, { hasError, isControllerOnly, children: [
47
+ !hideDatePicker && hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Calendar.Calendar, {}) : null,
48
+ hideDatePicker && !hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheel.TimeWheel, {}) : null,
49
+ hideDatePicker && hideTimePicker && !hideDateTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheel.CalendarWithTimeWheel, {}) : null
50
+ ] });
55
51
  };
56
52
  //# sourceMappingURL=PickersIcons.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/parts/Pickers/PickersIcons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { StyledPickersIconsWrapperGrid } from '../Styleds';\nimport { CalendarWithTimeWheel } from './CalendarWithTimeWheel/CalendarWithTimeWheel';\nimport { Calendar } from './Calendar/Calendar';\nimport { TimeWheel } from './TimeWheel/TimeWheel';\n\nexport const PickersIcons = (): JSX.Element => {\n const {\n hideDatePicker,\n hideTimePicker,\n hideDateTimePicker,\n isControllerOnly,\n props: { hasError },\n } = React.useContext(ControlledDateTimePickerContext);\n\n return (\n <StyledPickersIconsWrapperGrid hasError={hasError} isControllerOnly={isControllerOnly}>\n {!hideDatePicker && hideTimePicker && hideDateTimePicker ? <Calendar /> : null}\n {hideDatePicker && !hideTimePicker && hideDateTimePicker ? <TimeWheel /> : null}\n {hideDatePicker && hideTimePicker && !hideDateTimePicker ? <CalendarWithTimeWheel /> : null}\n </StyledPickersIconsWrapperGrid>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBnB;AAjBJ,mBAAkB;AAClB,yCAAgD;AAChD,qBAA8C;AAC9C,mCAAsC;AACtC,sBAAyB;AACzB,uBAA0B;AAEnB,MAAM,eAAe,MAAmB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,IAAI,aAAAA,QAAM,WAAW,kEAA+B;AAEpD,SACE,6CAAC;AAAA,IAA8B;AAAA,IAAoB;AAAA,IAChD;AAAA,OAAC,kBAAkB,kBAAkB,qBAAqB,4CAAC,4BAAS,IAAK;AAAA,MACzE,kBAAkB,CAAC,kBAAkB,qBAAqB,4CAAC,8BAAU,IAAK;AAAA,MAC1E,kBAAkB,kBAAkB,CAAC,qBAAqB,4CAAC,sDAAsB,IAAK;AAAA;AAAA,GACzF;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBnB;AAjBJ,mBAAkB;AAClB,yCAAgD;AAChD,qBAA8C;AAC9C,mCAAsC;AACtC,sBAAyB;AACzB,uBAA0B;AAEnB,MAAM,eAAe,MAAmB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,IAAI,aAAAA,QAAM,WAAW,kEAA+B;AAEpD,SACE,6CAAC,gDAA8B,UAAoB,kBAChD;AAAA,KAAC,kBAAkB,kBAAkB,qBAAqB,4CAAC,4BAAS,IAAK;AAAA,IACzE,kBAAkB,CAAC,kBAAkB,qBAAqB,4CAAC,8BAAU,IAAK;AAAA,IAC1E,kBAAkB,kBAAkB,CAAC,qBAAqB,4CAAC,sDAAsB,IAAK;AAAA,KACzF;AAEJ;",
6
6
  "names": ["React"]
7
7
  }
@@ -67,80 +67,76 @@ const HoursList = () => {
67
67
  },
68
68
  [currFocusDescriber, latestInteractionRegion, currHourBtnRef]
69
69
  );
70
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledWheelList, {
71
- children: [
72
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {
73
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelChangeTimeBtn, {
74
- "aria-label": "subtract one hour",
70
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledWheelList, { children: [
71
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
72
+ import_Styleds.StyledWheelChangeTimeBtn,
73
+ {
74
+ "aria-label": "subtract one hour",
75
+ buttonType: "raw",
76
+ size: "m",
77
+ onClick: handlePrevHour,
78
+ innerRef: prevHourBtnRef,
79
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
80
+ tabIndex: -1,
81
+ type: "button",
82
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallUp, { color: ["brand-primary", "700"] })
83
+ }
84
+ ) }),
85
+ visibleHours.map((hourString) => {
86
+ const key = `timewheel-hour-${hourString || ""}`;
87
+ if (!hourString)
88
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {}, key);
89
+ const currHourTimeString = `${hourString}:${currMinuteNum} ${currMeridiem}`;
90
+ const isEmptyCurrValueCurrentListItem = !hours && (0, import_numberHelpers.convertToPositiveNumberIfPossible)(hourString) === currHourNum;
91
+ const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;
92
+ const isDisabled = getIsDisabledTime(currHourTimeString);
93
+ const tabIndex = isCurrentListItem ? 0 : -1;
94
+ const btnProps = {
95
+ onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : void 0,
96
+ innerRef: isCurrentListItem ? handleCurrYearRef : void 0
97
+ };
98
+ const styleProps = {
99
+ isCurrentListItem,
100
+ isDisabled
101
+ };
102
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, { isCurrentListItem, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
103
+ import_Styleds.StyledTimeBtn,
104
+ {
105
+ ...styleProps,
106
+ autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
107
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_HOUR" : "HOUR"],
108
+ selected: hours.length === 2 && (0, import_numberHelpers.convertToPositiveNumberIfPossible)(hourString) === currHourNum,
109
+ "aria-label": `${hourString} hours`,
110
+ "aria-disabled": isDisabled,
75
111
  buttonType: "raw",
76
112
  size: "m",
77
- onClick: handlePrevHour,
78
- innerRef: prevHourBtnRef,
79
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
80
- tabIndex: -1,
113
+ onClick: (e) => handleTimeWheelBtnChangeHours(hourString, e),
114
+ tabIndex,
115
+ role: "spinbutton",
116
+ "aria-valuemax": 12,
117
+ "aria-valuemin": 1,
118
+ "aria-valuenow": currHourNum,
119
+ "aria-valuetext": `${hourString} hours`,
81
120
  type: "button",
82
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallUp, {
83
- color: ["brand-primary", "700"]
84
- })
85
- })
86
- }),
87
- visibleHours.map((hourString) => {
88
- const key = `timewheel-hour-${hourString || ""}`;
89
- if (!hourString)
90
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {}, key);
91
- const currHourTimeString = `${hourString}:${currMinuteNum} ${currMeridiem}`;
92
- const isEmptyCurrValueCurrentListItem = !hours && (0, import_numberHelpers.convertToPositiveNumberIfPossible)(hourString) === currHourNum;
93
- const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;
94
- const isDisabled = getIsDisabledTime(currHourTimeString);
95
- const tabIndex = isCurrentListItem ? 0 : -1;
96
- const btnProps = {
97
- onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : void 0,
98
- innerRef: isCurrentListItem ? handleCurrYearRef : void 0
99
- };
100
- const styleProps = {
101
- isCurrentListItem,
102
- isDisabled
103
- };
104
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {
105
- isCurrentListItem,
106
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledTimeBtn, {
107
- ...styleProps,
108
- autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
109
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_HOUR" : "HOUR"],
110
- selected: hours.length === 2 && (0, import_numberHelpers.convertToPositiveNumberIfPossible)(hourString) === currHourNum,
111
- "aria-label": `${hourString} hours`,
112
- "aria-disabled": isDisabled,
113
- buttonType: "raw",
114
- size: "m",
115
- onClick: (e) => handleTimeWheelBtnChangeHours(hourString, e),
116
- tabIndex,
117
- role: "spinbutton",
118
- "aria-valuemax": 12,
119
- "aria-valuemin": 1,
120
- "aria-valuenow": currHourNum,
121
- "aria-valuetext": `${hourString} hours`,
122
- type: "button",
123
- ...btnProps,
124
- children: hourString
125
- })
126
- }, key);
127
- }),
128
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {
129
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelChangeTimeBtn, {
130
- "aria-label": "add one hour",
131
- buttonType: "raw",
132
- size: "m",
133
- onClick: handleNextHour,
134
- innerRef: nextHourBtnRef,
135
- tabIndex: -1,
136
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR,
137
- type: "button",
138
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, {
139
- color: ["brand-primary", "700"]
140
- })
141
- })
142
- })
143
- ]
144
- });
121
+ ...btnProps,
122
+ children: hourString
123
+ }
124
+ ) }, key);
125
+ }),
126
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
127
+ import_Styleds.StyledWheelChangeTimeBtn,
128
+ {
129
+ "aria-label": "add one hour",
130
+ buttonType: "raw",
131
+ size: "m",
132
+ onClick: handleNextHour,
133
+ innerRef: nextHourBtnRef,
134
+ tabIndex: -1,
135
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR,
136
+ type: "button",
137
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, { color: ["brand-primary", "700"] })
138
+ }
139
+ ) })
140
+ ] });
145
141
  };
146
142
  //# sourceMappingURL=HoursList.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/TimeWheel/HoursList.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const HoursList = (): JSX.Element => {\n const {\n currHourNum,\n currMinuteNum,\n currMeridiem,\n visibleHours,\n handlePrevHour,\n handleNextHour,\n handleTimeWheelBtnChangeHours,\n handleCurrHourOnKeyDown,\n } = useContext(TimeWheelContext);\n const {\n prevHourBtnRef,\n currHourBtnRef,\n nextHourBtnRef,\n getIsDisabledTime,\n autoFocusHourTimeWheel,\n hours,\n latestInteractionRegion,\n currFocusDescriber,\n } = useContext(ControlledDateTimePickerContext);\n const handleCurrYearRef = useCallback(\n (ButtonDomNode: HTMLButtonElement) => {\n setTimeout(() => {\n currHourBtnRef.current = ButtonDomNode;\n if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour')\n ButtonDomNode?.focus?.();\n });\n },\n [currFocusDescriber, latestInteractionRegion, currHourBtnRef],\n );\n return (\n <StyledWheelList>\n <StyledWheelListItem>\n <StyledWheelChangeTimeBtn\n aria-label=\"subtract one hour\"\n buttonType=\"raw\"\n size=\"m\"\n onClick={handlePrevHour}\n innerRef={prevHourBtnRef}\n data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR}\n tabIndex={-1}\n type=\"button\"\n >\n <ChevronSmallUp color={['brand-primary', '700']} />\n </StyledWheelChangeTimeBtn>\n </StyledWheelListItem>\n {visibleHours.map((hourString) => {\n const key = `timewheel-hour-${hourString || ''}`;\n if (!hourString) return <StyledWheelListItem key={key} />;\n const currHourTimeString = `${hourString}:${currMinuteNum} ${currMeridiem}`;\n\n const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;\n const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;\n const isDisabled = getIsDisabledTime(currHourTimeString);\n const tabIndex = isCurrentListItem ? 0 : -1;\n const btnProps = {\n onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : undefined,\n innerRef: isCurrentListItem ? handleCurrYearRef : undefined,\n };\n const styleProps = {\n isCurrentListItem,\n isDisabled,\n };\n return (\n <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n <StyledTimeBtn\n {...styleProps}\n autoFocus={autoFocusHourTimeWheel && isCurrentListItem}\n data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR']}\n selected={hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum}\n aria-label={`${hourString} hours`}\n aria-disabled={isDisabled}\n buttonType=\"raw\"\n size=\"m\"\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeHours(hourString, e)}\n tabIndex={tabIndex}\n role=\"spinbutton\"\n aria-valuemax={12}\n aria-valuemin={1}\n aria-valuenow={currHourNum}\n aria-valuetext={`${hourString} hours`}\n type=\"button\"\n {...btnProps}\n >\n {hourString}\n </StyledTimeBtn>\n </StyledWheelListItem>\n );\n })}\n <StyledWheelListItem>\n <StyledWheelChangeTimeBtn\n aria-label=\"add one hour\"\n buttonType=\"raw\"\n size=\"m\"\n onClick={handleNextHour}\n innerRef={nextHourBtnRef}\n tabIndex={-1}\n data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR}\n type=\"button\"\n >\n <ChevronSmallDown color={['brand-primary', '700']} />\n </StyledWheelChangeTimeBtn>\n </StyledWheelListItem>\n </StyledWheelList>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyCnB;AAxCJ,mBAA+C;AAC/C,sBAAiD;AACjD,gDAAmD;AACnD,yCAAgD;AAChD,2BAAkD;AAClD,qBAA8F;AAC9F,8BAAiC;AAE1B,MAAM,YAAY,MAAmB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,wCAAgB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,QAAM,wBAAoB;AAAA,IACxB,CAAC,kBAAqC;AACpC,iBAAW,MAAM;AACf,uBAAe,UAAU;AACzB,YAAI,4BAA4B,eAAe,uBAAuB;AACpE,yBAAe,QAAQ;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,IACA,CAAC,oBAAoB,yBAAyB,cAAc;AAAA,EAC9D;AACA,SACE,6CAAC,kCACC;AAAA,gDAAC,sCACC;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,YAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,eAAa,6EAAmC,UAAU;AAAA,QAC1D,UAAU;AAAA,QACV,MAAK;AAAA,QAEL,sDAAC,kCAAe,OAAO,CAAC,iBAAiB,KAAK,GAAG;AAAA;AAAA,IACnD,GACF;AAAA,IACC,aAAa,IAAI,CAAC,eAAe;AAChC,YAAM,MAAM,kBAAkB,cAAc;AAC5C,UAAI,CAAC;AAAY,eAAO,4CAAC,wCAAyB,GAAK;AACvD,YAAM,qBAAqB,GAAG,cAAc,iBAAiB;AAE7D,YAAM,kCAAkC,CAAC,aAAS,wDAAkC,UAAU,MAAM;AACpG,YAAM,oBAAoB,mCAAmC,UAAU;AACvE,YAAM,aAAa,kBAAkB,kBAAkB;AACvD,YAAM,WAAW,oBAAoB,IAAI;AACzC,YAAM,WAAW;AAAA,QACf,WAAW,oBAAoB,0BAA0B;AAAA,QACzD,UAAU,oBAAoB,oBAAoB;AAAA,MACpD;AACA,YAAM,aAAa;AAAA,QACjB;AAAA,QACA;AAAA,MACF;AACA,aACE,4CAAC,sCAAoB,mBACnB;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,WAAW,0BAA0B;AAAA,UACrC,eAAa,6EAAmC,UAAU,oBAAoB,iBAAiB;AAAA,UAC/F,UAAU,MAAM,WAAW,SAAK,wDAAkC,UAAU,MAAM;AAAA,UAClF,cAAY,GAAG;AAAA,UACf,iBAAe;AAAA,UACf,YAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAS,CAAC,MAA2C,8BAA8B,YAAY,CAAC;AAAA,UAChG;AAAA,UACA,MAAK;AAAA,UACL,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,kBAAgB,GAAG;AAAA,UACnB,MAAK;AAAA,UACJ,GAAG;AAAA,UAEH;AAAA;AAAA,MACH,KArB8D,GAsBhE;AAAA,IAEJ,CAAC;AAAA,IACD,4CAAC,sCACC;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,YAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU;AAAA,QACV,eAAa,6EAAmC,UAAU;AAAA,QAC1D,MAAK;AAAA,QAEL,sDAAC,oCAAiB,OAAO,CAAC,iBAAiB,KAAK,GAAG;AAAA;AAAA,IACrD,GACF;AAAA,KACF;AAEJ;",
6
6
  "names": []
7
7
  }