@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
@@ -8,15 +8,18 @@ import { TimeWheelContent } from "../TimeWheel/TimeWheelContent";
8
8
  import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
9
9
  const CalendarWithTimeWheelContent = () => {
10
10
  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);
11
- return /* @__PURE__ */ jsxs(StyledCalendarWithTimeWheelWrapper, {
12
- isControllerOnly,
13
- "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL,
14
- children: [
15
- /* @__PURE__ */ jsx(StyledCalendar, {}),
16
- /* @__PURE__ */ jsx(TimeWheelContent, {}),
17
- /* @__PURE__ */ jsx(CalendarWithTimeWheelFooter, {})
18
- ]
19
- });
11
+ return /* @__PURE__ */ jsxs(
12
+ StyledCalendarWithTimeWheelWrapper,
13
+ {
14
+ isControllerOnly,
15
+ "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL,
16
+ children: [
17
+ /* @__PURE__ */ jsx(StyledCalendar, {}),
18
+ /* @__PURE__ */ jsx(TimeWheelContent, {}),
19
+ /* @__PURE__ */ jsx(CalendarWithTimeWheelFooter, {})
20
+ ]
21
+ }
22
+ );
20
23
  };
21
24
  export {
22
25
  CalendarWithTimeWheelContent
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { StyledCalendarWithTimeWheelWrapper, StyledCalendar } from './Styleds';\nimport { CalendarWithTimeWheelFooter } from './CalendarWithTimeWheelFooter';\nimport { TimeWheelContent } from '../TimeWheel/TimeWheelContent';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\n\nexport const CalendarWithTimeWheelContent = (): JSX.Element => {\n const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n return (\n <StyledCalendarWithTimeWheelWrapper\n isControllerOnly={isControllerOnly}\n data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL}\n >\n <StyledCalendar />\n <TimeWheelContent />\n <CalendarWithTimeWheelFooter />\n </StyledCalendarWithTimeWheelWrapper>\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACUnB,SAIE,KAJF;AAVJ,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,oCAAoC,sBAAsB;AACnE,SAAS,mCAAmC;AAC5C,SAAS,wBAAwB;AACjC,SAAS,uCAAuC;AAEzC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,iBAAiB,IAAI,WAAW,+BAA+B;AACvE,SACE,qBAAC;AAAA,IACC;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,IAErE;AAAA,0BAAC,kBAAe;AAAA,MAChB,oBAAC,oBAAiB;AAAA,MAClB,oBAAC,+BAA4B;AAAA;AAAA,GAC/B;AAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACUnB,SAIE,KAJF;AAVJ,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,oCAAoC,sBAAsB;AACnE,SAAS,mCAAmC;AAC5C,SAAS,wBAAwB;AACjC,SAAS,uCAAuC;AAEzC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,iBAAiB,IAAI,WAAW,+BAA+B;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,mCAAmC,qBAAqB;AAAA,MAErE;AAAA,4BAAC,kBAAe;AAAA,QAChB,oBAAC,oBAAiB;AAAA,QAClB,oBAAC,+BAA4B;AAAA;AAAA;AAAA,EAC/B;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -8,11 +8,14 @@ const CalendarWithTimeWheelFooter = () => {
8
8
  const {
9
9
  props: { pickerFooterMsg, hasError }
10
10
  } = useContext(ControlledDateTimePickerContext);
11
- return pickerFooterMsg !== void 0 && hasError ? /* @__PURE__ */ jsx(CalendarWithTimeWheelFooterMessage, {
12
- role: "alert",
13
- "data-testid": ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR_TIMEWHEEL,
14
- children: pickerFooterMsg
15
- }) : null;
11
+ return pickerFooterMsg !== void 0 && hasError ? /* @__PURE__ */ jsx(
12
+ CalendarWithTimeWheelFooterMessage,
13
+ {
14
+ role: "alert",
15
+ "data-testid": ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR_TIMEWHEEL,
16
+ children: pickerFooterMsg
17
+ }
18
+ ) : null;
16
19
  };
17
20
  export {
18
21
  CalendarWithTimeWheelFooter
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACUnB;AAVJ,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,0CAA0C;AAE5C,MAAM,8BAAmD,MAAM;AACpE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,EACrC,IAAI,WAAW,+BAA+B;AAC9C,SAAO,oBAAoB,UAAa,WACtC,oBAAC;AAAA,IACC,MAAK;AAAA,IACL,eAAa,mCAAmC,QAAQ;AAAA,IAEvD;AAAA,GACH,IACE;AACN;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACUnB;AAVJ,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,0CAA0C;AAE5C,MAAM,8BAAmD,MAAM;AACpE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,EACrC,IAAI,WAAW,+BAA+B;AAC9C,SAAO,oBAAoB,UAAa,WACtC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAa,mCAAmC,QAAQ;AAAA,MAEvD;AAAA;AAAA,EACH,IACE;AACN;",
6
6
  "names": []
7
7
  }
@@ -15,18 +15,21 @@ const CalendarWithTimeWheelIconTrigger = () => {
15
15
  disabled
16
16
  } = useContext(CalendarWithTimeWheelContext);
17
17
  return useMemo(
18
- () => /* @__PURE__ */ jsx(StyledIconTriggerButton, {
19
- "aria-label": `date time picker context menu trigger, ${ariaCurrentValueForInputs}`,
20
- buttonType: "icon",
21
- type: "button",
22
- size: BUTTON_SIZES.M,
23
- innerRef: handleSetTriggerRef,
24
- onClick: handleToggleCalendarWithTimeWheel,
25
- onKeyDown: handlePickerIconKeyDown,
26
- "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL,
27
- disabled,
28
- children: /* @__PURE__ */ jsx(DatePicker, {})
29
- }),
18
+ () => /* @__PURE__ */ jsx(
19
+ StyledIconTriggerButton,
20
+ {
21
+ "aria-label": `date time picker context menu trigger, ${ariaCurrentValueForInputs}`,
22
+ buttonType: "icon",
23
+ type: "button",
24
+ size: BUTTON_SIZES.M,
25
+ innerRef: handleSetTriggerRef,
26
+ onClick: handleToggleCalendarWithTimeWheel,
27
+ onKeyDown: handlePickerIconKeyDown,
28
+ "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL,
29
+ disabled,
30
+ children: /* @__PURE__ */ jsx(DatePicker, {})
31
+ }
32
+ ),
30
33
  [
31
34
  ariaCurrentValueForInputs,
32
35
  disabled,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA,YAAY,WAAW;AC+Bf;AA/BR,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AACxC,SAAS,0CAA0C;AAK5C,MAAM,mCAAmC,MAAmB;AACjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,4BAA4B;AAC3C,SAAO;AAAA,IACL,MACE,oBAAC;AAAA,MACC,cAAY,0CAA0C;AAAA,MACtD,YAAW;AAAA,MACX,MAAK;AAAA,MACL,MAAM,aAAa;AAAA,MACnB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,eAAa,mCAAmC,aAAa;AAAA,MAC7D;AAAA,MAEA,8BAAC,cAAW;AAAA,KACd;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
5
+ "mappings": "AAAA,YAAY,WAAW;AC+Bf;AA/BR,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AACxC,SAAS,0CAA0C;AAK5C,MAAM,mCAAmC,MAAmB;AACjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,4BAA4B;AAC3C,SAAO;AAAA,IACL,MACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY,0CAA0C;AAAA,QACtD,YAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAM,aAAa;AAAA,QACnB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,QACX,eAAa,mCAAmC,aAAa;AAAA,QAC7D;AAAA,QAEA,8BAAC,cAAW;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
  }
@@ -9,14 +9,17 @@ const CalendarWithTimeWheelWrapper = () => {
9
9
  const { referenceElement, closeCalendar, isControllerOnly } = useContext(CalendarWithTimeWheelContext);
10
10
  if (isControllerOnly)
11
11
  return /* @__PURE__ */ jsx(CalendarWithTimeWheelContent, {});
12
- return /* @__PURE__ */ jsx(DSPopperJS, {
13
- showPopover: true,
14
- "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL,
15
- referenceElement,
16
- withoutArrow: true,
17
- onClickOutside: closeCalendar,
18
- children: /* @__PURE__ */ jsx(CalendarWithTimeWheelContent, {})
19
- });
12
+ return /* @__PURE__ */ jsx(
13
+ DSPopperJS,
14
+ {
15
+ showPopover: true,
16
+ "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL,
17
+ referenceElement,
18
+ withoutArrow: true,
19
+ onClickOutside: closeCalendar,
20
+ children: /* @__PURE__ */ jsx(CalendarWithTimeWheelContent, {})
21
+ }
22
+ );
20
23
  };
21
24
  export {
22
25
  CalendarWithTimeWheelWrapper
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACQQ;AAR/B,SAAgB,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,0CAA0C;AACnD,SAAS,oCAAoC;AAC7C,SAAS,oCAAoC;AAEtC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,kBAAkB,eAAe,iBAAiB,IAAI,WAAW,4BAA4B;AACrG,MAAI;AAAkB,WAAO,oBAAC,gCAA6B;AAE3D,SACE,oBAAC;AAAA,IACC,aAAW;AAAA,IACX,eAAa,mCAAmC,gBAAgB;AAAA,IAChE;AAAA,IACA,cAAY;AAAA,IACZ,gBAAgB;AAAA,IAEhB,8BAAC,gCAA6B;AAAA,GAChC;AAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACQQ;AAR/B,SAAgB,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,0CAA0C;AACnD,SAAS,oCAAoC;AAC7C,SAAS,oCAAoC;AAEtC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,kBAAkB,eAAe,iBAAiB,IAAI,WAAW,4BAA4B;AACrG,MAAI;AAAkB,WAAO,oBAAC,gCAA6B;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,eAAa,mCAAmC,gBAAgB;AAAA,MAChE;AAAA,MACA,cAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,8BAAC,gCAA6B;AAAA;AAAA,EAChC;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -14,15 +14,11 @@ const PickersIcons = () => {
14
14
  isControllerOnly,
15
15
  props: { hasError }
16
16
  } = React2.useContext(ControlledDateTimePickerContext);
17
- return /* @__PURE__ */ jsxs(StyledPickersIconsWrapperGrid, {
18
- hasError,
19
- isControllerOnly,
20
- children: [
21
- !hideDatePicker && hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ jsx(Calendar, {}) : null,
22
- hideDatePicker && !hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ jsx(TimeWheel, {}) : null,
23
- hideDatePicker && hideTimePicker && !hideDateTimePicker ? /* @__PURE__ */ jsx(CalendarWithTimeWheel, {}) : null
24
- ]
25
- });
17
+ return /* @__PURE__ */ jsxs(StyledPickersIconsWrapperGrid, { hasError, isControllerOnly, children: [
18
+ !hideDatePicker && hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ jsx(Calendar, {}) : null,
19
+ hideDatePicker && !hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ jsx(TimeWheel, {}) : null,
20
+ hideDatePicker && hideTimePicker && !hideDateTimePicker ? /* @__PURE__ */ jsx(CalendarWithTimeWheel, {}) : null
21
+ ] });
26
22
  };
27
23
  export {
28
24
  PickersIcons
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Pickers/PickersIcons.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACiBnB,SAC6D,KAD7D;AAjBJ,OAAOA,YAAW;AAClB,SAAS,uCAAuC;AAChD,SAAS,qCAAqC;AAC9C,SAAS,6BAA6B;AACtC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAEnB,MAAM,eAAe,MAAmB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,IAAIA,OAAM,WAAW,+BAA+B;AAEpD,SACE,qBAAC;AAAA,IAA8B;AAAA,IAAoB;AAAA,IAChD;AAAA,OAAC,kBAAkB,kBAAkB,qBAAqB,oBAAC,YAAS,IAAK;AAAA,MACzE,kBAAkB,CAAC,kBAAkB,qBAAqB,oBAAC,aAAU,IAAK;AAAA,MAC1E,kBAAkB,kBAAkB,CAAC,qBAAqB,oBAAC,yBAAsB,IAAK;AAAA;AAAA,GACzF;AAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACiBnB,SAC6D,KAD7D;AAjBJ,OAAOA,YAAW;AAClB,SAAS,uCAAuC;AAChD,SAAS,qCAAqC;AAC9C,SAAS,6BAA6B;AACtC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAEnB,MAAM,eAAe,MAAmB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,IAAIA,OAAM,WAAW,+BAA+B;AAEpD,SACE,qBAAC,iCAA8B,UAAoB,kBAChD;AAAA,KAAC,kBAAkB,kBAAkB,qBAAqB,oBAAC,YAAS,IAAK;AAAA,IACzE,kBAAkB,CAAC,kBAAkB,qBAAqB,oBAAC,aAAU,IAAK;AAAA,IAC1E,kBAAkB,kBAAkB,CAAC,qBAAqB,oBAAC,yBAAsB,IAAK;AAAA,KACzF;AAEJ;",
6
6
  "names": ["React"]
7
7
  }
@@ -38,81 +38,77 @@ const HoursList = () => {
38
38
  },
39
39
  [currFocusDescriber, latestInteractionRegion, currHourBtnRef]
40
40
  );
41
- return /* @__PURE__ */ jsxs(StyledWheelList, {
42
- children: [
43
- /* @__PURE__ */ jsx(StyledWheelListItem, {
44
- children: /* @__PURE__ */ jsx(StyledWheelChangeTimeBtn, {
45
- "aria-label": "subtract one hour",
41
+ return /* @__PURE__ */ jsxs(StyledWheelList, { children: [
42
+ /* @__PURE__ */ jsx(StyledWheelListItem, { children: /* @__PURE__ */ jsx(
43
+ StyledWheelChangeTimeBtn,
44
+ {
45
+ "aria-label": "subtract one hour",
46
+ buttonType: "raw",
47
+ size: "m",
48
+ onClick: handlePrevHour,
49
+ innerRef: prevHourBtnRef,
50
+ "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
51
+ tabIndex: -1,
52
+ type: "button",
53
+ children: /* @__PURE__ */ jsx(ChevronSmallUp, { color: ["brand-primary", "700"] })
54
+ }
55
+ ) }),
56
+ visibleHours.map((hourString) => {
57
+ const key = `timewheel-hour-${hourString || ""}`;
58
+ if (!hourString)
59
+ return /* @__PURE__ */ jsx(StyledWheelListItem, {}, key);
60
+ const currHourTimeString = `${hourString}:${currMinuteNum} ${currMeridiem}`;
61
+ const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;
62
+ const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;
63
+ const isDisabled = getIsDisabledTime(currHourTimeString);
64
+ const tabIndex = isCurrentListItem ? 0 : -1;
65
+ const btnProps = {
66
+ onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : void 0,
67
+ innerRef: isCurrentListItem ? handleCurrYearRef : void 0
68
+ };
69
+ const styleProps = {
70
+ isCurrentListItem,
71
+ isDisabled
72
+ };
73
+ return /* @__PURE__ */ jsx(StyledWheelListItem, { isCurrentListItem, children: /* @__PURE__ */ jsx(
74
+ StyledTimeBtn,
75
+ {
76
+ ...styleProps,
77
+ autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
78
+ "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_HOUR" : "HOUR"],
79
+ selected: hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum,
80
+ "aria-label": `${hourString} hours`,
81
+ "aria-disabled": isDisabled,
46
82
  buttonType: "raw",
47
83
  size: "m",
48
- onClick: handlePrevHour,
49
- innerRef: prevHourBtnRef,
50
- "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
51
- tabIndex: -1,
84
+ onClick: (e) => handleTimeWheelBtnChangeHours(hourString, e),
85
+ tabIndex,
86
+ role: "spinbutton",
87
+ "aria-valuemax": 12,
88
+ "aria-valuemin": 1,
89
+ "aria-valuenow": currHourNum,
90
+ "aria-valuetext": `${hourString} hours`,
52
91
  type: "button",
53
- children: /* @__PURE__ */ jsx(ChevronSmallUp, {
54
- color: ["brand-primary", "700"]
55
- })
56
- })
57
- }),
58
- visibleHours.map((hourString) => {
59
- const key = `timewheel-hour-${hourString || ""}`;
60
- if (!hourString)
61
- return /* @__PURE__ */ jsx(StyledWheelListItem, {}, key);
62
- const currHourTimeString = `${hourString}:${currMinuteNum} ${currMeridiem}`;
63
- const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;
64
- const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;
65
- const isDisabled = getIsDisabledTime(currHourTimeString);
66
- const tabIndex = isCurrentListItem ? 0 : -1;
67
- const btnProps = {
68
- onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : void 0,
69
- innerRef: isCurrentListItem ? handleCurrYearRef : void 0
70
- };
71
- const styleProps = {
72
- isCurrentListItem,
73
- isDisabled
74
- };
75
- return /* @__PURE__ */ jsx(StyledWheelListItem, {
76
- isCurrentListItem,
77
- children: /* @__PURE__ */ jsx(StyledTimeBtn, {
78
- ...styleProps,
79
- autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
80
- "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_HOUR" : "HOUR"],
81
- selected: hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum,
82
- "aria-label": `${hourString} hours`,
83
- "aria-disabled": isDisabled,
84
- buttonType: "raw",
85
- size: "m",
86
- onClick: (e) => handleTimeWheelBtnChangeHours(hourString, e),
87
- tabIndex,
88
- role: "spinbutton",
89
- "aria-valuemax": 12,
90
- "aria-valuemin": 1,
91
- "aria-valuenow": currHourNum,
92
- "aria-valuetext": `${hourString} hours`,
93
- type: "button",
94
- ...btnProps,
95
- children: hourString
96
- })
97
- }, key);
98
- }),
99
- /* @__PURE__ */ jsx(StyledWheelListItem, {
100
- children: /* @__PURE__ */ jsx(StyledWheelChangeTimeBtn, {
101
- "aria-label": "add one hour",
102
- buttonType: "raw",
103
- size: "m",
104
- onClick: handleNextHour,
105
- innerRef: nextHourBtnRef,
106
- tabIndex: -1,
107
- "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR,
108
- type: "button",
109
- children: /* @__PURE__ */ jsx(ChevronSmallDown, {
110
- color: ["brand-primary", "700"]
111
- })
112
- })
113
- })
114
- ]
115
- });
92
+ ...btnProps,
93
+ children: hourString
94
+ }
95
+ ) }, key);
96
+ }),
97
+ /* @__PURE__ */ jsx(StyledWheelListItem, { children: /* @__PURE__ */ jsx(
98
+ StyledWheelChangeTimeBtn,
99
+ {
100
+ "aria-label": "add one hour",
101
+ buttonType: "raw",
102
+ size: "m",
103
+ onClick: handleNextHour,
104
+ innerRef: nextHourBtnRef,
105
+ tabIndex: -1,
106
+ "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR,
107
+ type: "button",
108
+ children: /* @__PURE__ */ jsx(ChevronSmallDown, { color: ["brand-primary", "700"] })
109
+ }
110
+ ) })
111
+ ] });
116
112
  };
