@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
@@ -69,92 +69,88 @@ const MeridiemList = () => {
69
69
  },
70
70
  [currFocusDescriber, latestInteractionRegion, currMeridiemBtnRef]
71
71
  );
72
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledWheelList, {
73
- children: [
74
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {
75
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelChangeTimeBtn, {
76
- ...styledPropsPrevMeridiem,
77
- "aria-label": "set am meridiem",
78
- "aria-disabled": isDisabledAm,
79
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
80
- buttonType: "raw",
81
- size: "m",
82
- onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
83
- innerRef: prevMeridiemBtnRef,
84
- tabIndex: -1,
85
- type: "button",
86
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallUp, {
87
- color: ["brand-primary", "700"]
88
- })
89
- })
90
- }),
91
- currMeridiem === "AM" || currMeridiem === "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {}) : null,
92
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {
93
- isCurrentListItem: isAmCurrent,
94
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledTimeBtn, {
95
- ...styledPropsCurrentAmMeridiem,
96
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
97
- selected: currMeridiem === "AM",
98
- "aria-label": `AM ${isAmCurrent ? "selected" : ""}`,
99
- "aria-disabled": isDisabledAm,
100
- buttonType: "raw",
101
- size: "m",
102
- onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
103
- onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
104
- innerRef: isAmCurrent ? handleCurrMeridiemRef : void 0,
105
- tabIndex: isAmCurrent ? 0 : -1,
106
- role: "spinbutton",
107
- "aria-valuemax": 1,
108
- "aria-valuemin": 0,
109
- "aria-valuenow": isPmCurrent ? 1 : 0,
110
- "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
111
- type: "button",
112
- children: "AM"
113
- })
114
- }),
115
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {
116
- isCurrentListItem: isPmCurrent,
117
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledTimeBtn, {
118
- ...styledPropsCurrentPmMeridiem,
119
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
120
- selected: currMeridiem === "PM",
121
- "aria-label": `PM ${isPmCurrent ? "selected" : ""}`,
122
- "aria-disabled": isDisabledPm,
123
- buttonType: "raw",
124
- size: "m",
125
- onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
126
- onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
127
- innerRef: isPmCurrent ? handleCurrMeridiemRef : void 0,
128
- tabIndex: isPmCurrent ? 0 : -1,
129
- role: "spinbutton",
130
- "aria-valuemax": 1,
131
- "aria-valuemin": 0,
132
- "aria-valuenow": isPmCurrent ? 1 : 0,
133
- "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
134
- type: "button",
135
- children: "PM"
136
- })
137
- }),
138
- currMeridiem === "PM" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {}) : null,
139
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {
140
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelChangeTimeBtn, {
141
- ...styledPropsNextMeridiem,
142
- "aria-label": "set pm meridiem",
143
- "aria-disabled": isDisabledPm,
144
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
145
- buttonType: "raw",
146
- size: "m",
147
- onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
148
- innerRef: nextMeridiemBtnRef,
149
- tabIndex: -1,
150
- type: "button",
151
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, {
152
- color: ["brand-primary", "700"]
153
- })
154
- })
155
- })
156
- ]
157
- });
72
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledWheelList, { children: [
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
74
+ import_Styleds.StyledWheelChangeTimeBtn,
75
+ {
76
+ ...styledPropsPrevMeridiem,
77
+ "aria-label": "set am meridiem",
78
+ "aria-disabled": isDisabledAm,
79
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
80
+ buttonType: "raw",
81
+ size: "m",
82
+ onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
83
+ innerRef: prevMeridiemBtnRef,
84
+ tabIndex: -1,
85
+ type: "button",
86
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallUp, { color: ["brand-primary", "700"] })
87
+ }
88
+ ) }),
89
+ currMeridiem === "AM" || currMeridiem === "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {}) : null,
90
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, { isCurrentListItem: isAmCurrent, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
91
+ import_Styleds.StyledTimeBtn,
92
+ {
93
+ ...styledPropsCurrentAmMeridiem,
94
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
95
+ selected: currMeridiem === "AM",
96
+ "aria-label": `AM ${isAmCurrent ? "selected" : ""}`,
97
+ "aria-disabled": isDisabledAm,
98
+ buttonType: "raw",
99
+ size: "m",
100
+ onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
101
+ onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
102
+ innerRef: isAmCurrent ? handleCurrMeridiemRef : void 0,
103
+ tabIndex: isAmCurrent ? 0 : -1,
104
+ role: "spinbutton",
105
+ "aria-valuemax": 1,
106
+ "aria-valuemin": 0,
107
+ "aria-valuenow": isPmCurrent ? 1 : 0,
108
+ "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
109
+ type: "button",
110
+ children: "AM"
111
+ }
112
+ ) }),
113
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, { isCurrentListItem: isPmCurrent, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
114
+ import_Styleds.StyledTimeBtn,
115
+ {
116
+ ...styledPropsCurrentPmMeridiem,
117
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
118
+ selected: currMeridiem === "PM",
119
+ "aria-label": `PM ${isPmCurrent ? "selected" : ""}`,
120
+ "aria-disabled": isDisabledPm,
121
+ buttonType: "raw",
122
+ size: "m",
123
+ onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
124
+ onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : void 0,
125
+ innerRef: isPmCurrent ? handleCurrMeridiemRef : void 0,
126
+ tabIndex: isPmCurrent ? 0 : -1,
127
+ role: "spinbutton",
128
+ "aria-valuemax": 1,
129
+ "aria-valuemin": 0,
130
+ "aria-valuenow": isPmCurrent ? 1 : 0,
131
+ "aria-valuetext": isAmCurrent ? "ante meridiem" : "post meridiem",
132
+ type: "button",
133
+ children: "PM"
134
+ }
135
+ ) }),
136
+ currMeridiem === "PM" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {}) : null,
137
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
138
+ import_Styleds.StyledWheelChangeTimeBtn,
139
+ {
140
+ ...styledPropsNextMeridiem,
141
+ "aria-label": "set pm meridiem",
142
+ "aria-disabled": isDisabledPm,
143
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
144
+ buttonType: "raw",
145
+ size: "m",
146
+ onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
147
+ innerRef: nextMeridiemBtnRef,
148
+ tabIndex: -1,
149
+ type: "button",
150
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, { color: ["brand-primary", "700"] })
151
+ }
152
+ ) })
153
+ ] });
158
154
  };
