@cdx-ui/primitives 0.0.1-beta.140 → 0.0.1-beta.141

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 (384) hide show
  1. package/lib/commonjs/calendar/CalendarGrid.js +33 -0
  2. package/lib/commonjs/calendar/CalendarGrid.js.map +1 -0
  3. package/lib/commonjs/calendar/CalendarRoot.js +95 -0
  4. package/lib/commonjs/calendar/CalendarRoot.js.map +1 -0
  5. package/lib/commonjs/calendar/context.js +17 -0
  6. package/lib/commonjs/calendar/context.js.map +1 -0
  7. package/lib/commonjs/calendar/index.js +27 -0
  8. package/lib/commonjs/calendar/index.js.map +1 -0
  9. package/lib/commonjs/calendar/types.js +6 -0
  10. package/lib/commonjs/calendar/types.js.map +1 -0
  11. package/lib/commonjs/date-field/DateFieldHiddenInput.js +148 -0
  12. package/lib/commonjs/date-field/DateFieldHiddenInput.js.map +1 -0
  13. package/lib/commonjs/date-field/DateFieldInput.js +122 -0
  14. package/lib/commonjs/date-field/DateFieldInput.js.map +1 -0
  15. package/lib/commonjs/date-field/DateFieldRoot.js +85 -0
  16. package/lib/commonjs/date-field/DateFieldRoot.js.map +1 -0
  17. package/lib/commonjs/date-field/DateFieldSegment.js +92 -0
  18. package/lib/commonjs/date-field/DateFieldSegment.js.map +1 -0
  19. package/lib/commonjs/date-field/context.js +19 -0
  20. package/lib/commonjs/date-field/context.js.map +1 -0
  21. package/lib/commonjs/date-field/index.js +34 -0
  22. package/lib/commonjs/date-field/index.js.map +1 -0
  23. package/lib/commonjs/date-field/segmentIndex.js +23 -0
  24. package/lib/commonjs/date-field/segmentIndex.js.map +1 -0
  25. package/lib/commonjs/date-field/segmentKeyboard.js +169 -0
  26. package/lib/commonjs/date-field/segmentKeyboard.js.map +1 -0
  27. package/lib/commonjs/date-field/types.js +6 -0
  28. package/lib/commonjs/date-field/types.js.map +1 -0
  29. package/lib/commonjs/date-field/useDateFieldSegmentState.js +381 -0
  30. package/lib/commonjs/date-field/useDateFieldSegmentState.js.map +1 -0
  31. package/lib/commonjs/date-field/useRangeDateFieldBridge.js +67 -0
  32. package/lib/commonjs/date-field/useRangeDateFieldBridge.js.map +1 -0
  33. package/lib/commonjs/date-picker/DatePickerRoot.js +123 -0
  34. package/lib/commonjs/date-picker/DatePickerRoot.js.map +1 -0
  35. package/lib/commonjs/date-picker/context.js +17 -0
  36. package/lib/commonjs/date-picker/context.js.map +1 -0
  37. package/lib/commonjs/date-picker/index.js +26 -0
  38. package/lib/commonjs/date-picker/index.js.map +1 -0
  39. package/lib/commonjs/date-range-picker/DateRangePickerRoot.js +144 -0
  40. package/lib/commonjs/date-range-picker/DateRangePickerRoot.js.map +1 -0
  41. package/lib/commonjs/date-range-picker/context.js +23 -0
  42. package/lib/commonjs/date-range-picker/context.js.map +1 -0
  43. package/lib/commonjs/date-range-picker/index.js +26 -0
  44. package/lib/commonjs/date-range-picker/index.js.map +1 -0
  45. package/lib/commonjs/date-time-field/DateTimeFieldHiddenInput.js +150 -0
  46. package/lib/commonjs/date-time-field/DateTimeFieldHiddenInput.js.map +1 -0
  47. package/lib/commonjs/date-time-field/DateTimeFieldInput.js +104 -0
  48. package/lib/commonjs/date-time-field/DateTimeFieldInput.js.map +1 -0
  49. package/lib/commonjs/date-time-field/DateTimeFieldRoot.js +159 -0
  50. package/lib/commonjs/date-time-field/DateTimeFieldRoot.js.map +1 -0
  51. package/lib/commonjs/date-time-field/DateTimeFieldSegment.js +87 -0
  52. package/lib/commonjs/date-time-field/DateTimeFieldSegment.js.map +1 -0
  53. package/lib/commonjs/date-time-field/context.js +17 -0
  54. package/lib/commonjs/date-time-field/context.js.map +1 -0
  55. package/lib/commonjs/date-time-field/index.js +40 -0
  56. package/lib/commonjs/date-time-field/index.js.map +1 -0
  57. package/lib/commonjs/date-time-field/useDateTimeFieldSegmentState.js +564 -0
  58. package/lib/commonjs/date-time-field/useDateTimeFieldSegmentState.js.map +1 -0
  59. package/lib/commonjs/date-time-list/DateTimeListRoot.js +418 -0
  60. package/lib/commonjs/date-time-list/DateTimeListRoot.js.map +1 -0
  61. package/lib/commonjs/date-time-list/context.js +26 -0
  62. package/lib/commonjs/date-time-list/context.js.map +1 -0
  63. package/lib/commonjs/date-time-list/index.js +62 -0
  64. package/lib/commonjs/date-time-list/index.js.map +1 -0
  65. package/lib/commonjs/date-time-picker/DateTimePickerRoot.js +134 -0
  66. package/lib/commonjs/date-time-picker/DateTimePickerRoot.js.map +1 -0
  67. package/lib/commonjs/date-time-picker/context.js +17 -0
  68. package/lib/commonjs/date-time-picker/context.js.map +1 -0
  69. package/lib/commonjs/date-time-picker/index.js +26 -0
  70. package/lib/commonjs/date-time-picker/index.js.map +1 -0
  71. package/lib/commonjs/dialog/DialogRoot.js +1 -1
  72. package/lib/commonjs/dialog/DialogRoot.js.map +1 -1
  73. package/lib/commonjs/index.js +148 -0
  74. package/lib/commonjs/index.js.map +1 -1
  75. package/lib/commonjs/month-calendar/MonthCalendarCell.js +64 -0
  76. package/lib/commonjs/month-calendar/MonthCalendarCell.js.map +1 -0
  77. package/lib/commonjs/month-calendar/MonthCalendarRoot.js +103 -0
  78. package/lib/commonjs/month-calendar/MonthCalendarRoot.js.map +1 -0
  79. package/lib/commonjs/month-calendar/MonthCalendarYearCell.js +63 -0
  80. package/lib/commonjs/month-calendar/MonthCalendarYearCell.js.map +1 -0
  81. package/lib/commonjs/month-calendar/context.js +17 -0
  82. package/lib/commonjs/month-calendar/context.js.map +1 -0
  83. package/lib/commonjs/month-calendar/index.js +34 -0
  84. package/lib/commonjs/month-calendar/index.js.map +1 -0
  85. package/lib/commonjs/month-picker/MonthPickerRoot.js +118 -0
  86. package/lib/commonjs/month-picker/MonthPickerRoot.js.map +1 -0
  87. package/lib/commonjs/month-picker/context.js +17 -0
  88. package/lib/commonjs/month-picker/context.js.map +1 -0
  89. package/lib/commonjs/month-picker/index.js +26 -0
  90. package/lib/commonjs/month-picker/index.js.map +1 -0
  91. package/lib/commonjs/overlay/useAnchorPosition.js +27 -16
  92. package/lib/commonjs/overlay/useAnchorPosition.js.map +1 -1
  93. package/lib/commonjs/overlay/useDismissOverlay.web.js +10 -2
  94. package/lib/commonjs/overlay/useDismissOverlay.web.js.map +1 -1
  95. package/lib/commonjs/overlay/useOverlayPosition.js +5 -2
  96. package/lib/commonjs/overlay/useOverlayPosition.js.map +1 -1
  97. package/lib/commonjs/portal/portal.js +59 -2
  98. package/lib/commonjs/portal/portal.js.map +1 -1
  99. package/lib/commonjs/range-calendar/RangeCalendarRoot.js +148 -0
  100. package/lib/commonjs/range-calendar/RangeCalendarRoot.js.map +1 -0
  101. package/lib/commonjs/range-calendar/context.js +17 -0
  102. package/lib/commonjs/range-calendar/context.js.map +1 -0
  103. package/lib/commonjs/range-calendar/index.js +20 -0
  104. package/lib/commonjs/range-calendar/index.js.map +1 -0
  105. package/lib/commonjs/select/SelectRoot.js +1 -1
  106. package/lib/commonjs/select/SelectRoot.js.map +1 -1
  107. package/lib/commonjs/utils/accessibleLabel.js +23 -0
  108. package/lib/commonjs/utils/accessibleLabel.js.map +1 -0
  109. package/lib/commonjs/utils/createPortal.web.js +21 -0
  110. package/lib/commonjs/utils/createPortal.web.js.map +1 -0
  111. package/lib/module/calendar/CalendarGrid.js +29 -0
  112. package/lib/module/calendar/CalendarGrid.js.map +1 -0
  113. package/lib/module/calendar/CalendarRoot.js +91 -0
  114. package/lib/module/calendar/CalendarRoot.js.map +1 -0
  115. package/lib/module/calendar/context.js +12 -0
  116. package/lib/module/calendar/context.js.map +1 -0
  117. package/lib/module/calendar/index.js +6 -0
  118. package/lib/module/calendar/index.js.map +1 -0
  119. package/lib/module/calendar/types.js +4 -0
  120. package/lib/module/calendar/types.js.map +1 -0
  121. package/lib/module/date-field/DateFieldHiddenInput.js +146 -0
  122. package/lib/module/date-field/DateFieldHiddenInput.js.map +1 -0
  123. package/lib/module/date-field/DateFieldInput.js +118 -0
  124. package/lib/module/date-field/DateFieldInput.js.map +1 -0
  125. package/lib/module/date-field/DateFieldRoot.js +81 -0
  126. package/lib/module/date-field/DateFieldRoot.js.map +1 -0
  127. package/lib/module/date-field/DateFieldSegment.js +88 -0
  128. package/lib/module/date-field/DateFieldSegment.js.map +1 -0
  129. package/lib/module/date-field/context.js +15 -0
  130. package/lib/module/date-field/context.js.map +1 -0
  131. package/lib/module/date-field/index.js +7 -0
  132. package/lib/module/date-field/index.js.map +1 -0
  133. package/lib/module/date-field/segmentIndex.js +18 -0
  134. package/lib/module/date-field/segmentIndex.js.map +1 -0
  135. package/lib/module/date-field/segmentKeyboard.js +157 -0
  136. package/lib/module/date-field/segmentKeyboard.js.map +1 -0
  137. package/lib/module/date-field/types.js +4 -0
  138. package/lib/module/date-field/types.js.map +1 -0
  139. package/lib/module/date-field/useDateFieldSegmentState.js +378 -0
  140. package/lib/module/date-field/useDateFieldSegmentState.js.map +1 -0
  141. package/lib/module/date-field/useRangeDateFieldBridge.js +63 -0
  142. package/lib/module/date-field/useRangeDateFieldBridge.js.map +1 -0
  143. package/lib/module/date-picker/DatePickerRoot.js +119 -0
  144. package/lib/module/date-picker/DatePickerRoot.js.map +1 -0
  145. package/lib/module/date-picker/context.js +12 -0
  146. package/lib/module/date-picker/context.js.map +1 -0
  147. package/lib/module/date-picker/index.js +5 -0
  148. package/lib/module/date-picker/index.js.map +1 -0
  149. package/lib/module/date-range-picker/DateRangePickerRoot.js +140 -0
  150. package/lib/module/date-range-picker/DateRangePickerRoot.js.map +1 -0
  151. package/lib/module/date-range-picker/context.js +19 -0
  152. package/lib/module/date-range-picker/context.js.map +1 -0
  153. package/lib/module/date-range-picker/index.js +5 -0
  154. package/lib/module/date-range-picker/index.js.map +1 -0
  155. package/lib/module/date-time-field/DateTimeFieldHiddenInput.js +148 -0
  156. package/lib/module/date-time-field/DateTimeFieldHiddenInput.js.map +1 -0
  157. package/lib/module/date-time-field/DateTimeFieldInput.js +100 -0
  158. package/lib/module/date-time-field/DateTimeFieldInput.js.map +1 -0
  159. package/lib/module/date-time-field/DateTimeFieldRoot.js +154 -0
  160. package/lib/module/date-time-field/DateTimeFieldRoot.js.map +1 -0
  161. package/lib/module/date-time-field/DateTimeFieldSegment.js +83 -0
  162. package/lib/module/date-time-field/DateTimeFieldSegment.js.map +1 -0
  163. package/lib/module/date-time-field/context.js +12 -0
  164. package/lib/module/date-time-field/context.js.map +1 -0
  165. package/lib/module/date-time-field/index.js +7 -0
  166. package/lib/module/date-time-field/index.js.map +1 -0
  167. package/lib/module/date-time-field/useDateTimeFieldSegmentState.js +561 -0
  168. package/lib/module/date-time-field/useDateTimeFieldSegmentState.js.map +1 -0
  169. package/lib/module/date-time-list/DateTimeListRoot.js +416 -0
  170. package/lib/module/date-time-list/DateTimeListRoot.js.map +1 -0
  171. package/lib/module/date-time-list/context.js +20 -0
  172. package/lib/module/date-time-list/context.js.map +1 -0
  173. package/lib/module/date-time-list/index.js +5 -0
  174. package/lib/module/date-time-list/index.js.map +1 -0
  175. package/lib/module/date-time-picker/DateTimePickerRoot.js +130 -0
  176. package/lib/module/date-time-picker/DateTimePickerRoot.js.map +1 -0
  177. package/lib/module/date-time-picker/context.js +12 -0
  178. package/lib/module/date-time-picker/context.js.map +1 -0
  179. package/lib/module/date-time-picker/index.js +5 -0
  180. package/lib/module/date-time-picker/index.js.map +1 -0
  181. package/lib/module/dialog/DialogRoot.js +1 -1
  182. package/lib/module/dialog/DialogRoot.js.map +1 -1
  183. package/lib/module/index.js +11 -2
  184. package/lib/module/index.js.map +1 -1
  185. package/lib/module/month-calendar/MonthCalendarCell.js +60 -0
  186. package/lib/module/month-calendar/MonthCalendarCell.js.map +1 -0
  187. package/lib/module/month-calendar/MonthCalendarRoot.js +99 -0
  188. package/lib/module/month-calendar/MonthCalendarRoot.js.map +1 -0
  189. package/lib/module/month-calendar/MonthCalendarYearCell.js +59 -0
  190. package/lib/module/month-calendar/MonthCalendarYearCell.js.map +1 -0
  191. package/lib/module/month-calendar/context.js +12 -0
  192. package/lib/module/month-calendar/context.js.map +1 -0
  193. package/lib/module/month-calendar/index.js +7 -0
  194. package/lib/module/month-calendar/index.js.map +1 -0
  195. package/lib/module/month-picker/MonthPickerRoot.js +114 -0
  196. package/lib/module/month-picker/MonthPickerRoot.js.map +1 -0
  197. package/lib/module/month-picker/context.js +12 -0
  198. package/lib/module/month-picker/context.js.map +1 -0
  199. package/lib/module/month-picker/index.js +5 -0
  200. package/lib/module/month-picker/index.js.map +1 -0
  201. package/lib/module/overlay/useAnchorPosition.js +27 -16
  202. package/lib/module/overlay/useAnchorPosition.js.map +1 -1
  203. package/lib/module/overlay/useDismissOverlay.web.js +9 -2
  204. package/lib/module/overlay/useDismissOverlay.web.js.map +1 -1
  205. package/lib/module/overlay/useOverlayPosition.js +5 -2
  206. package/lib/module/overlay/useOverlayPosition.js.map +1 -1
  207. package/lib/module/portal/portal.js +59 -2
  208. package/lib/module/portal/portal.js.map +1 -1
  209. package/lib/module/range-calendar/RangeCalendarRoot.js +144 -0
  210. package/lib/module/range-calendar/RangeCalendarRoot.js.map +1 -0
  211. package/lib/module/range-calendar/context.js +12 -0
  212. package/lib/module/range-calendar/context.js.map +1 -0
  213. package/lib/module/range-calendar/index.js +5 -0
  214. package/lib/module/range-calendar/index.js.map +1 -0
  215. package/lib/module/select/SelectRoot.js +1 -1
  216. package/lib/module/select/SelectRoot.js.map +1 -1
  217. package/lib/module/utils/accessibleLabel.js +18 -0
  218. package/lib/module/utils/accessibleLabel.js.map +1 -0
  219. package/lib/module/utils/createPortal.web.js +17 -0
  220. package/lib/module/utils/createPortal.web.js.map +1 -0
  221. package/lib/typescript/calendar/CalendarGrid.d.ts +7 -0
  222. package/lib/typescript/calendar/CalendarGrid.d.ts.map +1 -0
  223. package/lib/typescript/calendar/CalendarRoot.d.ts +10 -0
  224. package/lib/typescript/calendar/CalendarRoot.d.ts.map +1 -0
  225. package/lib/typescript/calendar/context.d.ts +18 -0
  226. package/lib/typescript/calendar/context.d.ts.map +1 -0
  227. package/lib/typescript/calendar/index.d.ts +5 -0
  228. package/lib/typescript/calendar/index.d.ts.map +1 -0
  229. package/lib/typescript/calendar/types.d.ts +29 -0
  230. package/lib/typescript/calendar/types.d.ts.map +1 -0
  231. package/lib/typescript/date-field/DateFieldHiddenInput.d.ts +4 -0
  232. package/lib/typescript/date-field/DateFieldHiddenInput.d.ts.map +1 -0
  233. package/lib/typescript/date-field/DateFieldInput.d.ts +8 -0
  234. package/lib/typescript/date-field/DateFieldInput.d.ts.map +1 -0
  235. package/lib/typescript/date-field/DateFieldRoot.d.ts +10 -0
  236. package/lib/typescript/date-field/DateFieldRoot.d.ts.map +1 -0
  237. package/lib/typescript/date-field/DateFieldSegment.d.ts +9 -0
  238. package/lib/typescript/date-field/DateFieldSegment.d.ts.map +1 -0
  239. package/lib/typescript/date-field/context.d.ts +33 -0
  240. package/lib/typescript/date-field/context.d.ts.map +1 -0
  241. package/lib/typescript/date-field/index.d.ts +9 -0
  242. package/lib/typescript/date-field/index.d.ts.map +1 -0
  243. package/lib/typescript/date-field/segmentIndex.d.ts +7 -0
  244. package/lib/typescript/date-field/segmentIndex.d.ts.map +1 -0
  245. package/lib/typescript/date-field/segmentKeyboard.d.ts +23 -0
  246. package/lib/typescript/date-field/segmentKeyboard.d.ts.map +1 -0
  247. package/lib/typescript/date-field/types.d.ts +38 -0
  248. package/lib/typescript/date-field/types.d.ts.map +1 -0
  249. package/lib/typescript/date-field/useDateFieldSegmentState.d.ts +26 -0
  250. package/lib/typescript/date-field/useDateFieldSegmentState.d.ts.map +1 -0
  251. package/lib/typescript/date-field/useRangeDateFieldBridge.d.ts +4 -0
  252. package/lib/typescript/date-field/useRangeDateFieldBridge.d.ts.map +1 -0
  253. package/lib/typescript/date-picker/DatePickerRoot.d.ts +28 -0
  254. package/lib/typescript/date-picker/DatePickerRoot.d.ts.map +1 -0
  255. package/lib/typescript/date-picker/context.d.ts +25 -0
  256. package/lib/typescript/date-picker/context.d.ts.map +1 -0
  257. package/lib/typescript/date-picker/index.d.ts +5 -0
  258. package/lib/typescript/date-picker/index.d.ts.map +1 -0
  259. package/lib/typescript/date-range-picker/DateRangePickerRoot.d.ts +43 -0
  260. package/lib/typescript/date-range-picker/DateRangePickerRoot.d.ts.map +1 -0
  261. package/lib/typescript/date-range-picker/context.d.ts +42 -0
  262. package/lib/typescript/date-range-picker/context.d.ts.map +1 -0
  263. package/lib/typescript/date-range-picker/index.d.ts +4 -0
  264. package/lib/typescript/date-range-picker/index.d.ts.map +1 -0
  265. package/lib/typescript/date-time-field/DateTimeFieldHiddenInput.d.ts +4 -0
  266. package/lib/typescript/date-time-field/DateTimeFieldHiddenInput.d.ts.map +1 -0
  267. package/lib/typescript/date-time-field/DateTimeFieldInput.d.ts +10 -0
  268. package/lib/typescript/date-time-field/DateTimeFieldInput.d.ts.map +1 -0
  269. package/lib/typescript/date-time-field/DateTimeFieldRoot.d.ts +24 -0
  270. package/lib/typescript/date-time-field/DateTimeFieldRoot.d.ts.map +1 -0
  271. package/lib/typescript/date-time-field/DateTimeFieldSegment.d.ts +10 -0
  272. package/lib/typescript/date-time-field/DateTimeFieldSegment.d.ts.map +1 -0
  273. package/lib/typescript/date-time-field/context.d.ts +27 -0
  274. package/lib/typescript/date-time-field/context.d.ts.map +1 -0
  275. package/lib/typescript/date-time-field/index.d.ts +8 -0
  276. package/lib/typescript/date-time-field/index.d.ts.map +1 -0
  277. package/lib/typescript/date-time-field/useDateTimeFieldSegmentState.d.ts +26 -0
  278. package/lib/typescript/date-time-field/useDateTimeFieldSegmentState.d.ts.map +1 -0
  279. package/lib/typescript/date-time-list/DateTimeListRoot.d.ts +42 -0
  280. package/lib/typescript/date-time-list/DateTimeListRoot.d.ts.map +1 -0
  281. package/lib/typescript/date-time-list/context.d.ts +29 -0
  282. package/lib/typescript/date-time-list/context.d.ts.map +1 -0
  283. package/lib/typescript/date-time-list/index.d.ts +4 -0
  284. package/lib/typescript/date-time-list/index.d.ts.map +1 -0
  285. package/lib/typescript/date-time-picker/DateTimePickerRoot.d.ts +36 -0
  286. package/lib/typescript/date-time-picker/DateTimePickerRoot.d.ts.map +1 -0
  287. package/lib/typescript/date-time-picker/context.d.ts +25 -0
  288. package/lib/typescript/date-time-picker/context.d.ts.map +1 -0
  289. package/lib/typescript/date-time-picker/index.d.ts +4 -0
  290. package/lib/typescript/date-time-picker/index.d.ts.map +1 -0
  291. package/lib/typescript/dialog/types.d.ts +2 -1
  292. package/lib/typescript/dialog/types.d.ts.map +1 -1
  293. package/lib/typescript/index.d.ts +11 -2
  294. package/lib/typescript/index.d.ts.map +1 -1
  295. package/lib/typescript/month-calendar/MonthCalendarCell.d.ts +9 -0
  296. package/lib/typescript/month-calendar/MonthCalendarCell.d.ts.map +1 -0
  297. package/lib/typescript/month-calendar/MonthCalendarRoot.d.ts +30 -0
  298. package/lib/typescript/month-calendar/MonthCalendarRoot.d.ts.map +1 -0
  299. package/lib/typescript/month-calendar/MonthCalendarYearCell.d.ts +9 -0
  300. package/lib/typescript/month-calendar/MonthCalendarYearCell.d.ts.map +1 -0
  301. package/lib/typescript/month-calendar/context.d.ts +20 -0
  302. package/lib/typescript/month-calendar/context.d.ts.map +1 -0
  303. package/lib/typescript/month-calendar/index.d.ts +7 -0
  304. package/lib/typescript/month-calendar/index.d.ts.map +1 -0
  305. package/lib/typescript/month-picker/MonthPickerRoot.d.ts +29 -0
  306. package/lib/typescript/month-picker/MonthPickerRoot.d.ts.map +1 -0
  307. package/lib/typescript/month-picker/context.d.ts +23 -0
  308. package/lib/typescript/month-picker/context.d.ts.map +1 -0
  309. package/lib/typescript/month-picker/index.d.ts +4 -0
  310. package/lib/typescript/month-picker/index.d.ts.map +1 -0
  311. package/lib/typescript/overlay/useAnchorPosition.d.ts.map +1 -1
  312. package/lib/typescript/overlay/useDismissOverlay.web.d.ts.map +1 -1
  313. package/lib/typescript/overlay/useOverlayPosition.d.ts.map +1 -1
  314. package/lib/typescript/portal/portal.d.ts.map +1 -1
  315. package/lib/typescript/range-calendar/RangeCalendarRoot.d.ts +34 -0
  316. package/lib/typescript/range-calendar/RangeCalendarRoot.d.ts.map +1 -0
  317. package/lib/typescript/range-calendar/context.d.ts +26 -0
  318. package/lib/typescript/range-calendar/context.d.ts.map +1 -0
  319. package/lib/typescript/range-calendar/index.d.ts +5 -0
  320. package/lib/typescript/range-calendar/index.d.ts.map +1 -0
  321. package/lib/typescript/select/types.d.ts +2 -1
  322. package/lib/typescript/select/types.d.ts.map +1 -1
  323. package/lib/typescript/utils/accessibleLabel.d.ts +13 -0
  324. package/lib/typescript/utils/accessibleLabel.d.ts.map +1 -0
  325. package/lib/typescript/utils/createPortal.web.d.ts +17 -0
  326. package/lib/typescript/utils/createPortal.web.d.ts.map +1 -0
  327. package/package.json +3 -2
  328. package/src/calendar/CalendarGrid.tsx +29 -0
  329. package/src/calendar/CalendarRoot.tsx +138 -0
  330. package/src/calendar/context.tsx +28 -0
  331. package/src/calendar/index.ts +4 -0
  332. package/src/calendar/types.ts +30 -0
  333. package/src/date-field/DateFieldHiddenInput.tsx +152 -0
  334. package/src/date-field/DateFieldInput.tsx +138 -0
  335. package/src/date-field/DateFieldRoot.tsx +117 -0
  336. package/src/date-field/DateFieldSegment.tsx +97 -0
  337. package/src/date-field/context.tsx +48 -0
  338. package/src/date-field/index.ts +8 -0
  339. package/src/date-field/segmentIndex.tsx +17 -0
  340. package/src/date-field/segmentKeyboard.ts +207 -0
  341. package/src/date-field/types.ts +40 -0
  342. package/src/date-field/useDateFieldSegmentState.ts +455 -0
  343. package/src/date-field/useRangeDateFieldBridge.ts +78 -0
  344. package/src/date-picker/DatePickerRoot.tsx +186 -0
  345. package/src/date-picker/context.tsx +34 -0
  346. package/src/date-picker/index.ts +4 -0
  347. package/src/date-range-picker/DateRangePickerRoot.tsx +236 -0
  348. package/src/date-range-picker/context.tsx +48 -0
  349. package/src/date-range-picker/index.ts +8 -0
  350. package/src/date-time-field/DateTimeFieldHiddenInput.tsx +156 -0
  351. package/src/date-time-field/DateTimeFieldInput.tsx +119 -0
  352. package/src/date-time-field/DateTimeFieldRoot.tsx +209 -0
  353. package/src/date-time-field/DateTimeFieldSegment.tsx +95 -0
  354. package/src/date-time-field/context.tsx +41 -0
  355. package/src/date-time-field/index.ts +7 -0
  356. package/src/date-time-field/useDateTimeFieldSegmentState.ts +672 -0
  357. package/src/date-time-list/DateTimeListRoot.tsx +530 -0
  358. package/src/date-time-list/context.tsx +45 -0
  359. package/src/date-time-list/index.ts +16 -0
  360. package/src/date-time-picker/DateTimePickerRoot.tsx +210 -0
  361. package/src/date-time-picker/context.tsx +33 -0
  362. package/src/date-time-picker/index.ts +7 -0
  363. package/src/dialog/DialogRoot.tsx +1 -1
  364. package/src/dialog/types.ts +2 -1
  365. package/src/index.ts +21 -2
  366. package/src/month-calendar/MonthCalendarCell.tsx +53 -0
  367. package/src/month-calendar/MonthCalendarRoot.tsx +153 -0
  368. package/src/month-calendar/MonthCalendarYearCell.tsx +54 -0
  369. package/src/month-calendar/context.tsx +30 -0
  370. package/src/month-calendar/index.ts +6 -0
  371. package/src/month-picker/MonthPickerRoot.tsx +183 -0
  372. package/src/month-picker/context.tsx +31 -0
  373. package/src/month-picker/index.ts +3 -0
  374. package/src/overlay/useAnchorPosition.ts +25 -11
  375. package/src/overlay/useDismissOverlay.web.ts +10 -2
  376. package/src/overlay/useOverlayPosition.ts +5 -2
  377. package/src/portal/portal.tsx +79 -2
  378. package/src/range-calendar/RangeCalendarRoot.tsx +213 -0
  379. package/src/range-calendar/context.tsx +33 -0
  380. package/src/range-calendar/index.ts +4 -0
  381. package/src/select/SelectRoot.tsx +1 -1
  382. package/src/select/types.ts +2 -1
  383. package/src/utils/accessibleLabel.ts +22 -0
  384. package/src/utils/createPortal.web.ts +18 -0
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CalendarGrid = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _slot = require("../slot");
10
+ var _dataAttributes = require("../utils/dataAttributes");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ const CalendarGrid = exports.CalendarGrid = /*#__PURE__*/(0, _react.forwardRef)(({
13
+ asChild,
14
+ className,
15
+ style,
16
+ children,
17
+ ...props
18
+ }, ref) => {
19
+ const Comp = asChild ? _slot.Slot : _reactNative.View;
20
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
21
+ ref: ref,
22
+ className: className,
23
+ style: style,
24
+ accessibilityRole: "none",
25
+ ...props,
26
+ ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
27
+ slot: 'calendar-grid'
28
+ })),
29
+ children: children
30
+ });
31
+ });
32
+ CalendarGrid.displayName = 'CalendarGrid';
33
+ //# sourceMappingURL=CalendarGrid.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_slot","_dataAttributes","_jsxRuntime","CalendarGrid","exports","forwardRef","asChild","className","style","children","props","ref","Comp","Slot","View","jsx","accessibilityRole","mergeDataAttributes","dataAttributes","slot","displayName"],"sourceRoot":"../../../src","sources":["calendar/CalendarGrid.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAA8E,IAAAI,WAAA,GAAAJ,OAAA;AAOvE,MAAMK,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,iBAAU,EACpC,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAMC,IAAI,GAAGN,OAAO,GAAGO,UAAI,GAAGC,iBAAI;EAClC,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAACH,IAAI;IACHD,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbQ,iBAAiB,EAAC,MAAM;IAAA,GACpBN,KAAK;IAAA,GACL,IAAAO,mCAAmB,EAACP,KAAK,EAAE,IAAAQ,8BAAc,EAAC;MAAEC,IAAI,EAAE;IAAgB,CAAC,CAAC,CAAC;IAAAV,QAAA,EAExEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDN,YAAY,CAACiB,WAAW,GAAG,cAAc","ignoreList":[]}
@@ -0,0 +1,95 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CalendarRoot = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _formatters = require("@cdx-ui/formatters");
10
+ var _utils = require("@cdx-ui/utils");
11
+ var _slot = require("../slot");
12
+ var _accessibleLabel = require("../utils/accessibleLabel");
13
+ var _dataAttributes = require("../utils/dataAttributes");
14
+ var _context = require("./context");
15
+ var _jsxRuntime = require("react/jsx-runtime");
16
+ const CalendarRoot = exports.CalendarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
17
+ asChild,
18
+ children,
19
+ value: valueProp,
20
+ defaultValue,
21
+ onValueChange,
22
+ monthId: monthIdProp,
23
+ defaultMonthId,
24
+ onMonthIdChange,
25
+ minValue,
26
+ maxValue,
27
+ disabled = false,
28
+ locale = 'en-US',
29
+ labels: labelsProp,
30
+ accessibilityLabel: accessibilityLabelProp,
31
+ 'aria-label': ariaLabelProp,
32
+ ...props
33
+ }, ref) => {
34
+ const labels = (0, _react.useMemo)(() => (0, _formatters.resolveDateComponentLabels)(labelsProp), [labelsProp]);
35
+ const accessibilityLabel = (0, _accessibleLabel.resolveAccessibleLabel)({
36
+ accessibilityLabel: accessibilityLabelProp,
37
+ 'aria-label': ariaLabelProp
38
+ });
39
+ const [value, setValue] = (0, _utils.useControllableState)({
40
+ prop: valueProp,
41
+ defaultProp: defaultValue,
42
+ onChange: onValueChange
43
+ });
44
+ const [monthId, setMonthId] = (0, _utils.useControllableState)({
45
+ prop: monthIdProp,
46
+ defaultProp: defaultMonthId ?? (value ? (0, _formatters.toMonthId)(value) : (0, _formatters.todayMonthId)()),
47
+ onChange: onMonthIdChange
48
+ });
49
+ const prevValueRef = (0, _react.useRef)(value);
50
+ (0, _react.useEffect)(() => {
51
+ if (monthIdProp !== undefined) {
52
+ prevValueRef.current = value;
53
+ return;
54
+ }
55
+ if (value === undefined || prevValueRef.current === value) {
56
+ prevValueRef.current = value;
57
+ return;
58
+ }
59
+ prevValueRef.current = value;
60
+ setMonthId((0, _formatters.toMonthId)(value));
61
+ }, [monthIdProp, setMonthId, value]);
62
+ const [view, setViewState] = (0, _react.useState)('month');
63
+ const setView = (0, _react.useCallback)(next => {
64
+ setViewState(next);
65
+ }, []);
66
+ const contextValue = (0, _react.useMemo)(() => ({
67
+ value,
68
+ onValueChange: setValue,
69
+ monthId: monthId ?? (0, _formatters.todayMonthId)(),
70
+ onMonthIdChange: setMonthId,
71
+ minValue,
72
+ maxValue,
73
+ disabled,
74
+ locale,
75
+ labels,
76
+ view,
77
+ setView
78
+ }), [value, setValue, monthId, setMonthId, minValue, maxValue, disabled, locale, labels, view, setView]);
79
+ const Comp = asChild ? _slot.Slot : _reactNative.View;
80
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.CalendarContext.Provider, {
81
+ value: contextValue,
82
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
83
+ ref: ref,
84
+ accessibilityRole: "none",
85
+ ...props,
86
+ ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
87
+ disabled
88
+ })),
89
+ ...(0, _accessibleLabel.accessibleLabelAttributes)(accessibilityLabel),
90
+ children: children
91
+ })
92
+ });
93
+ });
94
+ CalendarRoot.displayName = 'CalendarRoot';
95
+ //# sourceMappingURL=CalendarRoot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_formatters","_utils","_slot","_accessibleLabel","_dataAttributes","_context","_jsxRuntime","CalendarRoot","exports","forwardRef","asChild","children","value","valueProp","defaultValue","onValueChange","monthId","monthIdProp","defaultMonthId","onMonthIdChange","minValue","maxValue","disabled","locale","labels","labelsProp","accessibilityLabel","accessibilityLabelProp","ariaLabelProp","props","ref","useMemo","resolveDateComponentLabels","resolveAccessibleLabel","setValue","useControllableState","prop","defaultProp","onChange","setMonthId","toMonthId","todayMonthId","prevValueRef","useRef","useEffect","undefined","current","view","setViewState","useState","setView","useCallback","next","contextValue","Comp","Slot","View","jsx","CalendarContext","Provider","accessibilityRole","mergeDataAttributes","dataAttributes","accessibleLabelAttributes","displayName"],"sourceRoot":"../../../src","sources":["calendar/CalendarRoot.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CalendarContext = void 0;
7
+ exports.useCalendarContext = useCalendarContext;
8
+ var _react = require("react");
9
+ const CalendarContext = exports.CalendarContext = /*#__PURE__*/(0, _react.createContext)(null);
10
+ function useCalendarContext() {
11
+ const ctx = (0, _react.useContext)(CalendarContext);
12
+ if (!ctx) {
13
+ throw new Error('Calendar compound components must be used within CalendarRoot');
14
+ }
15
+ return ctx;
16
+ }
17
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","CalendarContext","exports","createContext","useCalendarContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["calendar/context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAmBO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,oBAAa,EAA8B,IAAI,CAAC;AAExE,SAASC,kBAAkBA,CAAA,EAAyB;EACzD,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,eAAe,CAAC;EACvC,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,+DAA+D,CAAC;EAClF;EACA,OAAOF,GAAG;AACZ","ignoreList":[]}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "CalendarGrid", {
7
+ enumerable: true,
8
+ get: function () {
9
+ return _CalendarGrid.CalendarGrid;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "CalendarRoot", {
13
+ enumerable: true,
14
+ get: function () {
15
+ return _CalendarRoot.CalendarRoot;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "useCalendarContext", {
19
+ enumerable: true,
20
+ get: function () {
21
+ return _context.useCalendarContext;
22
+ }
23
+ });
24
+ var _CalendarRoot = require("./CalendarRoot");
25
+ var _CalendarGrid = require("./CalendarGrid");
26
+ var _context = require("./context");
27
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_CalendarRoot","require","_CalendarGrid","_context"],"sourceRoot":"../../../src","sources":["calendar/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["calendar/types.ts"],"mappings":"","ignoreList":[]}
@@ -0,0 +1,148 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DateFieldHiddenInput = DateFieldHiddenInput;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _context = require("./context");
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+ /**
12
+ * Invisible input that owns keyboard focus while a segment is active.
13
+ * Kept always mounted (never conditionally unmounted) so focus/blur races
14
+ * cannot clear segment focus before keystrokes arrive.
15
+ *
16
+ * Value is synced to the segment draft so native backspace shortens the text
17
+ * via onChangeText (iOS number-pad has no delete key; phone-pad does).
18
+ */const HIDDEN_INPUT_STYLE = {
19
+ position: 'absolute',
20
+ opacity: 0.01,
21
+ width: '100%',
22
+ height: '100%',
23
+ left: 0,
24
+ top: 0,
25
+ zIndex: 0,
26
+ fontSize: 16
27
+ };
28
+ const KEYBOARD_TYPE = _reactNative.Platform.select({
29
+ ios: 'phone-pad',
30
+ default: 'number-pad'
31
+ });
32
+ function DateFieldHiddenInput({
33
+ accessibilityLabel
34
+ }) {
35
+ const {
36
+ focusedSegmentIndex,
37
+ disabled,
38
+ readOnly,
39
+ segmentDraft,
40
+ handleSegmentInputChange,
41
+ handleSegmentBackspace,
42
+ focusNextEditableSegment,
43
+ focusPrevEditableSegment,
44
+ blurSegment
45
+ } = (0, _context.useDateFieldContext)();
46
+ const inputRef = (0, _react.useRef)(null);
47
+ const suppressBlurRef = (0, _react.useRef)(false);
48
+ const focusedIndexRef = (0, _react.useRef)(focusedSegmentIndex);
49
+ focusedIndexRef.current = focusedSegmentIndex;
50
+ const isActive = focusedSegmentIndex != null && !disabled && !readOnly;
51
+ const draftDigits = segmentDraft.replace(/\D/g, '');
52
+ (0, _react.useEffect)(() => {
53
+ if (!isActive) {
54
+ return;
55
+ }
56
+ suppressBlurRef.current = true;
57
+ const focusInput = () => {
58
+ inputRef.current?.focus();
59
+ };
60
+ const frame = requestAnimationFrame(focusInput);
61
+ const timer = setTimeout(() => {
62
+ focusInput();
63
+ suppressBlurRef.current = false;
64
+ }, 50);
65
+ return () => {
66
+ cancelAnimationFrame(frame);
67
+ clearTimeout(timer);
68
+ };
69
+ }, [isActive, focusedSegmentIndex]);
70
+ const onKeyPress = event => {
71
+ if (!isActive) {
72
+ return;
73
+ }
74
+ const key = event.nativeEvent.key;
75
+ if (key === 'Backspace') {
76
+ // When draft still has digits, onChangeText mirrors the shortened value.
77
+ // Only handle empty-draft backspace here (move to previous / clear).
78
+ if (draftDigits.length === 0) {
79
+ handleSegmentBackspace();
80
+ }
81
+ return;
82
+ }
83
+ if (key === 'ArrowRight') {
84
+ focusNextEditableSegment();
85
+ return;
86
+ }
87
+ if (key === 'ArrowLeft') {
88
+ focusPrevEditableSegment();
89
+ }
90
+ };
91
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
92
+ testID: "date-field-keyboard-input",
93
+ accessibilityLabel: accessibilityLabel,
94
+ accessibilityElementsHidden: true,
95
+ importantForAccessibility: "no-hide-descendants",
96
+ ref: inputRef,
97
+ value: isActive ? draftDigits : '',
98
+ editable: isActive,
99
+ showSoftInputOnFocus: isActive,
100
+ pointerEvents: "none",
101
+ caretHidden: true,
102
+ importantForAutofill: "no",
103
+ autoComplete: "off",
104
+ autoCorrect: false,
105
+ spellCheck: false,
106
+ keyboardType: KEYBOARD_TYPE,
107
+ inputMode: "numeric",
108
+ style: HIDDEN_INPUT_STYLE,
109
+ onChangeText: text => {
110
+ if (!isActive) {
111
+ return;
112
+ }
113
+ handleSegmentInputChange(text);
114
+ },
115
+ onKeyPress: onKeyPress,
116
+ onBlur: () => {
117
+ if (suppressBlurRef.current) {
118
+ return;
119
+ }
120
+ requestAnimationFrame(() => {
121
+ if (suppressBlurRef.current) {
122
+ return;
123
+ }
124
+ const index = focusedIndexRef.current;
125
+ if (index == null) {
126
+ return;
127
+ }
128
+ if (_reactNative.Platform.OS !== 'web') {
129
+ blurSegment(index);
130
+ return;
131
+ }
132
+ const node = inputRef.current;
133
+ if (node?.isFocused?.()) {
134
+ return;
135
+ }
136
+ const active = typeof document !== 'undefined' ? document.activeElement : null;
137
+ if (active && active.tagName === 'INPUT') {
138
+ const label = active.getAttribute('aria-label');
139
+ if (label === accessibilityLabel) {
140
+ return;
141
+ }
142
+ }
143
+ blurSegment(index);
144
+ });
145
+ }
146
+ });
147
+ }
148
+ //# sourceMappingURL=DateFieldHiddenInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_context","_jsxRuntime","HIDDEN_INPUT_STYLE","position","opacity","width","height","left","top","zIndex","fontSize","KEYBOARD_TYPE","Platform","select","ios","default","DateFieldHiddenInput","accessibilityLabel","focusedSegmentIndex","disabled","readOnly","segmentDraft","handleSegmentInputChange","handleSegmentBackspace","focusNextEditableSegment","focusPrevEditableSegment","blurSegment","useDateFieldContext","inputRef","useRef","suppressBlurRef","focusedIndexRef","current","isActive","draftDigits","replace","useEffect","focusInput","focus","frame","requestAnimationFrame","timer","setTimeout","cancelAnimationFrame","clearTimeout","onKeyPress","event","key","nativeEvent","length","jsx","TextInput","testID","accessibilityElementsHidden","importantForAccessibility","ref","value","editable","showSoftInputOnFocus","pointerEvents","caretHidden","importantForAutofill","autoComplete","autoCorrect","spellCheck","keyboardType","inputMode","style","onChangeText","text","onBlur","index","OS","node","isFocused","active","document","activeElement","tagName","label","getAttribute"],"sourceRoot":"../../../src","sources":["date-field/DateFieldHiddenInput.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,122 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DateFieldInput = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _slot = require("../slot");
10
+ var _dataAttributes = require("../utils/dataAttributes");
11
+ var _context = require("../date-range-picker/context");
12
+ var _DateFieldHiddenInput = require("./DateFieldHiddenInput");
13
+ var _segmentIndex = require("./segmentIndex");
14
+ var _context2 = require("./context");
15
+ var _useRangeDateFieldBridge = require("./useRangeDateFieldBridge");
16
+ var _jsxRuntime = require("react/jsx-runtime");
17
+ const DateFieldInput = exports.DateFieldInput = /*#__PURE__*/(0, _react.forwardRef)(({
18
+ asChild,
19
+ children,
20
+ className,
21
+ style,
22
+ slot = 'start',
23
+ ...props
24
+ }, ref) => {
25
+ const fieldCtx = (0, _react.useContext)(_context2.DateFieldContext);
26
+ const rangeCtx = (0, _react.useContext)(_context.DateRangePickerContext);
27
+ const rangeBridge = (0, _useRangeDateFieldBridge.useRangeDateFieldBridge)(slot, rangeCtx);
28
+ const ctx = fieldCtx ?? rangeBridge;
29
+ if (!ctx) {
30
+ throw new Error('DateField.Input must be used within DateField or DateRangePicker (with slot="start" | "end")');
31
+ }
32
+ const {
33
+ segments,
34
+ focusedSegmentIndex,
35
+ labels
36
+ } = ctx;
37
+ const keyboardInputLabel = labels.dateFieldKeyboardInput;
38
+ const Comp = asChild ? _slot.Slot : _reactNative.View;
39
+ (0, _react.useEffect)(() => {
40
+ if (rangeCtx && focusedSegmentIndex != null) {
41
+ rangeCtx.setFocusedField(slot);
42
+ }
43
+ }, [focusedSegmentIndex, rangeCtx, slot]);
44
+
45
+ // Web fallback: if the hidden input fails to take focus (some browsers reject
46
+ // near-invisible inputs), still accept keystrokes at the document level.
47
+ // Skip when the hidden input is already focused to avoid double-applying digits.
48
+ (0, _react.useEffect)(() => {
49
+ if (_reactNative.Platform.OS !== 'web' || ctx.focusedSegmentIndex == null || ctx.disabled || ctx.readOnly) {
50
+ return;
51
+ }
52
+ const focusedIndex = ctx.focusedSegmentIndex;
53
+ const onKeyDown = event => {
54
+ const activeLabel = typeof document !== 'undefined' ? document.activeElement?.getAttribute?.('aria-label') : null;
55
+ const inputOwnsFocus = activeLabel === keyboardInputLabel;
56
+ if (event.key === 'Backspace') {
57
+ if (inputOwnsFocus) {
58
+ return;
59
+ }
60
+ event.preventDefault();
61
+ ctx.handleSegmentBackspace();
62
+ return;
63
+ }
64
+ if (event.key === 'ArrowRight') {
65
+ if (inputOwnsFocus) {
66
+ return;
67
+ }
68
+ event.preventDefault();
69
+ ctx.focusNextEditableSegment();
70
+ return;
71
+ }
72
+ if (event.key === 'ArrowLeft') {
73
+ if (inputOwnsFocus) {
74
+ return;
75
+ }
76
+ event.preventDefault();
77
+ ctx.focusPrevEditableSegment();
78
+ return;
79
+ }
80
+ if (event.key === 'Tab') {
81
+ ctx.blurSegment(focusedIndex);
82
+ return;
83
+ }
84
+ if (/^\d$/.test(event.key)) {
85
+ if (inputOwnsFocus) {
86
+ return;
87
+ }
88
+ event.preventDefault();
89
+ ctx.handleSegmentDigit(event.key);
90
+ }
91
+ };
92
+ document.addEventListener('keydown', onKeyDown);
93
+ return () => document.removeEventListener('keydown', onKeyDown);
94
+ }, [ctx.blurSegment, ctx.disabled, ctx.focusNextEditableSegment, ctx.focusPrevEditableSegment, ctx.focusedSegmentIndex, ctx.handleSegmentBackspace, ctx.handleSegmentDigit, ctx.readOnly, keyboardInputLabel]);
95
+ const input = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, {
96
+ ref: ref,
97
+ className: className,
98
+ style: [{
99
+ position: 'relative'
100
+ }, style],
101
+ accessibilityRole: "none",
102
+ ...props,
103
+ ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
104
+ slot: 'date-field-input'
105
+ })),
106
+ children: [segments.map((segment, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_segmentIndex.DateFieldSegmentIndexProvider, {
107
+ index: index,
108
+ children: children(segment)
109
+ }, `${segment.type}-${String(index)}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateFieldHiddenInput.DateFieldHiddenInput, {
110
+ accessibilityLabel: keyboardInputLabel
111
+ })]
112
+ });
113
+ if (!fieldCtx && rangeBridge) {
114
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context2.DateFieldContext.Provider, {
115
+ value: rangeBridge,
116
+ children: input
117
+ });
118
+ }
119
+ return input;
120
+ });
121
+ DateFieldInput.displayName = 'DateFieldInput';
122
+ //# sourceMappingURL=DateFieldInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_slot","_dataAttributes","_context","_DateFieldHiddenInput","_segmentIndex","_context2","_useRangeDateFieldBridge","_jsxRuntime","DateFieldInput","exports","forwardRef","asChild","children","className","style","slot","props","ref","fieldCtx","useContext","DateFieldContext","rangeCtx","DateRangePickerContext","rangeBridge","useRangeDateFieldBridge","ctx","Error","segments","focusedSegmentIndex","labels","keyboardInputLabel","dateFieldKeyboardInput","Comp","Slot","View","useEffect","setFocusedField","Platform","OS","disabled","readOnly","focusedIndex","onKeyDown","event","activeLabel","document","activeElement","getAttribute","inputOwnsFocus","key","preventDefault","handleSegmentBackspace","focusNextEditableSegment","focusPrevEditableSegment","blurSegment","test","handleSegmentDigit","addEventListener","removeEventListener","input","jsxs","position","accessibilityRole","mergeDataAttributes","dataAttributes","map","segment","index","jsx","DateFieldSegmentIndexProvider","type","String","DateFieldHiddenInput","accessibilityLabel","Provider","value","displayName"],"sourceRoot":"../../../src","sources":["date-field/DateFieldInput.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,85 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DateFieldRoot = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _formatters = require("@cdx-ui/formatters");
10
+ var _utils = require("@cdx-ui/utils");
11
+ var _slot = require("../slot");
12
+ var _dataAttributes = require("../utils/dataAttributes");
13
+ var _context = require("./context");
14
+ var _useDateFieldSegmentState = require("./useDateFieldSegmentState");
15
+ var _jsxRuntime = require("react/jsx-runtime");
16
+ const DateFieldRoot = exports.DateFieldRoot = /*#__PURE__*/(0, _react.forwardRef)(({
17
+ asChild,
18
+ children,
19
+ value: valueProp,
20
+ defaultValue,
21
+ onValueChange,
22
+ mode = 'date',
23
+ locale = 'en-US',
24
+ labels: labelsProp,
25
+ isDisabled,
26
+ isReadOnly,
27
+ isInvalid,
28
+ isRequired,
29
+ ...props
30
+ }, ref) => {
31
+ const formControl = (0, _utils.useFormControl)({
32
+ isDisabled,
33
+ isReadOnly,
34
+ isInvalid,
35
+ isRequired
36
+ });
37
+ const [value, setValue] = (0, _utils.useControllableState)({
38
+ prop: valueProp,
39
+ defaultProp: defaultValue,
40
+ onChange: next => {
41
+ onValueChange?.(next);
42
+ }
43
+ });
44
+ const labels = (0, _react.useMemo)(() => (0, _formatters.resolveDateComponentLabels)(labelsProp), [labelsProp]);
45
+ const segments = (0, _react.useMemo)(() => (0, _formatters.getDateFieldSegments)(value, {
46
+ mode,
47
+ locale
48
+ }), [value, mode, locale]);
49
+ const segmentState = (0, _useDateFieldSegmentState.useDateFieldSegmentState)({
50
+ mode,
51
+ segments,
52
+ value,
53
+ setValue,
54
+ disabled: !!formControl.disabled,
55
+ readOnly: !!formControl.readOnly
56
+ });
57
+ const contextValue = (0, _react.useMemo)(() => ({
58
+ value,
59
+ onValueChange: setValue,
60
+ mode,
61
+ locale,
62
+ labels,
63
+ segments,
64
+ disabled: !!formControl.disabled,
65
+ readOnly: !!formControl.readOnly,
66
+ invalid: !!formControl['aria-invalid'],
67
+ ...segmentState
68
+ }), [value, setValue, mode, locale, labels, segments, formControl.disabled, formControl.readOnly, formControl['aria-invalid'], segmentState]);
69
+ const Comp = asChild ? _slot.Slot : _reactNative.View;
70
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.DateFieldContext.Provider, {
71
+ value: contextValue,
72
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
73
+ ref: ref,
74
+ ...props,
75
+ ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
76
+ disabled: formControl.disabled,
77
+ invalid: formControl['aria-invalid'],
78
+ readonly: formControl.readOnly
79
+ })),
80
+ children: children
81
+ })
82
+ });
83
+ });
84
+ DateFieldRoot.displayName = 'DateFieldRoot';
85
+ //# sourceMappingURL=DateFieldRoot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_formatters","_utils","_slot","_dataAttributes","_context","_useDateFieldSegmentState","_jsxRuntime","DateFieldRoot","exports","forwardRef","asChild","children","value","valueProp","defaultValue","onValueChange","mode","locale","labels","labelsProp","isDisabled","isReadOnly","isInvalid","isRequired","props","ref","formControl","useFormControl","setValue","useControllableState","prop","defaultProp","onChange","next","useMemo","resolveDateComponentLabels","segments","getDateFieldSegments","segmentState","useDateFieldSegmentState","disabled","readOnly","contextValue","invalid","Comp","Slot","View","jsx","DateFieldContext","Provider","mergeDataAttributes","dataAttributes","readonly","displayName"],"sourceRoot":"../../../src","sources":["date-field/DateFieldRoot.tsx"],"mappings":"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","ignoreList":[]}