@salt-ds/lab 1.0.0-alpha.50 → 1.0.0-alpha.52

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 (295) hide show
  1. package/css/salt-lab.css +279 -267
  2. package/dist-cjs/calendar/Calendar.css.js +1 -1
  3. package/dist-cjs/calendar/Calendar.js +6 -15
  4. package/dist-cjs/calendar/Calendar.js.map +1 -1
  5. package/dist-cjs/calendar/CalendarNavigation.css.js +6 -0
  6. package/dist-cjs/calendar/{internal/CalendarNavigation.js → CalendarNavigation.js} +160 -63
  7. package/dist-cjs/calendar/CalendarNavigation.js.map +1 -0
  8. package/dist-cjs/calendar/formatDate.js +56 -0
  9. package/dist-cjs/calendar/formatDate.js.map +1 -0
  10. package/dist-cjs/calendar/internal/CalendarCarousel.js +3 -3
  11. package/dist-cjs/calendar/internal/CalendarCarousel.js.map +1 -1
  12. package/dist-cjs/calendar/internal/CalendarDay.css.js +1 -1
  13. package/dist-cjs/calendar/internal/CalendarDay.js +45 -33
  14. package/dist-cjs/calendar/internal/CalendarDay.js.map +1 -1
  15. package/dist-cjs/calendar/internal/CalendarMonth.js +3 -2
  16. package/dist-cjs/calendar/internal/CalendarMonth.js.map +1 -1
  17. package/dist-cjs/calendar/internal/CalendarWeekHeader.js +3 -3
  18. package/dist-cjs/calendar/internal/CalendarWeekHeader.js.map +1 -1
  19. package/dist-cjs/calendar/internal/useFocusManagement.js +7 -4
  20. package/dist-cjs/calendar/internal/useFocusManagement.js.map +1 -1
  21. package/dist-cjs/calendar/internal/utils.js +28 -23
  22. package/dist-cjs/calendar/internal/utils.js.map +1 -1
  23. package/dist-cjs/calendar/useCalendar.js +94 -45
  24. package/dist-cjs/calendar/useCalendar.js.map +1 -1
  25. package/dist-cjs/calendar/useCalendarDay.js +19 -10
  26. package/dist-cjs/calendar/useCalendarDay.js.map +1 -1
  27. package/dist-cjs/calendar/useCalendarSelection.js +360 -0
  28. package/dist-cjs/calendar/useCalendarSelection.js.map +1 -0
  29. package/dist-cjs/cascading-menu/internal/useMouseHandlers.js.map +1 -1
  30. package/dist-cjs/color-chooser/ColorChooser.js.map +1 -1
  31. package/dist-cjs/combo-box-deprecated/ComboBox.css.js +1 -1
  32. package/dist-cjs/common-hooks/useCollectionItems.js.map +1 -1
  33. package/dist-cjs/content-status/ContentStatus.css.js +1 -1
  34. package/dist-cjs/date-input/DateInput.css.js +1 -1
  35. package/dist-cjs/date-input/DateInputRange.js +355 -0
  36. package/dist-cjs/date-input/DateInputRange.js.map +1 -0
  37. package/dist-cjs/date-input/DateInputSingle.js +229 -0
  38. package/dist-cjs/date-input/DateInputSingle.js.map +1 -0
  39. package/dist-cjs/date-input/utils.js +65 -0
  40. package/dist-cjs/date-input/utils.js.map +1 -0
  41. package/dist-cjs/date-picker/DatePicker.js +40 -148
  42. package/dist-cjs/date-picker/DatePicker.js.map +1 -1
  43. package/dist-cjs/date-picker/DatePickerActions.css.js +6 -0
  44. package/dist-cjs/date-picker/DatePickerActions.css.js.map +1 -0
  45. package/dist-cjs/date-picker/DatePickerActions.js +102 -0
  46. package/dist-cjs/date-picker/DatePickerActions.js.map +1 -0
  47. package/dist-cjs/date-picker/DatePickerContext.js +23 -17
  48. package/dist-cjs/date-picker/DatePickerContext.js.map +1 -1
  49. package/dist-cjs/date-picker/DatePickerOverlay.css.js +6 -0
  50. package/dist-cjs/date-picker/DatePickerOverlay.css.js.map +1 -0
  51. package/dist-cjs/date-picker/DatePickerOverlay.js +50 -0
  52. package/dist-cjs/date-picker/DatePickerOverlay.js.map +1 -0
  53. package/dist-cjs/date-picker/DatePickerOverlayProvider.js +105 -0
  54. package/dist-cjs/date-picker/DatePickerOverlayProvider.js.map +1 -0
  55. package/dist-cjs/date-picker/DatePickerPanel.css.js +1 -1
  56. package/dist-cjs/date-picker/DatePickerRangeInput.js +118 -0
  57. package/dist-cjs/date-picker/DatePickerRangeInput.js.map +1 -0
  58. package/dist-cjs/date-picker/DatePickerRangePanel.js +206 -0
  59. package/dist-cjs/date-picker/DatePickerRangePanel.js.map +1 -0
  60. package/dist-cjs/date-picker/DatePickerSingleInput.js +97 -0
  61. package/dist-cjs/date-picker/DatePickerSingleInput.js.map +1 -0
  62. package/dist-cjs/date-picker/DatePickerSinglePanel.js +138 -0
  63. package/dist-cjs/date-picker/DatePickerSinglePanel.js.map +1 -0
  64. package/dist-cjs/date-picker/useDatePicker.js +179 -0
  65. package/dist-cjs/date-picker/useDatePicker.js.map +1 -0
  66. package/dist-cjs/dropdown/Dropdown.css.js +1 -1
  67. package/dist-cjs/dropdown/DropdownBase.js +1 -1
  68. package/dist-cjs/dropdown/DropdownBase.js.map +1 -1
  69. package/dist-cjs/dropdown/useDropdown.js.map +1 -1
  70. package/dist-cjs/form-field-legacy/FormLabel.js.map +1 -1
  71. package/dist-cjs/index.js +43 -10
  72. package/dist-cjs/index.js.map +1 -1
  73. package/dist-cjs/list/List.js.map +1 -1
  74. package/dist-cjs/menu-button/MenuButtonTrigger.css.js +1 -1
  75. package/dist-cjs/query-input/QueryInput.css.js +1 -1
  76. package/dist-cjs/slider/Slider.css.js +1 -1
  77. package/dist-cjs/slider/Slider.js +53 -105
  78. package/dist-cjs/slider/Slider.js.map +1 -1
  79. package/dist-cjs/slider/internal/SliderContext.js +21 -0
  80. package/dist-cjs/slider/internal/SliderContext.js.map +1 -0
  81. package/dist-cjs/slider/internal/SliderMarks.js +31 -0
  82. package/dist-cjs/slider/internal/SliderMarks.js.map +1 -0
  83. package/dist-cjs/slider/internal/SliderSelection.js +17 -10
  84. package/dist-cjs/slider/internal/SliderSelection.js.map +1 -1
  85. package/dist-cjs/slider/internal/SliderThumb.js +77 -0
  86. package/dist-cjs/slider/internal/SliderThumb.js.map +1 -0
  87. package/dist-cjs/slider/internal/SliderTrack.js +91 -0
  88. package/dist-cjs/slider/internal/SliderTrack.js.map +1 -0
  89. package/dist-cjs/slider/internal/useKeyDownThumb.js +53 -0
  90. package/dist-cjs/slider/internal/useKeyDownThumb.js.map +1 -0
  91. package/dist-cjs/slider/internal/utils.js +78 -116
  92. package/dist-cjs/slider/internal/utils.js.map +1 -1
  93. package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.css.js +1 -1
  94. package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.js +29 -25
  95. package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.js.map +1 -1
  96. package/dist-cjs/tabs/TabActivationIndicator.css.js +1 -1
  97. package/dist-cjs/tabs/Tabstrip.css.js +1 -1
  98. package/dist-cjs/tabs/useTabs.js.map +1 -1
  99. package/dist-cjs/toolbar/overflow-panel/OverflowPanel.css.js +1 -1
  100. package/dist-cjs/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
  101. package/dist-es/calendar/Calendar.css.js +1 -1
  102. package/dist-es/calendar/Calendar.js +7 -16
  103. package/dist-es/calendar/Calendar.js.map +1 -1
  104. package/dist-es/calendar/CalendarNavigation.css.js +4 -0
  105. package/dist-es/calendar/CalendarNavigation.js +308 -0
  106. package/dist-es/calendar/CalendarNavigation.js.map +1 -0
  107. package/dist-es/calendar/formatDate.js +51 -0
  108. package/dist-es/calendar/formatDate.js.map +1 -0
  109. package/dist-es/calendar/internal/CalendarCarousel.js +3 -3
  110. package/dist-es/calendar/internal/CalendarCarousel.js.map +1 -1
  111. package/dist-es/calendar/internal/CalendarDay.css.js +1 -1
  112. package/dist-es/calendar/internal/CalendarDay.js +45 -33
  113. package/dist-es/calendar/internal/CalendarDay.js.map +1 -1
  114. package/dist-es/calendar/internal/CalendarMonth.js +3 -2
  115. package/dist-es/calendar/internal/CalendarMonth.js.map +1 -1
  116. package/dist-es/calendar/internal/CalendarWeekHeader.js +3 -3
  117. package/dist-es/calendar/internal/CalendarWeekHeader.js.map +1 -1
  118. package/dist-es/calendar/internal/useFocusManagement.js +7 -4
  119. package/dist-es/calendar/internal/useFocusManagement.js.map +1 -1
  120. package/dist-es/calendar/internal/utils.js +29 -23
  121. package/dist-es/calendar/internal/utils.js.map +1 -1
  122. package/dist-es/calendar/useCalendar.js +96 -47
  123. package/dist-es/calendar/useCalendar.js.map +1 -1
  124. package/dist-es/calendar/useCalendarDay.js +20 -11
  125. package/dist-es/calendar/useCalendarDay.js.map +1 -1
  126. package/dist-es/calendar/useCalendarSelection.js +350 -0
  127. package/dist-es/calendar/useCalendarSelection.js.map +1 -0
  128. package/dist-es/cascading-menu/internal/useMouseHandlers.js.map +1 -1
  129. package/dist-es/color-chooser/ColorChooser.js.map +1 -1
  130. package/dist-es/combo-box-deprecated/ComboBox.css.js +1 -1
  131. package/dist-es/common-hooks/useCollectionItems.js.map +1 -1
  132. package/dist-es/content-status/ContentStatus.css.js +1 -1
  133. package/dist-es/date-input/DateInput.css.js +1 -1
  134. package/dist-es/date-input/DateInputRange.js +351 -0
  135. package/dist-es/date-input/DateInputRange.js.map +1 -0
  136. package/dist-es/date-input/DateInputSingle.js +225 -0
  137. package/dist-es/date-input/DateInputSingle.js.map +1 -0
  138. package/dist-es/date-input/utils.js +57 -0
  139. package/dist-es/date-input/utils.js.map +1 -0
  140. package/dist-es/date-picker/DatePicker.js +43 -152
  141. package/dist-es/date-picker/DatePicker.js.map +1 -1
  142. package/dist-es/date-picker/DatePickerActions.css.js +4 -0
  143. package/dist-es/date-picker/DatePickerActions.css.js.map +1 -0
  144. package/dist-es/date-picker/DatePickerActions.js +98 -0
  145. package/dist-es/date-picker/DatePickerActions.js.map +1 -0
  146. package/dist-es/date-picker/DatePickerContext.js +22 -17
  147. package/dist-es/date-picker/DatePickerContext.js.map +1 -1
  148. package/dist-es/date-picker/DatePickerOverlay.css.js +4 -0
  149. package/dist-es/date-picker/DatePickerOverlay.css.js.map +1 -0
  150. package/dist-es/date-picker/DatePickerOverlay.js +46 -0
  151. package/dist-es/date-picker/DatePickerOverlay.js.map +1 -0
  152. package/dist-es/date-picker/DatePickerOverlayProvider.js +100 -0
  153. package/dist-es/date-picker/DatePickerOverlayProvider.js.map +1 -0
  154. package/dist-es/date-picker/DatePickerPanel.css.js +1 -1
  155. package/dist-es/date-picker/DatePickerRangeInput.js +114 -0
  156. package/dist-es/date-picker/DatePickerRangeInput.js.map +1 -0
  157. package/dist-es/date-picker/DatePickerRangePanel.js +198 -0
  158. package/dist-es/date-picker/DatePickerRangePanel.js.map +1 -0
  159. package/dist-es/date-picker/DatePickerSingleInput.js +93 -0
  160. package/dist-es/date-picker/DatePickerSingleInput.js.map +1 -0
  161. package/dist-es/date-picker/DatePickerSinglePanel.js +130 -0
  162. package/dist-es/date-picker/DatePickerSinglePanel.js.map +1 -0
  163. package/dist-es/date-picker/useDatePicker.js +175 -0
  164. package/dist-es/date-picker/useDatePicker.js.map +1 -0
  165. package/dist-es/dropdown/Dropdown.css.js +1 -1
  166. package/dist-es/dropdown/DropdownBase.js +1 -1
  167. package/dist-es/dropdown/DropdownBase.js.map +1 -1
  168. package/dist-es/dropdown/useDropdown.js.map +1 -1
  169. package/dist-es/form-field-legacy/FormLabel.js.map +1 -1
  170. package/dist-es/index.js +14 -3
  171. package/dist-es/index.js.map +1 -1
  172. package/dist-es/list/List.js.map +1 -1
  173. package/dist-es/menu-button/MenuButtonTrigger.css.js +1 -1
  174. package/dist-es/query-input/QueryInput.css.js +1 -1
  175. package/dist-es/slider/Slider.css.js +1 -1
  176. package/dist-es/slider/Slider.js +55 -107
  177. package/dist-es/slider/Slider.js.map +1 -1
  178. package/dist-es/slider/internal/SliderContext.js +16 -0
  179. package/dist-es/slider/internal/SliderContext.js.map +1 -0
  180. package/dist-es/slider/internal/SliderMarks.js +27 -0
  181. package/dist-es/slider/internal/SliderMarks.js.map +1 -0
  182. package/dist-es/slider/internal/SliderSelection.js +17 -10
  183. package/dist-es/slider/internal/SliderSelection.js.map +1 -1
  184. package/dist-es/slider/internal/SliderThumb.js +73 -0
  185. package/dist-es/slider/internal/SliderThumb.js.map +1 -0
  186. package/dist-es/slider/internal/SliderTrack.js +87 -0
  187. package/dist-es/slider/internal/SliderTrack.js.map +1 -0
  188. package/dist-es/slider/internal/useKeyDownThumb.js +49 -0
  189. package/dist-es/slider/internal/useKeyDownThumb.js.map +1 -0
  190. package/dist-es/slider/internal/utils.js +70 -111
  191. package/dist-es/slider/internal/utils.js.map +1 -1
  192. package/dist-es/stepped-tracker/TrackerStep/TrackerStep.css.js +1 -1
  193. package/dist-es/stepped-tracker/TrackerStep/TrackerStep.js +30 -26
  194. package/dist-es/stepped-tracker/TrackerStep/TrackerStep.js.map +1 -1
  195. package/dist-es/tabs/TabActivationIndicator.css.js +1 -1
  196. package/dist-es/tabs/Tabstrip.css.js +1 -1
  197. package/dist-es/tabs/useTabs.js.map +1 -1
  198. package/dist-es/toolbar/overflow-panel/OverflowPanel.css.js +1 -1
  199. package/dist-es/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
  200. package/dist-types/calendar/Calendar.d.ts +63 -5
  201. package/dist-types/calendar/CalendarNavigation.d.ts +57 -0
  202. package/dist-types/calendar/formatDate.d.ts +14 -0
  203. package/dist-types/calendar/index.d.ts +3 -1
  204. package/dist-types/calendar/internal/CalendarDay.d.ts +2 -1
  205. package/dist-types/calendar/internal/CalendarWeekHeader.d.ts +4 -4
  206. package/dist-types/calendar/internal/useFocusManagement.d.ts +2 -1
  207. package/dist-types/calendar/internal/utils.d.ts +7 -8
  208. package/dist-types/calendar/useCalendar.d.ts +100 -16
  209. package/dist-types/calendar/useCalendarDay.d.ts +38 -0
  210. package/dist-types/calendar/useCalendarSelection.d.ts +189 -0
  211. package/dist-types/date-input/DateInputRange.d.ts +150 -0
  212. package/dist-types/date-input/DateInputSingle.d.ts +117 -0
  213. package/dist-types/date-input/index.d.ts +3 -1
  214. package/dist-types/date-input/utils.d.ts +43 -0
  215. package/dist-types/date-picker/DatePicker.d.ts +20 -62
  216. package/dist-types/date-picker/DatePickerActions.d.ts +80 -0
  217. package/dist-types/date-picker/DatePickerContext.d.ts +180 -17
  218. package/dist-types/date-picker/DatePickerOverlay.d.ts +11 -0
  219. package/dist-types/date-picker/DatePickerOverlayProvider.d.ts +67 -0
  220. package/dist-types/date-picker/DatePickerRangeInput.d.ts +7 -0
  221. package/dist-types/date-picker/DatePickerRangePanel.d.ts +64 -0
  222. package/dist-types/date-picker/DatePickerSingleInput.d.ts +7 -0
  223. package/dist-types/date-picker/DatePickerSinglePanel.d.ts +42 -0
  224. package/dist-types/date-picker/index.d.ts +7 -0
  225. package/dist-types/date-picker/useDatePicker.d.ts +112 -0
  226. package/dist-types/slider/Slider.d.ts +23 -10
  227. package/dist-types/slider/internal/SliderContext.d.ts +11 -0
  228. package/dist-types/slider/internal/SliderMarks.d.ts +7 -0
  229. package/dist-types/slider/internal/SliderSelection.d.ts +3 -3
  230. package/dist-types/slider/internal/SliderThumb.d.ts +8 -0
  231. package/dist-types/slider/internal/SliderTrack.d.ts +4 -0
  232. package/dist-types/slider/internal/index.d.ts +3 -0
  233. package/dist-types/slider/internal/useKeyDownThumb.d.ts +2 -0
  234. package/dist-types/slider/internal/utils.d.ts +18 -10
  235. package/dist-types/slider/types.d.ts +3 -1
  236. package/dist-types/stepped-tracker/TrackerStep/TrackerStep.d.ts +11 -3
  237. package/package.json +3 -3
  238. package/dist-cjs/calendar/internal/CalendarNavigation.css.js +0 -6
  239. package/dist-cjs/calendar/internal/CalendarNavigation.js.map +0 -1
  240. package/dist-cjs/calendar/useSelection.js +0 -249
  241. package/dist-cjs/calendar/useSelection.js.map +0 -1
  242. package/dist-cjs/date-input/DateInput.js +0 -281
  243. package/dist-cjs/date-input/DateInput.js.map +0 -1
  244. package/dist-cjs/date-picker/DatePickerPanel.js +0 -155
  245. package/dist-cjs/date-picker/DatePickerPanel.js.map +0 -1
  246. package/dist-cjs/slider/internal/SliderHandle.js +0 -44
  247. package/dist-cjs/slider/internal/SliderHandle.js.map +0 -1
  248. package/dist-cjs/slider/internal/SliderMarkLabels.js +0 -45
  249. package/dist-cjs/slider/internal/SliderMarkLabels.js.map +0 -1
  250. package/dist-cjs/slider/internal/SliderRail.js +0 -25
  251. package/dist-cjs/slider/internal/SliderRail.js.map +0 -1
  252. package/dist-cjs/slider/internal/SliderRailMarks.js +0 -48
  253. package/dist-cjs/slider/internal/SliderRailMarks.js.map +0 -1
  254. package/dist-cjs/slider/internal/styles.js +0 -99
  255. package/dist-cjs/slider/internal/styles.js.map +0 -1
  256. package/dist-cjs/slider/internal/useSliderKeyDown.js +0 -50
  257. package/dist-cjs/slider/internal/useSliderKeyDown.js.map +0 -1
  258. package/dist-cjs/slider/internal/useSliderMouseDown.js +0 -96
  259. package/dist-cjs/slider/internal/useSliderMouseDown.js.map +0 -1
  260. package/dist-es/calendar/internal/CalendarNavigation.css.js +0 -4
  261. package/dist-es/calendar/internal/CalendarNavigation.js +0 -211
  262. package/dist-es/calendar/internal/CalendarNavigation.js.map +0 -1
  263. package/dist-es/calendar/useSelection.js +0 -242
  264. package/dist-es/calendar/useSelection.js.map +0 -1
  265. package/dist-es/date-input/DateInput.js +0 -277
  266. package/dist-es/date-input/DateInput.js.map +0 -1
  267. package/dist-es/date-picker/DatePickerPanel.js +0 -151
  268. package/dist-es/date-picker/DatePickerPanel.js.map +0 -1
  269. package/dist-es/slider/internal/SliderHandle.js +0 -40
  270. package/dist-es/slider/internal/SliderHandle.js.map +0 -1
  271. package/dist-es/slider/internal/SliderMarkLabels.js +0 -41
  272. package/dist-es/slider/internal/SliderMarkLabels.js.map +0 -1
  273. package/dist-es/slider/internal/SliderRail.js +0 -21
  274. package/dist-es/slider/internal/SliderRail.js.map +0 -1
  275. package/dist-es/slider/internal/SliderRailMarks.js +0 -44
  276. package/dist-es/slider/internal/SliderRailMarks.js.map +0 -1
  277. package/dist-es/slider/internal/styles.js +0 -91
  278. package/dist-es/slider/internal/styles.js.map +0 -1
  279. package/dist-es/slider/internal/useSliderKeyDown.js +0 -46
  280. package/dist-es/slider/internal/useSliderKeyDown.js.map +0 -1
  281. package/dist-es/slider/internal/useSliderMouseDown.js +0 -92
  282. package/dist-es/slider/internal/useSliderMouseDown.js.map +0 -1
  283. package/dist-types/calendar/internal/CalendarNavigation.d.ts +0 -15
  284. package/dist-types/calendar/useSelection.d.ts +0 -78
  285. package/dist-types/date-input/DateInput.d.ts +0 -56
  286. package/dist-types/date-picker/DatePickerPanel.d.ts +0 -10
  287. package/dist-types/slider/internal/SliderHandle.d.ts +0 -11
  288. package/dist-types/slider/internal/SliderMarkLabels.d.ts +0 -7
  289. package/dist-types/slider/internal/SliderRail.d.ts +0 -1
  290. package/dist-types/slider/internal/SliderRailMarks.d.ts +0 -12
  291. package/dist-types/slider/internal/styles.d.ts +0 -10
  292. package/dist-types/slider/internal/useSliderKeyDown.d.ts +0 -4
  293. package/dist-types/slider/internal/useSliderMouseDown.d.ts +0 -4
  294. /package/dist-cjs/calendar/{internal/CalendarNavigation.css.js.map → CalendarNavigation.css.js.map} +0 -0
  295. /package/dist-es/calendar/{internal/CalendarNavigation.css.js.map → CalendarNavigation.css.js.map} +0 -0