159
155
  var MeridiemList_default = MeridiemList;
160
156
  //# sourceMappingURL=MeridiemList.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/TimeWheel/MeridiemList.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 { 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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0CnB;AAzCJ,mBAA+C;AAC/C,sBAAiD;AACjD,gDAAmD;AACnD,yCAAgD;AAChD,qBAA8F;AAC9F,8BAAiC;AAE1B,MAAM,eAAe,MAAmB;AAC7C,QAAM,EAAE,cAAc,kCAAkC,4BAA4B,QAAI,yBAAW,wCAAgB;AACnH,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,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,4BAAwB;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,6CAAC,kCACC;AAAA,gDAAC,sCACC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,cAAW;AAAA,QACX,iBAAe;AAAA,QACf,eAAa,6EAAmC,UAAU;AAAA,QAC1D,YAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS,CAAC,MAA2C,iCAAiC,MAAM,CAAC;AAAA,QAC7F,UAAU;AAAA,QACV,UAAU;AAAA,QACV,MAAK;AAAA,QAEL,sDAAC,kCAAe,OAAO,CAAC,iBAAiB,KAAK,GAAG;AAAA;AAAA,IACnD,GACF;AAAA,IACC,iBAAiB,QAAQ,iBAAiB,KAAK,4CAAC,sCAAoB,IAAK;AAAA,IAC1E,4CAAC,sCAAoB,mBAAmB,aACtC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,eAAa,6EAAmC,UAAU,cAAc,qBAAqB;AAAA,QAC7F,UAAU,iBAAiB;AAAA,QAC3B,cAAY,MAAM,cAAc,aAAa;AAAA,QAC7C,iBAAe;AAAA,QACf,YAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS,CAAC,MAA2C,iCAAiC,MAAM,CAAC;AAAA,QAC7F,WAAW,cAAc,8BAA8B;AAAA,QACvD,UAAU,cAAc,wBAAwB;AAAA,QAChD,UAAU,cAAc,IAAI;AAAA,QAC5B,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,cAAc,IAAI;AAAA,QACjC,kBAAgB,cAAc,kBAAkB;AAAA,QAChD,MAAK;AAAA,QACN;AAAA;AAAA,IAED,GACF;AAAA,IACA,4CAAC,sCAAoB,mBAAmB,aACtC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,eAAa,6EAAmC,UAAU,cAAc,qBAAqB;AAAA,QAC7F,UAAU,iBAAiB;AAAA,QAC3B,cAAY,MAAM,cAAc,aAAa;AAAA,QAC7C,iBAAe;AAAA,QACf,YAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS,CAAC,MAA2C,iCAAiC,MAAM,CAAC;AAAA,QAC7F,WAAW,cAAc,8BAA8B;AAAA,QACvD,UAAU,cAAc,wBAAwB;AAAA,QAChD,UAAU,cAAc,IAAI;AAAA,QAC5B,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,cAAc,IAAI;AAAA,QACjC,kBAAgB,cAAc,kBAAkB;AAAA,QAChD,MAAK;AAAA,QACN;AAAA;AAAA,IAED,GACF;AAAA,IACC,iBAAiB,OAAO,4CAAC,sCAAoB,IAAK;AAAA,IACnD,4CAAC,sCACC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,cAAW;AAAA,QACX,iBAAe;AAAA,QACf,eAAa,6EAAmC,UAAU;AAAA,QAC1D,YAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS,CAAC,MAA2C,iCAAiC,MAAM,CAAC;AAAA,QAC7F,UAAU;AAAA,QACV,UAAU;AAAA,QACV,MAAK;AAAA,QAEL,sDAAC,oCAAiB,OAAO,CAAC,iBAAiB,KAAK,GAAG;AAAA;AAAA,IACrD,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;",