117
113
  export {
118
114
  HoursList
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/HoursList.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -39,92 +39,88 @@ const MeridiemList = () => {
39
39
  },
40
40
  [currFocusDescriber, latestInteractionRegion, currMeridiemBtnRef]
41
41
  );
42
- return /* @__PURE__ */ jsxs(StyledWheelList, {
43
- children: [
44
- /* @__PURE__ */ jsx(StyledWheelListItem, {
45
- children: /* @__PURE__ */ jsx(StyledWheelChangeTimeBtn, {
46
- ...styledPropsPrevMeridiem,
47
- "aria-label": "set am meridiem",
48
- "aria-disabled": isDisabledAm,
49
- "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
50
- buttonType: "raw",
51
- size: "m",
52
- onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
53
- innerRef: prevMeridiemBtnRef,
54
- tabIndex: -1,
55
- type: "button",
56
- children: /* @__PURE__ */ jsx(ChevronSmallUp, {
57
- color: ["brand-primary", "700"]
58
- })
59
- })
60
- }),
61
- currMeridiem === "AM" || currMeridiem === "" ? /* @__PURE__ */ jsx(StyledWheelListItem, {}) : null,
62
- /* @__PURE__ */ jsx(StyledWheelListItem, {
63
- isCurrentListItem: isAmCurrent,
64
- children: /* @__PURE__ */ jsx(StyledTimeBtn, {
65
- ...styledPropsCurrentAmMeridiem,
66
- "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
67
- selected: currMeridiem === "AM",
68
- "aria-label": `AM ${isAmCurrent ? "selected" : ""}`,
69
- "aria-disabled": isDisabledAm,
70
- buttonType: "raw",
71
- size: "m",
72
- onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
73
- onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
74
- innerRef: isAmCurrent ? handleCurrMeridiemRef : void 0,
75
- tabIndex: isAmCurrent ? 0 : -1,
76
- role: "spinbutton",
77
- "aria-valuemax": 1,
78
- "aria-valuemin": 0,
79
- "aria-valuenow": isPmCurrent ? 1 : 0,
80
- "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
81
- type: "button",
82
- children: "AM"
83
- })
84
- }),
85
- /* @__PURE__ */ jsx(StyledWheelListItem, {
86
- isCurrentListItem: isPmCurrent,
87
- children: /* @__PURE__ */ jsx(StyledTimeBtn, {
88
- ...styledPropsCurrentPmMeridiem,
89
- "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
90
- selected: currMeridiem === "PM",
91
- "aria-label": `PM ${isPmCurrent ? "selected" : ""}`,
92
- "aria-disabled": isDisabledPm,
93
- buttonType: "raw",
94
- size: "m",
95
- onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
96
- onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
97
- innerRef: isPmCurrent ? handleCurrMeridiemRef : void 0,
98
- tabIndex: isPmCurrent ? 0 : -1,
99
- role: "spinbutton",
100
- "aria-valuemax": 1,
101
- "aria-valuemin": 0,
102
- "aria-valuenow": isPmCurrent ? 1 : 0,
103
- "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
104
- type: "button",
105
- children: "PM"
106
- })
107
- }),
108
- currMeridiem === "PM" ? /* @__PURE__ */ jsx(StyledWheelListItem, {}) : null,
109
- /* @__PURE__ */ jsx(StyledWheelListItem, {
110
- children: /* @__PURE__ */ jsx(StyledWheelChangeTimeBtn, {
111
- ...styledPropsNextMeridiem,
112
- "aria-label": "set pm meridiem",
113
- "aria-disabled": isDisabledPm,
114
- "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
115
- buttonType: "raw",
116
- size: "m",
117
- onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
118
- innerRef: nextMeridiemBtnRef,
119
- tabIndex: -1,
120
- type: "button",
121
- children: /* @__PURE__ */ jsx(ChevronSmallDown, {
122
- color: ["brand-primary", "700"]
123
- })
124
- })
125
- })
126
- ]
127
- });
42
+ return /* @__PURE__ */ jsxs(StyledWheelList, { children: [
43
+ /* @__PURE__ */ jsx(StyledWheelListItem, { children: /* @__PURE__ */ jsx(
44
+ StyledWheelChangeTimeBtn,
45
+ {
46
+ ...styledPropsPrevMeridiem,
47
+ "aria-label": "set am meridiem",
48
+ "aria-disabled": isDisabledAm,
49
+ "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
50
+ buttonType: "raw",
51
+ size: "m",
52
+ onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
53
+ innerRef: prevMeridiemBtnRef,
54
+ tabIndex: -1,
55
+ type: "button",
56
+ children: /* @__PURE__ */ jsx(ChevronSmallUp, { color: ["brand-primary", "700"] })
57
+ }
58
+ ) }),
59
+ currMeridiem === "AM" || currMeridiem === "" ? /* @__PURE__ */ jsx(StyledWheelListItem, {}) : null,
60
+ /* @__PURE__ */ jsx(StyledWheelListItem, { isCurrentListItem: isAmCurrent, children: /* @__PURE__ */ jsx(
61
+ StyledTimeBtn,
62
+ {
63
+ ...styledPropsCurrentAmMeridiem,
64
+ "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
65
+ selected: currMeridiem === "AM",
66
+ "aria-label": `AM ${isAmCurrent ? "selected" : ""}`,
67
+ "aria-disabled": isDisabledAm,
68
+ buttonType: "raw",
69
+ size: "m",
70
+ onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
71
+ onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
72
+ innerRef: isAmCurrent ? handleCurrMeridiemRef : void 0,
73
+ tabIndex: isAmCurrent ? 0 : -1,
74
+ role: "spinbutton",
75
+ "aria-valuemax": 1,
76
+ "aria-valuemin": 0,
77
+ "aria-valuenow": isPmCurrent ? 1 : 0,
78
+ "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
79
+ type: "button",
80
+ children: "AM"
81
+ }
82
+ ) }),
83
+ /* @__PURE__ */ jsx(StyledWheelListItem, { isCurrentListItem: isPmCurrent, children: /* @__PURE__ */ jsx(
84
+ StyledTimeBtn,
85
+ {
86
+ ...styledPropsCurrentPmMeridiem,
87
+ "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
88
+ selected: currMeridiem === "PM",
89
+ "aria-label": `PM ${isPmCurrent ? "selected" : ""}`,
90
+ "aria-disabled": isDisabledPm,
91
+ buttonType: "raw",
92
+ size: "m",
93
+ onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
94
+ onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
95
+ innerRef: isPmCurrent ? handleCurrMeridiemRef : void 0,
96
+ tabIndex: isPmCurrent ? 0 : -1,
97
+ role: "spinbutton",
98
+ "aria-valuemax": 1,
99
+ "aria-valuemin": 0,
100
+ "aria-valuenow": isPmCurrent ? 1 : 0,
101
+ "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
102
+ type: "button",
103
+ children: "PM"
104
+ }
105
+ ) }),
106
+ currMeridiem === "PM" ? /* @__PURE__ */ jsx(StyledWheelListItem, {}) : null,
107
+ /* @__PURE__ */ jsx(StyledWheelListItem, { children: /* @__PURE__ */ jsx(
108
+ StyledWheelChangeTimeBtn,
109
+ {
110
+ ...styledPropsNextMeridiem,
111
+ "aria-label": "set pm meridiem",
112
+ "aria-disabled": isDisabledPm,
113
+ "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
114
+ buttonType: "raw",
115
+ size: "m",
116
+ onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
117
+ innerRef: nextMeridiemBtnRef,
118
+ tabIndex: -1,
119
+ type: "button",
120
+ children: /* @__PURE__ */ jsx(ChevronSmallDown, { color: ["brand-primary", "700"] })
121
+ }
122
+ ) })
123
+ ] });
128
124
  };
