@clickhouse/click-ui 0.9.0 → 0.9.1
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.
- package/dist/cjs/click-ui.css +4 -0
- package/dist/cjs/components/DatePicker/Common.cjs +1 -1
- package/dist/cjs/components/DatePicker/Common.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/DateRangePicker.cjs +1 -1
- package/dist/cjs/components/DatePicker/DateRangePicker.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/DateTimeRangePicker.cjs +17 -11
- package/dist/cjs/components/DatePicker/DateTimeRangePicker.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/utils.cjs +23 -6
- package/dist/cjs/components/DatePicker/utils.cjs.map +1 -1
- package/dist/cjs/components/Select/common/InternalSelect.cjs +91 -135
- package/dist/cjs/components/Select/common/InternalSelect.cjs.map +1 -1
- package/dist/cjs/components/Select/common/SelectComponents.css +4 -0
- package/dist/cjs/components/Select/common/SelectComponents.module.css.cjs +1 -0
- package/dist/cjs/components/Select/common/SelectComponents.module.css.cjs.map +1 -1
- package/dist/esm/click-ui.css +4 -0
- package/dist/esm/components/DatePicker/Common.js +2 -2
- package/dist/esm/components/DatePicker/Common.js.map +1 -1
- package/dist/esm/components/DatePicker/DateRangePicker.js +2 -2
- package/dist/esm/components/DatePicker/DateRangePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/DateTimeRangePicker.js +18 -12
- package/dist/esm/components/DatePicker/DateTimeRangePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/utils.js +21 -5
- package/dist/esm/components/DatePicker/utils.js.map +1 -1
- package/dist/esm/components/Select/common/InternalSelect.js +92 -136
- package/dist/esm/components/Select/common/InternalSelect.js.map +1 -1
- package/dist/esm/components/Select/common/SelectComponents.css +4 -0
- package/dist/esm/components/Select/common/SelectComponents.module.css.js +1 -0
- package/dist/esm/components/Select/common/SelectComponents.module.css.js.map +1 -1
- package/dist/types/components/DatePicker/utils.d.ts +3 -2
- package/dist/types/components/Select/common/index.d.ts +1 -1
- package/dist/types/components/Select/common/types.d.ts +0 -6
- package/package.json +1 -1
|
@@ -18,6 +18,7 @@ const styles = {
|
|
|
18
18
|
"select-list-content": "select-list-content__AJbe9",
|
|
19
19
|
"hidden-select-element": "hidden-select-element__YZlhL",
|
|
20
20
|
"select-group-container": "select-group-container__Pd5rW",
|
|
21
|
+
"select-item": "select-item__BAnRr",
|
|
21
22
|
"select-group-name": "select-group-name__TrAy3",
|
|
22
23
|
"select-group-content": "select-group-content__OBO5d",
|
|
23
24
|
"select-no-data-container": "select-no-data-container__b2319",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectComponents.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectComponents.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/esm/click-ui.css
CHANGED
|
@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
|
2
2
|
import { styled } from 'styled-components';
|
|
3
3
|
import { useId, useState, useRef, useEffect, useCallback } from 'react';
|
|
4
4
|
import { useCalendar } from '@h6s/calendar';
|
|
5
|
-
import { shiftToTimezone, formatSelectedDate, formatSelectedDateTimeWithSeconds, formatSelectedDateTime,
|
|
5
|
+
import { shiftToTimezone, formatSelectedDate, formatSelectedDateTimeWithSeconds, formatSelectedDateTime, isDateRangeValid, formatDateHeader, formatWeekday } from './utils.js';
|
|
6
6
|
import { DAYS, YEARS, MONTHS, DAYS_IN_WEEK, getMonthNames } from '../../utils/date.js';
|
|
7
7
|
import { InputStartContent, InputElement, InputWrapper } from '../InputWrapper/index.js';
|
|
8
8
|
import { Icon as SvgImage } from '../Icon/index.js';
|
|
@@ -143,7 +143,7 @@ const DateTimeRangePickerInput = ({
|
|
|
143
143
|
formatDateTime(selectedEndDate).replace("AM", "am").replace("PM", "pm")
|
|
144
144
|
] });
|
|
145
145
|
}
|
|
146
|
-
const startDateIsAfterEndDate = selectedStartDate && selectedEndDate && !
|
|
146
|
+
const startDateIsAfterEndDate = selectedStartDate && selectedEndDate && !isDateRangeValid({
|
|
147
147
|
startDate: selectedStartDate,
|
|
148
148
|
endDate: selectedEndDate
|
|
149
149
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Common.js","sources":["../../../../src/components/DatePicker/Common.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport { InputElement, InputStartContent, InputWrapper } from '@/components/InputWrapper';\nimport {\n KeyboardEvent,\n ReactNode,\n useCallback,\n useEffect,\n useId,\n useRef,\n useState,\n} from 'react';\nimport { Icon, IconName } from '@/components/Icon';\nimport { Container } from '@/components/Container';\nimport { useCalendar, UseCalendarOptions } from '@h6s/calendar';\nimport { IconButton, IconButtonSize } from '@/components/IconButton';\nimport { Text } from '@/components/Text';\nimport {\n dateRangeIsValid,\n formatDateHeader,\n formatSelectedDate,\n formatSelectedDateTime,\n formatSelectedDateTimeWithSeconds,\n formatWeekday,\n shiftToTimezone,\n Timezone,\n} from './utils';\nimport { getMonthNames, DAYS, MONTHS, YEARS, DAYS_IN_WEEK } from '@/utils/date';\nimport { Dropdown } from '@/components/Dropdown';\n\nconst explicitWidth = '250px';\n\nconst viewGridMonths = {\n columns: 4,\n rows: 3,\n} as const;\n\nconst viewGridYears = {\n columns: 3,\n rows: 3,\n} as const;\n\nconst totalYears = viewGridYears.columns * viewGridYears.rows;\nconst yearsOffset = Math.floor(totalYears / 2);\n\nconst HighlightedInputWrapper = styled(InputWrapper)<{\n $isActive: boolean;\n $width?: string;\n error?: boolean;\n}>`\n ${({ $isActive, $width, error, theme }) => {\n let borderColor = $isActive\n ? theme.click.datePicker.dateOption.color.stroke.active\n : theme.click.field.color.stroke.default;\n\n if (error) {\n borderColor = theme.click.field.color.stroke.error;\n }\n\n return `border: ${theme.click.datePicker.dateOption.stroke} solid ${borderColor};\n width: ${$width ? $width : explicitWidth};\n ${$width && `min-width: ${explicitWidth};`}\n `;\n }}\n}`;\n\ninterface DatePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n partialMonth?: number;\n partialYear?: number;\n placeholder?: string;\n selectedDate?: Date;\n timezone?: Timezone;\n}\n\nconst formatPartialDate = (\n timezone: Timezone,\n selectedDate?: Date,\n partialYear?: number,\n partialMonth?: number\n): string => {\n if (typeof partialYear === 'number' && typeof partialMonth === 'number') {\n const date =\n timezone === 'UTC'\n ? new Date(Date.UTC(partialYear, partialMonth, 1))\n : new Date(partialYear, partialMonth, 1);\n return formatDateHeader(timezone, date);\n }\n\n if (typeof partialYear === 'number') {\n return String(partialYear);\n }\n\n if (selectedDate instanceof Date) {\n return formatSelectedDate(timezone, selectedDate);\n }\n\n return '';\n};\n\nexport const DatePickerInput = ({\n isActive,\n disabled,\n id,\n partialMonth,\n partialYear,\n placeholder,\n selectedDate,\n timezone = 'system',\n}: DatePickerInputProps) => {\n const defaultId = useId();\n const formattedSelectedDate = formatPartialDate(\n timezone,\n selectedDate,\n partialYear,\n partialMonth\n );\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n disabled={disabled}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n data-testid=\"datepicker-input\"\n placeholder={placeholder}\n readOnly\n value={formattedSelectedDate}\n />\n </HighlightedInputWrapper>\n );\n};\n\ninterface DateRangePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n placeholder?: string;\n selectedEndDate?: Date;\n selectedStartDate?: Date;\n timezone?: Timezone;\n}\n\nexport const DateRangePickerInput = ({\n isActive,\n disabled,\n id,\n placeholder,\n selectedEndDate,\n selectedStartDate,\n timezone = 'system',\n}: DateRangePickerInputProps) => {\n const defaultId = useId();\n\n let formattedValue = (\n <Text\n color=\"muted\"\n component=\"span\"\n >\n {placeholder ?? ''}\n </Text>\n );\n if (selectedStartDate) {\n if (selectedEndDate) {\n formattedValue = (\n <span>\n {formatSelectedDate(timezone, selectedStartDate)} –{' '}\n {formatSelectedDate(timezone, selectedEndDate)}\n </span>\n );\n } else {\n formattedValue = (\n <span>\n {formatSelectedDate(timezone, selectedStartDate)}{' '}\n <Text\n color=\"muted\"\n component=\"span\"\n >\n – end date\n </Text>\n </span>\n );\n }\n }\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n disabled={disabled}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n as=\"div\"\n data-testid=\"daterangepicker-input\"\n >\n {formattedValue}\n </InputElement>\n </HighlightedInputWrapper>\n );\n};\n\ninterface DateTimeRangePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n placeholder?: string;\n selectedEndDate?: Date;\n selectedStartDate?: Date;\n shouldShowSeconds?: boolean;\n timezone?: Timezone;\n}\n\nexport const DateTimeRangePickerInput = ({\n isActive,\n disabled,\n id,\n placeholder,\n selectedEndDate,\n selectedStartDate,\n shouldShowSeconds,\n timezone = 'system',\n}: DateTimeRangePickerInputProps) => {\n const defaultId = useId();\n\n const formatDateTime = useCallback(\n (date: Date) => {\n if (shouldShowSeconds) {\n return formatSelectedDateTimeWithSeconds(timezone, date);\n }\n\n return formatSelectedDateTime(timezone, date);\n },\n [shouldShowSeconds, timezone]\n );\n\n let formattedValue = (\n <Text\n color=\"muted\"\n component=\"span\"\n >\n {placeholder ?? ''}\n </Text>\n );\n\n if (selectedStartDate) {\n if (selectedEndDate) {\n formattedValue = (\n <span>\n {formatDateTime(selectedStartDate).replace('AM', 'am').replace('PM', 'pm')} –{' '}\n {formatDateTime(selectedEndDate).replace('AM', 'am').replace('PM', 'pm')}\n </span>\n );\n } else {\n formattedValue = (\n <span>\n {formatDateTime(selectedStartDate).replace('AM', 'am').replace('PM', 'pm')}{' '}\n <Text\n color=\"muted\"\n component=\"span\"\n >\n – end date\n </Text>\n </span>\n );\n }\n } else if (selectedEndDate) {\n formattedValue = (\n <span>\n <Text\n color=\"muted\"\n component=\"span\"\n >\n start date –{' '}\n </Text>\n {formatDateTime(selectedEndDate).replace('AM', 'am').replace('PM', 'pm')}\n </span>\n );\n }\n\n const startDateIsAfterEndDate =\n selectedStartDate &&\n selectedEndDate &&\n !dateRangeIsValid({\n startDate: selectedStartDate,\n endDate: selectedEndDate,\n });\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n $width=\"max-content\"\n disabled={disabled}\n error={startDateIsAfterEndDate}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n as=\"div\"\n data-testid=\"datetimepicker-input\"\n >\n {formattedValue}\n </InputElement>\n </HighlightedInputWrapper>\n );\n};\n\nconst DatePickerContainer = styled(Container)`\n background: ${({ theme }) =>\n theme.click.datePicker.dateOption.color.background.default};\n`;\n\nconst ClickableTitle = styled.button`\n background: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n outline: none;\n padding: 0.25rem 0.5rem;\n user-select: none;\n\n ${({ theme }) => `\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n color: ${theme.click.datePicker.color.title.default};\n font: ${theme.click.datePicker.typography.title.default};\n `};\n\n &:hover {\n background: ${({ theme }) =>\n theme.click.datePicker.dateOption.color.background.hover};\n }\n\n &:focus,\n &:focus-visible {\n border-color: ${({ theme }) => theme.click.datePicker.dateOption.color.stroke.hover};\n }\n`;\n\nconst UnselectableTitle = styled.h2`\n margin: 0;\n padding: 0;\n user-select: none;\n\n ${({ theme }) => `\n color: ${theme.click.datePicker.color.title.default};\n font: ${theme.click.datePicker.typography.title.default};\n `}\n`;\n\nconst GridContainer = styled.div`\n display: grid;\n padding: 0.25rem 0 0;\n\n ${({ theme }) => `\n gap: calc(${theme.click.datePicker.space.gap} * 2);\n `}\n`;\n\nconst MonthsGrid = styled(GridContainer)`\n grid-template-columns: repeat(${viewGridMonths.columns}, 1fr);\n grid-template-rows: repeat(${viewGridMonths.rows}, 1fr);\n`;\n\nconst YearsGrid = styled(GridContainer)`\n grid-template-columns: repeat(${viewGridYears.columns}, 1fr);\n grid-template-rows: repeat(${viewGridYears.rows}, 1fr);\n`;\n\nconst GridCell = styled.button<{ $isActive?: boolean; $isPresent?: boolean }>`\n align-items: center;\n cursor: pointer;\n display: flex;\n justify-content: center;\n min-height: 26px;\n padding: 8px 4px;\n text-align: center;\n\n ${({ theme }) => `\n background: ${theme.click.datePicker.dateOption.color.background.default};\n border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.stroke.default};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n color: ${theme.click.datePicker.dateOption.color.label.default};\n font: ${theme.click.datePicker.dateOption.typography.label.default};\n `}\n\n ${({ $isActive, theme }) =>\n $isActive &&\n `\n background: ${theme.click.datePicker.dateOption.color.background.active};\n color: ${theme.click.datePicker.dateOption.color.label.active};\n `}\n\n ${({ $isActive, $isPresent, theme }) =>\n $isPresent &&\n !$isActive &&\n `background: ${theme.click.datePicker.dateOption.color.background.range};`}\n\n ${({ theme }) => `\n &:hover {\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n\n &:focus {\n outline: none;\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n\n &:focus-visible {\n outline: none;\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n `}\n`;\n\nconst DateTable = styled.table`\n border-collapse: separate;\n border-spacing: 0;\n font: ${({ theme }) => theme.typography.styles.product.text.normal.md};\n table-layout: fixed;\n user-select: none;\n width: ${explicitWidth};\n\n thead tr {\n height: ${({ theme }) => theme.click.datePicker.dateOption.size.height};\n }\n\n tbody {\n cursor: pointer;\n }\n\n td,\n th {\n padding: 4px;\n }\n`;\n\nconst DateTableHeader = styled.th`\n ${({ theme }) => `\n color: ${theme.click.datePicker.color.daytitle.default};\n font: ${theme.click.datePicker.typography.daytitle.default};\n `}\n\n width: 14%;\n`;\n\nexport const DateTableCell = styled.td<{\n $isCurrentMonth?: boolean;\n $isDisabled?: boolean;\n $isSelected?: boolean;\n $isPresent?: boolean;\n}>`\n ${({ theme }) => `\n border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.stroke.default};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n font: ${theme.click.datePicker.dateOption.typography.label.default};\n `}\n\n ${({ $isCurrentMonth, $isDisabled, theme }) =>\n (!$isCurrentMonth || $isDisabled) &&\n `\n color: ${theme.click.datePicker.dateOption.color.label.disabled};\n font: ${theme.click.datePicker.dateOption.typography.label.disabled};\n `}\n\n ${({ $isSelected, theme }) =>\n $isSelected &&\n `\n background: ${theme.click.datePicker.dateOption.color.background.active} !important;\n color: ${theme.click.datePicker.dateOption.color.label.active};\n `}\n\n ${({ $isSelected, $isPresent, theme }) =>\n $isPresent &&\n !$isSelected &&\n `background: ${theme.click.datePicker.dateOption.color.background.range};`}\n\n text-align: center;\n outline: none;\n\n &:hover {\n ${({ $isDisabled, $isPresent, theme }) =>\n `border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };\n background: ${$isPresent ? theme.click.datePicker.dateOption.color.background.range : ''};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};`};\n }\n\n &:focus {\n ${({ $isDisabled, theme }) =>\n `outline: none;\n border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };`};\n }\n\n &:focus-visible {\n ${({ $isDisabled, theme }) =>\n `outline: none;\n border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };`};\n }\n`;\n\nexport const StyledDropdownItem = styled(Dropdown.Item)`\n box-sizing: content-box;\n min-height: 24px;\n`;\n\nexport type Body = ReturnType<typeof useCalendar>['body'];\n\ninterface CalendarRendererProps {\n calendarOptions?: UseCalendarOptions;\n children: (body: Body) => ReactNode;\n allowYearMonthSelection?: boolean;\n onYearSelect?: (year: number) => void;\n onMonthSelect?: (year: number, month: number) => void;\n selectedDate?: Date;\n timezone?: Timezone;\n}\n\nconst monthAbbreviations = getMonthNames('short');\n\ntype DateViewOption = 'days' | 'months' | 'years';\n\nconst PickerNavControl = styled(IconButton)`\n && {\n &:focus,\n &:focus-visible {\n outline: none;\n border: ${({ theme }) => theme.click.datePicker.dateOption.stroke} solid\n ${({ theme }) => theme.click.datePicker.dateOption.color.stroke.hover};\n }\n }\n`;\n\nconst EmptyDateSelectNav = styled(PickerNavControl)`\n visibility: hidden;\n pointer-events: none;\n`;\n\nconst DateSelectNav = ({\n id,\n icon,\n onClick,\n onKeyDown,\n view,\n size = 'sm',\n tabIndex,\n buttonRef,\n}: {\n id: string;\n icon: Extract<IconName, 'chevron-left' | 'chevron-right'>;\n onClick: () => void;\n onKeyDown?: (e: KeyboardEvent<HTMLButtonElement>) => void;\n view: DateViewOption;\n size?: IconButtonSize;\n tabIndex?: number;\n buttonRef?: (el: HTMLButtonElement | null) => void;\n}) => {\n if (view === MONTHS) {\n return (\n <EmptyDateSelectNav\n ref={buttonRef}\n data-testid={id}\n icon={icon}\n size={size}\n type=\"ghost\"\n tabIndex={tabIndex}\n onKeyDown={onKeyDown}\n />\n );\n }\n return (\n <PickerNavControl\n ref={buttonRef}\n data-testid={id}\n icon={icon}\n onClick={onClick}\n onKeyDown={onKeyDown}\n size={size}\n type=\"ghost\"\n tabIndex={tabIndex}\n />\n );\n};\n\nexport const CalendarRenderer = ({\n calendarOptions = {},\n children,\n allowYearMonthSelection = true,\n onYearSelect,\n onMonthSelect,\n selectedDate,\n timezone = 'system',\n ...props\n}: CalendarRendererProps) => {\n // useCalendar reads dates as local; shiftToTimezone is a no-op in local mode.\n const shiftedCalendarOptions: UseCalendarOptions =\n calendarOptions.defaultDate instanceof Date\n ? {\n ...calendarOptions,\n defaultDate: shiftToTimezone(calendarOptions.defaultDate, timezone),\n }\n : calendarOptions;\n const { body, headers, month, navigation, year } = useCalendar({\n defaultWeekStart: 1,\n ...shiftedCalendarOptions,\n });\n\n const [view, setView] = useState<DateViewOption>(DAYS);\n const [selectedYear, setSelectedYear] = useState<number | null>(null);\n const [yearOffset, setYearOffset] = useState(0);\n const [focusedMonthIndex, setFocusedMonthIndex] = useState(month);\n const [focusedYearIndex, setFocusedYearIndex] = useState(yearsOffset);\n\n const monthGridRef = useRef<Array<HTMLButtonElement | null>>([]);\n const yearGridRef = useRef<Array<HTMLButtonElement | null>>([]);\n const headerNavRefs = useRef<Array<HTMLButtonElement | null>>([null, null, null]);\n\n useEffect(() => {\n if (view === YEARS) {\n yearGridRef.current[focusedYearIndex]?.focus();\n } else if (view === MONTHS) {\n monthGridRef.current[focusedMonthIndex]?.focus();\n }\n }, [view, focusedYearIndex, focusedMonthIndex]);\n\n const onNextClick = useCallback(() => {\n if (view === YEARS) {\n setYearOffset(prev => prev + totalYears);\n } else {\n navigation.toNext();\n }\n }, [navigation, view]);\n\n const onPreviousClick = useCallback(() => {\n if (view === YEARS) {\n setYearOffset(prev => prev - totalYears);\n return;\n }\n\n navigation.toPrev();\n }, [navigation, view]);\n\n const onTitleClick = useCallback(() => {\n if (view !== DAYS) {\n return;\n }\n\n setView(YEARS);\n }, [view]);\n\n const onHeaderNavKeyDown = useCallback((e: KeyboardEvent<HTMLButtonElement>) => {\n const validRefs = headerNavRefs.current.filter(ref => {\n if (!ref) {\n return false;\n }\n return (\n ref.offsetParent !== null ||\n (!ref.hasAttribute('hidden') && ref.getAttribute('aria-hidden') !== 'true')\n );\n });\n\n const currentValidIndex = validRefs.indexOf(e.currentTarget);\n if (currentValidIndex === -1 || validRefs.length <= 1) {\n return;\n }\n\n if (e.key === 'ArrowRight') {\n e.preventDefault();\n const nextValidIndex = (currentValidIndex + 1) % validRefs.length;\n validRefs[nextValidIndex]?.focus();\n } else if (e.key === 'ArrowLeft') {\n e.preventDefault();\n const prevValidIndex =\n (currentValidIndex - 1 + validRefs.length) % validRefs.length;\n validRefs[prevValidIndex]?.focus();\n }\n }, []);\n\n const onYearSelection = useCallback(\n (yearValue: number) => {\n setSelectedYear(yearValue);\n setView(MONTHS);\n onYearSelect?.(yearValue);\n },\n [onYearSelect]\n );\n\n const onMonthSelection = useCallback(\n (monthIndex: number) => {\n const finalYear = typeof selectedYear === 'number' ? selectedYear : year;\n const newDate = new Date(finalYear, monthIndex, 1);\n\n navigation.setDate(newDate);\n onMonthSelect?.(finalYear, monthIndex);\n\n setView(DAYS);\n setSelectedYear(null);\n setYearOffset(0);\n },\n [selectedYear, year, navigation, onMonthSelect]\n );\n\n const onMonthGridKeyDown = useCallback(\n (event: KeyboardEvent<HTMLButtonElement>, index: number) => {\n const columns = viewGridMonths.columns;\n const totalItems = 12;\n let newIndex = index;\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n newIndex = (index + 1) % totalItems;\n break;\n case 'ArrowLeft':\n event.preventDefault();\n newIndex = (index - 1 + totalItems) % totalItems;\n break;\n case 'ArrowDown':\n event.preventDefault();\n newIndex = (index + columns) % totalItems;\n break;\n case 'ArrowUp':\n event.preventDefault();\n newIndex = (index - columns + totalItems) % totalItems;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n onMonthSelection(index);\n return;\n default:\n return;\n }\n\n setFocusedMonthIndex(newIndex);\n monthGridRef.current[newIndex]?.focus();\n },\n [onMonthSelection]\n );\n\n const onYearGridKeyDown = useCallback(\n (event: KeyboardEvent<HTMLButtonElement>, index: number, yearValue: number) => {\n const columns = viewGridYears.columns;\n const totalItems = totalYears;\n let newIndex = index;\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n newIndex = (index + 1) % totalItems;\n break;\n case 'ArrowLeft':\n event.preventDefault();\n newIndex = (index - 1 + totalItems) % totalItems;\n break;\n case 'ArrowDown':\n event.preventDefault();\n newIndex = (index + columns) % totalItems;\n break;\n case 'ArrowUp':\n event.preventDefault();\n newIndex = (index - columns + totalItems) % totalItems;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n onYearSelection(yearValue);\n return;\n default:\n return;\n }\n\n setFocusedYearIndex(newIndex);\n yearGridRef.current[newIndex]?.focus();\n },\n [onYearSelection]\n );\n\n const headerDate = new Date();\n headerDate.setMonth(month);\n headerDate.setFullYear(year);\n\n const getHeaderTitle = (view: DateViewOption) => {\n if (view === MONTHS) {\n return 'Month';\n }\n\n if (view === YEARS) {\n return 'Year';\n }\n\n // headerDate already has the right month/year in its local fields.\n return formatDateHeader('system', headerDate);\n };\n\n const renderMonthsGrid = () => {\n const today = shiftToTimezone(new Date(), timezone);\n const thisMonth = today.getMonth();\n const thisYear = today.getFullYear();\n const shiftedSelected = selectedDate\n ? shiftToTimezone(selectedDate, timezone)\n : undefined;\n const selectedMonth = shiftedSelected?.getMonth();\n const selectedYear = shiftedSelected?.getFullYear();\n\n return (\n <MonthsGrid\n data-testid=\"months-grid\"\n role=\"grid\"\n aria-label=\"Select month\"\n >\n {monthAbbreviations.map((month, index) => {\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n onMonthGridKeyDown(event, index);\n };\n\n const handleClick = () => {\n onMonthSelection(index);\n };\n\n const ref = (element: HTMLButtonElement) => {\n monthGridRef.current[index] = element;\n };\n\n return (\n <GridCell\n key={month}\n type=\"button\"\n ref={ref}\n $isActive={selectedDate && index === selectedMonth && year === selectedYear}\n $isPresent={index === thisMonth && year === thisYear}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n data-testid={`month-cell-${index}`}\n tabIndex={index === focusedMonthIndex ? 0 : -1}\n aria-label={month}\n >\n {month}\n </GridCell>\n );\n })}\n </MonthsGrid>\n );\n };\n\n const renderYearsGrid = () => {\n const years: Array<number> = [];\n const baseYear = year + yearOffset;\n const thisYear = shiftToTimezone(new Date(), timezone).getFullYear();\n const selectedYear = selectedDate\n ? shiftToTimezone(selectedDate, timezone).getFullYear()\n : undefined;\n\n for (let i = -yearsOffset; i <= yearsOffset; i++) {\n years.push(baseYear + i);\n }\n\n return (\n <YearsGrid\n data-testid=\"years-grid\"\n role=\"grid\"\n aria-label=\"Select year\"\n >\n {years.map((currentYear, index) => {\n const ref = (element: HTMLButtonElement) => {\n yearGridRef.current[index] = element;\n };\n\n const handleClick = () => {\n onYearSelection(currentYear);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n onYearGridKeyDown(event, index, currentYear);\n };\n\n return (\n <GridCell\n key={currentYear}\n type=\"button\"\n ref={ref}\n $isActive={selectedDate && currentYear === selectedYear}\n $isPresent={currentYear === thisYear}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n data-testid={`year-cell-${currentYear}`}\n tabIndex={index === focusedYearIndex ? 0 : -1}\n aria-label={String(currentYear)}\n >\n {currentYear}\n </GridCell>\n );\n })}\n </YearsGrid>\n );\n };\n\n const renderTableContent = () => {\n if (view === MONTHS) {\n return (\n <tbody>\n <tr>\n <td colSpan={DAYS_IN_WEEK}>{renderMonthsGrid()}</td>\n </tr>\n </tbody>\n );\n }\n\n if (view === YEARS) {\n return (\n <tbody>\n <tr>\n <td colSpan={DAYS_IN_WEEK}>{renderYearsGrid()}</td>\n </tr>\n </tbody>\n );\n }\n\n return (\n <>\n <thead>\n <tr>\n {headers.weekdays.map(({ key, value: date }) => {\n return (\n <DateTableHeader key={key}>\n {formatWeekday('system', date)}\n </DateTableHeader>\n );\n })}\n </tr>\n </thead>\n <tbody>{children(body)}</tbody>\n </>\n );\n };\n\n return (\n <DatePickerContainer\n data-testid=\"datepicker-calendar-container\"\n isResponsive={false}\n fillWidth={false}\n orientation=\"vertical\"\n padding=\"sm\"\n {...props}\n >\n <Container\n isResponsive={false}\n justifyContent=\"space-between\"\n orientation=\"horizontal\"\n >\n <DateSelectNav\n id=\"calendar-previous-month\"\n icon=\"chevron-left\"\n onClick={onPreviousClick}\n onKeyDown={onHeaderNavKeyDown}\n view={view}\n tabIndex={view === MONTHS ? -1 : 0}\n buttonRef={el => {\n if (view !== MONTHS) {\n headerNavRefs.current[0] = el;\n } else {\n headerNavRefs.current[0] = null;\n }\n }}\n />\n {view === DAYS && allowYearMonthSelection ? (\n <ClickableTitle\n type=\"button\"\n ref={el => {\n headerNavRefs.current[1] = el as HTMLButtonElement;\n }}\n onClick={onTitleClick}\n onKeyDown={onHeaderNavKeyDown}\n data-testid=\"calendar-title\"\n tabIndex={0}\n >\n {getHeaderTitle(view)}\n </ClickableTitle>\n ) : (\n <UnselectableTitle>{getHeaderTitle(view)}</UnselectableTitle>\n )}\n <DateSelectNav\n id=\"calendar-next-month\"\n icon=\"chevron-right\"\n onClick={onNextClick}\n onKeyDown={onHeaderNavKeyDown}\n view={view}\n tabIndex={view === MONTHS ? -1 : 0}\n buttonRef={el => {\n if (view !== MONTHS) {\n headerNavRefs.current[2] = el;\n } else {\n headerNavRefs.current[2] = null;\n }\n }}\n />\n </Container>\n <DateTable>{renderTableContent()}</DateTable>\n </DatePickerContainer>\n );\n};\n"],"names":["explicitWidth","viewGridMonths","columns","rows","viewGridYears","totalYears","yearsOffset","Math","floor","HighlightedInputWrapper","styled","InputWrapper","withConfig","componentId","$isActive","$width","error","theme","borderColor","click","datePicker","dateOption","color","stroke","active","field","default","formatPartialDate","timezone","selectedDate","partialYear","partialMonth","date","Date","UTC","formatDateHeader","String","formatSelectedDate","DatePickerInput","isActive","disabled","id","placeholder","defaultId","useId","formattedSelectedDate","Icon","DateRangePickerInput","selectedEndDate","selectedStartDate","formattedValue","DateTimeRangePickerInput","shouldShowSeconds","formatDateTime","useCallback","formatSelectedDateTimeWithSeconds","formatSelectedDateTime","replace","startDateIsAfterEndDate","dateRangeIsValid","startDate","endDate","DatePickerContainer","Container","background","ClickableTitle","button","radii","title","typography","hover","UnselectableTitle","h2","GridContainer","div","space","gap","MonthsGrid","YearsGrid","GridCell","label","$isPresent","range","DateTable","table","styles","product","text","normal","md","size","height","DateTableHeader","th","daytitle","DateTableCell","td","$isCurrentMonth","$isDisabled","$isSelected","StyledDropdownItem","Dropdown","Item","monthAbbreviations","getMonthNames","PickerNavControl","IconButton","EmptyDateSelectNav","DateSelectNav","icon","onClick","onKeyDown","view","tabIndex","buttonRef","MONTHS","CalendarRenderer","calendarOptions","children","allowYearMonthSelection","onYearSelect","onMonthSelect","props","shiftedCalendarOptions","defaultDate","shiftToTimezone","body","headers","month","navigation","year","useCalendar","defaultWeekStart","setView","useState","DAYS","selectedYear","setSelectedYear","yearOffset","setYearOffset","focusedMonthIndex","setFocusedMonthIndex","focusedYearIndex","setFocusedYearIndex","monthGridRef","useRef","yearGridRef","headerNavRefs","useEffect","YEARS","current","focus","onNextClick","prev","toNext","onPreviousClick","toPrev","onTitleClick","onHeaderNavKeyDown","e","validRefs","filter","ref","offsetParent","hasAttribute","getAttribute","currentValidIndex","indexOf","currentTarget","length","key","preventDefault","nextValidIndex","prevValidIndex","onYearSelection","yearValue","onMonthSelection","monthIndex","finalYear","newDate","setDate","onMonthGridKeyDown","event","index","totalItems","newIndex","onYearGridKeyDown","headerDate","setMonth","setFullYear","getHeaderTitle","renderMonthsGrid","today","thisMonth","getMonth","thisYear","getFullYear","shiftedSelected","undefined","selectedMonth","map","handleKeyDown","handleClick","element","renderYearsGrid","years","baseYear","i","push","currentYear","renderTableContent","DAYS_IN_WEEK","weekdays","value","formatWeekday","el"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Common.js","sources":["../../../../src/components/DatePicker/Common.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport { InputElement, InputStartContent, InputWrapper } from '@/components/InputWrapper';\nimport {\n KeyboardEvent,\n ReactNode,\n useCallback,\n useEffect,\n useId,\n useRef,\n useState,\n} from 'react';\nimport { Icon, IconName } from '@/components/Icon';\nimport { Container } from '@/components/Container';\nimport { useCalendar, UseCalendarOptions } from '@h6s/calendar';\nimport { IconButton, IconButtonSize } from '@/components/IconButton';\nimport { Text } from '@/components/Text';\nimport {\n Timezone,\n formatDateHeader,\n formatSelectedDate,\n formatSelectedDateTime,\n formatSelectedDateTimeWithSeconds,\n formatWeekday,\n isDateRangeValid,\n shiftToTimezone,\n} from './utils';\nimport { getMonthNames, DAYS, MONTHS, YEARS, DAYS_IN_WEEK } from '@/utils/date';\nimport { Dropdown } from '@/components/Dropdown';\n\nconst explicitWidth = '250px';\n\nconst viewGridMonths = {\n columns: 4,\n rows: 3,\n} as const;\n\nconst viewGridYears = {\n columns: 3,\n rows: 3,\n} as const;\n\nconst totalYears = viewGridYears.columns * viewGridYears.rows;\nconst yearsOffset = Math.floor(totalYears / 2);\n\nconst HighlightedInputWrapper = styled(InputWrapper)<{\n $isActive: boolean;\n $width?: string;\n error?: boolean;\n}>`\n ${({ $isActive, $width, error, theme }) => {\n let borderColor = $isActive\n ? theme.click.datePicker.dateOption.color.stroke.active\n : theme.click.field.color.stroke.default;\n\n if (error) {\n borderColor = theme.click.field.color.stroke.error;\n }\n\n return `border: ${theme.click.datePicker.dateOption.stroke} solid ${borderColor};\n width: ${$width ? $width : explicitWidth};\n ${$width && `min-width: ${explicitWidth};`}\n `;\n }}\n}`;\n\ninterface DatePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n partialMonth?: number;\n partialYear?: number;\n placeholder?: string;\n selectedDate?: Date;\n timezone?: Timezone;\n}\n\nconst formatPartialDate = (\n timezone: Timezone,\n selectedDate?: Date,\n partialYear?: number,\n partialMonth?: number\n): string => {\n if (typeof partialYear === 'number' && typeof partialMonth === 'number') {\n const date =\n timezone === 'UTC'\n ? new Date(Date.UTC(partialYear, partialMonth, 1))\n : new Date(partialYear, partialMonth, 1);\n return formatDateHeader(timezone, date);\n }\n\n if (typeof partialYear === 'number') {\n return String(partialYear);\n }\n\n if (selectedDate instanceof Date) {\n return formatSelectedDate(timezone, selectedDate);\n }\n\n return '';\n};\n\nexport const DatePickerInput = ({\n isActive,\n disabled,\n id,\n partialMonth,\n partialYear,\n placeholder,\n selectedDate,\n timezone = 'system',\n}: DatePickerInputProps) => {\n const defaultId = useId();\n const formattedSelectedDate = formatPartialDate(\n timezone,\n selectedDate,\n partialYear,\n partialMonth\n );\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n disabled={disabled}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n data-testid=\"datepicker-input\"\n placeholder={placeholder}\n readOnly\n value={formattedSelectedDate}\n />\n </HighlightedInputWrapper>\n );\n};\n\ninterface DateRangePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n placeholder?: string;\n selectedEndDate?: Date;\n selectedStartDate?: Date;\n timezone?: Timezone;\n}\n\nexport const DateRangePickerInput = ({\n isActive,\n disabled,\n id,\n placeholder,\n selectedEndDate,\n selectedStartDate,\n timezone = 'system',\n}: DateRangePickerInputProps) => {\n const defaultId = useId();\n\n let formattedValue = (\n <Text\n color=\"muted\"\n component=\"span\"\n >\n {placeholder ?? ''}\n </Text>\n );\n if (selectedStartDate) {\n if (selectedEndDate) {\n formattedValue = (\n <span>\n {formatSelectedDate(timezone, selectedStartDate)} –{' '}\n {formatSelectedDate(timezone, selectedEndDate)}\n </span>\n );\n } else {\n formattedValue = (\n <span>\n {formatSelectedDate(timezone, selectedStartDate)}{' '}\n <Text\n color=\"muted\"\n component=\"span\"\n >\n – end date\n </Text>\n </span>\n );\n }\n }\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n disabled={disabled}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n as=\"div\"\n data-testid=\"daterangepicker-input\"\n >\n {formattedValue}\n </InputElement>\n </HighlightedInputWrapper>\n );\n};\n\ninterface DateTimeRangePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n placeholder?: string;\n selectedEndDate?: Date;\n selectedStartDate?: Date;\n shouldShowSeconds?: boolean;\n timezone?: Timezone;\n}\n\nexport const DateTimeRangePickerInput = ({\n isActive,\n disabled,\n id,\n placeholder,\n selectedEndDate,\n selectedStartDate,\n shouldShowSeconds,\n timezone = 'system',\n}: DateTimeRangePickerInputProps) => {\n const defaultId = useId();\n\n const formatDateTime = useCallback(\n (date: Date) => {\n if (shouldShowSeconds) {\n return formatSelectedDateTimeWithSeconds(timezone, date);\n }\n\n return formatSelectedDateTime(timezone, date);\n },\n [shouldShowSeconds, timezone]\n );\n\n let formattedValue = (\n <Text\n color=\"muted\"\n component=\"span\"\n >\n {placeholder ?? ''}\n </Text>\n );\n\n if (selectedStartDate) {\n if (selectedEndDate) {\n formattedValue = (\n <span>\n {formatDateTime(selectedStartDate).replace('AM', 'am').replace('PM', 'pm')} –{' '}\n {formatDateTime(selectedEndDate).replace('AM', 'am').replace('PM', 'pm')}\n </span>\n );\n } else {\n formattedValue = (\n <span>\n {formatDateTime(selectedStartDate).replace('AM', 'am').replace('PM', 'pm')}{' '}\n <Text\n color=\"muted\"\n component=\"span\"\n >\n – end date\n </Text>\n </span>\n );\n }\n } else if (selectedEndDate) {\n formattedValue = (\n <span>\n <Text\n color=\"muted\"\n component=\"span\"\n >\n start date –{' '}\n </Text>\n {formatDateTime(selectedEndDate).replace('AM', 'am').replace('PM', 'pm')}\n </span>\n );\n }\n\n const startDateIsAfterEndDate =\n selectedStartDate &&\n selectedEndDate &&\n !isDateRangeValid({\n startDate: selectedStartDate,\n endDate: selectedEndDate,\n });\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n $width=\"max-content\"\n disabled={disabled}\n error={startDateIsAfterEndDate}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n as=\"div\"\n data-testid=\"datetimepicker-input\"\n >\n {formattedValue}\n </InputElement>\n </HighlightedInputWrapper>\n );\n};\n\nconst DatePickerContainer = styled(Container)`\n background: ${({ theme }) =>\n theme.click.datePicker.dateOption.color.background.default};\n`;\n\nconst ClickableTitle = styled.button`\n background: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n outline: none;\n padding: 0.25rem 0.5rem;\n user-select: none;\n\n ${({ theme }) => `\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n color: ${theme.click.datePicker.color.title.default};\n font: ${theme.click.datePicker.typography.title.default};\n `};\n\n &:hover {\n background: ${({ theme }) =>\n theme.click.datePicker.dateOption.color.background.hover};\n }\n\n &:focus,\n &:focus-visible {\n border-color: ${({ theme }) => theme.click.datePicker.dateOption.color.stroke.hover};\n }\n`;\n\nconst UnselectableTitle = styled.h2`\n margin: 0;\n padding: 0;\n user-select: none;\n\n ${({ theme }) => `\n color: ${theme.click.datePicker.color.title.default};\n font: ${theme.click.datePicker.typography.title.default};\n `}\n`;\n\nconst GridContainer = styled.div`\n display: grid;\n padding: 0.25rem 0 0;\n\n ${({ theme }) => `\n gap: calc(${theme.click.datePicker.space.gap} * 2);\n `}\n`;\n\nconst MonthsGrid = styled(GridContainer)`\n grid-template-columns: repeat(${viewGridMonths.columns}, 1fr);\n grid-template-rows: repeat(${viewGridMonths.rows}, 1fr);\n`;\n\nconst YearsGrid = styled(GridContainer)`\n grid-template-columns: repeat(${viewGridYears.columns}, 1fr);\n grid-template-rows: repeat(${viewGridYears.rows}, 1fr);\n`;\n\nconst GridCell = styled.button<{ $isActive?: boolean; $isPresent?: boolean }>`\n align-items: center;\n cursor: pointer;\n display: flex;\n justify-content: center;\n min-height: 26px;\n padding: 8px 4px;\n text-align: center;\n\n ${({ theme }) => `\n background: ${theme.click.datePicker.dateOption.color.background.default};\n border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.stroke.default};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n color: ${theme.click.datePicker.dateOption.color.label.default};\n font: ${theme.click.datePicker.dateOption.typography.label.default};\n `}\n\n ${({ $isActive, theme }) =>\n $isActive &&\n `\n background: ${theme.click.datePicker.dateOption.color.background.active};\n color: ${theme.click.datePicker.dateOption.color.label.active};\n `}\n\n ${({ $isActive, $isPresent, theme }) =>\n $isPresent &&\n !$isActive &&\n `background: ${theme.click.datePicker.dateOption.color.background.range};`}\n\n ${({ theme }) => `\n &:hover {\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n\n &:focus {\n outline: none;\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n\n &:focus-visible {\n outline: none;\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n `}\n`;\n\nconst DateTable = styled.table`\n border-collapse: separate;\n border-spacing: 0;\n font: ${({ theme }) => theme.typography.styles.product.text.normal.md};\n table-layout: fixed;\n user-select: none;\n width: ${explicitWidth};\n\n thead tr {\n height: ${({ theme }) => theme.click.datePicker.dateOption.size.height};\n }\n\n tbody {\n cursor: pointer;\n }\n\n td,\n th {\n padding: 4px;\n }\n`;\n\nconst DateTableHeader = styled.th`\n ${({ theme }) => `\n color: ${theme.click.datePicker.color.daytitle.default};\n font: ${theme.click.datePicker.typography.daytitle.default};\n `}\n\n width: 14%;\n`;\n\nexport const DateTableCell = styled.td<{\n $isCurrentMonth?: boolean;\n $isDisabled?: boolean;\n $isSelected?: boolean;\n $isPresent?: boolean;\n}>`\n ${({ theme }) => `\n border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.stroke.default};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n font: ${theme.click.datePicker.dateOption.typography.label.default};\n `}\n\n ${({ $isCurrentMonth, $isDisabled, theme }) =>\n (!$isCurrentMonth || $isDisabled) &&\n `\n color: ${theme.click.datePicker.dateOption.color.label.disabled};\n font: ${theme.click.datePicker.dateOption.typography.label.disabled};\n `}\n\n ${({ $isSelected, theme }) =>\n $isSelected &&\n `\n background: ${theme.click.datePicker.dateOption.color.background.active} !important;\n color: ${theme.click.datePicker.dateOption.color.label.active};\n `}\n\n ${({ $isSelected, $isPresent, theme }) =>\n $isPresent &&\n !$isSelected &&\n `background: ${theme.click.datePicker.dateOption.color.background.range};`}\n\n text-align: center;\n outline: none;\n\n &:hover {\n ${({ $isDisabled, $isPresent, theme }) =>\n `border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };\n background: ${$isPresent ? theme.click.datePicker.dateOption.color.background.range : ''};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};`};\n }\n\n &:focus {\n ${({ $isDisabled, theme }) =>\n `outline: none;\n border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };`};\n }\n\n &:focus-visible {\n ${({ $isDisabled, theme }) =>\n `outline: none;\n border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };`};\n }\n`;\n\nexport const StyledDropdownItem = styled(Dropdown.Item)`\n box-sizing: content-box;\n min-height: 24px;\n`;\n\nexport type Body = ReturnType<typeof useCalendar>['body'];\n\ninterface CalendarRendererProps {\n calendarOptions?: UseCalendarOptions;\n children: (body: Body) => ReactNode;\n allowYearMonthSelection?: boolean;\n onYearSelect?: (year: number) => void;\n onMonthSelect?: (year: number, month: number) => void;\n selectedDate?: Date;\n timezone?: Timezone;\n}\n\nconst monthAbbreviations = getMonthNames('short');\n\ntype DateViewOption = 'days' | 'months' | 'years';\n\nconst PickerNavControl = styled(IconButton)`\n && {\n &:focus,\n &:focus-visible {\n outline: none;\n border: ${({ theme }) => theme.click.datePicker.dateOption.stroke} solid\n ${({ theme }) => theme.click.datePicker.dateOption.color.stroke.hover};\n }\n }\n`;\n\nconst EmptyDateSelectNav = styled(PickerNavControl)`\n visibility: hidden;\n pointer-events: none;\n`;\n\nconst DateSelectNav = ({\n id,\n icon,\n onClick,\n onKeyDown,\n view,\n size = 'sm',\n tabIndex,\n buttonRef,\n}: {\n id: string;\n icon: Extract<IconName, 'chevron-left' | 'chevron-right'>;\n onClick: () => void;\n onKeyDown?: (e: KeyboardEvent<HTMLButtonElement>) => void;\n view: DateViewOption;\n size?: IconButtonSize;\n tabIndex?: number;\n buttonRef?: (el: HTMLButtonElement | null) => void;\n}) => {\n if (view === MONTHS) {\n return (\n <EmptyDateSelectNav\n ref={buttonRef}\n data-testid={id}\n icon={icon}\n size={size}\n type=\"ghost\"\n tabIndex={tabIndex}\n onKeyDown={onKeyDown}\n />\n );\n }\n return (\n <PickerNavControl\n ref={buttonRef}\n data-testid={id}\n icon={icon}\n onClick={onClick}\n onKeyDown={onKeyDown}\n size={size}\n type=\"ghost\"\n tabIndex={tabIndex}\n />\n );\n};\n\nexport const CalendarRenderer = ({\n calendarOptions = {},\n children,\n allowYearMonthSelection = true,\n onYearSelect,\n onMonthSelect,\n selectedDate,\n timezone = 'system',\n ...props\n}: CalendarRendererProps) => {\n // useCalendar reads dates as local; shiftToTimezone is a no-op in local mode.\n const shiftedCalendarOptions: UseCalendarOptions =\n calendarOptions.defaultDate instanceof Date\n ? {\n ...calendarOptions,\n defaultDate: shiftToTimezone(calendarOptions.defaultDate, timezone),\n }\n : calendarOptions;\n const { body, headers, month, navigation, year } = useCalendar({\n defaultWeekStart: 1,\n ...shiftedCalendarOptions,\n });\n\n const [view, setView] = useState<DateViewOption>(DAYS);\n const [selectedYear, setSelectedYear] = useState<number | null>(null);\n const [yearOffset, setYearOffset] = useState(0);\n const [focusedMonthIndex, setFocusedMonthIndex] = useState(month);\n const [focusedYearIndex, setFocusedYearIndex] = useState(yearsOffset);\n\n const monthGridRef = useRef<Array<HTMLButtonElement | null>>([]);\n const yearGridRef = useRef<Array<HTMLButtonElement | null>>([]);\n const headerNavRefs = useRef<Array<HTMLButtonElement | null>>([null, null, null]);\n\n useEffect(() => {\n if (view === YEARS) {\n yearGridRef.current[focusedYearIndex]?.focus();\n } else if (view === MONTHS) {\n monthGridRef.current[focusedMonthIndex]?.focus();\n }\n }, [view, focusedYearIndex, focusedMonthIndex]);\n\n const onNextClick = useCallback(() => {\n if (view === YEARS) {\n setYearOffset(prev => prev + totalYears);\n } else {\n navigation.toNext();\n }\n }, [navigation, view]);\n\n const onPreviousClick = useCallback(() => {\n if (view === YEARS) {\n setYearOffset(prev => prev - totalYears);\n return;\n }\n\n navigation.toPrev();\n }, [navigation, view]);\n\n const onTitleClick = useCallback(() => {\n if (view !== DAYS) {\n return;\n }\n\n setView(YEARS);\n }, [view]);\n\n const onHeaderNavKeyDown = useCallback((e: KeyboardEvent<HTMLButtonElement>) => {\n const validRefs = headerNavRefs.current.filter(ref => {\n if (!ref) {\n return false;\n }\n return (\n ref.offsetParent !== null ||\n (!ref.hasAttribute('hidden') && ref.getAttribute('aria-hidden') !== 'true')\n );\n });\n\n const currentValidIndex = validRefs.indexOf(e.currentTarget);\n if (currentValidIndex === -1 || validRefs.length <= 1) {\n return;\n }\n\n if (e.key === 'ArrowRight') {\n e.preventDefault();\n const nextValidIndex = (currentValidIndex + 1) % validRefs.length;\n validRefs[nextValidIndex]?.focus();\n } else if (e.key === 'ArrowLeft') {\n e.preventDefault();\n const prevValidIndex =\n (currentValidIndex - 1 + validRefs.length) % validRefs.length;\n validRefs[prevValidIndex]?.focus();\n }\n }, []);\n\n const onYearSelection = useCallback(\n (yearValue: number) => {\n setSelectedYear(yearValue);\n setView(MONTHS);\n onYearSelect?.(yearValue);\n },\n [onYearSelect]\n );\n\n const onMonthSelection = useCallback(\n (monthIndex: number) => {\n const finalYear = typeof selectedYear === 'number' ? selectedYear : year;\n const newDate = new Date(finalYear, monthIndex, 1);\n\n navigation.setDate(newDate);\n onMonthSelect?.(finalYear, monthIndex);\n\n setView(DAYS);\n setSelectedYear(null);\n setYearOffset(0);\n },\n [selectedYear, year, navigation, onMonthSelect]\n );\n\n const onMonthGridKeyDown = useCallback(\n (event: KeyboardEvent<HTMLButtonElement>, index: number) => {\n const columns = viewGridMonths.columns;\n const totalItems = 12;\n let newIndex = index;\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n newIndex = (index + 1) % totalItems;\n break;\n case 'ArrowLeft':\n event.preventDefault();\n newIndex = (index - 1 + totalItems) % totalItems;\n break;\n case 'ArrowDown':\n event.preventDefault();\n newIndex = (index + columns) % totalItems;\n break;\n case 'ArrowUp':\n event.preventDefault();\n newIndex = (index - columns + totalItems) % totalItems;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n onMonthSelection(index);\n return;\n default:\n return;\n }\n\n setFocusedMonthIndex(newIndex);\n monthGridRef.current[newIndex]?.focus();\n },\n [onMonthSelection]\n );\n\n const onYearGridKeyDown = useCallback(\n (event: KeyboardEvent<HTMLButtonElement>, index: number, yearValue: number) => {\n const columns = viewGridYears.columns;\n const totalItems = totalYears;\n let newIndex = index;\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n newIndex = (index + 1) % totalItems;\n break;\n case 'ArrowLeft':\n event.preventDefault();\n newIndex = (index - 1 + totalItems) % totalItems;\n break;\n case 'ArrowDown':\n event.preventDefault();\n newIndex = (index + columns) % totalItems;\n break;\n case 'ArrowUp':\n event.preventDefault();\n newIndex = (index - columns + totalItems) % totalItems;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n onYearSelection(yearValue);\n return;\n default:\n return;\n }\n\n setFocusedYearIndex(newIndex);\n yearGridRef.current[newIndex]?.focus();\n },\n [onYearSelection]\n );\n\n const headerDate = new Date();\n headerDate.setMonth(month);\n headerDate.setFullYear(year);\n\n const getHeaderTitle = (view: DateViewOption) => {\n if (view === MONTHS) {\n return 'Month';\n }\n\n if (view === YEARS) {\n return 'Year';\n }\n\n // headerDate already has the right month/year in its local fields.\n return formatDateHeader('system', headerDate);\n };\n\n const renderMonthsGrid = () => {\n const today = shiftToTimezone(new Date(), timezone);\n const thisMonth = today.getMonth();\n const thisYear = today.getFullYear();\n const shiftedSelected = selectedDate\n ? shiftToTimezone(selectedDate, timezone)\n : undefined;\n const selectedMonth = shiftedSelected?.getMonth();\n const selectedYear = shiftedSelected?.getFullYear();\n\n return (\n <MonthsGrid\n data-testid=\"months-grid\"\n role=\"grid\"\n aria-label=\"Select month\"\n >\n {monthAbbreviations.map((month, index) => {\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n onMonthGridKeyDown(event, index);\n };\n\n const handleClick = () => {\n onMonthSelection(index);\n };\n\n const ref = (element: HTMLButtonElement) => {\n monthGridRef.current[index] = element;\n };\n\n return (\n <GridCell\n key={month}\n type=\"button\"\n ref={ref}\n $isActive={selectedDate && index === selectedMonth && year === selectedYear}\n $isPresent={index === thisMonth && year === thisYear}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n data-testid={`month-cell-${index}`}\n tabIndex={index === focusedMonthIndex ? 0 : -1}\n aria-label={month}\n >\n {month}\n </GridCell>\n );\n })}\n </MonthsGrid>\n );\n };\n\n const renderYearsGrid = () => {\n const years: Array<number> = [];\n const baseYear = year + yearOffset;\n const thisYear = shiftToTimezone(new Date(), timezone).getFullYear();\n const selectedYear = selectedDate\n ? shiftToTimezone(selectedDate, timezone).getFullYear()\n : undefined;\n\n for (let i = -yearsOffset; i <= yearsOffset; i++) {\n years.push(baseYear + i);\n }\n\n return (\n <YearsGrid\n data-testid=\"years-grid\"\n role=\"grid\"\n aria-label=\"Select year\"\n >\n {years.map((currentYear, index) => {\n const ref = (element: HTMLButtonElement) => {\n yearGridRef.current[index] = element;\n };\n\n const handleClick = () => {\n onYearSelection(currentYear);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n onYearGridKeyDown(event, index, currentYear);\n };\n\n return (\n <GridCell\n key={currentYear}\n type=\"button\"\n ref={ref}\n $isActive={selectedDate && currentYear === selectedYear}\n $isPresent={currentYear === thisYear}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n data-testid={`year-cell-${currentYear}`}\n tabIndex={index === focusedYearIndex ? 0 : -1}\n aria-label={String(currentYear)}\n >\n {currentYear}\n </GridCell>\n );\n })}\n </YearsGrid>\n );\n };\n\n const renderTableContent = () => {\n if (view === MONTHS) {\n return (\n <tbody>\n <tr>\n <td colSpan={DAYS_IN_WEEK}>{renderMonthsGrid()}</td>\n </tr>\n </tbody>\n );\n }\n\n if (view === YEARS) {\n return (\n <tbody>\n <tr>\n <td colSpan={DAYS_IN_WEEK}>{renderYearsGrid()}</td>\n </tr>\n </tbody>\n );\n }\n\n return (\n <>\n <thead>\n <tr>\n {headers.weekdays.map(({ key, value: date }) => {\n return (\n <DateTableHeader key={key}>\n {formatWeekday('system', date)}\n </DateTableHeader>\n );\n })}\n </tr>\n </thead>\n <tbody>{children(body)}</tbody>\n </>\n );\n };\n\n return (\n <DatePickerContainer\n data-testid=\"datepicker-calendar-container\"\n isResponsive={false}\n fillWidth={false}\n orientation=\"vertical\"\n padding=\"sm\"\n {...props}\n >\n <Container\n isResponsive={false}\n justifyContent=\"space-between\"\n orientation=\"horizontal\"\n >\n <DateSelectNav\n id=\"calendar-previous-month\"\n icon=\"chevron-left\"\n onClick={onPreviousClick}\n onKeyDown={onHeaderNavKeyDown}\n view={view}\n tabIndex={view === MONTHS ? -1 : 0}\n buttonRef={el => {\n if (view !== MONTHS) {\n headerNavRefs.current[0] = el;\n } else {\n headerNavRefs.current[0] = null;\n }\n }}\n />\n {view === DAYS && allowYearMonthSelection ? (\n <ClickableTitle\n type=\"button\"\n ref={el => {\n headerNavRefs.current[1] = el as HTMLButtonElement;\n }}\n onClick={onTitleClick}\n onKeyDown={onHeaderNavKeyDown}\n data-testid=\"calendar-title\"\n tabIndex={0}\n >\n {getHeaderTitle(view)}\n </ClickableTitle>\n ) : (\n <UnselectableTitle>{getHeaderTitle(view)}</UnselectableTitle>\n )}\n <DateSelectNav\n id=\"calendar-next-month\"\n icon=\"chevron-right\"\n onClick={onNextClick}\n onKeyDown={onHeaderNavKeyDown}\n view={view}\n tabIndex={view === MONTHS ? -1 : 0}\n buttonRef={el => {\n if (view !== MONTHS) {\n headerNavRefs.current[2] = el;\n } else {\n headerNavRefs.current[2] = null;\n }\n }}\n />\n </Container>\n <DateTable>{renderTableContent()}</DateTable>\n </DatePickerContainer>\n );\n};\n"],"names":["explicitWidth","viewGridMonths","columns","rows","viewGridYears","totalYears","yearsOffset","Math","floor","HighlightedInputWrapper","styled","InputWrapper","withConfig","componentId","$isActive","$width","error","theme","borderColor","click","datePicker","dateOption","color","stroke","active","field","default","formatPartialDate","timezone","selectedDate","partialYear","partialMonth","date","Date","UTC","formatDateHeader","String","formatSelectedDate","DatePickerInput","isActive","disabled","id","placeholder","defaultId","useId","formattedSelectedDate","Icon","DateRangePickerInput","selectedEndDate","selectedStartDate","formattedValue","DateTimeRangePickerInput","shouldShowSeconds","formatDateTime","useCallback","formatSelectedDateTimeWithSeconds","formatSelectedDateTime","replace","startDateIsAfterEndDate","isDateRangeValid","startDate","endDate","DatePickerContainer","Container","background","ClickableTitle","button","radii","title","typography","hover","UnselectableTitle","h2","GridContainer","div","space","gap","MonthsGrid","YearsGrid","GridCell","label","$isPresent","range","DateTable","table","styles","product","text","normal","md","size","height","DateTableHeader","th","daytitle","DateTableCell","td","$isCurrentMonth","$isDisabled","$isSelected","StyledDropdownItem","Dropdown","Item","monthAbbreviations","getMonthNames","PickerNavControl","IconButton","EmptyDateSelectNav","DateSelectNav","icon","onClick","onKeyDown","view","tabIndex","buttonRef","MONTHS","CalendarRenderer","calendarOptions","children","allowYearMonthSelection","onYearSelect","onMonthSelect","props","shiftedCalendarOptions","defaultDate","shiftToTimezone","body","headers","month","navigation","year","useCalendar","defaultWeekStart","setView","useState","DAYS","selectedYear","setSelectedYear","yearOffset","setYearOffset","focusedMonthIndex","setFocusedMonthIndex","focusedYearIndex","setFocusedYearIndex","monthGridRef","useRef","yearGridRef","headerNavRefs","useEffect","YEARS","current","focus","onNextClick","prev","toNext","onPreviousClick","toPrev","onTitleClick","onHeaderNavKeyDown","e","validRefs","filter","ref","offsetParent","hasAttribute","getAttribute","currentValidIndex","indexOf","currentTarget","length","key","preventDefault","nextValidIndex","prevValidIndex","onYearSelection","yearValue","onMonthSelection","monthIndex","finalYear","newDate","setDate","onMonthGridKeyDown","event","index","totalItems","newIndex","onYearGridKeyDown","headerDate","setMonth","setFullYear","getHeaderTitle","renderMonthsGrid","today","thisMonth","getMonth","thisYear","getFullYear","shiftedSelected","undefined","selectedMonth","map","handleKeyDown","handleClick","element","renderYearsGrid","years","baseYear","i","push","currentYear","renderTableContent","DAYS_IN_WEEK","weekdays","value","formatWeekday","el"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { useState, useRef, useEffect, useLayoutEffect, useCallback, useMemo } fr
|
|
|
3
3
|
import { isSameDate } from '@h6s/calendar';
|
|
4
4
|
import { styled } from 'styled-components';
|
|
5
5
|
import { DateRangePickerInput, CalendarRenderer, StyledDropdownItem, DateTableCell } from './Common.js';
|
|
6
|
-
import { isDateRangeTheWholeMonth, formatDateHeader, formatSelectedDate, shiftToTimezone,
|
|
6
|
+
import { isDateRangeTheWholeMonth, formatDateHeader, formatSelectedDate, shiftToTimezone, areDatesWithinMaxRange, isDateNotInAllowList, shiftFromTimezone } from './utils.js';
|
|
7
7
|
import { Dropdown } from '../Dropdown/index.js';
|
|
8
8
|
import { Panel } from '../Panel/index.js';
|
|
9
9
|
import { Container } from '../Container/index.js';
|
|
@@ -89,7 +89,7 @@ const Calendar = ({
|
|
|
89
89
|
if (futureStartDatesDisabled && !shiftedStart && fullDate > today) {
|
|
90
90
|
isDisabled = true;
|
|
91
91
|
}
|
|
92
|
-
if (maxRangeLength > 1 && shiftedStart && !
|
|
92
|
+
if (maxRangeLength > 1 && shiftedStart && !areDatesWithinMaxRange(shiftedStart, fullDate, maxRangeLength) && fullDate > shiftedStart) {
|
|
93
93
|
isDisabled = true;
|
|
94
94
|
}
|
|
95
95
|
if (isDateNotInAllowList(shiftedAllowList, fullDate)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sources":["../../../../src/components/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import {\n Dispatch,\n KeyboardEvent,\n MouseEvent,\n SetStateAction,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { isSameDate, UseCalendarOptions } from '@h6s/calendar';\nimport { styled } from 'styled-components';\nimport { Dropdown } from '@/components/Dropdown';\nimport {\n Body,\n CalendarRenderer,\n DateRangePickerInput,\n DateTableCell,\n StyledDropdownItem,\n} from './Common';\nimport { Container } from '@/components/Container';\nimport { Panel } from '@/components/Panel';\nimport { Icon } from '@/components/Icon';\nimport {\n DateRange,\n datesAreWithinMaxRange,\n formatDateHeader,\n formatSelectedDate,\n shiftFromTimezone,\n isDateNotInAllowList,\n isDateRangeTheWholeMonth,\n Timezone,\n shiftToTimezone,\n} from './utils';\n\ntype OpenDirection = 'left' | 'right';\n\nconst calendarWidth = 275;\n\nconst PredefinedCalendarContainer = styled(Panel)`\n align-items: start;\n background: ${({ theme }) => theme.click.panel.color.background.muted};\n`;\n\nconst PredefinedDatesContainer = styled(Container)`\n width: ${calendarWidth}px;\n`;\n\n// left value of 276px is the width of the PredefinedDatesContainer + 1 pixel for border\nconst CalendarRendererContainer = styled.div<{ $openDirection?: OpenDirection }>`\n border: ${({ theme }) =>\n `${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.background.range}`};\n border-radius: ${({ theme }) => theme.click.datePicker.dateOption.radii.default};\n box-shadow:\n lch(6.77 0 0 / 0.15) 4px 4px 6px -1px,\n lch(6.77 0 0 / 0.15) 2px 2px 4px -1px;\n ${({ $openDirection }) => ($openDirection === 'left' ? 'right: 100%;' : 'left: 276px;')}\n position: absolute;\n top: 0;\n`;\n\n// Height of 221px is height the height the calendar needs to match the PredefinedDatesContainer\nconst StyledCalendarRenderer = styled(CalendarRenderer)`\n border-radius: ${({ theme }) => theme.click.datePicker.dateOption.radii.default};\n min-height: 221px;\n`;\n\n// max-height of 210px allows the scrollable container to be a reasonble height that matches the calendar\nconst ScrollableContainer = styled(Container)`\n max-height: 210px;\n overflow-y: auto;\n`;\n\nconst DateRangeTableCell = styled(DateTableCell)<{\n $shouldShowRangeIndicator?: boolean;\n}>`\n ${({ $shouldShowRangeIndicator, theme }) =>\n $shouldShowRangeIndicator &&\n `\n background: ${theme.click.datePicker.dateOption.color.background.range};\n border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.background.range};\n border-radius: 0;\n `}\n`;\n\ninterface CalendarProps {\n allowOnlyDatesList?: Array<Date>;\n calendarBody: Body;\n closeDatepicker: () => void;\n futureDatesDisabled: boolean;\n futureStartDatesDisabled: boolean;\n maxRangeLength: number;\n setSelectedDate: (selectedDate: Date) => void;\n startDate?: Date;\n endDate?: Date;\n timezone: Timezone;\n}\n\nconst Calendar = ({\n allowOnlyDatesList,\n calendarBody,\n closeDatepicker,\n futureDatesDisabled,\n futureStartDatesDisabled,\n maxRangeLength,\n setSelectedDate,\n startDate,\n endDate,\n timezone,\n}: CalendarProps) => {\n const [hoveredDate, setHoveredDate] = useState<Date>();\n\n const today = shiftToTimezone(new Date(), timezone);\n const shiftedStart = startDate ? shiftToTimezone(startDate, timezone) : undefined;\n const shiftedEnd = endDate ? shiftToTimezone(endDate, timezone) : undefined;\n\n const shiftedAllowList = useMemo(() => {\n return allowOnlyDatesList?.map(date => {\n return shiftToTimezone(date, timezone);\n });\n }, [allowOnlyDatesList, timezone]);\n\n const handleMouseOut = (): void => {\n setHoveredDate(undefined);\n };\n\n return calendarBody.value.map(({ key: weekKey, value: week }) => {\n return (\n <tr key={weekKey}>\n {week.map(({ date, isCurrentMonth, key: dayKey, value: fullDate }) => {\n const isSelected =\n (shiftedStart && isSameDate(shiftedStart, fullDate)) ||\n (shiftedEnd && isSameDate(shiftedEnd, fullDate));\n const isPresent = isSameDate(today, fullDate);\n\n const isBetweenStartAndEndDates = Boolean(\n shiftedStart && shiftedEnd && fullDate > shiftedStart && fullDate < shiftedEnd\n );\n\n let isDisabled = false;\n if (futureDatesDisabled && fullDate > today) {\n isDisabled = true;\n }\n\n if (futureStartDatesDisabled && !shiftedStart && fullDate > today) {\n isDisabled = true;\n }\n\n if (\n maxRangeLength > 1 &&\n shiftedStart &&\n !datesAreWithinMaxRange(shiftedStart, fullDate, maxRangeLength) &&\n fullDate > shiftedStart\n ) {\n isDisabled = true;\n }\n\n if (isDateNotInAllowList(shiftedAllowList, fullDate)) {\n isDisabled = true;\n }\n\n const shouldShowRangeIndicator =\n !shiftedEnd &&\n Boolean(\n shiftedStart &&\n hoveredDate &&\n fullDate > shiftedStart &&\n fullDate < hoveredDate\n );\n\n const handleMouseEnter = () => {\n setHoveredDate(fullDate);\n };\n\n const handleClick = () => {\n if (isDisabled) {\n return false;\n }\n setSelectedDate(shiftFromTimezone(fullDate, timezone));\n\n // User has a date range selected and clicked a new date.\n // This will cause the selected date to be reset, thus do not close the datepicker.\n if (shiftedStart && shiftedEnd) {\n return;\n }\n\n // The user has selected a new start date, don't close\n if (shiftedStart && fullDate < shiftedStart) {\n return;\n }\n\n // Only close the datepicker if the user hasn't clicked the selected start date.\n if (shiftedStart && !isSameDate(fullDate, shiftedStart)) {\n closeDatepicker();\n return;\n }\n };\n return (\n <DateRangeTableCell\n $shouldShowRangeIndicator={\n !isSelected && (shouldShowRangeIndicator || isBetweenStartAndEndDates)\n }\n $isCurrentMonth={isCurrentMonth}\n $isDisabled={isDisabled}\n $isSelected={isSelected}\n $isPresent={isPresent}\n key={dayKey}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseOut}\n >\n {date}\n </DateRangeTableCell>\n );\n })}\n </tr>\n );\n });\n};\n\ninterface PredefinedDatesProps {\n onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;\n predefinedDatesList: DateRange[];\n selectedEndDate: Date | undefined;\n selectedStartDate: Date | undefined;\n setEndDate: Dispatch<SetStateAction<Date | undefined>>;\n setStartDate: Dispatch<SetStateAction<Date | undefined>>;\n shouldShowCustomRange: boolean;\n showCustomDateRange: Dispatch<SetStateAction<boolean>>;\n timezone: Timezone;\n}\n\nconst PredefinedDates = ({\n onSelectDateRange,\n predefinedDatesList,\n selectedEndDate,\n selectedStartDate,\n setEndDate,\n setStartDate,\n shouldShowCustomRange,\n showCustomDateRange,\n timezone,\n}: PredefinedDatesProps) => {\n const handleCustomTimePeriodClick = (event: MouseEvent) => {\n event.preventDefault();\n showCustomDateRange(!shouldShowCustomRange);\n };\n\n return (\n <PredefinedDatesContainer\n data-testid=\"predefined-dates-list\"\n isResponsive={false}\n orientation=\"vertical\"\n >\n <ScrollableContainer orientation=\"vertical\">\n {predefinedDatesList.map(({ startDate, endDate }) => {\n const handleItemClick = () => {\n setStartDate(startDate);\n setEndDate(endDate);\n onSelectDateRange(startDate, endDate);\n };\n\n const rangeIsSelected =\n selectedEndDate &&\n isSameDate(selectedEndDate, endDate) &&\n selectedStartDate &&\n isSameDate(selectedStartDate, startDate);\n\n const isWholeMonth = isDateRangeTheWholeMonth({ startDate, endDate }, timezone);\n\n const formattedText = isWholeMonth\n ? formatDateHeader(timezone, startDate)\n : `${formatSelectedDate(timezone, startDate)} – ${formatSelectedDate(timezone, endDate)}`.trim();\n\n return (\n <StyledDropdownItem\n data-testid={`predefined-date-${startDate.getTime()}`}\n key={startDate.toISOString()}\n onClick={handleItemClick}\n >\n <Container\n data-selected={rangeIsSelected}\n data-testid={formattedText}\n justifyContent=\"space-between\"\n orientation=\"horizontal\"\n >\n {formattedText}\n {rangeIsSelected && <Icon name=\"check\" />}\n </Container>\n </StyledDropdownItem>\n );\n })}\n </ScrollableContainer>\n <StyledDropdownItem onClick={handleCustomTimePeriodClick}>\n <Container\n justifyContent=\"space-between\"\n orientation=\"horizontal\"\n >\n Custom time period <Icon name=\"chevron-right\" />\n </Container>\n </StyledDropdownItem>\n </PredefinedDatesContainer>\n );\n};\n\nexport interface DateRangePickerProps {\n allowOnlyDatesList?: Array<Date>;\n endDate?: Date;\n disabled?: boolean;\n futureDatesDisabled?: boolean;\n futureStartDatesDisabled?: boolean;\n onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;\n openDirection?: OpenDirection;\n placeholder?: string;\n predefinedDatesList?: DateRange[];\n maxRangeLength?: number;\n startDate?: Date;\n responsivePositioning?: boolean;\n timezone?: Timezone;\n}\n\nexport const DateRangePicker = ({\n allowOnlyDatesList,\n endDate,\n startDate,\n disabled = false,\n futureDatesDisabled = false,\n futureStartDatesDisabled = false,\n maxRangeLength = -1,\n onSelectDateRange,\n openDirection = 'right',\n placeholder = 'start date – end date',\n predefinedDatesList,\n responsivePositioning = true,\n timezone = 'system',\n}: DateRangePickerProps) => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const [selectedStartDate, setSelectedStartDate] = useState<Date>();\n const [selectedEndDate, setSelectedEndDate] = useState<Date>();\n const [shouldShowCustomRange, setShouldShowCustomRange] = useState<boolean>(false);\n const [calendarOpenDirection, setCalendarOpenDirection] =\n useState<OpenDirection>(openDirection);\n const calendarContainerRef = useRef<HTMLDivElement>(null);\n\n const calendarOptions: UseCalendarOptions = {};\n\n // If a start date is selected, open the calendar to that date\n if (selectedStartDate) {\n calendarOptions.defaultDate = selectedStartDate;\n }\n\n useEffect(() => {\n if (startDate) {\n setSelectedStartDate(startDate);\n }\n }, [startDate]);\n\n useEffect(() => {\n if (endDate) {\n setSelectedEndDate(endDate);\n }\n }, [endDate]);\n\n useLayoutEffect(() => {\n if (shouldShowCustomRange && calendarContainerRef.current) {\n if (\n calendarContainerRef.current.getBoundingClientRect().right > window.innerWidth\n ) {\n setCalendarOpenDirection('left');\n }\n }\n }, [shouldShowCustomRange]);\n\n const closeDatePicker = useCallback((): void => {\n setIsOpen(false);\n setShouldShowCustomRange(false);\n setCalendarOpenDirection(openDirection);\n }, [openDirection]);\n\n const handleOpenChange = (isOpen: boolean): void => {\n setIsOpen(isOpen);\n\n if (!isOpen) {\n setShouldShowCustomRange(false);\n setCalendarOpenDirection(openDirection);\n }\n };\n\n const handleSelectDate = useCallback(\n (selectedDate: Date): void => {\n // Start date and end date are selected, user clicks any date.\n // Set start date to the selected date, clear the end date.\n if (selectedStartDate && selectedEndDate) {\n // If futureStartDatesDisabled is true, only set the selected date to the date clicked if it's before today\n if (futureStartDatesDisabled && selectedDate > new Date()) {\n setSelectedEndDate(undefined);\n return;\n }\n setSelectedStartDate(selectedDate);\n setSelectedEndDate(undefined);\n return;\n }\n\n if (selectedStartDate) {\n if (isSameDate(selectedStartDate, selectedDate)) {\n // Start date is selected, user clicks start date.\n // Reset the start date.\n setSelectedStartDate(undefined);\n return;\n }\n\n // Start date is selected, user clicks an earlier date.\n // Set the earlier date to the new start date.\n if (selectedDate < selectedStartDate) {\n setSelectedStartDate(selectedDate);\n return;\n }\n\n // Otherwise, set the end date to the date the user clicked.\n setSelectedEndDate(selectedDate);\n onSelectDateRange(selectedStartDate, selectedDate);\n setShouldShowCustomRange(false);\n return;\n }\n\n setSelectedStartDate(selectedDate);\n },\n [futureStartDatesDisabled, onSelectDateRange, selectedEndDate, selectedStartDate]\n );\n\n const onTriggerKeyDown = useCallback((e: KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n setIsOpen(true);\n }\n }, []);\n\n const shouldShowPredefinedDates =\n predefinedDatesList !== undefined && predefinedDatesList.length > 0;\n\n return (\n <Dropdown\n onOpenChange={handleOpenChange}\n open={isOpen}\n >\n <Dropdown.Trigger\n disabled={disabled}\n onKeyDown={onTriggerKeyDown}\n >\n <DateRangePickerInput\n data-testid=\"datepicker-input-container\"\n disabled={disabled}\n isActive={isOpen}\n placeholder={placeholder}\n selectedEndDate={selectedEndDate}\n selectedStartDate={selectedStartDate}\n timezone={timezone}\n />\n </Dropdown.Trigger>\n <Dropdown.Content\n align=\"start\"\n responsivePositioning={responsivePositioning}\n >\n {shouldShowPredefinedDates ? (\n <PredefinedCalendarContainer\n gap=\"none\"\n orientation=\"horizontal\"\n padding=\"none\"\n >\n <PredefinedDates\n onSelectDateRange={onSelectDateRange}\n predefinedDatesList={predefinedDatesList}\n selectedEndDate={selectedEndDate}\n selectedStartDate={selectedStartDate}\n setEndDate={setSelectedEndDate}\n setStartDate={setSelectedStartDate}\n shouldShowCustomRange={shouldShowCustomRange}\n showCustomDateRange={setShouldShowCustomRange}\n timezone={timezone}\n />\n\n {shouldShowCustomRange && (\n <CalendarRendererContainer\n $openDirection={calendarOpenDirection}\n ref={calendarContainerRef}\n >\n <StyledCalendarRenderer\n calendarOptions={calendarOptions}\n allowYearMonthSelection={false}\n selectedDate={selectedStartDate}\n timezone={timezone}\n >\n {(body: Body) => (\n <Calendar\n allowOnlyDatesList={allowOnlyDatesList}\n calendarBody={body}\n closeDatepicker={closeDatePicker}\n futureDatesDisabled={futureDatesDisabled}\n futureStartDatesDisabled={futureStartDatesDisabled}\n maxRangeLength={maxRangeLength}\n setSelectedDate={handleSelectDate}\n startDate={selectedStartDate}\n endDate={selectedEndDate}\n timezone={timezone}\n />\n )}\n </StyledCalendarRenderer>\n </CalendarRendererContainer>\n )}\n </PredefinedCalendarContainer>\n ) : (\n <CalendarRenderer\n calendarOptions={calendarOptions}\n allowYearMonthSelection={false}\n selectedDate={selectedStartDate}\n timezone={timezone}\n >\n {(body: Body) => (\n <Calendar\n allowOnlyDatesList={allowOnlyDatesList}\n calendarBody={body}\n closeDatepicker={closeDatePicker}\n futureDatesDisabled={futureDatesDisabled}\n futureStartDatesDisabled={futureStartDatesDisabled}\n maxRangeLength={maxRangeLength}\n setSelectedDate={handleSelectDate}\n startDate={selectedStartDate}\n endDate={selectedEndDate}\n timezone={timezone}\n />\n )}\n </CalendarRenderer>\n )}\n </Dropdown.Content>\n </Dropdown>\n );\n};\n"],"names":["calendarWidth","PredefinedCalendarContainer","styled","Panel","withConfig","componentId","theme","click","panel","color","background","muted","PredefinedDatesContainer","Container","CalendarRendererContainer","div","datePicker","dateOption","stroke","range","radii","default","$openDirection","StyledCalendarRenderer","CalendarRenderer","ScrollableContainer","DateRangeTableCell","DateTableCell","$shouldShowRangeIndicator","Calendar","allowOnlyDatesList","calendarBody","closeDatepicker","futureDatesDisabled","futureStartDatesDisabled","maxRangeLength","setSelectedDate","startDate","endDate","timezone","hoveredDate","setHoveredDate","useState","today","shiftToTimezone","Date","shiftedStart","undefined","shiftedEnd","shiftedAllowList","useMemo","map","date","handleMouseOut","value","key","weekKey","week","isCurrentMonth","dayKey","fullDate","isSelected","isSameDate","isPresent","isBetweenStartAndEndDates","Boolean","isDisabled","datesAreWithinMaxRange","isDateNotInAllowList","shouldShowRangeIndicator","handleMouseEnter","handleClick","shiftFromTimezone","PredefinedDates","onSelectDateRange","predefinedDatesList","selectedEndDate","selectedStartDate","setEndDate","setStartDate","shouldShowCustomRange","showCustomDateRange","handleCustomTimePeriodClick","event","preventDefault","handleItemClick","rangeIsSelected","isWholeMonth","isDateRangeTheWholeMonth","formattedText","formatDateHeader","formatSelectedDate","trim","getTime","Icon","toISOString","DateRangePicker","disabled","openDirection","placeholder","responsivePositioning","isOpen","setIsOpen","setSelectedStartDate","setSelectedEndDate","setShouldShowCustomRange","calendarOpenDirection","setCalendarOpenDirection","calendarContainerRef","useRef","calendarOptions","defaultDate","useEffect","useLayoutEffect","current","getBoundingClientRect","right","window","innerWidth","closeDatePicker","useCallback","handleOpenChange","handleSelectDate","selectedDate","onTriggerKeyDown","e","shouldShowPredefinedDates","length","body"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sources":["../../../../src/components/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import {\n Dispatch,\n KeyboardEvent,\n MouseEvent,\n SetStateAction,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { isSameDate, UseCalendarOptions } from '@h6s/calendar';\nimport { styled } from 'styled-components';\nimport { Dropdown } from '@/components/Dropdown';\nimport {\n Body,\n CalendarRenderer,\n DateRangePickerInput,\n DateTableCell,\n StyledDropdownItem,\n} from './Common';\nimport { Container } from '@/components/Container';\nimport { Panel } from '@/components/Panel';\nimport { Icon } from '@/components/Icon';\nimport {\n DateRange,\n Timezone,\n areDatesWithinMaxRange,\n formatDateHeader,\n formatSelectedDate,\n isDateNotInAllowList,\n isDateRangeTheWholeMonth,\n shiftFromTimezone,\n shiftToTimezone,\n} from './utils';\n\ntype OpenDirection = 'left' | 'right';\n\nconst calendarWidth = 275;\n\nconst PredefinedCalendarContainer = styled(Panel)`\n align-items: start;\n background: ${({ theme }) => theme.click.panel.color.background.muted};\n`;\n\nconst PredefinedDatesContainer = styled(Container)`\n width: ${calendarWidth}px;\n`;\n\n// left value of 276px is the width of the PredefinedDatesContainer + 1 pixel for border\nconst CalendarRendererContainer = styled.div<{ $openDirection?: OpenDirection }>`\n border: ${({ theme }) =>\n `${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.background.range}`};\n border-radius: ${({ theme }) => theme.click.datePicker.dateOption.radii.default};\n box-shadow:\n lch(6.77 0 0 / 0.15) 4px 4px 6px -1px,\n lch(6.77 0 0 / 0.15) 2px 2px 4px -1px;\n ${({ $openDirection }) => ($openDirection === 'left' ? 'right: 100%;' : 'left: 276px;')}\n position: absolute;\n top: 0;\n`;\n\n// Height of 221px is height the height the calendar needs to match the PredefinedDatesContainer\nconst StyledCalendarRenderer = styled(CalendarRenderer)`\n border-radius: ${({ theme }) => theme.click.datePicker.dateOption.radii.default};\n min-height: 221px;\n`;\n\n// max-height of 210px allows the scrollable container to be a reasonble height that matches the calendar\nconst ScrollableContainer = styled(Container)`\n max-height: 210px;\n overflow-y: auto;\n`;\n\nconst DateRangeTableCell = styled(DateTableCell)<{\n $shouldShowRangeIndicator?: boolean;\n}>`\n ${({ $shouldShowRangeIndicator, theme }) =>\n $shouldShowRangeIndicator &&\n `\n background: ${theme.click.datePicker.dateOption.color.background.range};\n border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.background.range};\n border-radius: 0;\n `}\n`;\n\ninterface CalendarProps {\n allowOnlyDatesList?: Array<Date>;\n calendarBody: Body;\n closeDatepicker: () => void;\n futureDatesDisabled: boolean;\n futureStartDatesDisabled: boolean;\n maxRangeLength: number;\n setSelectedDate: (selectedDate: Date) => void;\n startDate?: Date;\n endDate?: Date;\n timezone: Timezone;\n}\n\nconst Calendar = ({\n allowOnlyDatesList,\n calendarBody,\n closeDatepicker,\n futureDatesDisabled,\n futureStartDatesDisabled,\n maxRangeLength,\n setSelectedDate,\n startDate,\n endDate,\n timezone,\n}: CalendarProps) => {\n const [hoveredDate, setHoveredDate] = useState<Date>();\n\n const today = shiftToTimezone(new Date(), timezone);\n const shiftedStart = startDate ? shiftToTimezone(startDate, timezone) : undefined;\n const shiftedEnd = endDate ? shiftToTimezone(endDate, timezone) : undefined;\n\n const shiftedAllowList = useMemo(() => {\n return allowOnlyDatesList?.map(date => {\n return shiftToTimezone(date, timezone);\n });\n }, [allowOnlyDatesList, timezone]);\n\n const handleMouseOut = (): void => {\n setHoveredDate(undefined);\n };\n\n return calendarBody.value.map(({ key: weekKey, value: week }) => {\n return (\n <tr key={weekKey}>\n {week.map(({ date, isCurrentMonth, key: dayKey, value: fullDate }) => {\n const isSelected =\n (shiftedStart && isSameDate(shiftedStart, fullDate)) ||\n (shiftedEnd && isSameDate(shiftedEnd, fullDate));\n const isPresent = isSameDate(today, fullDate);\n\n const isBetweenStartAndEndDates = Boolean(\n shiftedStart && shiftedEnd && fullDate > shiftedStart && fullDate < shiftedEnd\n );\n\n let isDisabled = false;\n if (futureDatesDisabled && fullDate > today) {\n isDisabled = true;\n }\n\n if (futureStartDatesDisabled && !shiftedStart && fullDate > today) {\n isDisabled = true;\n }\n\n if (\n maxRangeLength > 1 &&\n shiftedStart &&\n !areDatesWithinMaxRange(shiftedStart, fullDate, maxRangeLength) &&\n fullDate > shiftedStart\n ) {\n isDisabled = true;\n }\n\n if (isDateNotInAllowList(shiftedAllowList, fullDate)) {\n isDisabled = true;\n }\n\n const shouldShowRangeIndicator =\n !shiftedEnd &&\n Boolean(\n shiftedStart &&\n hoveredDate &&\n fullDate > shiftedStart &&\n fullDate < hoveredDate\n );\n\n const handleMouseEnter = () => {\n setHoveredDate(fullDate);\n };\n\n const handleClick = () => {\n if (isDisabled) {\n return false;\n }\n setSelectedDate(shiftFromTimezone(fullDate, timezone));\n\n // User has a date range selected and clicked a new date.\n // This will cause the selected date to be reset, thus do not close the datepicker.\n if (shiftedStart && shiftedEnd) {\n return;\n }\n\n // The user has selected a new start date, don't close\n if (shiftedStart && fullDate < shiftedStart) {\n return;\n }\n\n // Only close the datepicker if the user hasn't clicked the selected start date.\n if (shiftedStart && !isSameDate(fullDate, shiftedStart)) {\n closeDatepicker();\n return;\n }\n };\n return (\n <DateRangeTableCell\n $shouldShowRangeIndicator={\n !isSelected && (shouldShowRangeIndicator || isBetweenStartAndEndDates)\n }\n $isCurrentMonth={isCurrentMonth}\n $isDisabled={isDisabled}\n $isSelected={isSelected}\n $isPresent={isPresent}\n key={dayKey}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseOut}\n >\n {date}\n </DateRangeTableCell>\n );\n })}\n </tr>\n );\n });\n};\n\ninterface PredefinedDatesProps {\n onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;\n predefinedDatesList: DateRange[];\n selectedEndDate: Date | undefined;\n selectedStartDate: Date | undefined;\n setEndDate: Dispatch<SetStateAction<Date | undefined>>;\n setStartDate: Dispatch<SetStateAction<Date | undefined>>;\n shouldShowCustomRange: boolean;\n showCustomDateRange: Dispatch<SetStateAction<boolean>>;\n timezone: Timezone;\n}\n\nconst PredefinedDates = ({\n onSelectDateRange,\n predefinedDatesList,\n selectedEndDate,\n selectedStartDate,\n setEndDate,\n setStartDate,\n shouldShowCustomRange,\n showCustomDateRange,\n timezone,\n}: PredefinedDatesProps) => {\n const handleCustomTimePeriodClick = (event: MouseEvent) => {\n event.preventDefault();\n showCustomDateRange(!shouldShowCustomRange);\n };\n\n return (\n <PredefinedDatesContainer\n data-testid=\"predefined-dates-list\"\n isResponsive={false}\n orientation=\"vertical\"\n >\n <ScrollableContainer orientation=\"vertical\">\n {predefinedDatesList.map(({ startDate, endDate }) => {\n const handleItemClick = () => {\n setStartDate(startDate);\n setEndDate(endDate);\n onSelectDateRange(startDate, endDate);\n };\n\n const rangeIsSelected =\n selectedEndDate &&\n isSameDate(selectedEndDate, endDate) &&\n selectedStartDate &&\n isSameDate(selectedStartDate, startDate);\n\n const isWholeMonth = isDateRangeTheWholeMonth({ startDate, endDate }, timezone);\n\n const formattedText = isWholeMonth\n ? formatDateHeader(timezone, startDate)\n : `${formatSelectedDate(timezone, startDate)} – ${formatSelectedDate(timezone, endDate)}`.trim();\n\n return (\n <StyledDropdownItem\n data-testid={`predefined-date-${startDate.getTime()}`}\n key={startDate.toISOString()}\n onClick={handleItemClick}\n >\n <Container\n data-selected={rangeIsSelected}\n data-testid={formattedText}\n justifyContent=\"space-between\"\n orientation=\"horizontal\"\n >\n {formattedText}\n {rangeIsSelected && <Icon name=\"check\" />}\n </Container>\n </StyledDropdownItem>\n );\n })}\n </ScrollableContainer>\n <StyledDropdownItem onClick={handleCustomTimePeriodClick}>\n <Container\n justifyContent=\"space-between\"\n orientation=\"horizontal\"\n >\n Custom time period <Icon name=\"chevron-right\" />\n </Container>\n </StyledDropdownItem>\n </PredefinedDatesContainer>\n );\n};\n\nexport interface DateRangePickerProps {\n allowOnlyDatesList?: Array<Date>;\n endDate?: Date;\n disabled?: boolean;\n futureDatesDisabled?: boolean;\n futureStartDatesDisabled?: boolean;\n onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;\n openDirection?: OpenDirection;\n placeholder?: string;\n predefinedDatesList?: DateRange[];\n maxRangeLength?: number;\n startDate?: Date;\n responsivePositioning?: boolean;\n timezone?: Timezone;\n}\n\nexport const DateRangePicker = ({\n allowOnlyDatesList,\n endDate,\n startDate,\n disabled = false,\n futureDatesDisabled = false,\n futureStartDatesDisabled = false,\n maxRangeLength = -1,\n onSelectDateRange,\n openDirection = 'right',\n placeholder = 'start date – end date',\n predefinedDatesList,\n responsivePositioning = true,\n timezone = 'system',\n}: DateRangePickerProps) => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const [selectedStartDate, setSelectedStartDate] = useState<Date>();\n const [selectedEndDate, setSelectedEndDate] = useState<Date>();\n const [shouldShowCustomRange, setShouldShowCustomRange] = useState<boolean>(false);\n const [calendarOpenDirection, setCalendarOpenDirection] =\n useState<OpenDirection>(openDirection);\n const calendarContainerRef = useRef<HTMLDivElement>(null);\n\n const calendarOptions: UseCalendarOptions = {};\n\n // If a start date is selected, open the calendar to that date\n if (selectedStartDate) {\n calendarOptions.defaultDate = selectedStartDate;\n }\n\n useEffect(() => {\n if (startDate) {\n setSelectedStartDate(startDate);\n }\n }, [startDate]);\n\n useEffect(() => {\n if (endDate) {\n setSelectedEndDate(endDate);\n }\n }, [endDate]);\n\n useLayoutEffect(() => {\n if (shouldShowCustomRange && calendarContainerRef.current) {\n if (\n calendarContainerRef.current.getBoundingClientRect().right > window.innerWidth\n ) {\n setCalendarOpenDirection('left');\n }\n }\n }, [shouldShowCustomRange]);\n\n const closeDatePicker = useCallback((): void => {\n setIsOpen(false);\n setShouldShowCustomRange(false);\n setCalendarOpenDirection(openDirection);\n }, [openDirection]);\n\n const handleOpenChange = (isOpen: boolean): void => {\n setIsOpen(isOpen);\n\n if (!isOpen) {\n setShouldShowCustomRange(false);\n setCalendarOpenDirection(openDirection);\n }\n };\n\n const handleSelectDate = useCallback(\n (selectedDate: Date): void => {\n // Start date and end date are selected, user clicks any date.\n // Set start date to the selected date, clear the end date.\n if (selectedStartDate && selectedEndDate) {\n // If futureStartDatesDisabled is true, only set the selected date to the date clicked if it's before today\n if (futureStartDatesDisabled && selectedDate > new Date()) {\n setSelectedEndDate(undefined);\n return;\n }\n setSelectedStartDate(selectedDate);\n setSelectedEndDate(undefined);\n return;\n }\n\n if (selectedStartDate) {\n if (isSameDate(selectedStartDate, selectedDate)) {\n // Start date is selected, user clicks start date.\n // Reset the start date.\n setSelectedStartDate(undefined);\n return;\n }\n\n // Start date is selected, user clicks an earlier date.\n // Set the earlier date to the new start date.\n if (selectedDate < selectedStartDate) {\n setSelectedStartDate(selectedDate);\n return;\n }\n\n // Otherwise, set the end date to the date the user clicked.\n setSelectedEndDate(selectedDate);\n onSelectDateRange(selectedStartDate, selectedDate);\n setShouldShowCustomRange(false);\n return;\n }\n\n setSelectedStartDate(selectedDate);\n },\n [futureStartDatesDisabled, onSelectDateRange, selectedEndDate, selectedStartDate]\n );\n\n const onTriggerKeyDown = useCallback((e: KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n setIsOpen(true);\n }\n }, []);\n\n const shouldShowPredefinedDates =\n predefinedDatesList !== undefined && predefinedDatesList.length > 0;\n\n return (\n <Dropdown\n onOpenChange={handleOpenChange}\n open={isOpen}\n >\n <Dropdown.Trigger\n disabled={disabled}\n onKeyDown={onTriggerKeyDown}\n >\n <DateRangePickerInput\n data-testid=\"datepicker-input-container\"\n disabled={disabled}\n isActive={isOpen}\n placeholder={placeholder}\n selectedEndDate={selectedEndDate}\n selectedStartDate={selectedStartDate}\n timezone={timezone}\n />\n </Dropdown.Trigger>\n <Dropdown.Content\n align=\"start\"\n responsivePositioning={responsivePositioning}\n >\n {shouldShowPredefinedDates ? (\n <PredefinedCalendarContainer\n gap=\"none\"\n orientation=\"horizontal\"\n padding=\"none\"\n >\n <PredefinedDates\n onSelectDateRange={onSelectDateRange}\n predefinedDatesList={predefinedDatesList}\n selectedEndDate={selectedEndDate}\n selectedStartDate={selectedStartDate}\n setEndDate={setSelectedEndDate}\n setStartDate={setSelectedStartDate}\n shouldShowCustomRange={shouldShowCustomRange}\n showCustomDateRange={setShouldShowCustomRange}\n timezone={timezone}\n />\n\n {shouldShowCustomRange && (\n <CalendarRendererContainer\n $openDirection={calendarOpenDirection}\n ref={calendarContainerRef}\n >\n <StyledCalendarRenderer\n calendarOptions={calendarOptions}\n allowYearMonthSelection={false}\n selectedDate={selectedStartDate}\n timezone={timezone}\n >\n {(body: Body) => (\n <Calendar\n allowOnlyDatesList={allowOnlyDatesList}\n calendarBody={body}\n closeDatepicker={closeDatePicker}\n futureDatesDisabled={futureDatesDisabled}\n futureStartDatesDisabled={futureStartDatesDisabled}\n maxRangeLength={maxRangeLength}\n setSelectedDate={handleSelectDate}\n startDate={selectedStartDate}\n endDate={selectedEndDate}\n timezone={timezone}\n />\n )}\n </StyledCalendarRenderer>\n </CalendarRendererContainer>\n )}\n </PredefinedCalendarContainer>\n ) : (\n <CalendarRenderer\n calendarOptions={calendarOptions}\n allowYearMonthSelection={false}\n selectedDate={selectedStartDate}\n timezone={timezone}\n >\n {(body: Body) => (\n <Calendar\n allowOnlyDatesList={allowOnlyDatesList}\n calendarBody={body}\n closeDatepicker={closeDatePicker}\n futureDatesDisabled={futureDatesDisabled}\n futureStartDatesDisabled={futureStartDatesDisabled}\n maxRangeLength={maxRangeLength}\n setSelectedDate={handleSelectDate}\n startDate={selectedStartDate}\n endDate={selectedEndDate}\n timezone={timezone}\n />\n )}\n </CalendarRenderer>\n )}\n </Dropdown.Content>\n </Dropdown>\n );\n};\n"],"names":["calendarWidth","PredefinedCalendarContainer","styled","Panel","withConfig","componentId","theme","click","panel","color","background","muted","PredefinedDatesContainer","Container","CalendarRendererContainer","div","datePicker","dateOption","stroke","range","radii","default","$openDirection","StyledCalendarRenderer","CalendarRenderer","ScrollableContainer","DateRangeTableCell","DateTableCell","$shouldShowRangeIndicator","Calendar","allowOnlyDatesList","calendarBody","closeDatepicker","futureDatesDisabled","futureStartDatesDisabled","maxRangeLength","setSelectedDate","startDate","endDate","timezone","hoveredDate","setHoveredDate","useState","today","shiftToTimezone","Date","shiftedStart","undefined","shiftedEnd","shiftedAllowList","useMemo","map","date","handleMouseOut","value","key","weekKey","week","isCurrentMonth","dayKey","fullDate","isSelected","isSameDate","isPresent","isBetweenStartAndEndDates","Boolean","isDisabled","areDatesWithinMaxRange","isDateNotInAllowList","shouldShowRangeIndicator","handleMouseEnter","handleClick","shiftFromTimezone","PredefinedDates","onSelectDateRange","predefinedDatesList","selectedEndDate","selectedStartDate","setEndDate","setStartDate","shouldShowCustomRange","showCustomDateRange","handleCustomTimePeriodClick","event","preventDefault","handleItemClick","rangeIsSelected","isWholeMonth","isDateRangeTheWholeMonth","formattedText","formatDateHeader","formatSelectedDate","trim","getTime","Icon","toISOString","DateRangePicker","disabled","openDirection","placeholder","responsivePositioning","isOpen","setIsOpen","setSelectedStartDate","setSelectedEndDate","setShouldShowCustomRange","calendarOpenDirection","setCalendarOpenDirection","calendarContainerRef","useRef","calendarOptions","defaultDate","useEffect","useLayoutEffect","current","getBoundingClientRect","right","window","innerWidth","closeDatePicker","useCallback","handleOpenChange","handleSelectDate","selectedDate","onTriggerKeyDown","e","shouldShowPredefinedDates","length","body"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { DateTimeRangePickerInput, StyledDropdownItem, CalendarRenderer, DateTab
|
|
|
7
7
|
import { Container } from '../Container/index.js';
|
|
8
8
|
import { Panel } from '../Panel/index.js';
|
|
9
9
|
import { Icon as SvgImage } from '../Icon/index.js';
|
|
10
|
-
import {
|
|
10
|
+
import { isDateRangeValid, isDateRangeWithinRange, shiftToTimezone, areDatesWithinMaxRange, shiftFromTimezone } from './utils.js';
|
|
11
11
|
import '../../utils/date.js';
|
|
12
12
|
import { Tabs } from '../Tabs/index.js';
|
|
13
13
|
import { ButtonGroup } from '../ButtonGroup/index.js';
|
|
@@ -108,7 +108,7 @@ const Calendar = ({
|
|
|
108
108
|
if (futureStartDatesDisabled && calendarType === "startDate" && fullDate > today) {
|
|
109
109
|
isDisabled = true;
|
|
110
110
|
}
|
|
111
|
-
if (maxRangeLength > 1 && shiftedStart && !
|
|
111
|
+
if (maxRangeLength > 1 && shiftedStart && !areDatesWithinMaxRange(shiftedStart, fullDate, maxRangeLength)) {
|
|
112
112
|
isDisabled = true;
|
|
113
113
|
}
|
|
114
114
|
if (calendarType === "endDate" && !shiftedEnd && shiftedStart && shiftedStart > fullDate && !isSameDate(shiftedStart, fullDate)) {
|
|
@@ -164,7 +164,8 @@ const PredefinedTimes = ({
|
|
|
164
164
|
setEndDate,
|
|
165
165
|
setStartDate,
|
|
166
166
|
shouldShowCustomRange,
|
|
167
|
-
showCustomDateRange
|
|
167
|
+
showCustomDateRange,
|
|
168
|
+
timezone
|
|
168
169
|
}) => {
|
|
169
170
|
const handleCustomTimePeriodClick = (event) => {
|
|
170
171
|
event.preventDefault();
|
|
@@ -172,18 +173,23 @@ const PredefinedTimes = ({
|
|
|
172
173
|
};
|
|
173
174
|
return /* @__PURE__ */ jsxs(PredefinedTimesContainer, { "data-testid": "predefined-times-list", isResponsive: false, orientation: "vertical", children: [
|
|
174
175
|
/* @__PURE__ */ jsx(ScrollableContainer, { orientation: "vertical", children: predefinedTimesList.map(({
|
|
175
|
-
dateRange
|
|
176
|
-
startDate,
|
|
177
|
-
endDate
|
|
178
|
-
},
|
|
176
|
+
dateRange,
|
|
179
177
|
label
|
|
180
178
|
}) => {
|
|
179
|
+
const {
|
|
180
|
+
startDate,
|
|
181
|
+
endDate
|
|
182
|
+
} = dateRange;
|
|
181
183
|
const handleItemClick = () => {
|
|
182
184
|
setStartDate(startDate);
|
|
183
185
|
setEndDate(endDate);
|
|
184
186
|
onSelectDateRange(startDate, endDate, label);
|
|
185
187
|
};
|
|
186
|
-
const
|
|
188
|
+
const selectedRange = selectedStartDate && selectedEndDate ? {
|
|
189
|
+
startDate: selectedStartDate,
|
|
190
|
+
endDate: selectedEndDate
|
|
191
|
+
} : void 0;
|
|
192
|
+
const rangeIsSelected = selectedRange !== void 0 && isDateRangeWithinRange(selectedRange, dateRange, timezone);
|
|
187
193
|
return /* @__PURE__ */ jsx(StyledDropdownItem, { "data-testid": `predefined-date-${startDate.getTime()}`, onClick: handleItemClick, children: /* @__PURE__ */ jsxs(Container, { "data-selected": rangeIsSelected, "data-testid": label, justifyContent: "space-between", orientation: "horizontal", children: [
|
|
188
194
|
label,
|
|
189
195
|
rangeIsSelected && /* @__PURE__ */ jsx(SvgImage, { name: "check" })
|
|
@@ -387,7 +393,7 @@ const TabbedCalendar = ({
|
|
|
387
393
|
if (endDate) {
|
|
388
394
|
endDateCalendarOptions.defaultDate = endDate;
|
|
389
395
|
}
|
|
390
|
-
const startDateIsAfterEndDate = startDate && endDate && !
|
|
396
|
+
const startDateIsAfterEndDate = startDate && endDate && !isDateRangeValid({
|
|
391
397
|
startDate,
|
|
392
398
|
endDate
|
|
393
399
|
});
|
|
@@ -493,7 +499,7 @@ const DateTimeRangePicker = ({
|
|
|
493
499
|
if (calendarType === "startDate") {
|
|
494
500
|
setSelectedStartDate(selectedDate);
|
|
495
501
|
if (selectedEndDate) {
|
|
496
|
-
if (!shouldFireIfInvalid && !
|
|
502
|
+
if (!shouldFireIfInvalid && !isDateRangeValid({
|
|
497
503
|
startDate: selectedDate,
|
|
498
504
|
endDate: selectedEndDate
|
|
499
505
|
})) {
|
|
@@ -508,7 +514,7 @@ const DateTimeRangePicker = ({
|
|
|
508
514
|
if (calendarType === "endDate") {
|
|
509
515
|
setSelectedEndDate(selectedDate);
|
|
510
516
|
if (selectedStartDate) {
|
|
511
|
-
if (!shouldFireIfInvalid && !
|
|
517
|
+
if (!shouldFireIfInvalid && !isDateRangeValid({
|
|
512
518
|
startDate: selectedStartDate,
|
|
513
519
|
endDate: selectedDate
|
|
514
520
|
})) {
|
|
@@ -531,7 +537,7 @@ const DateTimeRangePicker = ({
|
|
|
531
537
|
return /* @__PURE__ */ jsxs(Dropdown, { onOpenChange: handleOpenChange, open: isOpen, children: [
|
|
532
538
|
/* @__PURE__ */ jsx(Dropdown.Trigger, { disabled, onKeyDown: onTriggerKeyDown, children: /* @__PURE__ */ jsx(DateTimeRangePickerInput, { "data-testid": "datepicker-input-container", disabled, isActive: isOpen, placeholder, selectedEndDate, selectedStartDate, shouldShowSeconds, timezone }) }),
|
|
533
539
|
/* @__PURE__ */ jsx(NoOverflowDropdownContent, { align: "start", responsivePositioning, children: /* @__PURE__ */ jsx(Container, { orientation: "horizontal", children: shouldShowPredefinedTimes ? /* @__PURE__ */ jsxs(PredefinedCalendarContainer, { gap: "none", orientation: "horizontal", padding: "none", children: [
|
|
534
|
-
/* @__PURE__ */ jsx(PredefinedTimes, { onSelectDateRange, predefinedTimesList, selectedEndDate, selectedStartDate, setEndDate: setSelectedEndDate, setStartDate: setSelectedStartDate, shouldShowCustomRange, showCustomDateRange: setShouldShowCustomRange }),
|
|
540
|
+
/* @__PURE__ */ jsx(PredefinedTimes, { onSelectDateRange, predefinedTimesList, selectedEndDate, selectedStartDate, setEndDate: setSelectedEndDate, setStartDate: setSelectedStartDate, shouldShowCustomRange, showCustomDateRange: setShouldShowCustomRange, timezone }),
|
|
535
541
|
shouldShowCustomRange && /* @__PURE__ */ jsx(CalendarRendererContainer, { $openDirection: calendarOpenDirection, ref: calendarContainerRef, children: /* @__PURE__ */ jsx(TabbedCalendar, { defaultActiveTab, endDate: selectedEndDate, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setEndDate: setSelectedEndDate, setSelectedDate: handleSelectDate, setStartDate: setSelectedStartDate, shouldShowSeconds: Boolean(shouldShowSeconds), startDate: selectedStartDate, timezone }) })
|
|
536
542
|
] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TabbedCalendar, { defaultActiveTab, endDate: selectedEndDate, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setEndDate: setSelectedEndDate, setSelectedDate: handleSelectDate, setStartDate: setSelectedStartDate, shouldShowSeconds: Boolean(shouldShowSeconds), startDate: selectedStartDate, timezone }) }) }) })
|
|
537
543
|
] });
|