6
6
  "names": []
7
7
  }
@@ -67,78 +67,81 @@ const MinutesList = () => {
67
67
  },
68
68
  [currFocusDescriber, latestInteractionRegion, currMinutesBtnRef]
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 minute",
75
- buttonType: "raw",
76
- size: "m",
77
- onClick: handlePrevMinute,
78
- innerRef: prevMinutesBtnRef,
79
- tabIndex: -1,
80
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE,
81
- type: "button",
82
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallUp, {
83
- color: ["brand-primary", "700"]
84
- })
85
- })
86
- }),
87
- visibleMinutes.map((minutesString) => {
88
- const key = `timewheel-minutes-${minutesString || ""}`;
89
- if (!minutesString)
90
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {}, key);
91
- const currMinutesTimeString = `${currHourNum}:${minutesString} ${currMeridiem}`;
92
- const isEmptyCurrValueCurrentListItem = !minutes && (0, import_numberHelpers.convertToPositiveNumberIfPossible)(minutesString) === currMinuteNum;
93
- const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;
94
- const isDisabled = getIsDisabledTime(currMinutesTimeString);
95
- const tabIndex = isCurrentListItem ? 0 : -1;
96
- const btnProps = {
97
- onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : void 0,
98
- innerRef: isCurrentListItem ? handleCurrMeridiemRef : void 0
99
- };
100
- const styledProps = { isCurrentListItem, isDisabled };
101
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {
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 minute",
75
+ buttonType: "raw",
76
+ size: "m",
77
+ onClick: handlePrevMinute,
78
+ innerRef: prevMinutesBtnRef,
79
+ tabIndex: -1,
80
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE,
81
+ type: "button",
82
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallUp, { color: ["brand-primary", "700"] })
83
+ }
84
+ ) }),
85
+ visibleMinutes.map((minutesString) => {
86
+ const key = `timewheel-minutes-${minutesString || ""}`;
87
+ if (!minutesString)
88
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {}, key);
89
+ const currMinutesTimeString = `${currHourNum}:${minutesString} ${currMeridiem}`;
90
+ const isEmptyCurrValueCurrentListItem = !minutes && (0, import_numberHelpers.convertToPositiveNumberIfPossible)(minutesString) === currMinuteNum;
91
+ const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;
92
+ const isDisabled = getIsDisabledTime(currMinutesTimeString);
93
+ const tabIndex = isCurrentListItem ? 0 : -1;
94
+ const btnProps = {
95
+ onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : void 0,
96
+ innerRef: isCurrentListItem ? handleCurrMeridiemRef : void 0
97
+ };
98
+ const styledProps = { isCurrentListItem, isDisabled };
99
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
100
+ import_Styleds.StyledWheelListItem,
101
+ {
102
102
  isCurrentListItem,
103
103
  selected: (0, import_numberHelpers.convertToPositiveNumberIfPossible)(minutesString) === currMinuteNum,
104
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledTimeBtn, {
105
- ...styledProps,
106
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_MINUTE" : "MINUTE"],
107
- selected: minutes.length === 2 && (0, import_numberHelpers.convertToPositiveNumberIfPossible)(minutesString) === currMinuteNum,
108
- "aria-label": `${minutesString} minutes`,
109
- "aria-disabled": isDisabled,
110
- buttonType: "raw",
111
- size: "m",
112
- onClick: (e) => handleTimeWheelBtnChangeMinutes(minutesString, e),
113
- tabIndex,
114
- role: "spinbutton",
115
- "aria-valuemax": 59,
116
- "aria-valuemin": 0,
117
- "aria-valuenow": currMinuteNum,
118
- "aria-valuetext": `${minutesString} minutes`,
119
- type: "button",
120
- ...btnProps,
121
- children: minutesString
122
- })
123
- }, key);
124
- }),
125
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, {
126
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelChangeTimeBtn, {
127
- "aria-label": "add one minute",
128
- buttonType: "raw",
129
- size: "m",
130
- onClick: handleNextMinute,
131
- innerRef: nextMinutesBtnRef,
132
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE,
133
- tabIndex: -1,
134
- type: "button",
135
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, {
136
- color: ["brand-primary", "700"]
137
- })
138
- })
139
- })
140
- ]
141
- });
104
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
105
+ import_Styleds.StyledTimeBtn,
106
+ {
107
+ ...styledProps,
108
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_MINUTE" : "MINUTE"],
109
+ selected: minutes.length === 2 && (0, import_numberHelpers.convertToPositiveNumberIfPossible)(minutesString) === currMinuteNum,
110
+ "aria-label": `${minutesString} minutes`,
111
+ "aria-disabled": isDisabled,
112
+ buttonType: "raw",
113
+ size: "m",
114
+ onClick: (e) => handleTimeWheelBtnChangeMinutes(minutesString, e),
115
+ tabIndex,
116
+ role: "spinbutton",
117
+ "aria-valuemax": 59,
118
+ "aria-valuemin": 0,
119
+ "aria-valuenow": currMinuteNum,
120
+ "aria-valuetext": `${minutesString} minutes`,
121
+ type: "button",
122
+ ...btnProps,
123
+ children: minutesString
124
+ }
125
+ )
126
+ },
127
+ key
128
+ );
129
+ }),
130
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWheelListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
131
+ import_Styleds.StyledWheelChangeTimeBtn,
132
+ {
133
+ "aria-label": "add one minute",
134
+ buttonType: "raw",
135
+ size: "m",
136
+ onClick: handleNextMinute,
137
+ innerRef: nextMinutesBtnRef,
138
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE,
139
+ tabIndex: -1,
140
+ type: "button",
141
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, { color: ["brand-primary", "700"] })
142
+ }
143
+ ) })
144
+ ] });
142
145
  };