129
125
  var MeridiemList_default = MeridiemList;
130
126
  export {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/MeridiemList.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MeridiemList = (): JSX.Element => {\n const { currMeridiem, handleTimeWheelBtnChangeMeridiem, handleCurrMeridiemOnKeyDown } = useContext(TimeWheelContext);\n const {\n prevMeridiemBtnRef,\n currMeridiemBtnRef,\n nextMeridiemBtnRef,\n getIsDisabledTime,\n hours,\n minutes,\n latestInteractionRegion,\n currFocusDescriber,\n } = useContext(ControlledDateTimePickerContext);\n const isAmCurrent = !currMeridiem || currMeridiem === 'AM';\n const isPmCurrent = currMeridiem === 'PM';\n const hourMinuteString = `${hours || '01'}:${minutes || '00'}`;\n const amTimeString = `${hourMinuteString} AM`;\n const pmTimeString = `${hourMinuteString} PM`;\n const isDisabledAm = getIsDisabledTime(amTimeString);\n const isDisabledPm = getIsDisabledTime(pmTimeString);\n const styledPropsPrevMeridiem = { isDisabled: isDisabledAm };\n const styledPropsCurrentAmMeridiem = { isCurrentListItem: isAmCurrent, isDisabled: isDisabledAm };\n const styledPropsCurrentPmMeridiem = { isCurrentListItem: isPmCurrent, isDisabled: isDisabledPm };\n const styledPropsNextMeridiem = { isDisabled: isDisabledPm };\n const handleCurrMeridiemRef = useCallback(\n (ButtonDomNode: HTMLButtonElement) => {\n setTimeout(() => {\n currMeridiemBtnRef.current = ButtonDomNode;\n if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-meridiem')\n ButtonDomNode?.focus?.();\n });\n },\n [currFocusDescriber, latestInteractionRegion, currMeridiemBtnRef],\n );\n return (\n <StyledWheelList>\n <StyledWheelListItem>\n <StyledWheelChangeTimeBtn\n {...styledPropsPrevMeridiem}\n aria-label=\"set am meridiem\"\n aria-disabled={isDisabledAm}\n data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM}\n buttonType=\"raw\"\n size=\"m\"\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n innerRef={prevMeridiemBtnRef}\n tabIndex={-1}\n type=\"button\"\n >\n <ChevronSmallUp color={['brand-primary', '700']} />\n </StyledWheelChangeTimeBtn>\n </StyledWheelListItem>\n {currMeridiem === 'AM' || currMeridiem === '' ? <StyledWheelListItem /> : null}\n <StyledWheelListItem isCurrentListItem={isAmCurrent}>\n <StyledTimeBtn\n {...styledPropsCurrentAmMeridiem}\n data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n selected={currMeridiem === 'AM'}\n aria-label={`AM ${isAmCurrent ? 'selected' : ''}`}\n aria-disabled={isDisabledAm}\n buttonType=\"raw\"\n size=\"m\"\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n onKeyDown={isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n innerRef={isAmCurrent ? handleCurrMeridiemRef : undefined}\n tabIndex={isAmCurrent ? 0 : -1}\n role=\"spinbutton\"\n aria-valuemax={1}\n aria-valuemin={0}\n aria-valuenow={isPmCurrent ? 1 : 0}\n aria-valuetext={isAmCurrent ? 'ante meridiem' : 'post meridiem'}\n type=\"button\"\n >\n AM\n </StyledTimeBtn>\n </StyledWheelListItem>\n <StyledWheelListItem isCurrentListItem={isPmCurrent}>\n <StyledTimeBtn\n {...styledPropsCurrentPmMeridiem}\n data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n selected={currMeridiem === 'PM'}\n aria-label={`PM ${isPmCurrent ? 'selected' : ''}`}\n aria-disabled={isDisabledPm}\n buttonType=\"raw\"\n size=\"m\"\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n onKeyDown={isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n innerRef={isPmCurrent ? handleCurrMeridiemRef : undefined}\n tabIndex={isPmCurrent ? 0 : -1}\n role=\"spinbutton\"\n aria-valuemax={1}\n aria-valuemin={0}\n aria-valuenow={isPmCurrent ? 1 : 0}\n aria-valuetext={isAmCurrent ? 'ante meridiem' : 'post meridiem'}\n type=\"button\"\n >\n PM\n </StyledTimeBtn>\n </StyledWheelListItem>\n {currMeridiem === 'PM' ? <StyledWheelListItem /> : null}\n <StyledWheelListItem>\n <StyledWheelChangeTimeBtn\n {...styledPropsNextMeridiem}\n aria-label=\"set pm meridiem\"\n aria-disabled={isDisabledPm}\n data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM}\n buttonType=\"raw\"\n size=\"m\"\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n innerRef={nextMeridiemBtnRef}\n tabIndex={-1}\n type=\"button\"\n >\n <ChevronSmallDown color={['brand-primary', '700']} />\n </StyledWheelChangeTimeBtn>\n </StyledWheelListItem>\n </StyledWheelList>\n );\n};\n\nexport default MeridiemList;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;AC0CnB,SAcM,KAdN;AAzCJ,SAAgB,YAAY,mBAAmB;AAC/C,SAAS,gBAAgB,wBAAwB;AACjD,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,iBAAiB,qBAAqB,eAAe,gCAAgC;AAC9F,SAAS,wBAAwB;AAE1B,MAAM,eAAe,MAAmB;AAC7C,QAAM,EAAE,cAAc,kCAAkC,4BAA4B,IAAI,WAAW,gBAAgB;AACnH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,+BAA+B;AAC9C,QAAM,cAAc,CAAC,gBAAgB,iBAAiB;AACtD,QAAM,cAAc,iBAAiB;AACrC,QAAM,mBAAmB,GAAG,SAAS,QAAQ,WAAW;AACxD,QAAM,eAAe,GAAG;AACxB,QAAM,eAAe,GAAG;AACxB,QAAM,eAAe,kBAAkB,YAAY;AACnD,QAAM,eAAe,kBAAkB,YAAY;AACnD,QAAM,0BAA0B,EAAE,YAAY,aAAa;AAC3D,QAAM,+BAA+B,EAAE,mBAAmB,aAAa,YAAY,aAAa;AAChG,QAAM,+BAA+B,EAAE,mBAAmB,aAAa,YAAY,aAAa;AAChG,QAAM,0BAA0B,EAAE,YAAY,aAAa;AAC3D,QAAM,wBAAwB;AAAA,IAC5B,CAAC,kBAAqC;AACpC,iBAAW,MAAM;AACf,2BAAmB,UAAU;AAC7B,YAAI,4BAA4B,eAAe,uBAAuB;AACpE,yBAAe,QAAQ;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,IACA,CAAC,oBAAoB,yBAAyB,kBAAkB;AAAA,EAClE;AACA,SACE,qBAAC;AAAA,IACC;AAAA,0BAAC;AAAA,QACC,8BAAC;AAAA,UACE,GAAG;AAAA,UACJ,cAAW;AAAA,UACX,iBAAe;AAAA,UACf,eAAa,mCAAmC,UAAU;AAAA,UAC1D,YAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAS,CAAC,MAA2C,iCAAiC,MAAM,CAAC;AAAA,UAC7F,UAAU;AAAA,UACV,UAAU;AAAA,UACV,MAAK;AAAA,UAEL,8BAAC;AAAA,YAAe,OAAO,CAAC,iBAAiB,KAAK;AAAA,WAAG;AAAA,SACnD;AAAA,OACF;AAAA,MACC,iBAAiB,QAAQ,iBAAiB,KAAK,oBAAC,uBAAoB,IAAK;AAAA,MAC1E,oBAAC;AAAA,QAAoB,mBAAmB;AAAA,QACtC,8BAAC;AAAA,UACE,GAAG;AAAA,UACJ,eAAa,mCAAmC,UAAU,cAAc,qBAAqB;AAAA,UAC7F,UAAU,iBAAiB;AAAA,UAC3B,cAAY,MAAM,cAAc,aAAa;AAAA,UAC7C,iBAAe;AAAA,UACf,YAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAS,CAAC,MAA2C,iCAAiC,MAAM,CAAC;AAAA,UAC7F,WAAW,cAAc,8BAA8B;AAAA,UACvD,UAAU,cAAc,wBAAwB;AAAA,UAChD,UAAU,cAAc,IAAI;AAAA,UAC5B,MAAK;AAAA,UACL,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAe,cAAc,IAAI;AAAA,UACjC,kBAAgB,cAAc,kBAAkB;AAAA,UAChD,MAAK;AAAA,UACN;AAAA,SAED;AAAA,OACF;AAAA,MACA,oBAAC;AAAA,QAAoB,mBAAmB;AAAA,QACtC,8BAAC;AAAA,UACE,GAAG;AAAA,UACJ,eAAa,mCAAmC,UAAU,cAAc,qBAAqB;AAAA,UAC7F,UAAU,iBAAiB;AAAA,UAC3B,cAAY,MAAM,cAAc,aAAa;AAAA,UAC7C,iBAAe;AAAA,UACf,YAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAS,CAAC,MAA2C,iCAAiC,MAAM,CAAC;AAAA,UAC7F,WAAW,cAAc,8BAA8B;AAAA,UACvD,UAAU,cAAc,wBAAwB;AAAA,UAChD,UAAU,cAAc,IAAI;AAAA,UAC5B,MAAK;AAAA,UACL,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAe,cAAc,IAAI;AAAA,UACjC,kBAAgB,cAAc,kBAAkB;AAAA,UAChD,MAAK;AAAA,UACN;AAAA,SAED;AAAA,OACF;AAAA,MACC,iBAAiB,OAAO,oBAAC,uBAAoB,IAAK;AAAA,MACnD,oBAAC;AAAA,QACC,8BAAC;AAAA,UACE,GAAG;AAAA,UACJ,cAAW;AAAA,UACX,iBAAe;AAAA,UACf,eAAa,mCAAmC,UAAU;AAAA,UAC1D,YAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAS,CAAC,MAA2C,iCAAiC,MAAM,CAAC;AAAA,UAC7F,UAAU;AAAA,UACV,UAAU;AAAA,UACV,MAAK;AAAA,UAEL,8BAAC;AAAA,YAAiB,OAAO,CAAC,iBAAiB,KAAK;AAAA,WAAG;AAAA,SACrD;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,IAAO,uBAAQ;",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }