@vibe/core 4.5.26 → 4.5.27

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 (188) hide show
  1. package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  2. package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  3. package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  4. package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  5. package/dist/components/date-picker/dist/DatePicker/DateContentHoverContext.js +2 -0
  6. package/dist/components/date-picker/dist/DatePicker/DateContentHoverContext.js.map +1 -0
  7. package/dist/components/date-picker/dist/DatePicker/DatePicker.js +2 -0
  8. package/dist/components/date-picker/dist/DatePicker/DatePicker.js.map +1 -0
  9. package/dist/components/date-picker/dist/DatePicker/DatePicker.module.scss.js +2 -0
  10. package/dist/components/date-picker/dist/DatePicker/DatePickerHeader.js +2 -0
  11. package/dist/components/date-picker/dist/DatePicker/DatePickerHeader.js.map +1 -0
  12. package/dist/components/date-picker/dist/DatePicker/DatePickerHeader.module.scss.js +2 -0
  13. package/dist/components/date-picker/dist/DatePicker/RangeDayContent.js +2 -0
  14. package/dist/components/date-picker/dist/DatePicker/RangeDayContent.js.map +1 -0
  15. package/dist/components/date-picker/dist/DatePicker/SingleDayContent.js +2 -0
  16. package/dist/components/date-picker/dist/DatePicker/SingleDayContent.js.map +1 -0
  17. package/dist/components/date-picker/dist/DatePicker/datePickerHooks.js +2 -0
  18. package/dist/components/date-picker/dist/DatePicker/datePickerHooks.js.map +1 -0
  19. package/dist/components/date-picker/dist/DatePicker/utils.js +2 -0
  20. package/dist/components/date-picker/dist/DatePicker/utils.js.map +1 -0
  21. package/dist/components/index.d.ts +2 -2
  22. package/dist/components/search/dist/Search/Search.module.scss.js +1 -1
  23. package/dist/components/split-button/dist/SplitButton/SplitButton.js +2 -0
  24. package/dist/components/split-button/dist/SplitButton/SplitButton.js.map +1 -0
  25. package/dist/components/split-button/dist/SplitButton/SplitButton.module.scss.js +2 -0
  26. package/dist/components/split-button/dist/SplitButton/SplitButtonConstants.js +2 -0
  27. package/dist/components/split-button/dist/SplitButton/SplitButtonConstants.js.map +1 -0
  28. package/dist/components/split-button/dist/SplitButton/SplitButtonMenu/SplitButtonMenu.js +2 -0
  29. package/dist/components/split-button/dist/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map +1 -0
  30. package/dist/components/split-button/dist/_virtual/_tslib.js +2 -0
  31. package/dist/components/split-button/dist/_virtual/_tslib.js.map +1 -0
  32. package/dist/metadata/components.json +3 -4
  33. package/dist/metadata.json +3 -4
  34. package/dist/mocked_classnames/components/index.d.ts +2 -2
  35. package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
  36. package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  37. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  38. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  39. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  40. package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  41. package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
  42. package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  43. package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
  44. package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  45. package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  46. package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  47. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  48. package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  49. package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  50. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  51. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  52. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  53. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  54. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  55. package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  56. package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  57. package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  58. package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  59. package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
  60. package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  61. package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  62. package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  63. package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  64. package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  65. package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  66. package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  67. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  68. package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  69. package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
  70. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  71. package/dist/mocked_classnames/src/index.js +1 -1
  72. package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
  73. package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  74. package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  75. package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  76. package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  77. package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  78. package/dist/src/components/List/List.module.scss.js +1 -1
  79. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  80. package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
  81. package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  82. package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  83. package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  84. package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  85. package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  86. package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  87. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  88. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  89. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  90. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  91. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  92. package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  93. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  94. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  95. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  96. package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
  97. package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  98. package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  99. package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  100. package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  101. package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  102. package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  103. package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  104. package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  105. package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  106. package/dist/src/components/next/List/List.module.scss.js +1 -1
  107. package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  108. package/dist/src/index.js +1 -1
  109. package/dist/style/dist/index.min.css.js +1 -1
  110. package/package.json +4 -2
  111. package/dist/components/DatePicker/DateContentHoverContext.d.ts +0 -12
  112. package/dist/components/DatePicker/DatePicker.d.ts +0 -8
  113. package/dist/components/DatePicker/DatePicker.types.d.ts +0 -34
  114. package/dist/components/DatePicker/DatePickerHeader.d.ts +0 -17
  115. package/dist/components/DatePicker/RangeDayContent.d.ts +0 -3
  116. package/dist/components/DatePicker/SingleDayContent.d.ts +0 -3
  117. package/dist/components/DatePicker/datePickerHooks.d.ts +0 -18
  118. package/dist/components/DatePicker/index.d.ts +0 -2
  119. package/dist/components/DatePicker/utils.d.ts +0 -13
  120. package/dist/components/SplitButton/SplitButton.d.ts +0 -44
  121. package/dist/components/SplitButton/SplitButtonConstants.d.ts +0 -22
  122. package/dist/components/SplitButton/SplitButtonMenu/SplitButtonMenu.d.ts +0 -9
  123. package/dist/components/SplitButton/index.d.ts +0 -2
  124. package/dist/mocked_classnames/components/DatePicker/DateContentHoverContext.d.ts +0 -12
  125. package/dist/mocked_classnames/components/DatePicker/DatePicker.d.ts +0 -8
  126. package/dist/mocked_classnames/components/DatePicker/DatePicker.types.d.ts +0 -34
  127. package/dist/mocked_classnames/components/DatePicker/DatePickerHeader.d.ts +0 -17
  128. package/dist/mocked_classnames/components/DatePicker/RangeDayContent.d.ts +0 -3
  129. package/dist/mocked_classnames/components/DatePicker/SingleDayContent.d.ts +0 -3
  130. package/dist/mocked_classnames/components/DatePicker/datePickerHooks.d.ts +0 -18
  131. package/dist/mocked_classnames/components/DatePicker/index.d.ts +0 -2
  132. package/dist/mocked_classnames/components/DatePicker/utils.d.ts +0 -13
  133. package/dist/mocked_classnames/components/SplitButton/SplitButton.d.ts +0 -44
  134. package/dist/mocked_classnames/components/SplitButton/SplitButtonConstants.d.ts +0 -22
  135. package/dist/mocked_classnames/components/SplitButton/SplitButtonMenu/SplitButtonMenu.d.ts +0 -9
  136. package/dist/mocked_classnames/components/SplitButton/index.d.ts +0 -2
  137. package/dist/mocked_classnames/src/components/DatePicker/DateContentHoverContext.js +0 -2
  138. package/dist/mocked_classnames/src/components/DatePicker/DateContentHoverContext.js.map +0 -1
  139. package/dist/mocked_classnames/src/components/DatePicker/DatePicker.js +0 -2
  140. package/dist/mocked_classnames/src/components/DatePicker/DatePicker.js.map +0 -1
  141. package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +0 -2
  142. package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.js +0 -2
  143. package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.js.map +0 -1
  144. package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +0 -2
  145. package/dist/mocked_classnames/src/components/DatePicker/RangeDayContent.js +0 -2
  146. package/dist/mocked_classnames/src/components/DatePicker/RangeDayContent.js.map +0 -1
  147. package/dist/mocked_classnames/src/components/DatePicker/SingleDayContent.js +0 -2
  148. package/dist/mocked_classnames/src/components/DatePicker/SingleDayContent.js.map +0 -1
  149. package/dist/mocked_classnames/src/components/DatePicker/datePickerHooks.js +0 -2
  150. package/dist/mocked_classnames/src/components/DatePicker/datePickerHooks.js.map +0 -1
  151. package/dist/mocked_classnames/src/components/DatePicker/utils.js +0 -2
  152. package/dist/mocked_classnames/src/components/DatePicker/utils.js.map +0 -1
  153. package/dist/mocked_classnames/src/components/SplitButton/SplitButton.js +0 -2
  154. package/dist/mocked_classnames/src/components/SplitButton/SplitButton.js.map +0 -1
  155. package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +0 -2
  156. package/dist/mocked_classnames/src/components/SplitButton/SplitButtonConstants.js +0 -2
  157. package/dist/mocked_classnames/src/components/SplitButton/SplitButtonConstants.js.map +0 -1
  158. package/dist/mocked_classnames/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js +0 -2
  159. package/dist/mocked_classnames/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map +0 -1
  160. package/dist/src/components/DatePicker/DateContentHoverContext.js +0 -2
  161. package/dist/src/components/DatePicker/DateContentHoverContext.js.map +0 -1
  162. package/dist/src/components/DatePicker/DatePicker.js +0 -2
  163. package/dist/src/components/DatePicker/DatePicker.js.map +0 -1
  164. package/dist/src/components/DatePicker/DatePicker.module.scss.js +0 -2
  165. package/dist/src/components/DatePicker/DatePicker.module.scss.js.map +0 -1
  166. package/dist/src/components/DatePicker/DatePickerHeader.js +0 -2
  167. package/dist/src/components/DatePicker/DatePickerHeader.js.map +0 -1
  168. package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +0 -2
  169. package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js.map +0 -1
  170. package/dist/src/components/DatePicker/RangeDayContent.js +0 -2
  171. package/dist/src/components/DatePicker/RangeDayContent.js.map +0 -1
  172. package/dist/src/components/DatePicker/SingleDayContent.js +0 -2
  173. package/dist/src/components/DatePicker/SingleDayContent.js.map +0 -1
  174. package/dist/src/components/DatePicker/datePickerHooks.js +0 -2
  175. package/dist/src/components/DatePicker/datePickerHooks.js.map +0 -1
  176. package/dist/src/components/DatePicker/utils.js +0 -2
  177. package/dist/src/components/DatePicker/utils.js.map +0 -1
  178. package/dist/src/components/SplitButton/SplitButton.js +0 -2
  179. package/dist/src/components/SplitButton/SplitButton.js.map +0 -1
  180. package/dist/src/components/SplitButton/SplitButton.module.scss.js +0 -2
  181. package/dist/src/components/SplitButton/SplitButton.module.scss.js.map +0 -1
  182. package/dist/src/components/SplitButton/SplitButtonConstants.js +0 -2
  183. package/dist/src/components/SplitButton/SplitButtonConstants.js.map +0 -1
  184. package/dist/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js +0 -2
  185. package/dist/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map +0 -1
  186. /package/dist/{mocked_classnames/src/components → components/date-picker/dist}/DatePicker/DatePicker.module.scss.js.map +0 -0
  187. /package/dist/{mocked_classnames/src/components → components/date-picker/dist}/DatePicker/DatePickerHeader.module.scss.js.map +0 -0
  188. /package/dist/{mocked_classnames/src/components → components/split-button/dist}/SplitButton/SplitButton.module.scss.js.map +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { type FC, createContext, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type DateRange, DayPicker as ReactDatePicker, InternalModifier as DayModifier } from \"react-day-picker\";\nimport styles from \"./DatePicker.module.scss\";\nimport DatePickerHeader, { type DatePickerHeaderProps } from \"./DatePickerHeader\";\nimport { type DatePickerProps, type DatePickerRange } from \"./DatePicker.types\";\nimport {\n AddToRangeEnd,\n AddToRangeMiddle,\n AddToRangeStart,\n HalfRangeSelected,\n HoveredDayExists,\n RemoveFromRange,\n addToRange,\n addToRangeModifiers\n} from \"./utils\";\nimport { RangeDayContent } from \"./RangeDayContent\";\nimport { SingleDayContent } from \"./SingleDayContent\";\nimport { DayContentHoverContext, DayContentHoverProvider } from \"./DateContentHoverContext\";\n\nexport const DEFAULT_TIME = { hours: 9, minutes: 0 };\n\nconst MODIFIERS_CLASS_NAMES = {\n [DayModifier.Outside]: styles.datePickerDayOutside,\n [DayModifier.Selected]: styles.datePickerDaySelected,\n [DayModifier.Today]: styles.datePickerDayToday,\n [DayModifier.Disabled]: styles.datePickerDayDisabled,\n [DayModifier.RangeStart]: styles.datePickerDayRangeStart,\n [DayModifier.RangeEnd]: styles.datePickerDayRangeEnd,\n [DayModifier.RangeMiddle]: styles.datePickerDayRangeMiddle,\n [AddToRangeMiddle]: styles.datePickerAddToRangeMiddle,\n [AddToRangeStart]: styles.datePickerAddToRangeStart,\n [AddToRangeEnd]: styles.datePickerAddToRangeEnd,\n [RemoveFromRange]: styles.datePickerRemoveFromRange,\n [HoveredDayExists]: styles.datePickerHoveredDayExists,\n [HalfRangeSelected]: styles.datePickerHalfRangeSelected\n};\n\nconst DatePickerHeaderContext = createContext<DatePickerHeaderProps>({} as DatePickerHeaderProps);\n\nconst Caption = () => (\n <DatePickerHeaderContext.Consumer>{props => <DatePickerHeader {...props} />}</DatePickerHeaderContext.Consumer>\n);\n\nconst DatePicker: FC<DatePickerProps> = ({\n className,\n dayClassName,\n selectedDayClassName,\n id,\n \"data-testid\": dataTestId,\n mode = \"single\",\n date,\n endDate,\n onDateChange,\n firstDayOfWeek = 0,\n showWeekNumber,\n isDateDisabled,\n locale,\n nextButtonAriaLabel = \"Next\",\n prevButtonAriaLabel = \"Previous\",\n monthSelectionAriaLabel = \"Month\",\n yearSelectionAriaLabel = \"Year\",\n dropdownsClassName,\n intent = \"to\",\n dialogContainerSelector\n}) => {\n const selected = useMemo(() => (mode === \"single\" ? date : { from: date, to: endDate }), [date, endDate, mode]);\n const [displayMonth, setDisplayMonth] = useState(date || new Date());\n\n const prevDateRef = useRef<Date | undefined>();\n const prevEndDateRef = useRef<Date | undefined>();\n const lastChangeByInnerSelection = useRef(false);\n useEffect(() => {\n const dateChanged = +prevDateRef.current !== +date;\n const endDateChanged = +prevEndDateRef.current !== +endDate;\n const shouldSetDisplayMonth = !lastChangeByInnerSelection.current;\n\n if (dateChanged) {\n shouldSetDisplayMonth && date && setDisplayMonth(date);\n } else if (endDateChanged) {\n shouldSetDisplayMonth && endDate && setDisplayMonth(endDate);\n }\n\n prevDateRef.current = date;\n prevEndDateRef.current = endDate;\n lastChangeByInnerSelection.current = false;\n }, [date, endDate]);\n\n const onPickerDateChange = useCallback(\n (newValue: Date | DateRange, selectedDay: Date) => {\n lastChangeByInnerSelection.current = true;\n\n if (mode === \"range\") {\n const newRange = addToRange(selectedDay, selected as DateRange, intent);\n (onDateChange as (range: DatePickerRange) => void)({ date: newRange?.from, endDate: newRange?.to });\n } else {\n const newDate = newValue as Date;\n const { hours, minutes } = date ? { hours: date.getHours(), minutes: date.getMinutes() } : DEFAULT_TIME;\n newDate.setHours(hours, minutes);\n (onDateChange as (date: Date | undefined) => void)(newDate);\n }\n },\n [date, intent, mode, onDateChange, selected]\n );\n\n const DatePickerHeaderContextValue = useMemo<DatePickerHeaderProps>(\n () => ({\n setDisplayMonth,\n locale,\n nextButtonAriaLabel,\n prevButtonAriaLabel,\n monthSelectionAriaLabel,\n yearSelectionAriaLabel,\n dropdownsClassName,\n dialogContainerSelector\n }),\n [\n locale,\n monthSelectionAriaLabel,\n nextButtonAriaLabel,\n setDisplayMonth,\n prevButtonAriaLabel,\n yearSelectionAriaLabel,\n dropdownsClassName,\n dialogContainerSelector\n ]\n );\n\n const modifiersClassNames = useMemo(\n () => ({\n ...MODIFIERS_CLASS_NAMES,\n [DayModifier.Selected]: cx(MODIFIERS_CLASS_NAMES[DayModifier.Selected], selectedDayClassName)\n }),\n [selectedDayClassName]\n );\n\n const classNames = useMemo(\n () => ({\n months: styles.datePickerMonths,\n head: styles.datePickerHead,\n table: styles.datePickerTable,\n tbody: styles.datePickerBody,\n day: cx(styles.datePickerDay, dayClassName)\n }),\n [dayClassName]\n );\n\n return (\n <div\n id={id}\n className={cx(styles.datePicker, { [styles.withWeekNumber]: showWeekNumber }, className)}\n data-testid={dataTestId}\n data-vibe=\"DatePicker\"\n >\n <DayContentHoverProvider>\n <DatePickerHeaderContext.Provider value={DatePickerHeaderContextValue}>\n <DayContentHoverContext.Consumer>\n {({ hover }) => {\n const modifiers = addToRangeModifiers(hover, selected as DateRange, intent);\n return (\n <ReactDatePicker\n fixedWeeks\n showOutsideDays\n showWeekNumber={showWeekNumber}\n mode={mode as \"single\"} // cast to avoid type errors from ReactDatePicker\n required\n weekStartsOn={firstDayOfWeek}\n disabled={isDateDisabled}\n selected={selected as Date} // cast to avoid type errors from ReactDatePicker\n onSelect={onPickerDateChange}\n month={displayMonth}\n onMonthChange={setDisplayMonth}\n components={{ Caption, DayContent: mode === \"single\" ? SingleDayContent : RangeDayContent }}\n classNames={classNames}\n modifiers={modifiers}\n modifiersClassNames={modifiersClassNames}\n locale={locale}\n />\n );\n }}\n </DayContentHoverContext.Consumer>\n </DatePickerHeaderContext.Provider>\n </DayContentHoverProvider>\n </div>\n );\n};\n\nexport default DatePicker;\n"],"names":["DEFAULT_TIME","hours","minutes","MODIFIERS_CLASS_NAMES","_defineProperty","_MODIFIERS_CLASS_NAME","DayModifier","Outside","styles","datePickerDayOutside","Selected","datePickerDaySelected","Today","datePickerDayToday","Disabled","datePickerDayDisabled","RangeStart","datePickerDayRangeStart","RangeEnd","datePickerDayRangeEnd","RangeMiddle","datePickerDayRangeMiddle","AddToRangeMiddle","datePickerAddToRangeMiddle","AddToRangeStart","datePickerAddToRangeStart","AddToRangeEnd","datePickerAddToRangeEnd","RemoveFromRange","datePickerRemoveFromRange","HoveredDayExists","datePickerHoveredDayExists","HalfRangeSelected","datePickerHalfRangeSelected","DatePickerHeaderContext","createContext","Caption","React","createElement","Consumer","props","DatePickerHeader","DatePicker","_ref","className","dayClassName","selectedDayClassName","id","dataTestId","_ref$mode","mode","date","endDate","onDateChange","_ref$firstDayOfWeek","firstDayOfWeek","showWeekNumber","isDateDisabled","locale","_ref$nextButtonAriaLa","nextButtonAriaLabel","_ref$prevButtonAriaLa","prevButtonAriaLabel","_ref$monthSelectionAr","monthSelectionAriaLabel","_ref$yearSelectionAri","yearSelectionAriaLabel","dropdownsClassName","_ref$intent","intent","dialogContainerSelector","selected","useMemo","from","to","_useState","useState","Date","_useState2","_slicedToArray","displayMonth","setDisplayMonth","prevDateRef","useRef","prevEndDateRef","lastChangeByInnerSelection","useEffect","endDateChanged","current","shouldSetDisplayMonth","onPickerDateChange","useCallback","newValue","selectedDay","newRange","addToRange","newDate","_ref2","getHours","getMinutes","setHours","DatePickerHeaderContextValue","modifiersClassNames","Object","assign","cx","classNames","months","datePickerMonths","head","datePickerHead","table","datePickerTable","tbody","datePickerBody","day","datePickerDay","datePicker","withWeekNumber","DayContentHoverProvider","Provider","value","DayContentHoverContext","_ref3","modifiers","addToRangeModifiers","hover","ReactDatePicker","fixedWeeks","showOutsideDays","required","weekStartsOn","disabled","onSelect","month","onMonthChange","components","DayContent","SingleDayContent","RangeDayContent"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- var e={datePicker:"datePicker_0bb36f66e0",datePickerMonths:"datePickerMonths_6b7b79f22b",withWeekNumber:"withWeekNumber_87b012d987",datePickerHead:"datePickerHead_eceecd8546",datePickerBody:"datePickerBody_eceecd8546",datePickerTable:"datePickerTable_19d6692b8b",datePickerDay:"datePickerDay_e8104a3ef2",datePickerDayContent:"datePickerDayContent_9ffbdc9ada",datePickerDayDisabled:"datePickerDayDisabled_2704d1ad36",datePickerAddToRangeStart:"datePickerAddToRangeStart_23b02cb0c6",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_4b0a5ec26f",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_5b930a3b39",datePickerDayRangeStart:"datePickerDayRangeStart_511d30ca2f",datePickerDayRangeEnd:"datePickerDayRangeEnd_338bc09cfc",datePickerDayOutside:"datePickerDayOutside_055c02ccfe",datePickerDaySelected:"datePickerDaySelected_338bc09cfc",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_d390e0af76",datePickerRemoveFromRange:"datePickerRemoveFromRange_c74a289c68",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_79207ba726"};!function(e){const a="s_id-601bce29f4a5_4_5_25";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_0bb36f66e0 {\n --day-picker-header-height: 34px;\n --day-picker-content-height: 234px;\n --day-picker-day-width: 30px;\n --day-picker-day-height: 30px;\n --day-picker-days-horizontal-gap: 4px;\n --day-picker-days-vertical-gap: 2px;\n --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_0bb36f66e0 .datePickerMonths_6b7b79f22b {\n display: flex;\n flex-direction: row;\n gap: var(--space-16);\n align-items: flex-start;\n}\n.datePicker_0bb36f66e0.withWeekNumber_87b012d987 {\n --day-picker-days-horizontal-gap: 2px;\n width: 284px;\n margin: 0;\n}\n.datePicker_0bb36f66e0.withWeekNumber_87b012d987 .datePickerHead_eceecd8546 td:first-child {\n width: var(--day-picker-day-width);\n border-start-start-radius: var(--border-radius-medium);\n border-start-end-radius: var(--border-radius-medium);\n background-color: var(--primary-background-hover-color);\n}\n.datePicker_0bb36f66e0.withWeekNumber_87b012d987 .datePickerHead_eceecd8546 td:first-child::after {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n display: flex;\n justify-content: center;\n content: "No.";\n}\n.datePicker_0bb36f66e0.withWeekNumber_87b012d987 .datePickerBody_eceecd8546 td:first-child {\n background-color: var(--primary-background-hover-color);\n}\n.datePicker_0bb36f66e0.withWeekNumber_87b012d987 .datePickerBody_eceecd8546 tr:last-child td:first-child {\n border-end-start-radius: var(--border-radius-medium);\n border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_0bb36f66e0 .datePickerTable_19d6692b8b {\n margin-top: var(--space-8);\n border-collapse: collapse;\n height: var(--day-picker-content-height);\n}\n.datePicker_0bb36f66e0 .datePickerHead_eceecd8546 th {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n padding-block: var(--space-2);\n text-align: center;\n height: var(--day-picker-day-height);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 td {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n text-align: center;\n padding: 0;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2 {\n color: var(--primary-text-color);\n font: var(--font-text2-normal);\n width: var(--day-picker-day-width);\n height: var(--day-picker-day-height);\n background: none;\n border: none;\n cursor: pointer;\n border-radius: var(--border-radius-small);\n margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n padding: 0;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2 .datePickerDayContent_9ffbdc9ada {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-small);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2:focus-visible {\n outline: none;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2:focus-visible .datePickerDayContent_9ffbdc9ada {\n outline: 2px solid var(--primary-color);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayDisabled_2704d1ad36 {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2:not(.datePickerDayDisabled_2704d1ad36):not(.datePickerAddToRangeStart_23b02cb0c6):not(.datePickerAddToRangeEnd_4b0a5ec26f):not(.datePickerAddToRangeMiddle_5b930a3b39):not(.datePickerDayRangeStart_511d30ca2f):not(.datePickerDayRangeEnd_338bc09cfc) .datePickerDayContent_9ffbdc9ada:hover {\n background: var(--primary-background-hover-color);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayOutside_055c02ccfe {\n color: var(--disabled-text-color);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDaySelected_338bc09cfc:not(.datePickerDayRangeMiddle_d390e0af76):not(.datePickerRemoveFromRange_c74a289c68) {\n background: var(--primary-color);\n color: var(--text-color-on-primary);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayRangeStart_511d30ca2f:not(.datePickerDayRangeEnd_338bc09cfc):not(.datePickerRemoveFromRange_c74a289c68), .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayRangeEnd_338bc09cfc:not(.datePickerDayRangeStart_511d30ca2f):not(.datePickerRemoveFromRange_c74a289c68) {\n background: var(--primary-color);\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayRangeStart_511d30ca2f.datePickerRemoveFromRange_c74a289c68, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayRangeEnd_338bc09cfc.datePickerRemoveFromRange_c74a289c68 {\n background: var(--primary-color);\n color: var(--text-color-on-primary);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayRangeStart_511d30ca2f.datePickerRemoveFromRange_c74a289c68:not(.datePickerDayRangeEnd_338bc09cfc), .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayRangeEnd_338bc09cfc.datePickerRemoveFromRange_c74a289c68:not(.datePickerDayRangeStart_511d30ca2f) {\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeStart_23b02cb0c6, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayRangeStart_511d30ca2f:not(.datePickerDayRangeEnd_338bc09cfc) {\n margin-inline-end: 0;\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeEnd_4b0a5ec26f, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayRangeEnd_338bc09cfc:not(.datePickerDayRangeStart_511d30ca2f) {\n margin-inline-start: 0;\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeStart_23b02cb0c6, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeEnd_4b0a5ec26f, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeMiddle_5b930a3b39 {\n margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeStart_23b02cb0c6:not(.datePickerDayRangeStart_511d30ca2f):not(.datePickerDayRangeEnd_338bc09cfc), .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeEnd_4b0a5ec26f:not(.datePickerDayRangeStart_511d30ca2f):not(.datePickerDayRangeEnd_338bc09cfc), .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeMiddle_5b930a3b39, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayRangeMiddle_d390e0af76:not(.datePickerAddToRangeStart_23b02cb0c6):not(.datePickerAddToRangeEnd_4b0a5ec26f) {\n background-color: var(--primary-selected-color);\n border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n border-top: none;\n border-bottom: none;\n width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeMiddle_5b930a3b39, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerDayRangeMiddle_d390e0af76:not(.datePickerAddToRangeStart_23b02cb0c6):not(.datePickerAddToRangeEnd_4b0a5ec26f) {\n background: var(--primary-selected-color);\n margin: var(--day-picker-days-vertical-gap) 0;\n border-radius: 0;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerRemoveFromRange_c74a289c68:not(.datePickerDayRangeStart_511d30ca2f):not(.datePickerDayRangeEnd_338bc09cfc), .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeStart_23b02cb0c6:not(.datePickerDayRangeMiddle_d390e0af76):not(.datePickerDayRangeEnd_338bc09cfc), .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeEnd_4b0a5ec26f:not(.datePickerDayRangeMiddle_d390e0af76):not(.datePickerDayRangeStart_511d30ca2f), .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDay_e8104a3ef2.datePickerAddToRangeMiddle_5b930a3b39 {\n background: var(--day-picker-day-change-range);\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerDayRangeMiddle_d390e0af76, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerAddToRangeStart_23b02cb0c6:not(.datePickerDayRangeStart_511d30ca2f):not(.datePickerDayRangeEnd_338bc09cfc), .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerAddToRangeMiddle_5b930a3b39, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerAddToRangeEnd_4b0a5ec26f:not(.datePickerDayRangeStart_511d30ca2f):not(.datePickerDayRangeEnd_338bc09cfc) {\n border: none;\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n margin-inline-start: var(--day-picker-days-horizontal-gap);\n border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n border-start-start-radius: var(--border-radius-small);\n border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerRemoveFromRange_c74a289c68 {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerAddToRangeEnd_4b0a5ec26f, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerDayRangeEnd_338bc09cfc:not(.datePickerDayRangeStart_511d30ca2f) {\n margin-inline-end: 0;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerDayRangeMiddle_d390e0af76, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerAddToRangeStart_23b02cb0c6:not(.datePickerDayRangeStart_511d30ca2f):not(.datePickerDayRangeEnd_338bc09cfc), .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerAddToRangeMiddle_5b930a3b39, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerAddToRangeEnd_4b0a5ec26f:not(.datePickerDayRangeStart_511d30ca2f):not(.datePickerDayRangeEnd_338bc09cfc) {\n border: none;\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n margin-inline-end: var(--day-picker-days-horizontal-gap);\n border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n border-start-end-radius: var(--border-radius-small);\n border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerRemoveFromRange_c74a289c68 {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerAddToRangeStart_23b02cb0c6, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerDayRangeStart_511d30ca2f:not(.datePickerDayRangeEnd_338bc09cfc) {\n margin-inline-start: 0;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerAddToRangeStart_23b02cb0c6:not(.datePickerDayRangeMiddle_d390e0af76), .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerAddToRangeMiddle_5b930a3b39, .datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerAddToRangeEnd_4b0a5ec26f:not(.datePickerDayRangeMiddle_d390e0af76),\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerAddToRangeStart_23b02cb0c6:not(.datePickerDayRangeMiddle_d390e0af76),\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerAddToRangeMiddle_5b930a3b39,\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerAddToRangeEnd_4b0a5ec26f:not(.datePickerDayRangeMiddle_d390e0af76) {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerDaySelected_338bc09cfc.datePickerDayRangeEnd_338bc09cfc.datePickerAddToRangeStart_23b02cb0c6,\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerDaySelected_338bc09cfc.datePickerDayRangeEnd_338bc09cfc.datePickerAddToRangeStart_23b02cb0c6 {\n border-inline-start-width: 0;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:first-child .datePickerDay_e8104a3ef2.datePickerDaySelected_338bc09cfc.datePickerDayRangeStart_511d30ca2f.datePickerAddToRangeEnd_4b0a5ec26f,\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 tr td:last-child .datePickerDay_e8104a3ef2.datePickerDaySelected_338bc09cfc.datePickerDayRangeStart_511d30ca2f.datePickerAddToRangeEnd_4b0a5ec26f {\n border-inline-end-width: 0;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDaySelected_338bc09cfc.datePickerDayRangeEnd_338bc09cfc.datePickerAddToRangeStart_23b02cb0c6 {\n border-radius: var(--border-radius-small) !important;\n border-color: var(--primary-color) !important;\n background-color: var(--primary-color) !important;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDaySelected_338bc09cfc.datePickerDayRangeEnd_338bc09cfc.datePickerAddToRangeStart_23b02cb0c6:not(.datePickerHalfRangeSelected_79207ba726) {\n margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDaySelected_338bc09cfc.datePickerDayRangeStart_511d30ca2f.datePickerAddToRangeEnd_4b0a5ec26f {\n border-radius: var(--border-radius-small) !important;\n border-color: var(--primary-color) !important;\n background-color: var(--primary-color) !important;\n}\n.datePicker_0bb36f66e0 .datePickerBody_eceecd8546 .datePickerDaySelected_338bc09cfc.datePickerDayRangeStart_511d30ca2f.datePickerAddToRangeEnd_4b0a5ec26f:not(.datePickerHalfRangeSelected_79207ba726) {\n margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
2
- //# sourceMappingURL=DatePicker.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import e,{useCallback as n,useMemo as t}from"react";import r from"classnames";import{useDayPicker as o,useNavigation as a}from"react-day-picker";import l from"./DatePickerHeader.module.scss.js";import{useMonthsOptionItems as i,useYearsOptionItems as s}from"./datePickerHooks.js";import{format as c}from"date-fns";import u from"../../../components/layout/dist/Flex/Flex.js";import m from"../../../components/dropdown/dist/Dropdown/Dropdown.js";import p from"../../../components/icon-button/dist/IconButton/IconButton.js";import f from"../../../icons/dist/react/DropdownChevronLeft.js";import d from"../../../icons/dist/react/DropdownChevronRight.js";var b=function(c){var b=c.setDisplayMonth,y=c.monthSelectionAriaLabel,D=c.yearSelectionAriaLabel,g=c.nextButtonAriaLabel,j=c.prevButtonAriaLabel,w=c.locale,k=c.className,M=o().month,B=a(),C=B.goToMonth,E=B.nextMonth,N=B.previousMonth,x=n((function(){return C(E)}),[C,E]),L=n((function(){return C(N)}),[C,N]),z=i({locale:w}),A=s({locale:w}),F=t((function(){return z.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[z]),O=t((function(){return A.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[A]),H=t((function(){return h(M,w)}),[M,w]),P=t((function(){return v(M,w)}),[M,w]),R=n((function(e){var n=e.value,t=new Date(M);t.setMonth(+n),b(t)}),[M,b]),I=n((function(e){var n=e.value,t=new Date(M);t.setFullYear(+n),b(t)}),[M,b]),S=t((function(){return F.find((function(e){return e.value===""+M.getMonth()}))}),[F,M]),W=t((function(){return O.find((function(e){return e.value===""+M.getFullYear()}))}),[O,M]);return e.createElement("div",{className:r(l.datePickerHeader,k)},e.createElement(u,{gap:"small"},e.createElement(m,{className:l.monthButtonDropdown,"aria-label":y,options:F,value:S,onChange:R,menuWrapperClassName:l.monthButtonDropdown,size:"small",valueRenderer:function(e){return H},searchable:!1,clearable:!1,borderless:!0}),e.createElement(m,{className:l.yearButtonDropdown,"aria-label":D,options:O,value:W,onChange:I,menuWrapperClassName:l.yearButtonDropdown,size:"small",valueRenderer:function(e){return P},searchable:!1,clearable:!1,borderless:!0})),e.createElement(u,null,e.createElement(p,{kind:"tertiary",size:"small","aria-label":j,onClick:L,icon:f}),e.createElement(p,{kind:"tertiary",size:"small","aria-label":g,onClick:x,icon:d})))};function v(e,n){return c(e,"yyyy",{locale:n})}function h(e,n){return c(e,"MMM",{locale:n})}export{b as default,h as getMonthButtonLabel,v as getYearButtonLabel};
2
- //# sourceMappingURL=DatePickerHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePickerHeader.js","sources":["../../../../src/components/DatePicker/DatePickerHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { useDayPicker, useNavigation } from \"react-day-picker\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport { Dropdown } from \"@vibe/dropdown\";\nimport { DropdownChevronRight, DropdownChevronLeft } from \"@vibe/icons\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport { useMonthsOptionItems, useYearsOptionItems, type DatePickerDropdownItem } from \"./datePickerHooks\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerHeaderProps {\n setDisplayMonth: (displayMonth: Date) => void;\n monthSelectionAriaLabel?: string;\n yearSelectionAriaLabel?: string;\n nextButtonAriaLabel?: string;\n prevButtonAriaLabel?: string;\n locale?: Locale;\n className?: string;\n dropdownsClassName?: string;\n dialogContainerSelector?: string;\n}\n\nconst DatePickerHeader: FC<DatePickerHeaderProps> = ({\n setDisplayMonth,\n monthSelectionAriaLabel,\n yearSelectionAriaLabel,\n nextButtonAriaLabel,\n prevButtonAriaLabel,\n locale,\n className,\n dialogContainerSelector: _dialogContainerSelector\n}) => {\n const { month: displayMonth } = useDayPicker();\n const { goToMonth, nextMonth, previousMonth } = useNavigation();\n const goToNextMonth = useCallback(() => goToMonth(nextMonth), [goToMonth, nextMonth]);\n const goToPreviousMonth = useCallback(() => goToMonth(previousMonth), [goToMonth, previousMonth]);\n const monthsData = useMonthsOptionItems({ locale });\n const yearsData = useYearsOptionItems({ locale });\n\n const months = useMemo(() => monthsData.map(item => ({ ...item, value: item.id })), [monthsData]);\n const years = useMemo(() => yearsData.map(item => ({ ...item, value: item.id })), [yearsData]);\n const monthButtonLabel = useMemo(() => getMonthButtonLabel(displayMonth, locale), [displayMonth, locale]);\n const yearsButtonLabel = useMemo(() => getYearButtonLabel(displayMonth, locale), [displayMonth, locale]);\n\n const onMonthSelect = useCallback(\n (option: DatePickerDropdownItem) => {\n const month = option.value;\n const date = new Date(displayMonth);\n date.setMonth(+month);\n setDisplayMonth(date);\n },\n [displayMonth, setDisplayMonth]\n );\n\n const onYearSelect = useCallback(\n (option: DatePickerDropdownItem) => {\n const year = option.value;\n const date = new Date(displayMonth);\n date.setFullYear(+year);\n setDisplayMonth(date);\n },\n [displayMonth, setDisplayMonth]\n );\n\n const selectedMonth = useMemo(\n () => months.find(month => month.value === displayMonth.getMonth().toString()),\n [months, displayMonth]\n );\n const selectedYear = useMemo(\n () => years.find(year => year.value === displayMonth.getFullYear().toString()),\n [years, displayMonth]\n );\n\n return (\n <div className={cx(styles.datePickerHeader, className)}>\n <Flex gap=\"small\">\n <Dropdown\n className={styles.monthButtonDropdown}\n aria-label={monthSelectionAriaLabel}\n options={months}\n value={selectedMonth}\n onChange={onMonthSelect}\n menuWrapperClassName={styles.monthButtonDropdown}\n size=\"small\"\n valueRenderer={(_option: DatePickerDropdownItem) => monthButtonLabel}\n searchable={false}\n clearable={false}\n borderless\n />\n <Dropdown\n className={styles.yearButtonDropdown}\n aria-label={yearSelectionAriaLabel}\n options={years}\n value={selectedYear}\n onChange={onYearSelect}\n menuWrapperClassName={styles.yearButtonDropdown}\n size=\"small\"\n valueRenderer={(_option: DatePickerDropdownItem) => yearsButtonLabel}\n searchable={false}\n clearable={false}\n borderless\n />\n </Flex>\n <Flex>\n <IconButton\n kind=\"tertiary\"\n size=\"small\"\n aria-label={prevButtonAriaLabel}\n onClick={goToPreviousMonth}\n icon={DropdownChevronLeft}\n />\n <IconButton\n kind=\"tertiary\"\n size=\"small\"\n aria-label={nextButtonAriaLabel}\n onClick={goToNextMonth}\n icon={DropdownChevronRight}\n />\n </Flex>\n </div>\n );\n};\n\nexport default DatePickerHeader;\n\nexport function getYearButtonLabel(displayMonth: Date, locale: Locale) {\n return format(displayMonth, \"yyyy\", { locale });\n}\n\nexport function getMonthButtonLabel(displayMonth: Date, locale: Locale) {\n return format(displayMonth, \"MMM\", { locale });\n}\n"],"names":["DatePickerHeader","_ref","setDisplayMonth","monthSelectionAriaLabel","yearSelectionAriaLabel","nextButtonAriaLabel","prevButtonAriaLabel","locale","className","displayMonth","useDayPicker","month","_useNavigation","useNavigation","goToMonth","nextMonth","previousMonth","goToNextMonth","useCallback","goToPreviousMonth","monthsData","useMonthsOptionItems","yearsData","useYearsOptionItems","months","useMemo","map","item","Object","assign","value","id","years","monthButtonLabel","getMonthButtonLabel","yearsButtonLabel","getYearButtonLabel","onMonthSelect","option","date","Date","setMonth","onYearSelect","year","setFullYear","selectedMonth","find","getMonth","selectedYear","getFullYear","React","createElement","cx","styles","datePickerHeader","Flex","gap","Dropdown","monthButtonDropdown","options","onChange","menuWrapperClassName","size","valueRenderer","_option","searchable","clearable","borderless","yearButtonDropdown","IconButton","kind","onClick","icon","DropdownChevronLeft","DropdownChevronRight","format"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- var e={monthButtonDropdown:"monthButtonDropdown_e68c4cdc44",yearButtonDropdown:"yearButtonDropdown_75ccf41187",datePickerHeader:"datePickerHeader_5be29358aa"};!function(e){const t="s_id-a12251d5376d_4_5_25";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_e68c4cdc44 {\n min-width: 70px;\n justify-content: space-between;\n}\n.yearButtonDropdown_75ccf41187 {\n justify-content: space-between;\n}\n.datePickerHeader_5be29358aa {\n font: var(--font-text2-normal);\n height: var(--day-picker-header-height);\n color: var(--primary-text-color);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.datePickerHeader_5be29358aa button:focus:not(:active), .datePickerHeader_5be29358aa button:focus-visible {\n box-shadow: 0 0 0 2px var(--primary-color);\n background: var(--primary-background-color) !important;\n}");export{e as default};
2
- //# sourceMappingURL=DatePickerHeader.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePickerHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import e from"classnames";import t,{useRef as r,useEffect as n}from"react";import{DayContent as o}from"react-day-picker";import{useDayContentHoverContext as s}from"./DateContentHoverContext.js";import a from"./DatePicker.module.scss.js";var i=function(i){var m=i.date,u=i.activeModifiers,c=s().setHover,l=r(null);return n((function(){var e=l.current.closest("td"),t=function(){return c(m)},r=function(){return c(void 0)};return null==e||e.addEventListener("mouseenter",t),null==e||e.addEventListener("mouseleave",r),function(){null==e||e.removeEventListener("mouseenter",t),null==e||e.removeEventListener("mouseleave",r)}}),[m,c]),t.createElement("div",{ref:l,className:e(a.datePickerDayContent,u)},t.createElement(o,Object.assign({},i)))};export{i as RangeDayContent};
2
- //# sourceMappingURL=RangeDayContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RangeDayContent.js","sources":["../../../../src/components/DatePicker/RangeDayContent.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useEffect, useRef } from \"react\";\nimport {\n type DayContentProps as DatePickerDayContentProps,\n DayContent as DatePickerDayContent\n} from \"react-day-picker\";\nimport { useDayContentHoverContext } from \"./DateContentHoverContext\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport const RangeDayContent = (props: DatePickerDayContentProps) => {\n const { date, activeModifiers } = props;\n const { setHover } = useDayContentHoverContext();\n\n const ref = useRef<HTMLDivElement>(null);\n useEffect(() => {\n const td = ref.current.closest(\"td\");\n const onMouseEnter = () => setHover(date);\n const onMouseLeave = () => setHover(undefined);\n\n td?.addEventListener(\"mouseenter\", onMouseEnter);\n td?.addEventListener(\"mouseleave\", onMouseLeave);\n\n return () => {\n td?.removeEventListener(\"mouseenter\", onMouseEnter);\n td?.removeEventListener(\"mouseleave\", onMouseLeave);\n };\n }, [date, setHover]);\n\n return (\n <div ref={ref} className={cx(styles.datePickerDayContent, activeModifiers)}>\n <DatePickerDayContent {...props} />\n </div>\n );\n};\n"],"names":["RangeDayContent","props","date","activeModifiers","setHover","useDayContentHoverContext","ref","useRef","useEffect","td","current","closest","onMouseEnter","onMouseLeave","undefined","addEventListener","removeEventListener","React","createElement","className","cx","styles","datePickerDayContent","DatePickerDayContent","Object","assign"],"mappings":"iPASaA,EAAkB,SAACC,GAC9B,IAAQC,EAA0BD,EAA1BC,KAAMC,EAAoBF,EAApBE,gBACNC,EAAaC,IAAbD,SAEFE,EAAMC,EAAuB,MAenC,OAdAC,GAAU,WACR,IAAMC,EAAKH,EAAII,QAAQC,QAAQ,MACzBC,EAAe,WAAH,OAASR,EAASF,EAAK,EACnCW,EAAe,WAAH,OAAST,OAASU,EAAU,EAK9C,OAHAL,SAAAA,EAAIM,iBAAiB,aAAcH,GACnCH,SAAAA,EAAIM,iBAAiB,aAAcF,GAE5B,WACLJ,SAAAA,EAAIO,oBAAoB,aAAcJ,GACtCH,SAAAA,EAAIO,oBAAoB,aAAcH,GAE1C,GAAG,CAACX,EAAME,IAGRa,EAAAC,cAAA,MAAA,CAAKZ,IAAKA,EAAKa,UAAWC,EAAGC,EAAOC,qBAAsBnB,IACxDc,EAAAC,cAACK,EAAyBC,OAAAC,OAAA,CAAA,EAAAxB,IAGhC"}
@@ -1,2 +0,0 @@
1
- import e from"react";import{DayContent as r}from"react-day-picker";import t from"./DatePicker.module.scss.js";var a=function(a){return e.createElement("div",{className:t.datePickerDayContent},e.createElement(r,Object.assign({},a)))};export{a as SingleDayContent};
2
- //# sourceMappingURL=SingleDayContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SingleDayContent.js","sources":["../../../../src/components/DatePicker/SingleDayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n type DayContentProps as DatePickerDayContentProps,\n DayContent as DatePickerDayContent\n} from \"react-day-picker\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport const SingleDayContent = (dayContentProps: DatePickerDayContentProps) => (\n <div className={styles.datePickerDayContent}>\n <DatePickerDayContent {...dayContentProps} />\n </div>\n);\n"],"names":["SingleDayContent","dayContentProps","React","createElement","className","styles","datePickerDayContent","DatePickerDayContent","Object","assign"],"mappings":"kHAOaA,EAAmB,SAACC,GAA0C,OACzEC,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,sBACrBJ,EAAAC,cAACI,EAAyBC,OAAAC,OAAA,CAAA,EAAAR,IACtB"}
@@ -1,2 +0,0 @@
1
- import{useMemo as r}from"react";import{format as e}from"date-fns";var t=[0,1,2,3,4,5,6,7,8,9,10,11],n=function(n){var a=n.locale;return r((function(){return t.map((function(r){var t=new Date;return t.setMonth(r,1),{id:""+r,label:e(t,"LLL",{locale:a})}}))}),[a])},a=function(t){var n=t.locale;return r((function(){return Array.from({length:201},(function(r,e){var t=new Date;return t.setFullYear(t.getFullYear()-100+e),t})).map((function(r){return{id:""+r.getFullYear(),label:e(r,"yyyy",{locale:n})}}))}),[n])};export{n as useMonthsOptionItems,a as useYearsOptionItems};
2
- //# sourceMappingURL=datePickerHooks.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"datePickerHooks.js","sources":["../../../../src/components/DatePicker/datePickerHooks.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerDropdownItem {\n id: string;\n label: string;\n value: string;\n}\n\nconst monthsIndexes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\nexport const useMonthsOptionItems = ({ locale }: { locale?: Locale }) =>\n useMemo(\n () =>\n monthsIndexes.map(monthIndex => {\n const month = new Date();\n month.setMonth(monthIndex, 1);\n return { id: monthIndex.toString(), label: format(month, \"LLL\", { locale }) };\n }),\n [locale]\n );\n\n// returns a list of all years from 100 years ago to 100 years in the future\nconst YEARS_AGO = 100;\nconst YEARS_IN_FUTURE = 100;\nexport const useYearsOptionItems = ({ locale }: { locale?: Locale }) =>\n useMemo(\n () =>\n Array.from({ length: YEARS_AGO + YEARS_IN_FUTURE + 1 }, (_, i) => {\n const date = new Date();\n date.setFullYear(date.getFullYear() - YEARS_AGO + i);\n return date;\n }).map(year => ({\n id: year.getFullYear().toString(),\n label: format(year, \"yyyy\", { locale })\n })),\n [locale]\n );\n"],"names":["monthsIndexes","useMonthsOptionItems","_ref","locale","useMemo","map","monthIndex","month","Date","setMonth","id","label","format","useYearsOptionItems","_ref2","Array","from","length","YEARS_AGO","_","i","date","setFullYear","getFullYear","year"],"mappings":"kEASA,IAAMA,EAAgB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,IAC5CC,EAAuB,SAAHC,GAAA,IAAMC,EAAMD,EAANC,OAAM,OAC3CC,GACE,WAAA,OACEJ,EAAcK,KAAI,SAAAC,GAChB,IAAMC,EAAQ,IAAIC,KAElB,OADAD,EAAME,SAASH,EAAY,GACpB,CAAEI,GAAIJ,KAAuBK,MAAOC,EAAOL,EAAO,MAAO,CAAEJ,OAAAA,IACpE,MACF,CAACA,GACF,EAKUU,EAAsB,SAAHC,GAAA,IAAMX,EAAMW,EAANX,OAAM,OAC1CC,GACE,WAAA,OACEW,MAAMC,KAAK,CAAEC,OAAQC,MAAmC,SAACC,EAAGC,GAC1D,IAAMC,EAAO,IAAIb,KAEjB,OADAa,EAAKC,YAAYD,EAAKE,cAPZ,IAOwCH,GAC3CC,CACT,IAAGhB,KAAI,SAAAmB,GAAI,MAAK,CACdd,GAAIc,KAAKD,cACTZ,MAAOC,EAAOY,EAAM,OAAQ,CAAErB,OAAAA,IAC/B,MACH,CAACA,GACF"}
@@ -1,2 +0,0 @@
1
- import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isBefore as o,isSameDay as t,isAfter as f}from"date-fns";function n(r,n,e){var i=n.from,u=n.to;if(!i&&!u)return"from"===e?{from:r,to:void 0}:{from:void 0,to:r};if(!i)return o(r,u)?{from:r,to:u}:{from:u,to:r};if(!u)return o(r,i)?{from:r,to:i}:{from:i,to:r};if("to"===e){if(t(r,i)&&t(r,u))return{from:void 0};if(t(r,i))return{from:void 0};if(o(r,i))return{from:r,to:u};if(f(r,i)&&o(r,u))return{from:i,to:r};if(f(r,u)||t(r,u))return{from:i,to:r}}else{if(t(r,i)&&t(r,u))return{from:void 0};if(t(r,u))return{from:r,to:r};if(f(r,u))return{from:i,to:r};if(o(r,u)&&f(r,i))return{from:r,to:u};if(o(r,i))return{from:r,to:u};if(t(r,u))return{from:r}}return{from:i,to:r}}var e=function(r,n){return!(!n.from||!n.to)&&((f(r,n.from)||t(r,n.from))&&(o(r,n.to)||t(r,n.to)))},i="addToRangeMiddle",u="addToRangeStart",m="addToRangeEnd",d="removeFromRange",a="HoveredDayExists",v="HalfRangeSelected";function c(r,o,f,a){if(o){var v=n(o,f,a);if(e(r,v)||e(r,f)){if(t(r,v.to)&&!t(r,f.to))return m;if(t(r,v.from)&&!t(r,f.from))return u;if(e(r,v)){if(e(r,f))return;return t(r,v.from)?u:t(r,v.to)?m:e(o,f)?void 0:i}return e(o,f)?d:void 0}}}function l(o,t,f){return r(r(r(r(r(r({},a,(function(){return!!o})),v,(function(){return!(!t||!(!t.from&&t.to||t.from&&!t.to))})),i,(function(r){return c(r,o,t,f)===i})),u,(function(r){return c(r,o,t,f)===u})),m,(function(r){return c(r,o,t,f)===m})),d,(function(r){return c(r,o,t,f)===d}))}export{m as AddToRangeEnd,i as AddToRangeMiddle,u as AddToRangeStart,v as HalfRangeSelected,a as HoveredDayExists,d as RemoveFromRange,n as addToRange,l as addToRangeModifiers,c as addToRangeNextState};
2
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["import { isAfter, isBefore, isSameDay } from \"date-fns\";\nimport { type DateRange, type Matcher } from \"react-day-picker\";\n\nexport type Intent = \"to\" | \"from\";\n\nexport function addToRange(day: Date, { from, to }: DateRange, intent: Intent): DateRange {\n if (!from && !to) {\n return intent === \"from\" ? { from: day, to: undefined } : { from: undefined, to: day };\n }\n\n if (!from) {\n if (isBefore(day, to)) {\n return { from: day, to };\n }\n\n return { from: to, to: day };\n }\n\n if (!to) {\n if (isBefore(day, from)) {\n return { from: day, to: from };\n }\n\n return { from, to: day };\n }\n\n if (intent === \"to\") {\n if (isSameDay(day, from) && isSameDay(day, to)) {\n return { from: undefined };\n }\n\n if (isSameDay(day, from)) {\n // both from & to selected + user clicks on start -> clear selection\n return { from: undefined };\n }\n\n if (isBefore(day, from)) {\n return { from: day, to };\n }\n\n if (isAfter(day, from) && isBefore(day, to)) {\n return { from, to: day };\n }\n\n if (isAfter(day, to) || isSameDay(day, to)) {\n return { from, to: day };\n }\n } else {\n // intent is from\n if (isSameDay(day, from) && isSameDay(day, to)) {\n return { from: undefined };\n }\n\n if (isSameDay(day, to)) {\n return { from: day, to: day };\n }\n\n if (isAfter(day, to)) {\n return { from, to: day };\n }\n\n if (isBefore(day, to) && isAfter(day, from)) {\n return { from: day, to };\n }\n\n if (isBefore(day, from)) {\n return { from: day, to };\n }\n\n if (isSameDay(day, to)) {\n // both from & to selected + user clicks on end -> end becomes start\n return { from: day };\n }\n }\n\n return { from, to: day };\n}\n\nconst isInRange = (day: Date, range: DateRange): boolean => {\n if (!range.from || !range.to) {\n return false;\n }\n\n return (\n (isAfter(day, range.from) || isSameDay(day, range.from)) && (isBefore(day, range.to) || isSameDay(day, range.to))\n );\n};\n\nexport const AddToRangeMiddle = \"addToRangeMiddle\";\nexport const AddToRangeStart = \"addToRangeStart\";\nexport const AddToRangeEnd = \"addToRangeEnd\";\nexport const RemoveFromRange = \"removeFromRange\";\nexport const HoveredDayExists = \"HoveredDayExists\";\nexport const HalfRangeSelected = \"HalfRangeSelected\";\n\ntype GetDateNextStateResult =\n | typeof AddToRangeMiddle\n | typeof AddToRangeStart\n | typeof AddToRangeEnd\n | typeof RemoveFromRange\n | undefined;\n\nexport function addToRangeNextState(\n day: Date,\n dayToAdd: Date,\n range: DateRange,\n intent: Intent\n): GetDateNextStateResult {\n if (!dayToAdd) {\n return undefined;\n }\n\n const nextRange = addToRange(dayToAdd, range, intent);\n\n if (!isInRange(day, nextRange) && !isInRange(day, range)) {\n return undefined;\n }\n\n if (isSameDay(day, nextRange.to) && !isSameDay(day, range.to)) {\n return AddToRangeEnd;\n }\n\n if (isSameDay(day, nextRange.from) && !isSameDay(day, range.from)) {\n return AddToRangeStart;\n }\n\n if (isInRange(day, nextRange)) {\n if (isInRange(day, range)) {\n return undefined;\n }\n\n if (isSameDay(day, nextRange.from)) {\n return AddToRangeStart;\n }\n\n if (isSameDay(day, nextRange.to)) {\n return AddToRangeEnd;\n }\n\n return !isInRange(dayToAdd, range) ? AddToRangeMiddle : undefined;\n }\n\n return isInRange(dayToAdd, range) ? RemoveFromRange : undefined;\n}\n\nexport function addToRangeModifiers(dayToAdd: Date, range: DateRange, intent: Intent): Record<string, Matcher> {\n return {\n [HoveredDayExists]: () => !!dayToAdd,\n [HalfRangeSelected]: () => !!(range && ((!range.from && range.to) || (range.from && !range.to))),\n [AddToRangeMiddle]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeMiddle,\n [AddToRangeStart]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeStart,\n [AddToRangeEnd]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeEnd,\n [RemoveFromRange]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === RemoveFromRange\n };\n}\n"],"names":["addToRange","day","_ref","intent","from","to","undefined","isBefore","isSameDay","isAfter","isInRange","range","AddToRangeMiddle","AddToRangeStart","AddToRangeEnd","RemoveFromRange","HoveredDayExists","HalfRangeSelected","addToRangeNextState","dayToAdd","nextRange","addToRangeModifiers","_defineProperty"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e,defineProperty as o,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"es-toolkit";import{getTestId as a,ComponentDefaultTestId as r}from"../../tests/testIds.js";import s from"classnames";import l,{useState as d,useRef as c,useCallback as m,useMemo as u}from"react";import{ENTER_KEYS as p,DEFAULT_DIALOG_SHOW_TRIGGER as f,DEFAULT_DIALOG_HIDE_TRIGGER as g,DIALOG_MOVE_BY as v,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as h}from"./SplitButtonConstants.js";import D from"./SplitButton.module.scss.js";import{ComponentVibeId as y}from"../../tests/constants.js";import b from"../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import k from"../../../components/button/dist/Button/Button.js";import N from"../../../components/dialog/dist/Dialog/Dialog.js";import S from"../../../icons/dist/react/DropdownChevronDown.js";import{isInsideClass as T}from"../../../shared/dist/utils/dom-utils.js";import{useEventListener as B}from"../../../shared/dist/hooks/useEventListener.js";import{useKeyEvent as I}from"../../../shared/dist/hooks/useKeyEvent.js";import{getStyle as j}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as E}from"../../../shared/dist/utils/function-utils.js";var O=function(O){var P=O.secondaryDialogContent,_=O.onSecondaryDialogDidShow,w=void 0===_?E:_,L=O.onSecondaryDialogDidHide,A=void 0===L?E:L,x=O.shouldCloseOnClickInsideDialog,z=O.zIndex,R=void 0===z?null:z,U=O.secondaryDialogClassName,H=void 0===U?"":U,F=O.secondaryDialogPosition,M=void 0===F?"bottom-start":F,W=O.dialogContainerSelector,Y=O.dialogPaddingSize,K=void 0===Y?"medium":Y,q=O.disabled,G=O.loading,J=O.kind,Q=void 0===J?"primary":J,V=O.color,X=void 0===V?"primary":V,Z=O.className,$=O.leftIcon,ee=O.rightIcon,oe=O.onClick,te=O.children,ie=O.marginLeft,ne=O.marginRight,ae=O.active,re=O.id,se=O["data-testid"],le=i(O,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),de=d(!1),ce=e(de,2),me=ce[0],ue=ce[1],pe=d(!1),fe=e(pe,2),ge=fe[0],ve=fe[1],Ce=d(!1),he=e(Ce,2),De=he[0],ye=he[1],be=c(null),ke=c(null),Ne=m((function(){return ve(!0)}),[ve]),Se=m((function(){return ve(!1)}),[ve]),Te=m((function(e){return!q&&!T(e.target,h)}),[q]),Be=m((function(e){Te(e)&&ye(!0)}),[ye,Te]),Ie=m((function(){return ye(!1)}),[ye]),je=m((function(e){Te(e)&&ye(!0)}),[ye,Te]),Ee=m((function(){ue(!0),w()}),[ue,w]),Oe=m((function(e,o){ue(!1),A(),"esckey"===o&&ke.current.focus()}),[ue,A]);B({eventName:"mouseenter",callback:Ne,ref:be}),B({eventName:"mouseleave",callback:Se,ref:be}),B({eventName:"mousedown",callback:Be,ref:be}),B({eventName:"mouseup",callback:Ie,ref:be}),B({eventName:"transitionend",callback:Ie,ref:be}),I({keys:p,ref:be,callback:je});var Pe=u((function(){return s(D.button,j(D,n("kind-"+Q)),j(D,n("color-"+X)),o(o(o(o(o({},D.mainActive,ae),D.active,De),D.splitContentOpen,me),D.hovered,ge),D.disabled,q),Z)}),[Z,Q,X,ae,De,me,ge,q]),_e=u((function(){return q?[]:f}),[q]),we=u((function(){return x?[].concat(t(g),["onContentClick"]):g}),[x]),Le=m((function(){var e="function"==typeof P?P():P;return l.createElement(b,{type:"popover",size:K},e)}),[P,K]),Ae=u((function(){if("bottom"!==M)return"bottom-start"===M?"bottom":"top"}),[M]);return l.createElement("div",{className:Pe,ref:be,id:re,"data-testid":se||a(r.SPLIT_BUTTON,re),"data-vibe":y.SPLIT_BUTTON},l.createElement(k,Object.assign({},le,{preventClickAnimation:!0,leftIcon:$,rightIcon:ee,rightFlat:!0,color:X,kind:Q,active:ae,onClick:oe,className:D.mainButton,marginLeft:ie,onFocus:Ne,onBlur:Se,disabled:q,loading:G,"data-testid":a(r.SPLIT_BUTTON_PRIMARY_BUTTON,re)}),te),l.createElement("div",{className:D.secondaryButtonWrapper},l.createElement(N,{wrapperClassName:H,zIndex:R,content:Le,position:M,containerSelector:W,startingEdge:Ae,animationType:"expand",moveBy:v,onDialogDidShow:Ee,onDialogDidHide:Oe,showTrigger:_e,hideTrigger:we},l.createElement(k,Object.assign({},le,{ref:ke,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:X,kind:Q,className:D.secondaryButton,active:me,marginRight:ne,onFocus:Ne,onBlur:Se,disabled:q,"aria-label":C,"aria-haspopup":!0,"aria-expanded":me,"data-testid":a(r.SPLIT_BUTTON_SECONDARY_BUTTON,re)}),l.createElement("div",{className:D.secondaryButtonIconWrapper},l.createElement(S,{"aria-hidden":"true"}))))))};export{O as default};
2
- //# sourceMappingURL=SplitButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP, isInsideClass } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n type SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\n// Utils import\n\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport {\n DialogContentContainer,\n type DialogSize,\n type DialogStartingEdge,\n type DialogTriggerEvent,\n Dialog,\n type DialogEvent,\n type DialogPosition\n} from \"@vibe/dialog\";\nimport styles from \"./SplitButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /**\n * The element or renderer that is displayed inside the dialog opened by clicking the secondary button.\n */\n secondaryDialogContent?: ReactElement | (() => string | ReactElement);\n /**\n * Callback fired when the secondary dialog is shown.\n */\n onSecondaryDialogDidShow?: () => void;\n /**\n * Callback fired when the secondary dialog is hidden.\n */\n onSecondaryDialogDidHide?: () => void;\n /**\n * The z-index applied to the secondary dialog.\n */\n zIndex?: number;\n /**\n * Class name applied to the wrapper of the secondary dialog.\n */\n secondaryDialogClassName?: string;\n /**\n * The position of the secondary dialog.\n */\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /**\n * The padding size inside the secondary dialog.\n */\n dialogPaddingSize?: DialogSize;\n /**\n * The CSS selector of the container where the dialog should be rendered.\n */\n dialogContainerSelector?: string;\n /**\n * If true, clicking inside the dialog will close it.\n */\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName = \"\",\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = \"medium\",\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind = \"primary\",\n color = \"primary\",\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog)\n return [...DEFAULT_DIALOG_HIDE_TRIGGER, \"onContentClick\"] as DialogTriggerEvent[];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type=\"popover\" size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition: DialogStartingEdge | undefined = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return undefined;\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n data-vibe={ComponentVibeId.SPLIT_BUTTON}\n >\n <Button\n {\n ...buttonProps /* We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType=\"expand\"\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n aria-label={SECONDARY_BUTTON_ARIA_LABEL}\n aria-haspopup\n aria-expanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\nexport default SplitButton;\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","_a$secondaryDialogCla","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","_a$kind","kind","_a$color","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","actionsContent","content","React","createElement","DialogContentContainer","type","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","SECONDARY_BUTTON_ARIA_LABEL","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- var n={button:"button_45b7febb7e",mainButton:"mainButton_71be01c0dc",secondaryButton:"secondaryButton_10b0ea4e90",secondaryButtonWrapper:"secondaryButtonWrapper_af2e3eade3",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_04f3f7c612",active:"active_e76d168517",disabled:"disabled_dfb2126cdd",kindTertiary:"kindTertiary_a0d351d7d8",colorPrimary:"colorPrimary_a0d351d7d8",mainActive:"mainActive_c1d0d6e308",splitContentOpen:"splitContentOpen_f8db5aa159",hovered:"hovered_5ece7ed3fc",colorBrand:"colorBrand_c1d0d6e308",colorPositive:"colorPositive_dc7381e026",colorNegative:"colorNegative_dc7381e026",kindPrimary:"kindPrimary_7d051395c6",colorOnPrimaryColor:"colorOnPrimaryColor_fa704573d1",kindSecondary:"kindSecondary_dc7381e026"};!function(n){const d="s_id-de44e8b791c3_4_5_25";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=n)}(".button_45b7febb7e {\n display: inline-flex;\n border-radius: var(--border-radius-small);\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_45b7febb7e .mainButton_71be01c0dc {\n margin-inline-end: 0;\n}\n\n.button_45b7febb7e .secondaryButton_10b0ea4e90 {\n margin-inline-start: 0;\n}\n\n.secondaryButtonWrapper_af2e3eade3 .secondaryButtonIconWrapper_04f3f7c612 {\n display: inline-flex;\n padding: 0 4px;\n}\n\n.active_e76d168517 {\n transform: scale(0.95);\n}\n\n.disabled_dfb2126cdd {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.kindTertiary_a0d351d7d8.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308 .mainButton_71be01c0dc {\n background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_a0d351d7d8.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308 .mainButton_71be01c0dc:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_a0d351d7d8.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308 .secondaryButton_10b0ea4e90 {\n background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_a0d351d7d8.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308 .secondaryButton_10b0ea4e90:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_a0d351d7d8.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308.splitContentOpen_f8db5aa159.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90,\n.kindTertiary_a0d351d7d8.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308.splitContentOpen_f8db5aa159.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90:hover,\n.kindTertiary_a0d351d7d8.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308.hovered_5ece7ed3fc.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90,\n.kindTertiary_a0d351d7d8.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308.hovered_5ece7ed3fc.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90:hover {\n color: var(--primary-color);\n}\n\n.kindTertiary_a0d351d7d8.colorBrand_c1d0d6e308.mainActive_c1d0d6e308 .mainButton_71be01c0dc {\n background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_a0d351d7d8.colorBrand_c1d0d6e308.mainActive_c1d0d6e308 .secondaryButton_10b0ea4e90 {\n background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_a0d351d7d8.colorBrand_c1d0d6e308.mainActive_c1d0d6e308.splitContentOpen_f8db5aa159.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90,\n.kindTertiary_a0d351d7d8.colorBrand_c1d0d6e308.mainActive_c1d0d6e308.splitContentOpen_f8db5aa159.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90:hover,\n.kindTertiary_a0d351d7d8.colorBrand_c1d0d6e308.mainActive_c1d0d6e308.hovered_5ece7ed3fc.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90,\n.kindTertiary_a0d351d7d8.colorBrand_c1d0d6e308.mainActive_c1d0d6e308.hovered_5ece7ed3fc.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90:hover {\n color: var(--brand-color);\n}\n\n.kindTertiary_a0d351d7d8.colorPositive_dc7381e026.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90,\n.kindTertiary_a0d351d7d8.colorPositive_dc7381e026:hover .secondaryButton_10b0ea4e90,\n.kindTertiary_a0d351d7d8.colorPositive_dc7381e026:focus .secondaryButton_10b0ea4e90 {\n border-color: transparent;\n background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_a0d351d7d8.colorPositive_dc7381e026.splitContentOpen_f8db5aa159 .mainButton_71be01c0dc,\n.kindTertiary_a0d351d7d8.colorPositive_dc7381e026:hover .mainButton_71be01c0dc,\n.kindTertiary_a0d351d7d8.colorPositive_dc7381e026:focus .mainButton_71be01c0dc {\n background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_a0d351d7d8.colorNegative_dc7381e026.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90,\n.kindTertiary_a0d351d7d8.colorNegative_dc7381e026:hover .secondaryButton_10b0ea4e90,\n.kindTertiary_a0d351d7d8.colorNegative_dc7381e026:focus .secondaryButton_10b0ea4e90 {\n border-color: transparent;\n background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_a0d351d7d8.colorNegative_dc7381e026.splitContentOpen_f8db5aa159 .mainButton_71be01c0dc,\n.kindTertiary_a0d351d7d8.colorNegative_dc7381e026:hover .mainButton_71be01c0dc,\n.kindTertiary_a0d351d7d8.colorNegative_dc7381e026:focus .mainButton_71be01c0dc {\n background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_a0d351d7d8 .secondaryButton_10b0ea4e90 {\n border-inline-start: 1px solid transparent;\n margin-inline-start: 1px;\n}\n\n.kindPrimary_7d051395c6.disabled_dfb2126cdd .secondaryButton_10b0ea4e90 {\n border-inline-start: 1px solid;\n border-color: var(--ui-border-color);\n}\n\n.kindPrimary_7d051395c6:not(.disabled_dfb2126cdd).colorPrimary_a0d351d7d8.mainActive_c1d0d6e308 .secondaryButton_10b0ea4e90 {\n background-color: var(--primary-hover-color);\n border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_7d051395c6:not(.disabled_dfb2126cdd).colorPrimary_a0d351d7d8 .secondaryButton_10b0ea4e90 {\n border-inline-start: 1px solid;\n border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_7d051395c6:not(.disabled_dfb2126cdd).colorBrand_c1d0d6e308.mainActive_c1d0d6e308 .secondaryButton_10b0ea4e90 {\n background-color: var(--brand-hover-color);\n border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_7d051395c6:not(.disabled_dfb2126cdd).colorBrand_c1d0d6e308 .secondaryButton_10b0ea4e90 {\n border-inline-start: 1px solid;\n border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_7d051395c6:not(.disabled_dfb2126cdd).colorPositive_dc7381e026 .secondaryButton_10b0ea4e90 {\n border-inline-start: 1px solid;\n border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_7d051395c6:not(.disabled_dfb2126cdd).colorNegative_dc7381e026 .secondaryButton_10b0ea4e90 {\n border-inline-start: 1px solid;\n border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_7d051395c6:not(.disabled_dfb2126cdd).colorOnPrimaryColor_fa704573d1 .secondaryButton_10b0ea4e90 {\n border-inline-start: 1px solid;\n border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_dc7381e026 .mainButton_71be01c0dc {\n border-inline-end: none;\n}\n\n.kindSecondary_dc7381e026.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308 .mainButton_71be01c0dc {\n background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_dc7381e026.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308 .mainButton_71be01c0dc:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_dc7381e026.colorPrimary_a0d351d7d8.mainActive_c1d0d6e308 .secondaryButton_10b0ea4e90 {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n\n.kindSecondary_dc7381e026.colorPrimary_a0d351d7d8.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90 {\n color: var(--primary-color);\n border-color: var(--primary-color);\n background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_dc7381e026.colorPrimary_a0d351d7d8.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_dc7381e026.colorBrand_c1d0d6e308.mainActive_c1d0d6e308 .mainButton_71be01c0dc {\n background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_dc7381e026.colorBrand_c1d0d6e308.mainActive_c1d0d6e308 .secondaryButton_10b0ea4e90 {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n\n.kindSecondary_dc7381e026.colorBrand_c1d0d6e308.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90,\n.kindSecondary_dc7381e026.colorBrand_c1d0d6e308.splitContentOpen_f8db5aa159 .secondaryButton_10b0ea4e90:hover {\n color: var(--brand-color);\n border-color: var(--brand-color);\n background-color: var(--brand-selected-color);\n}");export{n as default};
2
- //# sourceMappingURL=SplitButton.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SplitButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import{keyCodes as s}from"../../constants/keyCodes.js";import"../../constants/sizes.js";var t={main:8,secondary:0},o=["click"],c=["clickoutside","click","esckey"],i="monday-style-split-button__secondary-button-wrapper",n=[s.ENTER],a="additional actions";export{c as DEFAULT_DIALOG_HIDE_TRIGGER,o as DEFAULT_DIALOG_SHOW_TRIGGER,t as DIALOG_MOVE_BY,n as ENTER_KEYS,a as SECONDARY_BUTTON_ARIA_LABEL,i as SECONDARY_BUTTON_WRAPPER_CLASSNAME};
2
- //# sourceMappingURL=SplitButtonConstants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SplitButtonConstants.js","sources":["../../../../src/components/SplitButton/SplitButtonConstants.ts"],"sourcesContent":["// Constants\nimport { keyCodes } from \"../../constants\";\nimport type { DialogTriggerEvent } from \"@vibe/dialog\";\n\nexport const DIALOG_MOVE_BY = { main: 8, secondary: 0 };\nexport const DEFAULT_DIALOG_SHOW_TRIGGER: DialogTriggerEvent[] = [\"click\"];\nexport const DEFAULT_DIALOG_HIDE_TRIGGER: DialogTriggerEvent[] = [\"clickoutside\", \"click\", \"esckey\"];\nexport const SECONDARY_BUTTON_WRAPPER_CLASSNAME = \"monday-style-split-button__secondary-button-wrapper\";\nexport const EMPTY_ARR: string[] = [];\n\nexport const ENTER_KEYS = [keyCodes.ENTER];\n\n//TODO Remove once change dialogPosition to const\nexport const DialogPosition = {\n BOTTOM: \"bottom\",\n BOTTOM_START: \"bottom-start\",\n BOTTOM_END: \"bottom-end\"\n} as const;\n\nexport const SplitButtonSecondaryContentPosition = {\n BOTTOM_START: DialogPosition.BOTTOM_START,\n BOTTOM_MIDDLE: DialogPosition.BOTTOM,\n BOTTOM_END: DialogPosition.BOTTOM_END\n} as const;\n\nexport type SplitButtonSecondaryContentPositionType =\n (typeof SplitButtonSecondaryContentPosition)[keyof typeof SplitButtonSecondaryContentPosition];\n\nexport const SECONDARY_BUTTON_ARIA_LABEL = \"additional actions\";\n"],"names":["DIALOG_MOVE_BY","main","secondary","DEFAULT_DIALOG_SHOW_TRIGGER","DEFAULT_DIALOG_HIDE_TRIGGER","SECONDARY_BUTTON_WRAPPER_CLASSNAME","ENTER_KEYS","keyCodes","ENTER","SECONDARY_BUTTON_ARIA_LABEL"],"mappings":"wFAIO,IAAMA,EAAiB,CAAEC,KAAM,EAAGC,UAAW,GACvCC,EAAoD,CAAC,SACrDC,EAAoD,CAAC,eAAgB,QAAS,UAC9EC,EAAqC,sDAGrCC,EAAa,CAACC,EAASC,OAkBvBC,EAA8B"}
@@ -1,2 +0,0 @@
1
- import{__rest as e}from"../../../../_virtual/_tslib.js";import r,{forwardRef as t,useRef as n}from"react";import o from"../../../../components/menu/dist/Menu/Menu/Menu.js";import{useMergeRef as s}from"../../../../shared/dist/hooks/useMergeRef.js";var i=t((function(t,i){var m=t.children,u=e(t,["children"]),a=n(null),f=s(i,a);return r.createElement(o,Object.assign({focusItemIndexOnMount:0},u,{ref:f}),m)}));export{i as default};
2
- //# sourceMappingURL=SplitButtonMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SplitButtonMenu.js","sources":["../../../../../src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { Menu, type MenuProps } from \"@vibe/menu\";\n\nexport type SplitButtonMenuProps = Omit<MenuProps, \"focusItemIndexOnMount\"> & { children: React.ReactNode };\n\nconst SplitButtonMenu = forwardRef(\n ({ children, ...splitButtonMenuProps }: SplitButtonMenuProps, ref: React.ForwardedRef<HTMLElement>) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Menu focusItemIndexOnMount={0} {...splitButtonMenuProps} ref={mergedRef}>\n {children}\n </Menu>\n );\n }\n);\n\nexport default SplitButtonMenu;\n"],"names":["SplitButtonMenu","forwardRef","_a","ref","children","splitButtonMenuProps","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Menu","Object","assign","focusItemIndexOnMount"],"mappings":"uPAMMA,IAAAA,EAAkBC,GACtB,SAACC,EAA6DC,GAA7D,IAAEC,EAAyDF,EAAzDE,SAAaC,EAAoBC,EAAAJ,EAAnC,cACOK,EAAeC,EAAO,MACtBC,EAAYC,EAAYP,EAAKI,GAEnC,OACEI,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAC,sBAAuB,GAAOX,EAAoB,CAAEF,IAAKM,IAC5DL,EAGP"}