143
146
  var MinutesList_default = MinutesList;
144
147
  //# sourceMappingURL=MinutesList.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/TimeWheel/MinutesList.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 MinutesList = (): JSX.Element => {\n const {\n currHourNum,\n currMinuteNum,\n currMeridiem,\n visibleMinutes,\n handlePrevMinute,\n handleNextMinute,\n handleTimeWheelBtnChangeMinutes,\n handleCurrMinutesOnKeyDown,\n } = useContext(TimeWheelContext);\n const {\n prevMinutesBtnRef,\n currMinutesBtnRef,\n nextMinutesBtnRef,\n getIsDisabledTime,\n minutes,\n currFocusDescriber,\n latestInteractionRegion,\n } = useContext(ControlledDateTimePickerContext);\n const handleCurrMeridiemRef = useCallback(\n (ButtonDomNode: HTMLButtonElement) => {\n setTimeout(() => {\n currMinutesBtnRef.current = ButtonDomNode;\n if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-minute')\n ButtonDomNode?.focus?.();\n });\n },\n [currFocusDescriber, latestInteractionRegion, currMinutesBtnRef],\n );\n return (\n <StyledWheelList>\n <StyledWheelListItem>\n <StyledWheelChangeTimeBtn\n aria-label=\"subtract one minute\"\n buttonType=\"raw\"\n size=\"m\"\n onClick={handlePrevMinute}\n innerRef={prevMinutesBtnRef}\n tabIndex={-1}\n data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE}\n type=\"button\"\n >\n <ChevronSmallUp color={['brand-primary', '700']} />\n </StyledWheelChangeTimeBtn>\n </StyledWheelListItem>\n {visibleMinutes.map((minutesString) => {\n const key = `timewheel-minutes-${minutesString || ''}`;\n if (!minutesString) return <StyledWheelListItem key={key} />;\n const currMinutesTimeString = `${currHourNum}:${minutesString} ${currMeridiem}`;\n const isEmptyCurrValueCurrentListItem =\n !minutes && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;\n const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;\n const isDisabled = getIsDisabledTime(currMinutesTimeString);\n\n const tabIndex = isCurrentListItem ? 0 : -1;\n const btnProps = {\n onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : undefined,\n innerRef: isCurrentListItem ? handleCurrMeridiemRef : undefined,\n };\n const styledProps = { isCurrentListItem, isDisabled };\n return (\n <StyledWheelListItem\n key={key}\n isCurrentListItem={isCurrentListItem}\n selected={convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n >\n <StyledTimeBtn\n {...styledProps}\n data-testid={\n ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_MINUTE' : 'MINUTE']\n }\n selected={minutes.length === 2 && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n aria-label={`${minutesString} minutes`}\n aria-disabled={isDisabled}\n buttonType=\"raw\"\n size=\"m\"\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMinutes(minutesString, e)}\n tabIndex={tabIndex}\n role=\"spinbutton\"\n aria-valuemax={59}\n aria-valuemin={0}\n aria-valuenow={currMinuteNum}\n aria-valuetext={`${minutesString} minutes`}\n type=\"button\"\n {...btnProps}\n >\n {minutesString}\n </StyledTimeBtn>\n </StyledWheelListItem>\n );\n })}\n <StyledWheelListItem>\n <StyledWheelChangeTimeBtn\n aria-label=\"add one minute\"\n buttonType=\"raw\"\n size=\"m\"\n onClick={handleNextMinute}\n innerRef={nextMinutesBtnRef}\n data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE}\n tabIndex={-1}\n type=\"button\"\n >\n <ChevronSmallDown color={['brand-primary', '700']} />\n </StyledWheelChangeTimeBtn>\n </StyledWheelListItem>\n </StyledWheelList>\n );\n};\n\nexport default MinutesList;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCnB;AAvCJ,mBAA+C;AAC/C,sBAAiD;AACjD,gDAAmD;AACnD,yCAAgD;AAChD,2BAAkD;AAClD,qBAA8F;AAC9F,8BAAiC;AAE1B,MAAM,cAAc,MAAmB;AAC5C,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,EACF,QAAI,yBAAW,kEAA+B;AAC9C,QAAM,4BAAwB;AAAA,IAC5B,CAAC,kBAAqC;AACpC,iBAAW,MAAM;AACf,0BAAkB,UAAU;AAC5B,YAAI,4BAA4B,eAAe,uBAAuB;AACpE,yBAAe,QAAQ;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,IACA,CAAC,oBAAoB,yBAAyB,iBAAiB;AAAA,EACjE;AACA,SACE,6CAAC;AAAA,IACC;AAAA,kDAAC;AAAA,QACC,sDAAC;AAAA,UACC,cAAW;AAAA,UACX,YAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAS;AAAA,UACT,UAAU;AAAA,UACV,UAAU;AAAA,UACV,eAAa,6EAAmC,UAAU;AAAA,UAC1D,MAAK;AAAA,UAEL,sDAAC;AAAA,YAAe,OAAO,CAAC,iBAAiB,KAAK;AAAA,WAAG;AAAA,SACnD;AAAA,OACF;AAAA,MACC,eAAe,IAAI,CAAC,kBAAkB;AACrC,cAAM,MAAM,qBAAqB,iBAAiB;AAClD,YAAI,CAAC;AAAe,iBAAO,4CAAC,wCAAyB,GAAK;AAC1D,cAAM,wBAAwB,GAAG,eAAe,iBAAiB;AACjE,cAAM,kCACJ,CAAC,eAAW,wDAAkC,aAAa,MAAM;AACnE,cAAM,oBAAoB,mCAAmC,YAAY;AACzE,cAAM,aAAa,kBAAkB,qBAAqB;AAE1D,cAAM,WAAW,oBAAoB,IAAI;AACzC,cAAM,WAAW;AAAA,UACf,WAAW,oBAAoB,6BAA6B;AAAA,UAC5D,UAAU,oBAAoB,wBAAwB;AAAA,QACxD;AACA,cAAM,cAAc,EAAE,mBAAmB,WAAW;AACpD,eACE,4CAAC;AAAA,UAEC;AAAA,UACA,cAAU,wDAAkC,aAAa,MAAM;AAAA,UAE/D,sDAAC;AAAA,YACE,GAAG;AAAA,YACJ,eACE,6EAAmC,UAAU,oBAAoB,mBAAmB;AAAA,YAEtF,UAAU,QAAQ,WAAW,SAAK,wDAAkC,aAAa,MAAM;AAAA,YACvF,cAAY,GAAG;AAAA,YACf,iBAAe;AAAA,YACf,YAAW;AAAA,YACX,MAAK;AAAA,YACL,SAAS,CAAC,MAA2C,gCAAgC,eAAe,CAAC;AAAA,YACrG;AAAA,YACA,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,kBAAgB,GAAG;AAAA,YACnB,MAAK;AAAA,YACJ,GAAG;AAAA,YAEH;AAAA,WACH;AAAA,WAzBK,GA0BP;AAAA,MAEJ,CAAC;AAAA,MACD,4CAAC;AAAA,QACC,sDAAC;AAAA,UACC,cAAW;AAAA,UACX,YAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAS;AAAA,UACT,UAAU;AAAA,UACV,eAAa,6EAAmC,UAAU;AAAA,UAC1D,UAAU;AAAA,UACV,MAAK;AAAA,UAEL,sDAAC;AAAA,YAAiB,OAAO,CAAC,iBAAiB,KAAK;AAAA,WAAG;AAAA,SACrD;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,IAAO,sBAAQ;",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -38,27 +38,15 @@ var import_useConfigTimePickerCTX = require("./useConfigTimePickerCTX");