@@ -1,281 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var styles = require('@salt-ds/styles');
7
- var window = require('@salt-ds/window');
8
- var clsx = require('clsx');
9
- var react = require('react');
10
- var date = require('@internationalized/date');
11
- var core = require('@salt-ds/core');
12
- require('../calendar/Calendar.js');
13
- require('../calendar/internal/CalendarContext.js');
14
- require('../calendar/internal/utils.js');
15
- var useSelection = require('../calendar/useSelection.js');
16
- var DatePickerContext = require('../date-picker/DatePickerContext.js');
17
- var DateInput$1 = require('./DateInput.css.js');
18
-
19
- const withBaseName = core.makePrefixer("saltDateInput");
20
- const isInvalidDate = (value) => value && Number.isNaN(new Date(value).getDay());
21
- const createDate = (date) => {
22
- if (!date || isInvalidDate(date)) {
23
- return null;
24
- }
25
- return new Date(date);
26
- };
27
- const getIsoDate = (date$1) => {
28
- try {
29
- return date.parseAbsoluteToLocal(date$1 == null ? void 0 : date$1.toISOString());
30
- } catch (err) {
31
- return void 0;
32
- }
33
- };
34
- function getCalendarDate(inputDate) {
35
- const date$1 = createDate(inputDate);
36
- if (!date$1)
37
- return void 0;
38
- const isoDate = getIsoDate(date$1);
39
- return isoDate && new date.CalendarDate(isoDate.year, isoDate.month, isoDate.day);
40
- }
41
- const defaultDateFormatter = (date$1) => {
42
- return date$1 ? new date.DateFormatter("EN-GB", {
43
- day: "2-digit",
44
- month: "short",
45
- year: "numeric"
46
- }).format(date$1.toDate(date.getLocalTimeZone())) : "";
47
- };
48
- const DateInput = react.forwardRef(function DateInput2({
49
- className,
50
- disabled,
51
- "aria-label": ariaLabel,
52
- selectionVariant: selectionVariantProp,
53
- emptyReadOnlyMarker = "\u2014",
54
- inputProps = {},
55
- endAdornment,
56
- readOnly: readOnlyProp,
57
- validationStatus: validationStatusProp,
58
- variant = "primary",
59
- dateFormatter = defaultDateFormatter,
60
- placeholder = "dd mmm yyyy",
61
- startInputRef,
62
- endInputRef,
63
- onSelectionChange,
64
- onChange,
65
- ...rest
66
- }, ref) {
67
- const wrapperRef = react.useRef(null);
68
- const inputRef = core.useForkRef(ref, wrapperRef);
69
- const inputStringFormatter = (input) => {
70
- const date = getCalendarDate(input);
71
- return !input || !date ? input : dateFormatter(date);
72
- };
73
- const targetWindow = window.useWindow();
74
- styles.useComponentCssInjection({
75
- testId: "salt-dateInput",
76
- css: DateInput$1,
77
- window: targetWindow
78
- });
79
- const {
80
- selectedDate,
81
- setSelectedDate,
82
- selectionVariant: pickerSelectionVariant,
83
- openState,
84
- setOpen
85
- } = DatePickerContext.useDatePickerContext();
86
- const selectionVariant = selectionVariantProp != null ? selectionVariantProp : pickerSelectionVariant;
87
- const isRangePicker = useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) || selectionVariant === "range";
88
- const endDateInputID = core.useId();
89
- const startDateInputID = core.useId();
90
- const [focused, setFocused] = react.useState(false);
91
- const [startDateStringValue, setStartDateStringValue] = react.useState(
92
- dateFormatter(
93
- useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) ? selectedDate == null ? void 0 : selectedDate.startDate : selectedDate
94
- )
95
- );
96
- const [endDateStringValue, setEndDateStringValue] = react.useState(
97
- dateFormatter(
98
- useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) ? selectedDate == null ? void 0 : selectedDate.endDate : void 0
99
- )
100
- );
101
- const {
102
- a11yProps: {
103
- "aria-describedby": formFieldDescribedBy,
104
- "aria-labelledby": formFieldLabelledBy
105
- } = {},
106
- disabled: formFieldDisabled,
107
- readOnly: formFieldReadOnly,
108
- necessity: formFieldRequired,
109
- validationStatus: formFieldValidationStatus
110
- } = core.useFormFieldProps();
111
- const isReadOnly = readOnlyProp || formFieldReadOnly;
112
- const isDisabled = disabled || formFieldDisabled;
113
- const validationStatus = formFieldValidationStatus != null ? formFieldValidationStatus : validationStatusProp;
114
- const {
115
- "aria-describedby": dateInputDescribedBy,
116
- "aria-labelledby": dateInputLabelledBy,
117
- onBlur,
118
- onKeyDown,
119
- onFocus,
120
- required: dateInputPropsRequired,
121
- ...restDateInputProps
122
- } = inputProps;
123
- react.useEffect(() => {
124
- if (useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate)) {
125
- (selectedDate == null ? void 0 : selectedDate.startDate) && setStartDateStringValue(dateFormatter(selectedDate == null ? void 0 : selectedDate.startDate));
126
- (selectedDate == null ? void 0 : selectedDate.endDate) && setEndDateStringValue(dateFormatter(selectedDate == null ? void 0 : selectedDate.endDate));
127
- } else {
128
- setStartDateStringValue(dateFormatter(selectedDate));
129
- }
130
- }, [selectedDate, dateFormatter]);
131
- const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : dateInputPropsRequired;
132
- const updateStartDate = (event, dateString) => {
133
- const inputDate = inputStringFormatter(dateString);
134
- const calendarDate = getCalendarDate(inputDate);
135
- const newSelectedDate = isRangePicker ? { ...selectedDate, startDate: calendarDate } : calendarDate;
136
- setSelectedDate(newSelectedDate);
137
- onSelectionChange == null ? void 0 : onSelectionChange(event, newSelectedDate);
138
- };
139
- const updateEndDate = (event, dateString) => {
140
- const inputDate = inputStringFormatter(dateString);
141
- const calendarDate = getCalendarDate(inputDate);
142
- const newSelectedDate = { ...selectedDate, endDate: calendarDate };
143
- setSelectedDate(newSelectedDate);
144
- onSelectionChange == null ? void 0 : onSelectionChange(event, newSelectedDate);
145
- };
146
- const handleFocus = (event) => {
147
- onFocus == null ? void 0 : onFocus(event);
148
- setFocused(true);
149
- };
150
- const handleStartDateBlur = (event) => {
151
- updateStartDate(event, event.target.value);
152
- setFocused(false);
153
- };
154
- const handleStartDateChange = (event) => {
155
- const newStartValue = event.target.value;
156
- setStartDateStringValue(newStartValue);
157
- onChange == null ? void 0 : onChange(event, newStartValue, endDateStringValue);
158
- };
159
- const handleStartDateKeyDown = (event) => {
160
- if (event.key === "Enter") {
161
- updateStartDate(event, startDateStringValue);
162
- setOpen(false);
163
- }
164
- if (event.key === "Tab" && event.shiftKey && openState) {
165
- setOpen(false);
166
- }
167
- };
168
- const handleEndDateBlur = (event) => {
169
- updateEndDate(event, event.target.value);
170
- setFocused(false);
171
- };
172
- const handleEndDateChange = (event) => {
173
- const newEndValue = event.target.value;
174
- setEndDateStringValue(newEndValue);
175
- onChange == null ? void 0 : onChange(event, startDateStringValue, newEndValue);
176
- };
177
- const handleEndDateKeyDown = (event) => {
178
- if (event.key === "Enter") {
179
- updateEndDate(event, endDateStringValue);
180
- setOpen(false);
181
- }
182
- };
183
- const handleInputClick = (event) => {
184
- var _a;
185
- if (event.target === wrapperRef.current) {
186
- (_a = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a.focus();
187
- }
188
- };
189
- return /* @__PURE__ */ jsxRuntime.jsxs("div", {
190
- className: clsx.clsx(
191
- withBaseName(),
192
- withBaseName(variant),
193
- {
194
- [withBaseName("focused")]: !isDisabled && focused,
195
- [withBaseName("disabled")]: isDisabled,
196
- [withBaseName("readOnly")]: isReadOnly,
197
- [withBaseName(validationStatus != null ? validationStatus : "")]: validationStatus
198
- },
199
- className
200
- ),
201
- onClick: (event) => handleInputClick(event),
202
- onKeyDown,
203
- onBlur,
204
- ref: inputRef,
205
- ...rest,
206
- children: [
207
- /* @__PURE__ */ jsxRuntime.jsx("input", {
208
- autoComplete: "off",
209
- "aria-describedby": clsx.clsx(formFieldDescribedBy, dateInputDescribedBy),
210
- "aria-labelledby": clsx.clsx(
211
- formFieldLabelledBy,
212
- dateInputLabelledBy,
213
- startDateInputID
214
- ),
215
- "aria-label": clsx.clsx("Start date", ariaLabel),
216
- id: startDateInputID,
217
- className: withBaseName("input"),
218
- disabled: isDisabled,
219
- readOnly: isReadOnly,
220
- ref: startInputRef,
221
- tabIndex: isDisabled ? -1 : 0,
222
- onBlur: handleStartDateBlur,
223
- onChange: handleStartDateChange,
224
- onKeyDown: handleStartDateKeyDown,
225
- onFocus: !isDisabled ? handleFocus : void 0,
226
- placeholder,
227
- size: placeholder.length,
228
- value: isReadOnly && !startDateStringValue ? emptyReadOnlyMarker : startDateStringValue,
229
- ...restDateInputProps,
230
- required: isRequired
231
- }),
232
- selectionVariant === "range" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
233
- children: [
234
- /* @__PURE__ */ jsxRuntime.jsx("span", {
235
- children: "-"
236
- }),
237
- /* @__PURE__ */ jsxRuntime.jsx("input", {
238
- autoComplete: "off",
239
- "aria-describedby": clsx.clsx(formFieldDescribedBy, dateInputDescribedBy),
240
- "aria-labelledby": clsx.clsx(
241
- formFieldLabelledBy,
242
- dateInputLabelledBy,
243
- endDateInputID
244
- ),
245
- "aria-label": clsx.clsx("End date", ariaLabel),
246
- id: endDateInputID,
247
- className: withBaseName("input"),
248
- disabled: isDisabled,
249
- readOnly: isReadOnly,
250
- ref: endInputRef,
251
- tabIndex: isDisabled ? -1 : 0,
252
- onBlur: handleEndDateBlur,
253
- onChange: handleEndDateChange,
254
- onKeyDown: handleEndDateKeyDown,
255
- onFocus: !isDisabled ? handleFocus : void 0,
256
- placeholder,
257
- size: placeholder.length,
258
- value: isReadOnly && !endDateStringValue ? emptyReadOnlyMarker : endDateStringValue,
259
- required: isRequired,
260
- ...restDateInputProps
261
- })
262
- ]
263
- }),
264
- /* @__PURE__ */ jsxRuntime.jsxs("div", {
265
- className: withBaseName("endAdornmentContainer"),
266
- children: [
267
- !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsxRuntime.jsx(core.StatusAdornment, {
268
- status: validationStatus
269
- }),
270
- endAdornment
271
- ]
272
- }),
273
- /* @__PURE__ */ jsxRuntime.jsx("div", {
274
- className: withBaseName("activationIndicator")
275
- })
276
- ]
277
- });
278
- });
279
-
280
- exports.DateInput = DateInput;
281
- //# sourceMappingURL=DateInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DateInput.js","sources":["../src/date-input/DateInput.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ChangeEvent,\n type ComponentPropsWithoutRef,\n type FocusEvent,\n type InputHTMLAttributes,\n type KeyboardEvent,\n type ReactNode,\n type RefObject,\n type SyntheticEvent,\n forwardRef,\n useEffect,\n useRef,\n useState,\n} from \"react\";\n\nimport {\n CalendarDate,\n DateFormatter,\n type DateValue,\n getLocalTimeZone,\n parseAbsoluteToLocal,\n} from \"@internationalized/date\";\nimport {\n StatusAdornment,\n makePrefixer,\n useForkRef,\n useFormFieldProps,\n useId,\n} from \"@salt-ds/core\";\nimport {\n type RangeSelectionValueType,\n type SingleSelectionValueType,\n isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\nimport { useDatePickerContext } from \"../date-picker/DatePickerContext\";\nimport dateInputCss from \"./DateInput.css\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\nconst isInvalidDate = (value: string) =>\n value && Number.isNaN(new Date(value).getDay());\nconst createDate = (date: string): Date | null => {\n if (!date || isInvalidDate(date)) {\n return null;\n }\n return new Date(date);\n};\n\nconst getIsoDate = (date: Date) => {\n try {\n return parseAbsoluteToLocal(date?.toISOString());\n } catch (err) {\n return undefined;\n }\n};\n\nfunction getCalendarDate(inputDate: string) {\n const date = createDate(inputDate);\n if (!date) return undefined;\n const isoDate = getIsoDate(date);\n return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);\n}\n\nconst defaultDateFormatter = (date: DateValue | undefined): string => {\n return date\n ? new DateFormatter(\"EN-GB\", {\n day: \"2-digit\",\n month: \"short\",\n year: \"numeric\",\n }).format(date.toDate(getLocalTimeZone()))\n : \"\";\n};\n\nexport interface DateInputProps<SelectionVariantType>\n extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\" | \"onChange\">,\n Pick<ComponentPropsWithoutRef<\"input\">, \"disabled\" | \"placeholder\"> {\n ariaLabel?: string;\n /**\n * The marker to use in an empty read only DateInput.\n * Use `''` to disable this feature. Defaults to '—'.\n */\n emptyReadOnlyMarker?: string;\n /**\n * End adornment component\n */\n endAdornment?: ReactNode;\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.\n */\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n /**\n * If `true`, the component is read only.\n */\n readOnly?: boolean;\n /**\n * Validation status.\n */\n validationStatus?: \"error\" | \"warning\" | \"success\";\n /**\n * Styling variant. Defaults to \"primary\".\n */\n variant?: \"primary\" | \"secondary\";\n /**\n * Function to format the input value.\n */\n dateFormatter?: (input: DateValue | undefined) => string;\n /**\n * Reference for the startInput;\n */\n startInputRef?: RefObject<HTMLInputElement>;\n /**\n * Reference for the endInput;\n */\n endInputRef?: RefObject<HTMLInputElement>;\n /**\n * Selection variant. Defaults to single select.\n */\n selectionVariant?: \"default\" | \"range\";\n /**\n * Callback fired when the selected date change.\n */\n onSelectionChange?: (\n event: SyntheticEvent,\n selectedDate?: SelectionVariantType,\n ) => void;\n /**\n * Callback fired when the input value change.\n */\n onChange?: SelectionVariantType extends SingleSelectionValueType\n ? (\n event: ChangeEvent<HTMLInputElement>,\n selectedDateInputValue?: string,\n ) => void\n : (\n event: ChangeEvent<HTMLInputElement>,\n startDateInputValue?: string,\n endDateInputValue?: string,\n ) => void;\n}\n\nexport const DateInput = forwardRef<\n HTMLDivElement,\n DateInputProps<SingleSelectionValueType | RangeSelectionValueType>\n>(function DateInput(\n {\n className,\n disabled,\n \"aria-label\": ariaLabel,\n selectionVariant: selectionVariantProp,\n emptyReadOnlyMarker = \"—\",\n inputProps = {},\n endAdornment,\n readOnly: readOnlyProp,\n validationStatus: validationStatusProp,\n variant = \"primary\",\n dateFormatter = defaultDateFormatter,\n placeholder = \"dd mmm yyyy\",\n startInputRef,\n endInputRef,\n onSelectionChange,\n onChange,\n ...rest\n },\n ref,\n) {\n const wrapperRef = useRef(null);\n const inputRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n const inputStringFormatter = (input: string): string => {\n const date = getCalendarDate(input);\n return !input || !date ? input : dateFormatter(date);\n };\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-dateInput\",\n css: dateInputCss,\n window: targetWindow,\n });\n\n const {\n selectedDate,\n setSelectedDate,\n selectionVariant: pickerSelectionVariant,\n openState,\n setOpen,\n } = useDatePickerContext();\n\n const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;\n const isRangePicker =\n isRangeOrOffsetSelectionWithStartDate(selectedDate) ||\n selectionVariant === \"range\";\n\n const endDateInputID = useId();\n const startDateInputID = useId();\n\n const [focused, setFocused] = useState(false);\n const [startDateStringValue, setStartDateStringValue] = useState<string>(\n dateFormatter(\n isRangeOrOffsetSelectionWithStartDate(selectedDate)\n ? selectedDate?.startDate\n : selectedDate,\n ),\n );\n const [endDateStringValue, setEndDateStringValue] = useState<string>(\n dateFormatter(\n isRangeOrOffsetSelectionWithStartDate(selectedDate)\n ? selectedDate?.endDate\n : undefined,\n ),\n );\n\n const {\n a11yProps: {\n \"aria-describedby\": formFieldDescribedBy,\n \"aria-labelledby\": formFieldLabelledBy,\n } = {},\n disabled: formFieldDisabled,\n readOnly: formFieldReadOnly,\n necessity: formFieldRequired,\n validationStatus: formFieldValidationStatus,\n } = useFormFieldProps();\n\n const isReadOnly = readOnlyProp || formFieldReadOnly;\n const isDisabled = disabled || formFieldDisabled;\n\n const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n const {\n \"aria-describedby\": dateInputDescribedBy,\n \"aria-labelledby\": dateInputLabelledBy,\n onBlur,\n onKeyDown,\n onFocus,\n required: dateInputPropsRequired,\n ...restDateInputProps\n } = inputProps;\n\n // Update date strings when dates change\n useEffect(() => {\n if (isRangeOrOffsetSelectionWithStartDate(selectedDate)) {\n selectedDate?.startDate &&\n setStartDateStringValue(dateFormatter(selectedDate?.startDate));\n selectedDate?.endDate &&\n setEndDateStringValue(dateFormatter(selectedDate?.endDate));\n } else {\n setStartDateStringValue(dateFormatter(selectedDate));\n }\n }, [selectedDate, dateFormatter]);\n\n const isRequired = formFieldRequired\n ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n : dateInputPropsRequired;\n const updateStartDate = (event: SyntheticEvent, dateString: string) => {\n const inputDate = inputStringFormatter(dateString);\n const calendarDate = getCalendarDate(inputDate);\n const newSelectedDate = isRangePicker\n ? { ...selectedDate, startDate: calendarDate }\n : calendarDate;\n setSelectedDate(newSelectedDate);\n onSelectionChange?.(event, newSelectedDate);\n };\n\n const updateEndDate = (event: SyntheticEvent, dateString: string) => {\n const inputDate = inputStringFormatter(dateString);\n const calendarDate = getCalendarDate(inputDate);\n const newSelectedDate = { ...selectedDate, endDate: calendarDate };\n setSelectedDate(newSelectedDate);\n onSelectionChange?.(event, newSelectedDate);\n };\n\n // Handlers\n const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n onFocus?.(event);\n setFocused(true);\n };\n const handleStartDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n updateStartDate(event, event.target.value);\n setFocused(false);\n };\n\n const handleStartDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n const newStartValue = event.target.value;\n setStartDateStringValue(newStartValue);\n onChange?.(event, newStartValue, endDateStringValue);\n };\n\n const handleStartDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === \"Enter\") {\n updateStartDate(event, startDateStringValue);\n setOpen(false);\n }\n if (event.key === \"Tab\" && event.shiftKey && openState) {\n setOpen(false);\n }\n };\n\n const handleEndDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n updateEndDate(event, event.target.value);\n setFocused(false);\n };\n const handleEndDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n const newEndValue = event.target.value;\n setEndDateStringValue(newEndValue);\n onChange?.(event, startDateStringValue, newEndValue);\n };\n const handleEndDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === \"Enter\") {\n updateEndDate(event, endDateStringValue);\n setOpen(false);\n }\n };\n\n const handleInputClick = (event: SyntheticEvent<HTMLDivElement>) => {\n if (event.target === wrapperRef.current) {\n startInputRef?.current?.focus();\n }\n };\n\n return (\n <div\n className={clsx(\n withBaseName(),\n withBaseName(variant),\n {\n [withBaseName(\"focused\")]: !isDisabled && focused,\n [withBaseName(\"disabled\")]: isDisabled,\n [withBaseName(\"readOnly\")]: isReadOnly,\n [withBaseName(validationStatus ?? \"\")]: validationStatus,\n },\n className,\n )}\n onClick={(event) => handleInputClick(event)}\n onKeyDown={onKeyDown}\n onBlur={onBlur}\n ref={inputRef}\n {...rest}\n >\n <input\n autoComplete=\"off\"\n aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n aria-labelledby={clsx(\n formFieldLabelledBy,\n dateInputLabelledBy,\n startDateInputID,\n )}\n aria-label={clsx(\"Start date\", ariaLabel)}\n id={startDateInputID}\n className={withBaseName(\"input\")}\n disabled={isDisabled}\n readOnly={isReadOnly}\n ref={startInputRef}\n tabIndex={isDisabled ? -1 : 0}\n onBlur={handleStartDateBlur}\n onChange={handleStartDateChange}\n onKeyDown={handleStartDateKeyDown}\n onFocus={!isDisabled ? handleFocus : undefined}\n placeholder={placeholder}\n size={placeholder.length}\n value={\n isReadOnly && !startDateStringValue\n ? emptyReadOnlyMarker\n : startDateStringValue\n }\n {...restDateInputProps}\n required={isRequired}\n />\n {selectionVariant === \"range\" && (\n <>\n <span>-</span>\n <input\n autoComplete=\"off\"\n aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n aria-labelledby={clsx(\n formFieldLabelledBy,\n dateInputLabelledBy,\n endDateInputID,\n )}\n aria-label={clsx(\"End date\", ariaLabel)}\n id={endDateInputID}\n className={withBaseName(\"input\")}\n disabled={isDisabled}\n readOnly={isReadOnly}\n ref={endInputRef}\n tabIndex={isDisabled ? -1 : 0}\n onBlur={handleEndDateBlur}\n onChange={handleEndDateChange}\n onKeyDown={handleEndDateKeyDown}\n onFocus={!isDisabled ? handleFocus : undefined}\n placeholder={placeholder}\n size={placeholder.length}\n value={\n isReadOnly && !endDateStringValue\n ? emptyReadOnlyMarker\n : endDateStringValue\n }\n required={isRequired}\n {...restDateInputProps}\n />\n </>\n )}\n {\n <div className={withBaseName(\"endAdornmentContainer\")}>\n {!isDisabled && !isReadOnly && validationStatus && (\n <StatusAdornment status={validationStatus} />\n )}\n {endAdornment}\n </div>\n }\n <div className={withBaseName(\"activationIndicator\")} />\n </div>\n );\n});\n"],"names":["makePrefixer","date","parseAbsoluteToLocal","CalendarDate","DateFormatter","getLocalTimeZone","forwardRef","DateInput","useRef","useForkRef","useWindow","useComponentCssInjection","dateInputCss","useDatePickerContext","isRangeOrOffsetSelectionWithStartDate","useId","useState","useFormFieldProps","useEffect","jsxs","clsx","jsx","Fragment","StatusAdornment"],"mappings":";;;;;;;;;;;;;;;;;;AAwCA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA,CAAA;AACjD,MAAM,aAAA,GAAgB,CAAC,KAAA,KACrB,KAAS,IAAA,MAAA,CAAO,KAAM,CAAA,IAAI,IAAK,CAAA,KAAK,CAAE,CAAA,MAAA,EAAQ,CAAA,CAAA;AAChD,MAAM,UAAA,GAAa,CAAC,IAA8B,KAAA;AAChD,EAAA,IAAI,CAAC,IAAA,IAAQ,aAAc,CAAA,IAAI,CAAG,EAAA;AAChC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,IAAI,KAAK,IAAI,CAAA,CAAA;AACtB,CAAA,CAAA;AAEA,MAAM,UAAA,GAAa,CAACC,MAAe,KAAA;AACjC,EAAI,IAAA;AACF,IAAO,OAAAC,yBAAA,CAAqBD,iCAAM,WAAa,EAAA,CAAA,CAAA;AAAA,WACxC,GAAP,EAAA;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT;AACF,CAAA,CAAA;AAEA,SAAS,gBAAgB,SAAmB,EAAA;AAC1C,EAAM,MAAAA,MAAA,GAAO,WAAW,SAAS,CAAA,CAAA;AACjC,EAAA,IAAI,CAACA,MAAA;AAAM,IAAO,OAAA,KAAA,CAAA,CAAA;AAClB,EAAM,MAAA,OAAA,GAAU,WAAWA,MAAI,CAAA,CAAA;AAC/B,EAAO,OAAA,OAAA,IAAW,IAAIE,iBAAa,CAAA,OAAA,CAAQ,MAAM,OAAQ,CAAA,KAAA,EAAO,QAAQ,GAAG,CAAA,CAAA;AAC7E,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAACF,MAAwC,KAAA;AACpE,EAAO,OAAAA,MAAA,GACH,IAAIG,kBAAA,CAAc,OAAS,EAAA;AAAA,IACzB,GAAK,EAAA,SAAA;AAAA,IACL,KAAO,EAAA,OAAA;AAAA,IACP,IAAM,EAAA,SAAA;AAAA,GACP,EAAE,MAAO,CAAAH,MAAA,CAAK,OAAOI,qBAAiB,EAAC,CAAC,CACzC,GAAA,EAAA,CAAA;AACN,CAAA,CAAA;AAqEa,MAAA,SAAA,GAAYC,gBAGvB,CAAA,SAASC,UACT,CAAA;AAAA,EACE,SAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAc,EAAA,SAAA;AAAA,EACd,gBAAkB,EAAA,oBAAA;AAAA,EAClB,mBAAsB,GAAA,QAAA;AAAA,EACtB,aAAa,EAAC;AAAA,EACd,YAAA;AAAA,EACA,QAAU,EAAA,YAAA;AAAA,EACV,gBAAkB,EAAA,oBAAA;AAAA,EAClB,OAAU,GAAA,SAAA;AAAA,EACV,aAAgB,GAAA,oBAAA;AAAA,EAChB,WAAc,GAAA,aAAA;AAAA,EACd,aAAA;AAAA,EACA,WAAA;AAAA,EACA,iBAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAM,MAAA,UAAA,GAAaC,aAAO,IAAI,CAAA,CAAA;AAC9B,EAAM,MAAA,QAAA,GAAWC,eAA2B,CAAA,GAAA,EAAK,UAAU,CAAA,CAAA;AAC3D,EAAM,MAAA,oBAAA,GAAuB,CAAC,KAA0B,KAAA;AACtD,IAAM,MAAA,IAAA,GAAO,gBAAgB,KAAK,CAAA,CAAA;AAClC,IAAA,OAAO,CAAC,KAAS,IAAA,CAAC,IAAO,GAAA,KAAA,GAAQ,cAAc,IAAI,CAAA,CAAA;AAAA,GACrD,CAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAkB,EAAA,sBAAA;AAAA,IAClB,SAAA;AAAA,IACA,OAAA;AAAA,MACEC,sCAAqB,EAAA,CAAA;AAEzB,EAAA,MAAM,mBAAmB,oBAAwB,IAAA,IAAA,GAAA,oBAAA,GAAA,sBAAA,CAAA;AACjD,EAAA,MAAM,aACJ,GAAAC,kDAAA,CAAsC,YAAY,CAAA,IAClD,gBAAqB,KAAA,OAAA,CAAA;AAEvB,EAAA,MAAM,iBAAiBC,UAAM,EAAA,CAAA;AAC7B,EAAA,MAAM,mBAAmBA,UAAM,EAAA,CAAA;AAE/B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,CAAC,oBAAsB,EAAA,uBAAuB,CAAI,GAAAA,cAAA;AAAA,IACtD,aAAA;AAAA,MACEF,kDAAsC,CAAA,YAAY,CAC9C,GAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,SACd,GAAA,YAAA;AAAA,KACN;AAAA,GACF,CAAA;AACA,EAAM,MAAA,CAAC,kBAAoB,EAAA,qBAAqB,CAAI,GAAAE,cAAA;AAAA,IAClD,aAAA;AAAA,MACEF,kDAAsC,CAAA,YAAY,CAC9C,GAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,OACd,GAAA,KAAA,CAAA;AAAA,KACN;AAAA,GACF,CAAA;AAEA,EAAM,MAAA;AAAA,IACJ,SAAW,EAAA;AAAA,MACT,kBAAoB,EAAA,oBAAA;AAAA,MACpB,iBAAmB,EAAA,mBAAA;AAAA,QACjB,EAAC;AAAA,IACL,QAAU,EAAA,iBAAA;AAAA,IACV,QAAU,EAAA,iBAAA;AAAA,IACV,SAAW,EAAA,iBAAA;AAAA,IACX,gBAAkB,EAAA,yBAAA;AAAA,MAChBG,sBAAkB,EAAA,CAAA;AAEtB,EAAA,MAAM,aAAa,YAAgB,IAAA,iBAAA,CAAA;AACnC,EAAA,MAAM,aAAa,QAAY,IAAA,iBAAA,CAAA;AAE/B,EAAA,MAAM,mBAAmB,yBAA6B,IAAA,IAAA,GAAA,yBAAA,GAAA,oBAAA,CAAA;AAEtD,EAAM,MAAA;AAAA,IACJ,kBAAoB,EAAA,oBAAA;AAAA,IACpB,iBAAmB,EAAA,mBAAA;AAAA,IACnB,MAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAU,EAAA,sBAAA;AAAA,IACP,GAAA,kBAAA;AAAA,GACD,GAAA,UAAA,CAAA;AAGJ,EAAAC,eAAA,CAAU,MAAM;AACd,IAAI,IAAAJ,kDAAA,CAAsC,YAAY,CAAG,EAAA;AACvD,MAAA,CAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,SACZ,KAAA,uBAAA,CAAwB,aAAc,CAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,SAAS,CAAC,CAAA,CAAA;AAChE,MAAA,CAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,OACZ,KAAA,qBAAA,CAAsB,aAAc,CAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,OAAO,CAAC,CAAA,CAAA;AAAA,KACvD,MAAA;AACL,MAAwB,uBAAA,CAAA,aAAA,CAAc,YAAY,CAAC,CAAA,CAAA;AAAA,KACrD;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,aAAa,CAAC,CAAA,CAAA;AAEhC,EAAM,MAAA,UAAA,GAAa,oBACf,CAAC,UAAA,EAAY,UAAU,CAAE,CAAA,QAAA,CAAS,iBAAiB,CACnD,GAAA,sBAAA,CAAA;AACJ,EAAM,MAAA,eAAA,GAAkB,CAAC,KAAA,EAAuB,UAAuB,KAAA;AACrE,IAAM,MAAA,SAAA,GAAY,qBAAqB,UAAU,CAAA,CAAA;AACjD,IAAM,MAAA,YAAA,GAAe,gBAAgB,SAAS,CAAA,CAAA;AAC9C,IAAA,MAAM,kBAAkB,aACpB,GAAA,EAAE,GAAG,YAAc,EAAA,SAAA,EAAW,cAC9B,GAAA,YAAA,CAAA;AACJ,IAAA,eAAA,CAAgB,eAAe,CAAA,CAAA;AAC/B,IAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAoB,KAAO,EAAA,eAAA,CAAA,CAAA;AAAA,GAC7B,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgB,CAAC,KAAA,EAAuB,UAAuB,KAAA;AACnE,IAAM,MAAA,SAAA,GAAY,qBAAqB,UAAU,CAAA,CAAA;AACjD,IAAM,MAAA,YAAA,GAAe,gBAAgB,SAAS,CAAA,CAAA;AAC9C,IAAA,MAAM,eAAkB,GAAA,EAAE,GAAG,YAAA,EAAc,SAAS,YAAa,EAAA,CAAA;AACjE,IAAA,eAAA,CAAgB,eAAe,CAAA,CAAA;AAC/B,IAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAoB,KAAO,EAAA,eAAA,CAAA,CAAA;AAAA,GAC7B,CAAA;AAGA,EAAM,MAAA,WAAA,GAAc,CAAC,KAAwC,KAAA;AAC3D,IAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AACV,IAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAAA,GACjB,CAAA;AACA,EAAM,MAAA,mBAAA,GAAsB,CAAC,KAAwC,KAAA;AACnE,IAAgB,eAAA,CAAA,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AACzC,IAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,GAClB,CAAA;AAEA,EAAM,MAAA,qBAAA,GAAwB,CAAC,KAAyC,KAAA;AACtE,IAAM,MAAA,aAAA,GAAgB,MAAM,MAAO,CAAA,KAAA,CAAA;AACnC,IAAA,uBAAA,CAAwB,aAAa,CAAA,CAAA;AACrC,IAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAW,OAAO,aAAe,EAAA,kBAAA,CAAA,CAAA;AAAA,GACnC,CAAA;AAEA,EAAM,MAAA,sBAAA,GAAyB,CAAC,KAA2C,KAAA;AACzE,IAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,MAAA,eAAA,CAAgB,OAAO,oBAAoB,CAAA,CAAA;AAC3C,MAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,KACf;AACA,IAAA,IAAI,KAAM,CAAA,GAAA,KAAQ,KAAS,IAAA,KAAA,CAAM,YAAY,SAAW,EAAA;AACtD,MAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,KACf;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAAwC,KAAA;AACjE,IAAc,aAAA,CAAA,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AACvC,IAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,GAClB,CAAA;AACA,EAAM,MAAA,mBAAA,GAAsB,CAAC,KAAyC,KAAA;AACpE,IAAM,MAAA,WAAA,GAAc,MAAM,MAAO,CAAA,KAAA,CAAA;AACjC,IAAA,qBAAA,CAAsB,WAAW,CAAA,CAAA;AACjC,IAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAW,OAAO,oBAAsB,EAAA,WAAA,CAAA,CAAA;AAAA,GAC1C,CAAA;AACA,EAAM,MAAA,oBAAA,GAAuB,CAAC,KAA2C,KAAA;AACvE,IAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,MAAA,aAAA,CAAc,OAAO,kBAAkB,CAAA,CAAA;AACvC,MAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,KACf;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAA0C,KAAA;AAzTtE,IAAA,IAAA,EAAA,CAAA;AA0TI,IAAI,IAAA,KAAA,CAAM,MAAW,KAAA,UAAA,CAAW,OAAS,EAAA;AACvC,MAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,YAAf,IAAwB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAAA,KAC1B;AAAA,GACF,CAAA;AAEA,EAAA,uBACGK,eAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAAC,SAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,aAAa,OAAO,CAAA;AAAA,MACpB;AAAA,QACE,CAAC,YAAA,CAAa,SAAS,CAAA,GAAI,CAAC,UAAc,IAAA,OAAA;AAAA,QAC1C,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,UAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,UAAA;AAAA,QAC5B,CAAC,YAAA,CAAa,gBAAoB,IAAA,IAAA,GAAA,gBAAA,GAAA,EAAE,CAAI,GAAA,gBAAA;AAAA,OAC1C;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,OAAS,EAAA,CAAC,KAAU,KAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,IAC1C,SAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAK,EAAA,QAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAA,OAAA,EAAA;AAAA,QACC,YAAa,EAAA,KAAA;AAAA,QACb,kBAAA,EAAkBD,SAAK,CAAA,oBAAA,EAAsB,oBAAoB,CAAA;AAAA,QACjE,iBAAiB,EAAAA,SAAA;AAAA,UACf,mBAAA;AAAA,UACA,mBAAA;AAAA,UACA,gBAAA;AAAA,SACF;AAAA,QACA,YAAA,EAAYA,SAAK,CAAA,YAAA,EAAc,SAAS,CAAA;AAAA,QACxC,EAAI,EAAA,gBAAA;AAAA,QACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAC/B,QAAU,EAAA,UAAA;AAAA,QACV,QAAU,EAAA,UAAA;AAAA,QACV,GAAK,EAAA,aAAA;AAAA,QACL,QAAA,EAAU,aAAa,CAAK,CAAA,GAAA,CAAA;AAAA,QAC5B,MAAQ,EAAA,mBAAA;AAAA,QACR,QAAU,EAAA,qBAAA;AAAA,QACV,SAAW,EAAA,sBAAA;AAAA,QACX,OAAA,EAAS,CAAC,UAAA,GAAa,WAAc,GAAA,KAAA,CAAA;AAAA,QACrC,WAAA;AAAA,QACA,MAAM,WAAY,CAAA,MAAA;AAAA,QAClB,KACE,EAAA,UAAA,IAAc,CAAC,oBAAA,GACX,mBACA,GAAA,oBAAA;AAAA,QAEL,GAAG,kBAAA;AAAA,QACJ,QAAU,EAAA,UAAA;AAAA,OACZ,CAAA;AAAA,MACC,qBAAqB,OACpB,oBAAAD,eAAA,CAAAG,mBAAA,EAAA;AAAA,QACE,QAAA,EAAA;AAAA,0BAACD,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,QAAA,EAAA,GAAA;AAAA,WAAC,CAAA;AAAA,0BACNA,cAAA,CAAA,OAAA,EAAA;AAAA,YACC,YAAa,EAAA,KAAA;AAAA,YACb,kBAAA,EAAkBD,SAAK,CAAA,oBAAA,EAAsB,oBAAoB,CAAA;AAAA,YACjE,iBAAiB,EAAAA,SAAA;AAAA,cACf,mBAAA;AAAA,cACA,mBAAA;AAAA,cACA,cAAA;AAAA,aACF;AAAA,YACA,YAAA,EAAYA,SAAK,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,YACtC,EAAI,EAAA,cAAA;AAAA,YACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,YAC/B,QAAU,EAAA,UAAA;AAAA,YACV,QAAU,EAAA,UAAA;AAAA,YACV,GAAK,EAAA,WAAA;AAAA,YACL,QAAA,EAAU,aAAa,CAAK,CAAA,GAAA,CAAA;AAAA,YAC5B,MAAQ,EAAA,iBAAA;AAAA,YACR,QAAU,EAAA,mBAAA;AAAA,YACV,SAAW,EAAA,oBAAA;AAAA,YACX,OAAA,EAAS,CAAC,UAAA,GAAa,WAAc,GAAA,KAAA,CAAA;AAAA,YACrC,WAAA;AAAA,YACA,MAAM,WAAY,CAAA,MAAA;AAAA,YAClB,KACE,EAAA,UAAA,IAAc,CAAC,kBAAA,GACX,mBACA,GAAA,kBAAA;AAAA,YAEN,QAAU,EAAA,UAAA;AAAA,YACT,GAAG,kBAAA;AAAA,WACN,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,sBAGCD,eAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,uBAAuB,CAAA;AAAA,QACjD,QAAA,EAAA;AAAA,UAAA,CAAC,UAAc,IAAA,CAAC,UAAc,IAAA,gBAAA,oBAC5BE,cAAA,CAAAE,oBAAA,EAAA;AAAA,YAAgB,MAAQ,EAAA,gBAAA;AAAA,WAAkB,CAAA;AAAA,UAE5C,YAAA;AAAA,SAAA;AAAA,OACH,CAAA;AAAA,sBAEDF,cAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,qBAAqB,CAAA;AAAA,OAAG,CAAA;AAAA,KAAA;AAAA,GACvD,CAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -1,155 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var date = require('@internationalized/date');
7
- var core = require('@salt-ds/core');
8
- var styles = require('@salt-ds/styles');
9
- var window = require('@salt-ds/window');
10
- var clsx = require('clsx');
11
- var react = require('react');
12
- var Calendar = require('../calendar/Calendar.js');
13
- require('../calendar/internal/CalendarContext.js');
14
- require('../calendar/internal/utils.js');
15
- var useSelection = require('../calendar/useSelection.js');
16
- var DatePickerContext = require('./DatePickerContext.js');
17
- var DatePickerPanel$1 = require('./DatePickerPanel.css.js');
18
-
19
- const withBaseName = core.makePrefixer("saltDatePickerPanel");
20
- function getHoveredDate(date$1, compact, hoveredDate) {
21
- return date$1 && !compact && hoveredDate && hoveredDate.compare(date.endOfMonth(date$1)) > 0 ? date.endOfMonth(date$1) : hoveredDate;
22
- }
23
- const DatePickerPanel = react.forwardRef(function DatePickerPanel2(props, ref) {
24
- var _a;
25
- const {
26
- className,
27
- onSelect,
28
- helperText,
29
- CalendarProps,
30
- visibleMonths,
31
- ...rest
32
- } = props;
33
- const targetWindow = window.useWindow();
34
- styles.useComponentCssInjection({
35
- testId: "salt-date-picker-panel",
36
- css: DatePickerPanel$1,
37
- window: targetWindow
38
- });
39
- const { Component: FloatingComponent } = core.useFloatingComponent();
40
- const [hoveredDate, setHoveredDate] = react.useState(null);
41
- const {
42
- openState,
43
- selectedDate,
44
- setSelectedDate,
45
- startVisibleMonth,
46
- setStartVisibleMonth,
47
- endVisibleMonth,
48
- setEndVisibleMonth,
49
- setOpen,
50
- context,
51
- getPanelPosition,
52
- selectionVariant
53
- } = DatePickerContext.useDatePickerContext();
54
- const { a11yProps } = core.useFormFieldProps();
55
- const isRangePicker = useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) || selectionVariant === "range" && selectedDate === void 0;
56
- const compact = visibleMonths === 1;
57
- const setRangeDate = (event, newDate) => {
58
- setSelectedDate(newDate);
59
- onSelect == null ? void 0 : onSelect(event, newDate);
60
- if (newDate.startDate && newDate.endDate) {
61
- setOpen(false);
62
- }
63
- };
64
- const setSingleDate = (event, newDate) => {
65
- setSelectedDate(newDate);
66
- onSelect == null ? void 0 : onSelect(event, newDate);
67
- setOpen(false);
68
- };
69
- const handleHoveredDateChange = (_, newHoveredDate) => {
70
- setHoveredDate(newHoveredDate);
71
- };
72
- react.useEffect(() => {
73
- if (isRangePicker) {
74
- if (selectedDate == null ? void 0 : selectedDate.startDate) {
75
- setStartVisibleMonth(selectedDate.startDate);
76
- setEndVisibleMonth(selectedDate.startDate.add({ months: 1 }));
77
- }
78
- } else {
79
- setStartVisibleMonth(selectedDate);
80
- }
81
- }, [selectedDate, setEndVisibleMonth, setStartVisibleMonth]);
82
- const firstCalendarProps = isRangePicker ? {
83
- selectionVariant: "range",
84
- hoveredDate: getHoveredDate(
85
- selectedDate == null ? void 0 : selectedDate.startDate,
86
- compact,
87
- hoveredDate
88
- ),
89
- onHoveredDateChange: handleHoveredDateChange,
90
- selectedDate,
91
- onSelectedDateChange: setRangeDate,
92
- maxDate: !compact && (selectedDate == null ? void 0 : selectedDate.startDate) ? date.endOfMonth(selectedDate == null ? void 0 : selectedDate.startDate) : void 0,
93
- hideOutOfRangeDates: true
94
- } : {
95
- selectionVariant: "default",
96
- selectedDate,
97
- onSelectedDateChange: setSingleDate
98
- };
99
- return /* @__PURE__ */ jsxRuntime.jsx(FloatingComponent, {
100
- open: openState,
101
- className: clsx.clsx(withBaseName(), className),
102
- "aria-modal": "true",
103
- ref,
104
- focusManagerProps: context ? {
105
- context,
106
- initialFocus: 4
107
- } : void 0,
108
- ...getPanelPosition(),
109
- ...a11yProps,
110
- ...rest,
111
- children: /* @__PURE__ */ jsxRuntime.jsxs(core.StackLayout, {
112
- separators: true,
113
- gap: 0,
114
- className: withBaseName("container"),
115
- children: [
116
- helperText && /* @__PURE__ */ jsxRuntime.jsx(core.FlexItem, {
117
- className: withBaseName("header"),
118
- children: /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldHelperText, {
119
- children: helperText
120
- })
121
- }),
122
- /* @__PURE__ */ jsxRuntime.jsx(core.FlexLayout, {
123
- children: /* @__PURE__ */ jsxRuntime.jsxs(core.FormFieldContext.Provider, {
124
- value: {},
125
- children: [
126
- /* @__PURE__ */ jsxRuntime.jsx(Calendar.Calendar, {
127
- visibleMonth: startVisibleMonth,
128
- onVisibleMonthChange: (_, month) => setStartVisibleMonth(month),
129
- ...firstCalendarProps,
130
- ...CalendarProps
131
- }),
132
- isRangePicker && !compact && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Calendar, {
133
- selectionVariant: "range",
134
- hoveredDate,
135
- onHoveredDateChange: handleHoveredDateChange,
136
- selectedDate,
137
- onSelectedDateChange: setRangeDate,
138
- visibleMonth: endVisibleMonth,
139
- onVisibleMonthChange: (_, month) => setEndVisibleMonth(month),
140
- hideOutOfRangeDates: true,
141
- minDate: (selectedDate == null ? void 0 : selectedDate.startDate) ? (_a = date.startOfMonth(selectedDate == null ? void 0 : selectedDate.startDate)) == null ? void 0 : _a.add({
142
- months: 1
143
- }) : void 0,
144
- ...CalendarProps
145
- })
146
- ]
147
- })
148
- })
149
- ]
150
- })
151
- });
152
- });
153
-
154
- exports.DatePickerPanel = DatePickerPanel;
155
- //# sourceMappingURL=DatePickerPanel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePickerPanel.js","sources":["../src/date-picker/DatePickerPanel.tsx"],"sourcesContent":["import {\n type DateValue,\n endOfMonth,\n startOfMonth,\n} from \"@internationalized/date\";\nimport {\n FlexItem,\n FlexLayout,\n FormFieldContext,\n type FormFieldContextValue,\n FormFieldHelperText,\n StackLayout,\n makePrefixer,\n useFloatingComponent,\n useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n type SyntheticEvent,\n forwardRef,\n useEffect,\n useState,\n} from \"react\";\nimport {\n Calendar,\n type CalendarProps,\n type RangeSelectionValueType,\n type SingleSelectionValueType,\n type UseRangeSelectionCalendarProps,\n type UseSingleSelectionCalendarProps,\n isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport dateInputPanelCss from \"./DatePickerPanel.css\";\n\nexport interface DatePickerPanelProps<SelectionVariantType>\n extends ComponentPropsWithoutRef<\"div\"> {\n onSelect?: (\n event: SyntheticEvent,\n selectedDate?: SelectionVariantType,\n ) => void;\n helperText?: string;\n visibleMonths?: 1 | 2;\n CalendarProps?: Partial<\n Omit<\n CalendarProps,\n | \"selectionVariant\"\n | \"selectedDate\"\n | \"defaultSelectedDate\"\n | \"onSelectedDateChange\"\n >\n >;\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nfunction getHoveredDate(\n date?: DateValue | null,\n compact?: boolean,\n hoveredDate?: DateValue | null,\n) {\n return date &&\n !compact &&\n hoveredDate &&\n hoveredDate.compare(endOfMonth(date)) > 0\n ? endOfMonth(date)\n : hoveredDate;\n}\n\nexport const DatePickerPanel = forwardRef<\n HTMLDivElement,\n DatePickerPanelProps<SingleSelectionValueType | RangeSelectionValueType>\n>(function DatePickerPanel(props, ref) {\n const {\n className,\n onSelect,\n helperText,\n CalendarProps,\n visibleMonths,\n ...rest\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-date-picker-panel\",\n css: dateInputPanelCss,\n window: targetWindow,\n });\n\n const { Component: FloatingComponent } = useFloatingComponent();\n const [hoveredDate, setHoveredDate] = useState<DateValue | null>(null);\n\n const {\n openState,\n selectedDate,\n setSelectedDate,\n startVisibleMonth,\n setStartVisibleMonth,\n endVisibleMonth,\n setEndVisibleMonth,\n setOpen,\n context,\n getPanelPosition,\n selectionVariant,\n } = useDatePickerContext();\n\n const { a11yProps } = useFormFieldProps();\n const isRangePicker =\n isRangeOrOffsetSelectionWithStartDate(selectedDate) ||\n (selectionVariant === \"range\" && selectedDate === undefined);\n const compact = visibleMonths === 1;\n\n const setRangeDate: UseRangeSelectionCalendarProps[\"onSelectedDateChange\"] = (\n event,\n newDate,\n ) => {\n setSelectedDate(newDate);\n onSelect?.(event, newDate);\n if (newDate.startDate && newDate.endDate) {\n setOpen(false);\n }\n };\n const setSingleDate: UseSingleSelectionCalendarProps[\"onSelectedDateChange\"] =\n (event, newDate) => {\n setSelectedDate(newDate);\n onSelect?.(event, newDate);\n setOpen(false);\n };\n const handleHoveredDateChange: CalendarProps[\"onHoveredDateChange\"] = (\n _,\n newHoveredDate,\n ) => {\n setHoveredDate(newHoveredDate);\n };\n useEffect(() => {\n if (isRangePicker) {\n if (selectedDate?.startDate) {\n setStartVisibleMonth(selectedDate.startDate);\n setEndVisibleMonth(selectedDate.startDate.add({ months: 1 }));\n }\n } else {\n setStartVisibleMonth(selectedDate);\n }\n }, [selectedDate, setEndVisibleMonth, setStartVisibleMonth]);\n\n const firstCalendarProps: CalendarProps = isRangePicker\n ? {\n selectionVariant: \"range\",\n hoveredDate: getHoveredDate(\n selectedDate?.startDate,\n compact,\n hoveredDate,\n ),\n onHoveredDateChange: handleHoveredDateChange,\n selectedDate: selectedDate,\n onSelectedDateChange: setRangeDate,\n maxDate:\n !compact && selectedDate?.startDate\n ? endOfMonth(selectedDate?.startDate)\n : undefined,\n hideOutOfRangeDates: true,\n }\n : {\n selectionVariant: \"default\",\n selectedDate: selectedDate,\n onSelectedDateChange: setSingleDate,\n };\n return (\n <FloatingComponent\n open={openState}\n className={clsx(withBaseName(), className)}\n aria-modal=\"true\"\n ref={ref}\n focusManagerProps={\n context\n ? {\n context: context,\n initialFocus: 4,\n }\n : undefined\n }\n {...getPanelPosition()}\n {...a11yProps}\n {...rest}\n >\n <StackLayout separators gap={0} className={withBaseName(\"container\")}>\n {helperText && (\n <FlexItem className={withBaseName(\"header\")}>\n <FormFieldHelperText>{helperText}</FormFieldHelperText>\n </FlexItem>\n )}\n <FlexLayout>\n {/* Avoid Dropdowns in Calendar inheriting the FormField's state */}\n <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n <Calendar\n visibleMonth={startVisibleMonth}\n onVisibleMonthChange={(_, month) => setStartVisibleMonth(month)}\n {...firstCalendarProps}\n {...CalendarProps}\n />\n {isRangePicker && !compact && (\n <Calendar\n selectionVariant=\"range\"\n hoveredDate={hoveredDate}\n onHoveredDateChange={handleHoveredDateChange}\n selectedDate={selectedDate}\n onSelectedDateChange={setRangeDate}\n visibleMonth={endVisibleMonth}\n onVisibleMonthChange={(_, month) => setEndVisibleMonth(month)}\n hideOutOfRangeDates\n minDate={\n selectedDate?.startDate\n ? startOfMonth(selectedDate?.startDate)?.add({\n months: 1,\n })\n : undefined\n }\n {...CalendarProps}\n />\n )}\n </FormFieldContext.Provider>\n </FlexLayout>\n </StackLayout>\n </FloatingComponent>\n );\n});\n"],"names":["makePrefixer","date","endOfMonth","forwardRef","DatePickerPanel","useWindow","useComponentCssInjection","dateInputPanelCss","useFloatingComponent","useState","useDatePickerContext","useFormFieldProps","isRangeOrOffsetSelectionWithStartDate","useEffect","jsx","clsx","jsxs","StackLayout","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","startOfMonth"],"mappings":"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"}
@@ -1,44 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var core = require('@salt-ds/core');
7
- var clsx = require('clsx');
8
- var utils = require('./utils.js');
9
- var styles = require('@salt-ds/styles');
10
- var window = require('@salt-ds/window');
11
- var Slider = require('../Slider.css.js');
12
-
13
- const withBaseName = core.makePrefixer("saltSliderHandle");
14
- function SliderHandle(props) {
15
- const { min, max, value, disabled, valueLength, index, style } = props;
16
- const targetWindow = window.useWindow();
17
- styles.useComponentCssInjection({
18
- testId: "salt-slider",
19
- css: Slider,
20
- window: targetWindow
21
- });
22
- return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, {
23
- content: value,
24
- placement: "top",
25
- children: /* @__PURE__ */ jsxRuntime.jsx("div", {
26
- className: clsx.clsx(withBaseName(), {
27
- [withBaseName("min")]: value === min,
28
- [withBaseName("max")]: value === max
29
- }),
30
- style,
31
- role: "slider",
32
- "aria-valuemin": min,
33
- "aria-valuemax": max,
34
- "aria-valuenow": value,
35
- "aria-disabled": disabled,
36
- "aria-label": utils.getSliderAriaLabel(valueLength, index),
37
- tabIndex: 0,
38
- "data-handle-index": index
39
- })
40
- });
41
- }
42
-
43
- exports.SliderHandle = SliderHandle;
44
- //# sourceMappingURL=SliderHandle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SliderHandle.js","sources":["../src/slider/internal/SliderHandle.tsx"],"sourcesContent":["import { Tooltip, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type { CSSProperties } from \"react\";\nimport { getSliderAriaLabel } from \"./utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport sliderCss from \"../Slider.css\";\n\nconst withBaseName = makePrefixer(\"saltSliderHandle\");\n\nexport interface SliderHandleProps {\n min: number;\n max: number;\n value: number;\n index: number;\n disabled: boolean;\n valueLength: number;\n style: CSSProperties;\n}\n\nexport function SliderHandle(props: SliderHandleProps): JSX.Element {\n const { min, max, value, disabled, valueLength, index, style } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-slider\",\n css: sliderCss,\n window: targetWindow,\n });\n\n return (\n <Tooltip content={value} placement=\"top\">\n <div\n className={clsx(withBaseName(), {\n [withBaseName(\"min\")]: value === min,\n [withBaseName(\"max\")]: value === max,\n })}\n style={style}\n role=\"slider\"\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={value}\n aria-disabled={disabled}\n aria-label={getSliderAriaLabel(valueLength, index)}\n tabIndex={0}\n data-handle-index={index}\n />\n </Tooltip>\n );\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","sliderCss","jsx","Tooltip","clsx","getSliderAriaLabel"],"mappings":";;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,kBAAkB,CAAA,CAAA;AAY7C,SAAS,aAAa,KAAuC,EAAA;AAClE,EAAM,MAAA,EAAE,KAAK,GAAK,EAAA,KAAA,EAAO,UAAU,WAAa,EAAA,KAAA,EAAO,OAAU,GAAA,KAAA,CAAA;AAEjE,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,MAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAAC,YAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,KAAA;AAAA,IAAO,SAAU,EAAA,KAAA;AAAA,IACjC,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAA,EAAWE,SAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,QAC9B,CAAC,YAAA,CAAa,KAAK,CAAA,GAAI,KAAU,KAAA,GAAA;AAAA,QACjC,CAAC,YAAA,CAAa,KAAK,CAAA,GAAI,KAAU,KAAA,GAAA;AAAA,OAClC,CAAA;AAAA,MACD,KAAA;AAAA,MACA,IAAK,EAAA,QAAA;AAAA,MACL,eAAe,EAAA,GAAA;AAAA,MACf,eAAe,EAAA,GAAA;AAAA,MACf,eAAe,EAAA,KAAA;AAAA,MACf,eAAe,EAAA,QAAA;AAAA,MACf,YAAA,EAAYC,wBAAmB,CAAA,WAAA,EAAa,KAAK,CAAA;AAAA,MACjD,QAAU,EAAA,CAAA;AAAA,MACV,mBAAmB,EAAA,KAAA;AAAA,KACrB,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,45 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var core = require('@salt-ds/core');
7
- var react = require('react');
8
- var styles$1 = require('./styles.js');
9
- var utils = require('./utils.js');
10
- var styles = require('@salt-ds/styles');
11
- var window = require('@salt-ds/window');
12
- var Slider = require('../Slider.css.js');
13
-
14
- const withBaseName = core.makePrefixer("saltSliderMarkLabels");
15
- function SliderMarkLabels(props) {
16
- const { min, max, marks } = props;
17
- const targetWindow = window.useWindow();
18
- styles.useComponentCssInjection({
19
- testId: "salt-slider",
20
- css: Slider,
21
- window: targetWindow
22
- });
23
- const style = react.useMemo(
24
- () => styles$1.createSliderMarkLabelsStyle(min, max, marks),
25
- [min, max, marks]
26
- );
27
- const labelStyles = react.useMemo(
28
- () => styles$1.createSliderMarkLabelStyles(marks),
29
- [marks]
30
- );
31
- return /* @__PURE__ */ jsxRuntime.jsx("div", {
32
- className: withBaseName(),
33
- style,
34
- children: marks.map((mark, i) => {
35
- return /* @__PURE__ */ jsxRuntime.jsx("div", {
36
- className: withBaseName("label"),
37
- style: labelStyles[i],
38
- children: utils.isLabeledMark(mark) ? mark.label : `${mark}`
39
- }, utils.isLabeledMark(mark) ? mark.value : mark);
40
- })
41
- });
42
- }
43
-
44
- exports.SliderMarkLabels = SliderMarkLabels;
45
- //# sourceMappingURL=SliderMarkLabels.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SliderMarkLabels.js","sources":["../src/slider/internal/SliderMarkLabels.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useMemo } from \"react\";\nimport type { SliderMark } from \"./SliderRailMarks\";\nimport {\n createSliderMarkLabelStyles,\n createSliderMarkLabelsStyle,\n} from \"./styles\";\nimport { isLabeledMark } from \"./utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport sliderCss from \"../Slider.css\";\n\nconst withBaseName = makePrefixer(\"saltSliderMarkLabels\");\n\nexport interface SliderMarkLabelsProps {\n min: number;\n max: number;\n marks: SliderMark[];\n}\n\nexport function SliderMarkLabels(props: SliderMarkLabelsProps) {\n const { min, max, marks } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-slider\",\n css: sliderCss,\n window: targetWindow,\n });\n\n const style = useMemo(\n () => createSliderMarkLabelsStyle(min, max, marks),\n [min, max, marks],\n );\n const labelStyles = useMemo(\n () => createSliderMarkLabelStyles(marks),\n [marks],\n );\n return (\n <div className={withBaseName()} style={style}>\n {marks.map((mark, i) => {\n return (\n <div\n key={isLabeledMark(mark) ? mark.value : mark}\n className={withBaseName(\"label\")}\n style={labelStyles[i]}\n >\n {isLabeledMark(mark) ? mark.label : `${mark}`}\n </div>\n );\n })}\n </div>\n );\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","sliderCss","useMemo","createSliderMarkLabelsStyle","createSliderMarkLabelStyles","jsx","isLabeledMark"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,kBAAa,sBAAsB,CAAA,CAAA;AAQjD,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAA,MAAM,EAAE,GAAA,EAAK,GAAK,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AAE5B,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,MAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,KAAQ,GAAAC,aAAA;AAAA,IACZ,MAAMC,oCAAA,CAA4B,GAAK,EAAA,GAAA,EAAK,KAAK,CAAA;AAAA,IACjD,CAAC,GAAK,EAAA,GAAA,EAAK,KAAK,CAAA;AAAA,GAClB,CAAA;AACA,EAAA,MAAM,WAAc,GAAAD,aAAA;AAAA,IAClB,MAAME,qCAA4B,KAAK,CAAA;AAAA,IACvC,CAAC,KAAK,CAAA;AAAA,GACR,CAAA;AACA,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAG,KAAA;AAAA,IAC7B,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,CAAM,KAAA;AACtB,MAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,QAEC,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAC/B,OAAO,WAAY,CAAA,CAAA,CAAA;AAAA,QAElB,QAAc,EAAAC,mBAAA,CAAA,IAAI,CAAI,GAAA,IAAA,CAAK,QAAQ,CAAG,EAAA,IAAA,CAAA,CAAA;AAAA,OAAA,EAJlCA,mBAAc,CAAA,IAAI,CAAI,GAAA,IAAA,CAAK,QAAQ,IAK1C,CAAA,CAAA;AAAA,KAEH,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}
@@ -1,25 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var core = require('@salt-ds/core');
7
- var styles = require('@salt-ds/styles');
8
- var window = require('@salt-ds/window');
9
- var Slider = require('../Slider.css.js');
10
-
11
- const withBaseName = core.makePrefixer("saltSliderRail");
12
- function SliderRail() {
13
- const targetWindow = window.useWindow();
14
- styles.useComponentCssInjection({
15
- testId: "salt-slider",
16
- css: Slider,
17
- window: targetWindow
18
- });
19
- return /* @__PURE__ */ jsxRuntime.jsx("div", {
20
- className: withBaseName()
21
- });
22
- }
23
-
24
- exports.SliderRail = SliderRail;
25
- //# sourceMappingURL=SliderRail.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SliderRail.js","sources":["../src/slider/internal/SliderRail.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport sliderCss from \"../Slider.css\";\n\nconst withBaseName = makePrefixer(\"saltSliderRail\");\n\nexport function SliderRail() {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-slider\",\n css: sliderCss,\n window: targetWindow,\n });\n return <div className={withBaseName()} />;\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","sliderCss","jsx"],"mappings":";;;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,gBAAgB,CAAA,CAAA;AAE3C,SAAS,UAAa,GAAA;AAC3B,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,MAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAA,uBAAQC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,GAAG,CAAA,CAAA;AACzC;;;;"}