38
38
  var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
39
39
  const WrappedTimeWheelContext = ({ children }) => {
40
40
  const ctx = (0, import_useConfigTimePickerCTX.useConfigTimePickerCTX)();
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelContext.TimeWheelContext.Provider, {
42
- value: ctx,
43
- children
44
- });
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelContext.TimeWheelContext.Provider, { value: ctx, children });
45
42
  };
46
43
  const TimeWheelContent = () => {
47
44
  const { showTimePicker, handleMenuWrapperKeyDown } = (0, import_react.useContext)(import_TimeWheelContext.TimeWheelContext);
48
45
  const { isControllerOnly } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
49
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
50
- children: [
51
- isControllerOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelIconTrigger.TimeWheelIconTrigger, {}),
52
- isControllerOnly || showTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
53
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
54
- onKeyDown: handleMenuWrapperKeyDown,
55
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelWrapper.TimeWheelWrapper, {})
56
- })
57
- }) : null
58
- ]
59
- });
46
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
47
+ isControllerOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelIconTrigger.TimeWheelIconTrigger, {}),
48
+ isControllerOnly || showTimePicker ? /* @__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_TimeWheelWrapper.TimeWheelWrapper, {}) }) }) : null
49
+ ] });
60
50
  };
61
- const TimeWheel = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedTimeWheelContext, {
62
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimeWheelContent, {})
63
- });
51
+ const TimeWheel = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedTimeWheelContext, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimeWheelContent, {}) });
64
52
  //# sourceMappingURL=TimeWheel.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/TimeWheel/TimeWheel.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { TimeWheelIconTrigger } from './TimeWheelIconTrigger';\nimport { TimeWheelWrapper } from './TimeWheelWrapper';\nimport { TimeWheelContext } from './TimeWheelContext';\nimport { useConfigTimePickerCTX } from './useConfigTimePickerCTX';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\n\n// the Context is Reused in CalendarWithTimeWheel\nexport const WrappedTimeWheelContext = ({ children }: { children: JSX.Element }) => {\n const ctx = useConfigTimePickerCTX();\n return <TimeWheelContext.Provider value={ctx}>{children}</TimeWheelContext.Provider>;\n};\n\nconst TimeWheelContent = () => {\n const { showTimePicker, handleMenuWrapperKeyDown } = useContext(TimeWheelContext);\n const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n\n return (\n <>\n {isControllerOnly ? null : <TimeWheelIconTrigger />}\n {isControllerOnly || showTimePicker ? (\n <>\n {/* The <div> element is catching the \"Escape\" key to close the calendar, there is no valid aria role for this */}\n {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n <div onKeyDown={handleMenuWrapperKeyDown}>\n <TimeWheelWrapper />\n </div>\n </>\n ) : null}\n </>\n );\n};\n// we wrap in context in a separate statement so we can use the useContext and be sure it's correctly initialized\nexport const TimeWheel = (): JSX.Element => (\n <WrappedTimeWheelContext>\n <TimeWheelContent />\n </WrappedTimeWheelContext>\n);\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAVT,mBAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AACjC,8BAAiC;AACjC,oCAAuC;AACvC,yCAAgD;AAGzC,MAAM,0BAA0B,CAAC,EAAE,SAAS,MAAiC;AAClF,QAAM,UAAM,sDAAuB;AACnC,SAAO,4CAAC,yCAAiB,UAAjB;AAAA,IAA0B,OAAO;AAAA,IAAM;AAAA,GAAS;AAC1D;AAEA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,EAAE,gBAAgB,yBAAyB,QAAI,yBAAW,wCAAgB;AAChF,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AAEvE,SACE;AAAA,IACG;AAAA,yBAAmB,OAAO,4CAAC,oDAAqB;AAAA,MAChD,oBAAoB,iBACnB;AAAA,QAIE,sDAAC;AAAA,UAAI,WAAW;AAAA,UACd,sDAAC,4CAAiB;AAAA,SACpB;AAAA,OACF,IACE;AAAA;AAAA,GACN;AAEJ;AAEO,MAAM,YAAY,MACvB,4CAAC;AAAA,EACC,sDAAC,oBAAiB;AAAA,CACpB;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAVT,mBAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AACjC,8BAAiC;AACjC,oCAAuC;AACvC,yCAAgD;AAGzC,MAAM,0BAA0B,CAAC,EAAE,SAAS,MAAiC;AAClF,QAAM,UAAM,sDAAuB;AACnC,SAAO,4CAAC,yCAAiB,UAAjB,EAA0B,OAAO,KAAM,UAAS;AAC1D;AAEA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,EAAE,gBAAgB,yBAAyB,QAAI,yBAAW,wCAAgB;AAChF,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AAEvE,SACE,4EACG;AAAA,uBAAmB,OAAO,4CAAC,oDAAqB;AAAA,IAChD,oBAAoB,iBACnB,2EAIE,sDAAC,SAAI,WAAW,0BACd,sDAAC,4CAAiB,GACpB,GACF,IACE;AAAA,KACN;AAEJ;AAEO,MAAM,YAAY,MACvB,4CAAC,2BACC,sDAAC,oBAAiB,GACpB;",
6
6
  "names": []
7
7
  }
@@ -39,36 +39,26 @@ var import_MeridiemList = require("./MeridiemList");
39
39
  var import_TimeWheelFooter = require("./TimeWheelFooter");
40
40
  const TimeWheelContent = import_react.default.memo(() => {
41
41
  const { isControllerOnly, hours, minutes, meridiem } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
42
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledTimePickerContainer, {
43
- isControllerOnly,
44
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL,
45
- children: [
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledTimePickerHead, {
47
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL,
48
- children: `${hours || "__"}:${minutes || "__"} ${meridiem || "__"}`
49
- }),
50
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledTimePickerWheelsLegend, {
51
- children: [
52
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
53
- children: "H"
54
- }),
55
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
56
- children: "M"
57
- }),
58
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
59
- children: "A"
60
- })
61
- ]
62
- }),
63
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledTimePickerWheelWrapper, {
64
- children: [
42
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
43
+ import_Styleds.StyledTimePickerContainer,
44
+ {
45
+ isControllerOnly,
46
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL,
47
+ children: [
48
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledTimePickerHead, { "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL, children: `${hours || "__"}:${minutes || "__"} ${meridiem || "__"}` }),
49
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledTimePickerWheelsLegend, { children: [
50
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "H" }),
51
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "M" }),
52
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "A" })
53
+ ] }),
54
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledTimePickerWheelWrapper, { children: [
65
55
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HoursList.HoursList, {}),
66
56
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MinutesList.MinutesList, {}),
67
57
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MeridiemList.MeridiemList, {})
68
- ]
69
- }),
70
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelFooter.TimeWheelFooter, {})
71
- ]
72
- });
58
+ ] }),
59
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelFooter.TimeWheelFooter, {})
60
+ ]
61
+ }
62
+ );
73
63
  });
74
64
  //# sourceMappingURL=TimeWheelContent.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/TimeWheel/TimeWheelContent.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport {\n StyledTimePickerContainer,\n StyledTimePickerHead,\n StyledTimePickerWheelsLegend,\n StyledTimePickerWheelWrapper,\n} from './Styleds';\nimport { HoursList } from './HoursList';\nimport { MinutesList } from './MinutesList';\nimport { MeridiemList } from './MeridiemList';\nimport { TimeWheelFooter } from './TimeWheelFooter';\n\nexport const TimeWheelContent = React.memo(() => {\n const { isControllerOnly, hours, minutes, meridiem } = useContext(ControlledDateTimePickerContext);\n return (\n <StyledTimePickerContainer\n isControllerOnly={isControllerOnly}\n data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL}\n >\n <StyledTimePickerHead data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL}>{`${\n hours || '__'\n }:${minutes || '__'} ${meridiem || '__'}`}</StyledTimePickerHead>\n <StyledTimePickerWheelsLegend>\n <div>H</div>\n <div>M</div>\n <div>A</div>\n </StyledTimePickerWheelsLegend>\n <StyledTimePickerWheelWrapper>\n <HoursList />\n <MinutesList />\n <MeridiemList />\n </StyledTimePickerWheelWrapper>\n <TimeWheelFooter />\n </StyledTimePickerContainer>\n );\n});\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBjB;AArBN,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAKO;AACP,uBAA0B;AAC1B,yBAA4B;AAC5B,0BAA6B;AAC7B,6BAAgC;AAEzB,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MAAM;AAC/C,QAAM,EAAE,kBAAkB,OAAO,SAAS,SAAS,QAAI,yBAAW,kEAA+B;AACjG,SACE,6CAAC;AAAA,IACC;AAAA,IACA,eAAa,6EAAmC,qBAAqB;AAAA,IAErE;AAAA,kDAAC;AAAA,QAAqB,eAAa,6EAAmC,UAAU;AAAA,QAAe,aAC7F,SAAS,QACP,WAAW,QAAQ,YAAY;AAAA,OAAO;AAAA,MAC1C,6CAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YAAI;AAAA,WAAC;AAAA,UACN,4CAAC;AAAA,YAAI;AAAA,WAAC;AAAA,UACN,4CAAC;AAAA,YAAI;AAAA,WAAC;AAAA;AAAA,OACR;AAAA,MACA,6CAAC;AAAA,QACC;AAAA,sDAAC,8BAAU;AAAA,UACX,4CAAC,kCAAY;AAAA,UACb,4CAAC,oCAAa;AAAA;AAAA,OAChB;AAAA,MACA,4CAAC,0CAAgB;AAAA;AAAA,GACnB;AAEJ,CAAC;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBjB;AArBN,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAKO;AACP,uBAA0B;AAC1B,yBAA4B;AAC5B,0BAA6B;AAC7B,6BAAgC;AAEzB,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MAAM;AAC/C,QAAM,EAAE,kBAAkB,OAAO,SAAS,SAAS,QAAI,yBAAW,kEAA+B;AACjG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,6EAAmC,qBAAqB;AAAA,MAErE;AAAA,oDAAC,uCAAqB,eAAa,6EAAmC,UAAU,cAAe,aAC7F,SAAS,QACP,WAAW,QAAQ,YAAY,QAAO;AAAA,QAC1C,6CAAC,+CACC;AAAA,sDAAC,SAAI,eAAC;AAAA,UACN,4CAAC,SAAI,eAAC;AAAA,UACN,4CAAC,SAAI,eAAC;AAAA,WACR;AAAA,QACA,6CAAC,+CACC;AAAA,sDAAC,8BAAU;AAAA,UACX,4CAAC,kCAAY;AAAA,UACb,4CAAC,oCAAa;AAAA,WAChB;AAAA,QACA,4CAAC,0CAAgB;AAAA;AAAA;AAAA,EACnB;AAEJ,CAAC;",
6
6
  "names": ["React"]
7
7
  }
@@ -39,11 +39,7 @@ const TimeWheelFooter = () => {
39
39
  isWithCalendarToo
40
40
  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
41
41
  if (!isWithCalendarToo && pickerFooterMsg !== void 0 && hasError)
42
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.TimeWheelFooterMessage, {
43
- role: "alert",
44
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL,
45
- children: pickerFooterMsg
46
- });
42
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.TimeWheelFooterMessage, { role: "alert", "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL, children: pickerFooterMsg });
47
43
  return null;
48
44
  };
49
45
  //# sourceMappingURL=TimeWheelFooter.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/Pickers/TimeWheel/TimeWheelFooter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { TimeWheelFooterMessage } from './Styleds';\n\nexport const TimeWheelFooter: React.ComponentType = () => {\n const {\n props: { pickerFooterMsg, hasError },\n isWithCalendarToo,\n } = useContext(ControlledDateTimePickerContext);\n if (!isWithCalendarToo && pickerFooterMsg !== undefined && hasError)\n return (\n <TimeWheelFooterMessage role=\"alert\" data-testid={ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL}>\n {pickerFooterMsg}\n </TimeWheelFooterMessage>\n );\n return null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYjB;AAZN,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAuC;AAEhC,MAAM,kBAAuC,MAAM;AACxD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,MAAI,CAAC,qBAAqB,oBAAoB,UAAa;AACzD,WACE,4CAAC;AAAA,MAAuB,MAAK;AAAA,MAAQ,eAAa,6EAAmC,QAAQ;AAAA,MAC1F;AAAA,KACH;AAEJ,SAAO;AACT;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYjB;AAZN,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAuC;AAEhC,MAAM,kBAAuC,MAAM;AACxD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,MAAI,CAAC,qBAAqB,oBAAoB,UAAa;AACzD,WACE,4CAAC,yCAAuB,MAAK,SAAQ,eAAa,6EAAmC,QAAQ,WAC1F,2BACH;AAEJ,SAAO;AACT;",
6
6
  "names": []
7
7
  }
@@ -43,18 +43,21 @@ const TimeWheelIconTrigger = () => {
43
43
  ariaCurrentValueForInputs
44
44
  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
45
45
  return (0, import_react.useMemo)(
46
- () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledIconTriggerButton, {
47
- "aria-label": `time picker context menu trigger, ${ariaCurrentValueForInputs}`,
48
- buttonType: "icon",
49
- size: import_ds_button.BUTTON_SIZES.M,
50
- innerRef: handleSetTriggerRef,
51
- onClick: handleToggleTimePicker,
52
- onKeyDown: handlePickerIconKeyDown,
53
- "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL,
54
- disabled,
55
- type: "button",
56
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.RecentDocuments, {})
57
- }),
46
+ () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
47
+ import_Styleds.StyledIconTriggerButton,
48
+ {
49
+ "aria-label": `time picker context menu trigger, ${ariaCurrentValueForInputs}`,
50
+ buttonType: "icon",
51
+ size: import_ds_button.BUTTON_SIZES.M,
52
+ innerRef: handleSetTriggerRef,
53
+ onClick: handleToggleTimePicker,
54
+ onKeyDown: handlePickerIconKeyDown,
55
+ "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL,
56
+ disabled,
57
+ type: "button",
58
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.RecentDocuments, {})
59
+ }
60
+ ),
58
61
  [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]
59
62
  );
60
63
  };