@entur/datepicker 8.1.7 → 9.0.0
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/DatePicker/Calendar.d.ts +14 -0
- package/dist/DatePicker/DateField.d.ts +11 -2
- package/dist/DatePicker/DatePicker.d.ts +10 -4
- package/dist/datepicker.cjs.development.js +89 -101
- package/dist/datepicker.cjs.development.js.map +1 -1
- package/dist/datepicker.cjs.production.min.js +1 -1
- package/dist/datepicker.cjs.production.min.js.map +1 -1
- package/dist/datepicker.esm.js +90 -103
- package/dist/datepicker.esm.js.map +1 -1
- package/dist/shared/utils.d.ts +11 -10
- package/dist/styles.css +30 -31
- package/package.json +6 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/shared/FieldSegment.tsx","../src/TimePicker/SimpleTimePicker.tsx","../src/shared/utils.ts","../src/DatePicker/DateField.tsx","../src/shared/CalendarButton.tsx","../src/DatePicker/CalendarCell.tsx","../src/DatePicker/CalendarGrid.tsx","../src/DatePicker/Calendar.tsx","../src/DatePicker/NativeDatePicker.tsx","../src/TimePicker/TimePickerArrowButton.tsx","../src/TimePicker/NativeTimePicker.tsx","../src/index.tsx","../src/DatePicker/DatePicker.tsx","../src/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useDateSegment } from '@react-aria/datepicker';\nimport { DateSegment, DateFieldState } from '@react-stately/datepicker';\n\nimport './FieldSegment.scss';\n\ntype TimeSegmentProps = {\n segment: DateSegment;\n state: DateFieldState;\n};\n\nexport const FieldSegment = ({ segment, state }: TimeSegmentProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const { segmentProps } = useDateSegment(segment, state, ref);\n\n const is12HourFormatted = state.segments.some(\n segment => segment.text === 'AM' || segment.text === 'PM',\n );\n\n const segmentDisplayText = () => {\n if (is12HourFormatted) return segment.text;\n // if number add '0' padding to start when one digit\n if (segment.text.match(/\\d+/)) return segment.text.padStart(2, '0');\n return segment.text;\n };\n\n return (\n <div\n {...segmentProps}\n ref={ref}\n className={classNames('eds-date-and-time-field__segment', {\n 'eds-date-and-time-field__segment--placeholder': segment.isPlaceholder,\n 'eds-date-and-time-field__segment--dot-separator': segment.text === '.',\n })}\n tabIndex={state.isDisabled ? -1 : segmentProps.tabIndex}\n >\n {segmentDisplayText()}\n </div>\n );\n};\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Time, parseTime, toTime } from '@internationalized/date';\nimport { useTimeField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useTimeFieldState } from '@react-stately/datepicker';\nimport classNames from 'classnames';\n\nimport type {\n TimeValue,\n AriaTimeFieldProps,\n MappedTimeValue,\n} from '@react-types/datepicker';\n\nimport { TextField, VariantType } from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { mergeRefs } from '@entur/utils';\n\nimport './SimpleTimePicker.scss';\n\nenum inputResult {\n RESET_TIME,\n INVALID,\n}\n\nexport type SimpleTimePickerProps<TimeType extends TimeValue> = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedTime: TimeType | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange?: (\n value: MappedTimeValue<TimeType> | null,\n ) => void | React.Dispatch<React.SetStateAction<TimeValue | null>>;\n /** Label til TimePicker */\n label: string;\n /** Viser sekund i tillegg til time og minutt\n * @default false\n */\n showSeconds?: boolean;\n /** Viser et klokkeikonet for å klarere indikere at dette\n * er en tidsvelger\n * @default false\n */\n showClockIcon?: boolean | 'right' | 'left';\n /** Velger hvor mye luft det skal være på sidene av klokkeslettet\n * @default 'default'\n */\n padding?: 'default' | 'large';\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Tekst eller ikon som vises foran skjema-elementet */\n prepend?: React.ReactNode;\n /** Tekst eller ikon som vises etter skjema-elementet */\n append?: React.ReactNode;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n inputRef?: React.ForwardedRef<HTMLInputElement>;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaTimeFieldProps<TimeType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n | 'locale'\n | 'isReadOnly'\n | 'isDisabled'\n | 'locale'\n>;\n\nexport const SimpleTimePicker = <TimeType extends TimeValue>({\n append,\n className,\n disabled,\n feedback,\n showClockIcon = 'right',\n inputRef,\n label,\n labelTooltip,\n onChange,\n padding = 'default',\n prepend,\n readOnly,\n selectedTime,\n showSeconds,\n style,\n variant,\n ...rest\n}: SimpleTimePickerProps<TimeType>) => {\n const [inputText, setInputText] = useState('');\n const timeFieldRef = useRef<HTMLInputElement>(null);\n const [lastValidSelectedTime, setLastValidSelectedTime] =\n useState<MappedTimeValue<TimeType> | null>(null);\n\n const { locale } = useLocale();\n\n const state = useTimeFieldState({\n onChange,\n label: label,\n locale,\n value: selectedTime === null ? undefined : selectedTime,\n hideTimeZone: true,\n isDisabled: disabled,\n isReadOnly: readOnly,\n ...rest,\n });\n const { labelProps, fieldProps } = useTimeField<TimeType>(\n { ...rest, label: label },\n state,\n timeFieldRef,\n );\n\n useEffect(() => {\n updateInputWithSelectedTime();\n // @ts-expect-error TimeType and MappedTimeValue<TimeType> is actually the same\n if (selectedTime !== null) setLastValidSelectedTime(selectedTime);\n }, [selectedTime?.toString()]);\n\n const updateInputWithSelectedTime = () => {\n const selectedTimeString = getStringFromTimeValue(selectedTime);\n setInputText(selectedTimeString);\n\n const timeFieldIsFocused = document.activeElement === timeFieldRef?.current;\n if (selectedTimeString === '' && !timeFieldIsFocused)\n addPlaceholderToInput();\n };\n\n const getStringFromTimeValue = (timeValue: TimeValue | null) => {\n if (timeValue === null) return '';\n\n const timeObject = 'day' in timeValue ? toTime(timeValue) : timeValue;\n\n if (showSeconds) return timeObject.toString().slice(0, 8);\n\n return timeObject.toString().slice(0, 5);\n };\n\n const addPlaceholderToInput = () => {\n if (showSeconds) setInputText('–– : –– : ––');\n else setInputText('–– : ––');\n };\n\n const handleChangeTime = () => {\n const newTime = getValueForOnChangeFromInput();\n\n if (newTime === inputResult.INVALID) {\n return updateInputWithSelectedTime();\n }\n\n if (newTime?.toString() !== selectedTime?.toString()) onChange?.(newTime);\n };\n\n const getValueForOnChangeFromInput = () => {\n const formatedTimeString = formatTimeString(inputText);\n const newTimeObject = formatedTimeStringToTimeObject(formatedTimeString);\n\n if (newTimeObject === inputResult.INVALID) {\n return inputResult.INVALID;\n }\n if (newTimeObject === inputResult.RESET_TIME) {\n return null;\n }\n\n const updatedSelectedTime =\n getSelectedTimeWithTimeFromObject(newTimeObject);\n\n return updatedSelectedTime;\n };\n\n const formatTimeString = (timeString: string): string | inputResult => {\n if (timeString.length === 0) return inputResult.RESET_TIME;\n if (timeString.length < 3 || timeString.length > 8)\n return inputResult.INVALID;\n\n const numberOfColons = (timeString.match(new RegExp(':', 'g')) || [])\n .length;\n const stringLength = timeString.length;\n\n // targets 'd:dd:dd' and 'dd:dd:dd'\n if (numberOfColons === 2 && stringLength >= 7) {\n return timeString.padStart(8, '0');\n }\n\n // targets 'd:dd' and 'dd:dd'\n if (numberOfColons === 1) {\n return timeString.padStart(5, '0');\n }\n\n if (stringLength > 6) return inputResult.INVALID;\n\n const stringLengthIsEven = stringLength % 2 == 0;\n\n const hourString = stringLengthIsEven\n ? timeString.slice(0, 2)\n : timeString.slice(0, 1);\n const minuteString = stringLengthIsEven\n ? timeString.slice(2, 4)\n : timeString.slice(1, 3);\n const secondString = (() => {\n const stringSlice = stringLengthIsEven\n ? timeString.slice(4, 6)\n : timeString.slice(3, 5);\n if (stringSlice === '') return '00';\n return stringSlice;\n })();\n\n const timeStringWithColon =\n hourString.padStart(2, '0') +\n ':' +\n minuteString +\n (showSeconds ? ':' + secondString : '');\n\n return timeStringWithColon;\n };\n\n const formatedTimeStringToTimeObject = (\n formatedTimeString: string | inputResult,\n ): Time | inputResult => {\n if (formatedTimeString === inputResult.INVALID) return inputResult.INVALID;\n if (formatedTimeString === inputResult.RESET_TIME)\n return inputResult.RESET_TIME;\n\n const isNumberTest = /^\\d+$/;\n const hourString = formatedTimeString.slice(0, 2);\n const minuteString = formatedTimeString.slice(3, 5);\n const secondString = formatedTimeString.slice(6, 8);\n if (\n hourString.match(isNumberTest) &&\n minuteString.match(isNumberTest) &&\n (secondString === '' || secondString.match(isNumberTest))\n ) {\n try {\n const timeObject = parseTime(formatedTimeString);\n return timeObject;\n } catch (e) {\n return inputResult.INVALID;\n }\n }\n\n return inputResult.INVALID;\n };\n\n const getSelectedTimeWithTimeFromObject = (\n newTime: Time,\n ): MappedTimeValue<TimeType> => {\n const selectedTimeWithUpdateTime = (\n lastValidSelectedTime ?? new Time()\n ).set({\n hour: newTime.hour,\n minute: newTime.minute,\n second: newTime.second,\n }) as MappedTimeValue<TimeType>;\n\n return selectedTimeWithUpdateTime;\n };\n\n const {\n onBlur,\n onClick,\n onDragStart,\n onFocus,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onPointerDown,\n onPointerUp,\n ...usedFieldProps\n } = fieldProps;\n\n return (\n <I18nProvider locale={locale}>\n <TextField\n append={\n append ||\n (showClockIcon === true || showClockIcon === 'right' ? (\n <ClockIcon onClick={() => timeFieldRef?.current?.focus()} />\n ) : undefined)\n }\n className={classNames('eds-simple-timepicker', {\n 'eds-simple-timepicker--padding-large': padding === 'large',\n 'eds-simple-timepicker--show-seconds': showSeconds,\n 'eds-simple-timepicker--hide-clock': !showClockIcon,\n })}\n disabled={disabled}\n disableLabelAnimation\n feedback={feedback}\n label={label}\n labelProps={labelProps}\n labelTooltip={labelTooltip}\n onBlur={() => {\n handleChangeTime();\n if (selectedTime === null) {\n addPlaceholderToInput();\n }\n }}\n onChange={e => setInputText(e.target.value)}\n onFocus={() => {\n if (selectedTime === null) {\n setInputText('');\n }\n }}\n onKeyDown={({ key }) => {\n if (key === 'Enter') handleChangeTime();\n }}\n placeholder={showSeconds ? '–– : –– : ––' : '–– : ––'}\n prepend={\n prepend ||\n (showClockIcon === 'left' ? (\n <ClockIcon onClick={() => timeFieldRef?.current?.focus()} />\n ) : undefined)\n }\n readOnly={readOnly}\n ref={mergeRefs(timeFieldRef, inputRef)}\n style={style}\n value={inputText}\n variant={variant}\n {...usedFieldProps}\n />\n </I18nProvider>\n );\n};\n","import {\n ZonedDateTime,\n CalendarDateTime,\n Time,\n parseAbsolute,\n DateValue,\n getLocalTimeZone,\n CalendarDate,\n} from '@internationalized/date';\nimport { TimeValue } from '@react-types/datepicker';\nimport { Calendar, GregorianCalendar } from '@internationalized/date';\n\nconst nativeDateToDateTime = (\n date: Date,\n timeZone?: string,\n offset?: number,\n) => {\n if (timeZone) {\n if (offset) {\n return new ZonedDateTime(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n timeZone,\n offset,\n date.getHours(),\n date.getMinutes(),\n date.getSeconds(),\n );\n }\n return parseAbsolute(date.toISOString(), timeZone);\n }\n return new CalendarDateTime(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n date.getHours(),\n date.getMinutes(),\n date.getSeconds(),\n );\n};\n\n/**\n * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt\n * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake\n * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset\n * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.\n * @returns {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date\n */\nexport const nativeDateToDateValue = (\n date: Date,\n noTimeOnlyDate = false,\n timeZone?: string,\n offset?: number,\n) => {\n if (noTimeOnlyDate)\n return new CalendarDate(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n );\n\n return nativeDateToDateTime(date, timeZone, offset);\n};\n\n/**\n * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt\n * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake\n * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset\n * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.\n * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date\n */\nexport const nativeDateToTimeValue = (\n date: Date,\n noDateOnlyTime = false,\n timeZone?: string,\n offset?: number,\n) => {\n if (noDateOnlyTime)\n return new Time(date.getHours(), date.getMinutes(), date.getSeconds(), 0);\n\n return nativeDateToDateTime(date, timeZone, offset);\n};\n\n/**\n * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt\n * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt\n * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime\n * @returns {Date} et Date-objekt med verdier fra time\n */\n// This function uses a lot of @ts-expect-error to make it work with all Date- and TimeValue types. Sorry ...\nexport const timeOrDateValueToNativeDate = (\n value: TimeValue | DateValue,\n timeZoneForCalendarDateTime?: string,\n): Date => {\n // @ts-expect-error .day does not exist on Time-object\n if (!value.day) {\n // type is Time\n const date = new Date();\n // @ts-expect-error hour does not exist on CalendarDate\n date.setHours(value.hour);\n // @ts-expect-error minute does not exist on CalendarDate\n date.setMinutes(value.minute);\n // @ts-expect-error second does not exist on CalendarDate\n date.setSeconds(value.second);\n return date;\n }\n\n // @ts-expect-error .day does not exist on Time-object\n if (!value.hour) {\n // type is CalendarDate\n // @ts-expect-error .toDate(timeZone) does not exist in type Time\n return value.toDate(timeZoneForCalendarDateTime ?? getLocalTimeZone());\n }\n\n // @ts-expect-error .timeZone does not exist in type Time and CalendarDateTime\n if (!value.timeZone) {\n // type is CalendarDateTime\n if (timeZoneForCalendarDateTime)\n // @ts-expect-error .toDate(timeZone) does not exist in type Time\n return value.toDate(timeZoneForCalendarDateTime);\n\n return new Date(\n // @ts-expect-error not in type Time\n value.year,\n // @ts-expect-error not in type Time\n value.month - 1,\n // @ts-expect-error not in type Time\n value.day,\n // @ts-expect-error not in type CalendarDate\n value.hour,\n // @ts-expect-error not in type CalendarDate\n value.minute,\n // @ts-expect-error not in type CalendarDate\n value.second,\n );\n }\n\n // @ts-expect-error .toDate() does not exist in type Time or CalendarDateTime\n return value.toDate();\n};\n\nexport const createCalendar = (identifier = 'gregory'): Calendar => {\n switch (identifier) {\n case 'gregory':\n return new GregorianCalendar();\n default:\n throw new Error(`Unsupported calendar ${identifier}`);\n }\n};\n\nexport const ariaLabelIfNorwegian = (\n norwegianAriaLabel: string,\n locale: string,\n propsCollection: any,\n) => {\n if (locale.toLowerCase() !== 'no-no') return propsCollection['aria-label'];\n return norwegianAriaLabel;\n};\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDateFieldState } from '@react-stately/datepicker';\nimport { useDateField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport classNames from 'classnames';\n\nimport type {\n SpectrumDateFieldProps,\n DateValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { ConditionalWrapper, mergeRefs, useRandomId } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { createCalendar } from '../shared/utils';\n\nimport './DateField.scss';\n\nexport type DateFieldProps = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedDate: DateValue | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange: (value: DateValue) => void;\n /** Label til TimePicker */\n label: string;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt\n * @default false\n */\n showTimeZone?: boolean;\n showTime?: boolean;\n /** Tidligste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone */\n minDate?: DateValue;\n /** Seneste gyldige datovalg. (se minValue) */\n maxDate?: DateValue;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Varselmelding som forteller om ugyldig dato\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om ugyldig dato\n * @default \"error\"\n */\n validationVariant?: VariantType;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n [key: string]: any;\n} & Omit<\n SpectrumDateFieldProps<DateValue>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const DateField = React.forwardRef<HTMLDivElement, DateFieldProps>(\n (\n {\n selectedDate: value,\n label,\n locale: customLocale,\n showTimeZone,\n showTime,\n granularity = 'day',\n disabled,\n variant,\n feedback,\n validationVariant = 'error',\n validationFeedback = 'Ugyldig dato',\n labelTooltip,\n minDate: minValue,\n maxDate: maxValue,\n style,\n className,\n labelProps: parentLabelProps,\n append,\n ...rest\n },\n ref,\n ) => {\n const { locale } = useLocale();\n\n const state = useDateFieldState({\n ...rest,\n locale: customLocale ?? locale,\n createCalendar,\n value: value === null ? undefined : value,\n hideTimeZone: !showTimeZone,\n granularity: showTime ? 'minute' : granularity,\n minValue,\n maxValue,\n });\n\n const dateFieldRef = useRef(null);\n const { labelProps, fieldProps } = useDateField(\n { ...rest, label: label, isDisabled: disabled || rest.isDisabled },\n state,\n dateFieldRef,\n );\n\n const id = useRandomId('datefield');\n\n return (\n <ConditionalWrapper\n condition={customLocale !== undefined}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={customLocale}>{child}</I18nProvider>\n )}\n >\n <BaseFormControl\n style={style}\n className={classNames('eds-datefield', className)}\n labelId={id}\n ref={mergeRefs(dateFieldRef, ref)}\n disabled={state.isDisabled}\n disableLabelAnimation\n label={label}\n labelTooltip={labelTooltip}\n labelProps={parentLabelProps ?? labelProps}\n {...fieldProps}\n variant={\n variant ?? state.validationState === 'invalid'\n ? validationVariant\n : undefined\n }\n feedback={\n feedback ?? state.validationState === 'invalid'\n ? validationFeedback\n : undefined\n }\n append={append}\n ariaAlertOnFeedback\n >\n {state.segments.map((segment, i) => (\n <FieldSegment segment={segment} state={state} key={i} />\n ))}\n </BaseFormControl>\n </ConditionalWrapper>\n );\n },\n);\n","import React, { useRef } from 'react';\n\nimport { useButton } from '@react-aria/button';\n\nimport { IconButton } from '@entur/button';\n\ntype CalendarButtonProps = {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n [key: string]: any;\n};\n\nexport const CalendarButton = ({\n children,\n className,\n style,\n ...props\n}: CalendarButtonProps) => {\n const ref = useRef(null);\n const { buttonProps } = useButton(props, ref);\n\n return (\n <IconButton {...buttonProps} ref={ref} className={className} style={style}>\n {children}\n </IconButton>\n );\n};\n","import React, { useRef } from 'react';\n\nimport { useCalendarCell } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport {\n CalendarDate,\n getLocalTimeZone,\n isEqualDay,\n now,\n} from '@internationalized/date';\nimport classNames from 'classnames';\n\ntype CalendarCellProps = {\n state: CalendarState;\n date: CalendarDate;\n onSelectedCellClick?: () => void;\n};\n\nexport const CalendarCell = ({\n state,\n date,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n}: CalendarCellProps) => {\n const cellRef = useRef(null);\n\n const {\n cellProps,\n buttonProps,\n isSelected,\n isOutsideVisibleRange,\n isDisabled,\n isUnavailable,\n formattedDate,\n } = useCalendarCell({ date }, state, cellRef);\n return (\n <td {...cellProps} className=\"eds-datepicker__calendar__grid__cell__td\">\n <div\n {...buttonProps}\n ref={cellRef}\n hidden={isOutsideVisibleRange}\n className={classNames('eds-datepicker__calendar__grid__cell', {\n 'eds-datepicker__calendar__grid__cell--selected': isSelected,\n 'eds-datepicker__calendar__grid__cell--disabled':\n isDisabled || isUnavailable,\n 'eds-datepicker__calendar__grid__cell--outside-month':\n isOutsideVisibleRange,\n 'eds-datepicker__calendar__grid__cell--today': isEqualDay(\n date,\n now(state.timeZone ?? getLocalTimeZone()),\n ),\n })}\n {...rest}\n onClick={e => {\n buttonProps.onClick && buttonProps.onClick(e);\n isSelected && onSelectedCellClick();\n }}\n onKeyDown={e => {\n buttonProps.onKeyDown && buttonProps.onKeyDown(e);\n if (e.key === 'Enter' || e.key === ' ')\n isSelected && onSelectedCellClick();\n }}\n >\n {formattedDate}\n </div>\n </td>\n );\n};\n","import React from 'react';\n\nimport { useLocale } from '@react-aria/i18n';\nimport { useCalendarGrid } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport { getWeeksInMonth } from '@internationalized/date';\n\nimport { useRandomId } from '@entur/utils';\nimport { VisuallyHidden } from '@entur/a11y';\n\nimport { CalendarCell } from './CalendarCell';\n\ntype CalendarGridProps = {\n state: CalendarState;\n navigationDescription?: string;\n onSelectedCellClick?: () => void;\n};\n\nexport const CalendarGrid = ({\n state,\n navigationDescription,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n}: CalendarGridProps) => {\n const calendarGridId = useRandomId('eds-calendar');\n const { locale } = useLocale();\n\n const { gridProps, headerProps, weekDays } = useCalendarGrid(rest, state);\n\n const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n const weeksArray = Array.from(Array(weeksInMonth).keys());\n\n const weekDaysMapped = () => {\n if (locale.toLowerCase().includes('no'))\n return ['ma', 'ti', 'on', 'to', 'fr', 'lø', 'sø'];\n if (locale.toLowerCase().includes('en')) {\n if (weekDays[0] === 'M')\n return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n if (weekDays[0] === 'S')\n return ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n }\n return weekDays.map(day => day.toLowerCase());\n };\n\n const getNavigationDescription = () => {\n if (navigationDescription) return navigationDescription;\n if (locale.toLowerCase().includes('en'))\n return 'Use the arrow keys to navigate between dates';\n return 'Bruk piltastene til å navigere mellom datoer';\n };\n\n return (\n <>\n <table\n {...gridProps}\n cellSpacing=\"0\"\n className=\"eds-datepicker__calendar__grid\"\n >\n <thead {...headerProps}>\n <tr>\n {weekDaysMapped().map((day, index) => (\n <th key={index}>{day}</th>\n ))}\n </tr>\n </thead>\n <tbody>\n {weeksArray.map(weekIndex => (\n <tr key={weekIndex}>\n {state\n .getDatesInWeek(weekIndex)\n .map((date, i) =>\n date ? (\n <CalendarCell\n key={i}\n state={state}\n date={date}\n aria-describedby={calendarGridId + 'description'}\n onSelectedCellClick={onSelectedCellClick}\n />\n ) : (\n <td key={i} />\n ),\n )}\n </tr>\n ))}\n </tbody>\n </table>\n <VisuallyHidden id={calendarGridId + 'description'}>\n {getNavigationDescription()}\n </VisuallyHidden>\n </>\n );\n};\n","import React, { ReactNode } from 'react';\n\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useCalendar } from '@react-aria/calendar';\nimport { useCalendarState } from '@react-stately/calendar';\nimport { DateValue } from '@internationalized/date';\n\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { ConditionalWrapper } from '@entur/utils';\n\nimport { ariaLabelIfNorwegian, createCalendar } from '../shared/utils';\nimport { CalendarButton } from '../shared/CalendarButton';\nimport { CalendarGrid } from './CalendarGrid';\n\nimport './Calendar.scss';\n\ntype CalendarProps = {\n selectedDate: DateValue | null;\n onChange: (SelectedDate: DateValue | null) => void;\n navigationDescription?: string;\n style?: React.CSSProperties;\n onSelectedCellClick?: () => void;\n [key: string]: any;\n};\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n (\n {\n selectedDate: value,\n onChange,\n locale: customLocale,\n style,\n children: _,\n navigationDescription,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n },\n ref,\n ) => {\n const { locale } = useLocale();\n\n const state = useCalendarState({\n ...rest,\n onChange,\n locale: customLocale ?? locale,\n createCalendar,\n });\n const { calendarProps, prevButtonProps, nextButtonProps, title } =\n useCalendar(rest, state);\n\n return (\n <ConditionalWrapper\n condition={customLocale}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={customLocale}>{child}</I18nProvider>\n )}\n >\n <div\n {...calendarProps}\n ref={ref}\n className=\"eds-datepicker__calendar\"\n style={style}\n >\n <div className=\"eds-datepicker__calendar__header\">\n <CalendarButton\n {...prevButtonProps}\n aria-label={ariaLabelIfNorwegian(\n 'Forrige måned',\n locale,\n prevButtonProps,\n )}\n >\n <LeftArrowIcon size={20} />\n </CalendarButton>\n <h2>{title}</h2>\n <CalendarButton\n {...nextButtonProps}\n aria-label={ariaLabelIfNorwegian(\n 'Neste måned',\n locale,\n nextButtonProps,\n )}\n >\n <RightArrowIcon size={20} />\n </CalendarButton>\n </div>\n <CalendarGrid\n state={state}\n navigationDescription={navigationDescription}\n onSelectedCellClick={onSelectedCellClick}\n />\n </div>\n </ConditionalWrapper>\n );\n },\n);\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeDatePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeDatePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerProps\n>(\n (\n {\n className,\n style,\n label,\n onChange,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <DateIcon inline />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativedatepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativedatepickerId}\n disableLabelAnimation={disableLabelAnimation}\n isFilled\n >\n <NativeDatePickerBase\n onChange={onChange}\n aria-labelledby={nativedatepickerId}\n ref={ref}\n variant={variant}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeDatePickerBaseProps = {\n onChange?: any;\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isDatepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isDatepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"date\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { IconButton } from '@entur/button';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\n\ntype TimePickerArrowButtonProps = {\n direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nexport const TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n direction,\n onClick,\n disabled,\n 'aria-label': ariaLabel,\n}) => {\n return (\n <IconButton\n className={classNames(\n 'eds-timepicker__arrowbutton',\n `eds-timepicker__arrowbutton--${direction}`,\n { 'eds-timepicker__arrowbutton--disabled': disabled },\n )}\n type=\"button\"\n tabIndex={-1}\n onClick={onClick}\n aria-label={ariaLabel}\n disabled={disabled}\n >\n {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n </IconButton>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nimport './NativeTimePicker.scss';\n\nexport type NativeTimePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeTimePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeTimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Tekst eller ikon som kommer før inputfelter */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerProps\n>(\n (\n { className, style, onChange, label, feedback, variant, prepend, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativetimepickerId = useRandomId('eds-native-timepicker');\n return (\n <BaseFormControl\n style={style}\n className={classNames(className, 'eds-native-timepicker')}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativetimepickerId}\n disableLabelAnimation\n >\n <NativeTimePickerBase\n onChange={onChange}\n aria-labelledby={nativetimepickerId}\n ref={ref}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeTimePickerBaseProps = {\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = rest.variant || contextVariant;\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isTimepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isTimepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"time\"\n className=\"eds-form-control\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './TimePicker';\nexport * from './shared';\n\nexport {\n CalendarDate,\n CalendarDateTime,\n ZonedDateTime,\n Time,\n} from '@internationalized/date';\nexport type { TimeValue, DateValue } from '@react-types/datepicker';\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDatePickerState } from '@react-stately/datepicker';\nimport { useDatePicker } from '@react-aria/datepicker';\nimport { I18nProvider } from '@react-aria/i18n';\nimport {\n useFloating,\n offset,\n flip,\n shift,\n autoUpdate,\n} from '@floating-ui/react-dom';\nimport FocusLock from 'react-focus-lock';\nimport classNames from 'classnames';\n\nimport type {\n DateValue,\n AriaDatePickerProps,\n MappedDateValue,\n} from '@react-types/datepicker';\n\nimport {\n ConditionalWrapper,\n useOnClickOutside,\n useOnEscape,\n useWindowDimensions,\n} from '@entur/utils';\nimport { space, zIndexes } from '@entur/tokens';\nimport { CalendarIcon } from '@entur/icons';\nimport { Modal } from '@entur/modal';\n\nimport type { VariantType } from '@entur/form';\n\nimport { DateField } from './DateField';\nimport { Calendar } from './Calendar';\nimport { CalendarButton } from '../shared/CalendarButton';\n\nimport './DatePicker.scss';\n\nexport type DatePickerProps<DateType extends DateValue> = {\n /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */\n selectedDate: DateType | null;\n /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */\n onChange: (value: MappedDateValue<DateType> | null) => void;\n /** Ledetekst for inputfeltet til DatePicker */\n label: string;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt (krever at tid også vises)\n * @default false\n */\n showTimeZone?: boolean;\n /** Viser tidspunkt i tillegg til dato.\n * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime\n */\n showTime?: boolean;\n /** Tidligste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone. */\n minDate?: DateValue;\n /** Seneste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone\n *\n * OBS: Hvis du bruker dato med tid vil det være til, men ikke med denne datoen */\n maxDate?: DateValue;\n /** Funksjon som tar inn en dato og sier om den er utilgjengelig.\n * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */\n isDateUnavailable?: (date: DateValue) => boolean;\n /** Varselmelding, som vil komme under DatePicker sitt inputfelt */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Varselmelding som forteller om ugyldig dato\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om ugyldig dato\n * @default \"error\"\n */\n validationVariant?: VariantType;\n disabled?: boolean;\n /** Hvis true vil kalenderen alltid vises i en popover når den åpnes\n * @default false\n */\n disableModal?: boolean;\n /** Maxbredden til viewport-en for at modal skal vises\n * @default 1000\n */\n modalTreshold?: number;\n labelTooltip?: React.ReactNode;\n /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.\n * @default 'Bruk piltastene til å navigere mellom datoer'\n */\n navigationDescription?: string;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaDatePickerProps<DateType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const DatePicker = <DateType extends DateValue>({\n selectedDate: value,\n onChange,\n locale,\n disabled: isDisabled,\n showTime,\n showTimeZone = false,\n className,\n style,\n variant,\n feedback,\n validationVariant,\n validationFeedback,\n disableModal = false,\n labelTooltip,\n navigationDescription,\n minDate: minValue,\n maxDate: maxValue,\n modalTreshold = 1000,\n ...rest\n}: DatePickerProps<DateType>) => {\n const CALENDAR_MODAL_MAX_SCREEN_WIDTH = modalTreshold;\n const datePickerRef = useRef<HTMLDivElement | null>(null);\n const calendarRef = useRef<HTMLDivElement | null>(null);\n const dateFieldRef = useRef<HTMLDivElement | null>(null);\n\n const { width } = useWindowDimensions();\n\n const state = useDatePickerState({\n ...rest,\n minValue,\n maxValue,\n value: value === null ? undefined : value,\n onChange,\n granularity: showTime ? 'minute' : rest.granularity,\n });\n const {\n groupProps,\n labelProps,\n fieldProps,\n buttonProps,\n dialogProps,\n calendarProps,\n } = useDatePicker(\n { isDisabled, minValue, maxValue, ...rest },\n state,\n datePickerRef,\n );\n\n // calculations for floating-UI popover position\n const { x, y, reference, floating, strategy } = useFloating({\n whileElementsMounted: autoUpdate,\n placement: 'bottom-start',\n middleware: [\n offset(space.extraSmall),\n flip(),\n shift({ padding: space.extraSmall }),\n ],\n });\n\n const onChangeCalendar = (newSelectedDate: DateValue) => {\n // Necessary to avoid state update on unmounted component\n requestAnimationFrame(() => {\n calendarProps.onChange && calendarProps.onChange(newSelectedDate);\n });\n };\n\n useOnClickOutside([calendarRef], () => {\n state.setOpen(false);\n });\n\n useOnEscape(calendarRef, () => {\n state.setOpen(false);\n });\n\n const calendarSharedProps = {\n ...dialogProps,\n ...calendarProps,\n disabled: calendarProps.isDisabled,\n navigationDescription: navigationDescription,\n onSelectedCellClick: () => state.setOpen(false),\n onChange: onChangeCalendar,\n granularity: showTime ? 'minute' : rest.granularity,\n };\n\n const useModal =\n typeof width !== 'undefined' &&\n width <= CALENDAR_MODAL_MAX_SCREEN_WIDTH &&\n !disableModal;\n\n const popoverCalendar = (\n <div\n // styling for floating-UI popover\n style={{\n position: strategy,\n top: y ?? 0,\n left: x ?? 0,\n zIndex: zIndexes.popover,\n }}\n ref={node => {\n floating(node);\n }}\n >\n <FocusLock disabled={!state.isOpen || useModal} returnFocus>\n {state.isOpen && (\n <Calendar {...calendarSharedProps} ref={calendarRef} />\n )}\n </FocusLock>\n </div>\n );\n\n const modalCalendar = (\n <Modal\n size=\"small\"\n title=\"\"\n open={state.isOpen}\n onDismiss={() => state.setOpen(false)}\n closeOnClickOutside\n className=\"eds-datepicker__calendar-modal\"\n >\n <Calendar {...calendarSharedProps} />\n </Modal>\n );\n\n return (\n <ConditionalWrapper\n condition={locale !== undefined}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={locale}>{child}</I18nProvider>\n )}\n >\n <div className={classNames('eds-datepicker', className)}>\n <div\n {...groupProps}\n ref={node => {\n datePickerRef.current = node;\n reference(node);\n }}\n id={undefined}\n className=\"eds-datepicker__datefield__wrapper\"\n >\n <DateField\n {...fieldProps}\n selectedDate={state.value}\n label={rest.label}\n labelProps={labelProps}\n showTime={showTime}\n showTimeZone={showTimeZone}\n ref={dateFieldRef}\n variant={variant}\n feedback={feedback}\n validationVariant={validationVariant}\n validationFeedback={validationFeedback}\n labelTooltip={labelTooltip}\n className={classNames('eds-datepicker__datefield', {\n 'eds-datepicker__datefield--disabled': fieldProps.isDisabled,\n })}\n />\n {!fieldProps.isDisabled && (\n <CalendarButton\n {...buttonProps}\n onPress={() => state.setOpen(!state.isOpen)}\n className=\"eds-datepicker__open-calendar-button\"\n >\n <CalendarIcon />\n </CalendarButton>\n )}\n {useModal ? modalCalendar : popoverCalendar}\n </div>\n </div>\n </ConditionalWrapper>\n );\n};\n","import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useTimeField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useTimeFieldState } from '@react-stately/datepicker';\nimport { getLocalTimeZone, now } from '@internationalized/date';\n\nimport type {\n TimeValue,\n AriaTimeFieldProps,\n MappedTimeValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { useRandomId, mergeRefs } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { TimePickerArrowButton } from './TimePickerArrowButton';\n\nimport './TimePicker.scss';\n\nexport type TimePickerProps<TimeType extends TimeValue> = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedTime: TimeType | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange: (value: MappedTimeValue<TimeType> | null) => void;\n /** Label til TimePicker */\n label: string;\n /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker\n * @default 30\n */\n minuteIncrementForArrowButtons?: number;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt\n * @default false\n */\n showTimeZone?: boolean;\n /** Aria-label for venstrepil-knappen som trekker fra tid\n * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`\n */\n leftArrowButtonAriaLabel?: string;\n /** Aria-label for høyrepil-knappen som legger til tid\n * @default `Legg til ${minuteIncrementForArrowButtons} minutter`\n */\n rightArrowButtonAriaLabel?: string;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n inputRef?: React.ForwardedRef<HTMLDivElement>;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaTimeFieldProps<TimeType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const TimePicker = <TimeType extends TimeValue>({\n selectedTime,\n onChange,\n disabled,\n className,\n style,\n label,\n labelTooltip,\n feedback,\n variant,\n locale: customLocale,\n showTimeZone,\n minuteIncrementForArrowButtons = 30,\n leftArrowButtonAriaLabel = `Trekk fra ${minuteIncrementForArrowButtons} minutter`,\n rightArrowButtonAriaLabel = `Legg til ${minuteIncrementForArrowButtons} minutter`,\n inputRef,\n ...rest\n}: TimePickerProps<TimeType>) => {\n let { locale } = useLocale();\n if (customLocale) locale = customLocale;\n\n const state = useTimeFieldState({\n onChange,\n label: label,\n locale,\n value: selectedTime === null ? undefined : selectedTime,\n hideTimeZone: !showTimeZone,\n isDisabled: disabled,\n ...rest,\n });\n const timeFieldRef = useRef(null);\n const { labelProps, fieldProps } = useTimeField<TimeType>(\n { ...rest, label: label },\n state,\n timeFieldRef,\n );\n const id = useRandomId('timepicker');\n\n const handleOnClickArrowButton = (minutes: number) => {\n if (someSegmentIsUndefined) {\n setTimeToNearestMinuteIncrement();\n } else {\n addMinutesToSelectedTime(minutes);\n }\n };\n\n const someSegmentIsUndefined = state.segments.some(\n segment => segment.text === '––',\n );\n\n const setTimeToNearestMinuteIncrement = () => {\n const currentTime = now(getLocalTimeZone());\n const roundedMinute =\n Math.floor(currentTime.minute / minuteIncrementForArrowButtons) *\n minuteIncrementForArrowButtons;\n const newTime = currentTime.set({ minute: roundedMinute });\n // @ts-expect-error Since this function is used when selectedTime is null,\n // we can't guarantee newTime matching the type of selectedTime in the future.\n // This might lead to a type issue.\n onChange(newTime);\n };\n\n const addMinutesToSelectedTime = (minutes: number) => {\n state.value &&\n state.setValue(\n state.value?.add({\n minutes: minutes,\n }),\n );\n };\n\n return (\n <I18nProvider locale={locale}>\n <div className={classNames(className, 'eds-timepicker__wrapper')}>\n <TimePickerArrowButton\n direction=\"left\"\n disabled={disabled}\n aria-label={leftArrowButtonAriaLabel}\n onClick={() =>\n handleOnClickArrowButton(minuteIncrementForArrowButtons * -1)\n }\n />\n <BaseFormControl\n style={style}\n className={'eds-timepicker'}\n labelId={id}\n label={label}\n labelProps={{ ...labelProps }}\n ref={mergeRefs(timeFieldRef, inputRef)}\n disabled={disabled}\n disableLabelAnimation\n labelTooltip={labelTooltip}\n {...fieldProps}\n variant={variant}\n feedback={feedback}\n >\n {state.segments.map((segment, i) => (\n <FieldSegment segment={segment} state={state} key={i} />\n ))}\n </BaseFormControl>\n <TimePickerArrowButton\n direction=\"right\"\n disabled={disabled}\n aria-label={rightArrowButtonAriaLabel}\n onClick={() =>\n handleOnClickArrowButton(minuteIncrementForArrowButtons)\n }\n />\n </div>\n </I18nProvider>\n );\n};\n"],"names":["inputResult","FieldSegment","_ref","segment","state","ref","useRef","segmentProps","useDateSegment","is12HourFormatted","segments","some","text","React","createElement","className","classNames","isPlaceholder","tabIndex","isDisabled","match","padStart","nativeDateToDateTime","date","timeZone","offset","ZonedDateTime","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","parseAbsolute","toISOString","CalendarDateTime","createCalendar","identifier","GregorianCalendar","Error","ariaLabelIfNorwegian","norwegianAriaLabel","locale","propsCollection","toLowerCase","DateField","forwardRef","value","selectedDate","label","customLocale","showTimeZone","showTime","_ref$granularity","granularity","disabled","variant","feedback","_ref$validationVarian","validationVariant","_ref$validationFeedba","validationFeedback","labelTooltip","minValue","minDate","maxValue","maxDate","style","parentLabelProps","labelProps","append","rest","_objectWithoutPropertiesLoose","_excluded","_useLocale","useLocale","useDateFieldState","_extends","undefined","hideTimeZone","dateFieldRef","useDateField","fieldProps","id","useRandomId","ConditionalWrapper","condition","wrapper","child","I18nProvider","BaseFormControl","labelId","mergeRefs","disableLabelAnimation","validationState","ariaAlertOnFeedback","map","i","key","CalendarButton","children","props","_useButton","useButton","IconButton","buttonProps","CalendarCell","_state$timeZone","_ref$onSelectedCellCl","onSelectedCellClick","cellRef","_useCalendarCell","useCalendarCell","isSelected","isOutsideVisibleRange","isUnavailable","formattedDate","cellProps","hidden","isEqualDay","now","getLocalTimeZone","onClick","e","onKeyDown","CalendarGrid","navigationDescription","calendarGridId","_useCalendarGrid","useCalendarGrid","gridProps","headerProps","weekDays","weeksInMonth","getWeeksInMonth","visibleRange","start","weeksArray","Array","from","keys","Fragment","cellSpacing","includes","day","weekDaysMapped","index","weekIndex","getDatesInWeek","VisuallyHidden","Calendar","onChange","useCalendarState","_useCalendar","useCalendar","prevButtonProps","nextButtonProps","title","calendarProps","LeftArrowIcon","size","RightArrowIcon","NativeDatePicker","_ref$prepend","prepend","DateIcon","inline","nativedatepickerId","isFilled","NativeDatePickerBase","_ref2","_excluded2","contextVariant","useVariant","currentVariant","_useInputGroupContext","useInputGroupContext","isDatepickerFilled","setFiller","setFilled","useOnMount","useEffect","type","event","target","TimePickerArrowButton","direction","ariaLabel","NativeTimePicker","nativetimepickerId","NativeTimePickerBase","isTimepickerFilled","warnAboutMissingStyles","_ref$showTimeZone","_ref$disableModal","disableModal","_ref$modalTreshold","modalTreshold","CALENDAR_MODAL_MAX_SCREEN_WIDTH","datePickerRef","calendarRef","width","useWindowDimensions","useDatePickerState","_useDatePicker","useDatePicker","groupProps","dialogProps","_useFloating","useFloating","whileElementsMounted","autoUpdate","placement","middleware","space","extraSmall","flip","shift","padding","x","y","reference","floating","strategy","useOnClickOutside","setOpen","useOnEscape","calendarSharedProps","newSelectedDate","requestAnimationFrame","useModal","popoverCalendar","position","top","left","zIndex","zIndexes","popover","node","FocusLock","isOpen","returnFocus","modalCalendar","Modal","open","onDismiss","closeOnClickOutside","current","onPress","CalendarIcon","_ref$showClockIcon","showClockIcon","inputRef","_ref$padding","readOnly","selectedTime","showSeconds","useState","inputText","_useState","setInputText","timeFieldRef","lastValidSelectedTime","_useState2","setLastValidSelectedTime","useTimeFieldState","isReadOnly","useTimeField","updateInputWithSelectedTime","toString","selectedTimeString","getStringFromTimeValue","timeFieldIsFocused","document","activeElement","addPlaceholderToInput","timeValue","timeObject","toTime","slice","handleChangeTime","newTime","getValueForOnChangeFromInput","INVALID","formatedTimeString","formatTimeString","newTimeObject","formatedTimeStringToTimeObject","RESET_TIME","getSelectedTimeWithTimeFromObject","timeString","length","numberOfColons","RegExp","stringLength","stringSlice","stringLengthIsEven","hourString","minuteString","secondString","isNumberTest","parseTime","Time","set","hour","minute","second","usedFieldProps","TextField","ClockIcon","_timeFieldRef$current","focus","onBlur","onFocus","placeholder","_timeFieldRef$current2","_ref$minuteIncrementF","minuteIncrementForArrowButtons","_ref$leftArrowButtonA","leftArrowButtonAriaLabel","_ref$rightArrowButton","rightArrowButtonAriaLabel","handleOnClickArrowButton","minutes","someSegmentIsUndefined","setTimeToNearestMinuteIncrement","addMinutesToSelectedTime","currentTime","roundedMinute","Math","floor","_state$value","setValue","add","noTimeOnlyDate","CalendarDate","noDateOnlyTime","timeZoneForCalendarDateTime","Date","setHours","setMinutes","setSeconds","toDate","year","month"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/shared/FieldSegment.tsx","../src/TimePicker/SimpleTimePicker.tsx","../src/shared/utils.ts","../src/DatePicker/DateField.tsx","../src/shared/CalendarButton.tsx","../src/DatePicker/CalendarCell.tsx","../src/DatePicker/CalendarGrid.tsx","../src/DatePicker/Calendar.tsx","../src/DatePicker/NativeDatePicker.tsx","../src/TimePicker/TimePickerArrowButton.tsx","../src/TimePicker/NativeTimePicker.tsx","../src/index.tsx","../src/DatePicker/DatePicker.tsx","../src/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useDateSegment } from '@react-aria/datepicker';\nimport { DateSegment, DateFieldState } from '@react-stately/datepicker';\n\nimport './FieldSegment.scss';\n\ntype TimeSegmentProps = {\n segment: DateSegment;\n state: DateFieldState;\n};\n\nexport const FieldSegment = ({ segment, state }: TimeSegmentProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const { segmentProps } = useDateSegment(segment, state, ref);\n\n return (\n <div\n {...segmentProps}\n ref={ref}\n className={classNames('eds-date-and-time-field__segment', {\n 'eds-date-and-time-field__segment--placeholder': segment.isPlaceholder,\n 'eds-date-and-time-field__segment--dot-separator': segment.text === '.',\n })}\n tabIndex={state.isDisabled ? -1 : segmentProps.tabIndex}\n >\n {segment.text}\n </div>\n );\n};\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Time, parseTime, toTime } from '@internationalized/date';\nimport { useTimeField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useTimeFieldState } from '@react-stately/datepicker';\nimport classNames from 'classnames';\n\nimport type {\n TimeValue,\n AriaTimeFieldProps,\n MappedTimeValue,\n} from '@react-types/datepicker';\n\nimport { TextField, VariantType } from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { mergeRefs } from '@entur/utils';\n\nimport './SimpleTimePicker.scss';\n\nenum inputResult {\n RESET_TIME,\n INVALID,\n}\n\nexport type SimpleTimePickerProps<TimeType extends TimeValue> = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedTime: TimeType | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange?: (\n value: MappedTimeValue<TimeType> | null,\n ) => void | React.Dispatch<React.SetStateAction<TimeValue | null>>;\n /** Label til TimePicker */\n label: string;\n /** Viser sekund i tillegg til time og minutt\n * @default false\n */\n showSeconds?: boolean;\n /** Viser et klokkeikonet for å klarere indikere at dette\n * er en tidsvelger\n * @default false\n */\n showClockIcon?: boolean | 'right' | 'left';\n /** Velger hvor mye luft det skal være på sidene av klokkeslettet\n * @default 'default'\n */\n padding?: 'default' | 'large';\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Tekst eller ikon som vises foran skjema-elementet */\n prepend?: React.ReactNode;\n /** Tekst eller ikon som vises etter skjema-elementet */\n append?: React.ReactNode;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n inputRef?: React.ForwardedRef<HTMLInputElement>;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaTimeFieldProps<TimeType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n | 'locale'\n | 'isReadOnly'\n | 'isDisabled'\n | 'locale'\n>;\n\nexport const SimpleTimePicker = <TimeType extends TimeValue>({\n append,\n className,\n disabled,\n feedback,\n showClockIcon = 'right',\n inputRef,\n label,\n labelTooltip,\n onChange,\n padding = 'default',\n prepend,\n readOnly,\n selectedTime,\n showSeconds,\n style,\n variant,\n ...rest\n}: SimpleTimePickerProps<TimeType>) => {\n const [inputText, setInputText] = useState('');\n const timeFieldRef = useRef<HTMLInputElement>(null);\n const [lastValidSelectedTime, setLastValidSelectedTime] =\n useState<MappedTimeValue<TimeType> | null>(null);\n\n const { locale } = useLocale();\n\n const state = useTimeFieldState({\n onChange,\n label: label,\n locale,\n value: selectedTime,\n hideTimeZone: true,\n isDisabled: disabled,\n isReadOnly: readOnly,\n ...rest,\n });\n const { labelProps, fieldProps } = useTimeField<TimeType>(\n { ...rest, label: label },\n state,\n timeFieldRef,\n );\n\n useEffect(() => {\n updateInputWithSelectedTime();\n // @ts-expect-error TimeType and MappedTimeValue<TimeType> is actually the same\n if (selectedTime !== null) setLastValidSelectedTime(selectedTime);\n }, [selectedTime?.toString()]);\n\n const updateInputWithSelectedTime = () => {\n const selectedTimeString = getStringFromTimeValue(selectedTime);\n setInputText(selectedTimeString);\n\n const timeFieldIsFocused = document.activeElement === timeFieldRef?.current;\n if (selectedTimeString === '' && !timeFieldIsFocused)\n addPlaceholderToInput();\n };\n\n const getStringFromTimeValue = (timeValue: TimeValue | null) => {\n if (timeValue === null) return '';\n\n const timeObject = 'day' in timeValue ? toTime(timeValue) : timeValue;\n\n if (showSeconds) return timeObject.toString().slice(0, 8);\n\n return timeObject.toString().slice(0, 5);\n };\n\n const addPlaceholderToInput = () => {\n if (showSeconds) setInputText('–– : –– : ––');\n else setInputText('–– : ––');\n };\n\n const handleChangeTime = () => {\n const newTime = getValueForOnChangeFromInput();\n\n if (newTime === inputResult.INVALID) {\n return updateInputWithSelectedTime();\n }\n\n if (newTime?.toString() !== selectedTime?.toString()) onChange?.(newTime);\n };\n\n const getValueForOnChangeFromInput = () => {\n const formatedTimeString = formatTimeString(inputText);\n const newTimeObject = formatedTimeStringToTimeObject(formatedTimeString);\n\n if (newTimeObject === inputResult.INVALID) {\n return inputResult.INVALID;\n }\n if (newTimeObject === inputResult.RESET_TIME) {\n return null;\n }\n\n const updatedSelectedTime =\n getSelectedTimeWithTimeFromObject(newTimeObject);\n\n return updatedSelectedTime;\n };\n\n const formatTimeString = (timeString: string): string | inputResult => {\n if (timeString.length === 0) return inputResult.RESET_TIME;\n if (timeString.length < 3 || timeString.length > 8)\n return inputResult.INVALID;\n\n const numberOfColons = (timeString.match(new RegExp(':', 'g')) || [])\n .length;\n const stringLength = timeString.length;\n\n // targets 'd:dd:dd' and 'dd:dd:dd'\n if (numberOfColons === 2 && stringLength >= 7) {\n return timeString.padStart(8, '0');\n }\n\n // targets 'd:dd' and 'dd:dd'\n if (numberOfColons === 1) {\n return timeString.padStart(5, '0');\n }\n\n if (stringLength > 6) return inputResult.INVALID;\n\n const stringLengthIsEven = stringLength % 2 == 0;\n\n const hourString = stringLengthIsEven\n ? timeString.slice(0, 2)\n : timeString.slice(0, 1);\n const minuteString = stringLengthIsEven\n ? timeString.slice(2, 4)\n : timeString.slice(1, 3);\n const secondString = (() => {\n const stringSlice = stringLengthIsEven\n ? timeString.slice(4, 6)\n : timeString.slice(3, 5);\n if (stringSlice === '') return '00';\n return stringSlice;\n })();\n\n const timeStringWithColon =\n hourString.padStart(2, '0') +\n ':' +\n minuteString +\n (showSeconds ? ':' + secondString : '');\n\n return timeStringWithColon;\n };\n\n const formatedTimeStringToTimeObject = (\n formatedTimeString: string | inputResult,\n ): Time | inputResult => {\n if (formatedTimeString === inputResult.INVALID) return inputResult.INVALID;\n if (formatedTimeString === inputResult.RESET_TIME)\n return inputResult.RESET_TIME;\n\n const isNumberTest = /^\\d+$/;\n const hourString = formatedTimeString.slice(0, 2);\n const minuteString = formatedTimeString.slice(3, 5);\n const secondString = formatedTimeString.slice(6, 8);\n if (\n hourString.match(isNumberTest) &&\n minuteString.match(isNumberTest) &&\n (secondString === '' || secondString.match(isNumberTest))\n ) {\n try {\n const timeObject = parseTime(formatedTimeString);\n return timeObject;\n } catch (e) {\n return inputResult.INVALID;\n }\n }\n\n return inputResult.INVALID;\n };\n\n const getSelectedTimeWithTimeFromObject = (\n newTime: Time,\n ): MappedTimeValue<TimeType> => {\n const selectedTimeWithUpdateTime = (\n lastValidSelectedTime ?? new Time()\n ).set({\n hour: newTime.hour,\n minute: newTime.minute,\n second: newTime.second,\n }) as MappedTimeValue<TimeType>;\n\n return selectedTimeWithUpdateTime;\n };\n\n const {\n onBlur,\n onClick,\n onDragStart,\n onFocus,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onPointerDown,\n onPointerUp,\n ...usedFieldProps\n } = fieldProps;\n\n return (\n <I18nProvider locale={locale}>\n <TextField\n append={\n append ||\n (showClockIcon === true || showClockIcon === 'right' ? (\n <ClockIcon onClick={() => timeFieldRef?.current?.focus()} />\n ) : undefined)\n }\n className={classNames('eds-simple-timepicker', {\n 'eds-simple-timepicker--padding-large': padding === 'large',\n 'eds-simple-timepicker--show-seconds': showSeconds,\n 'eds-simple-timepicker--hide-clock': !showClockIcon,\n })}\n disabled={disabled}\n disableLabelAnimation\n feedback={feedback}\n label={label}\n labelProps={labelProps}\n labelTooltip={labelTooltip}\n onBlur={() => {\n handleChangeTime();\n if (selectedTime === null) {\n addPlaceholderToInput();\n }\n }}\n onChange={e => setInputText(e.target.value)}\n onFocus={() => {\n if (selectedTime === null) {\n setInputText('');\n }\n }}\n onKeyDown={({ key }) => {\n if (key === 'Enter') handleChangeTime();\n }}\n placeholder={showSeconds ? '–– : –– : ––' : '–– : ––'}\n prepend={\n prepend ||\n (showClockIcon === 'left' ? (\n <ClockIcon onClick={() => timeFieldRef?.current?.focus()} />\n ) : undefined)\n }\n readOnly={readOnly}\n ref={mergeRefs(timeFieldRef, inputRef)}\n style={style}\n value={inputText}\n variant={variant}\n {...usedFieldProps}\n />\n </I18nProvider>\n );\n};\n","import {\n ZonedDateTime,\n CalendarDateTime,\n Time,\n parseAbsolute,\n DateValue,\n getLocalTimeZone,\n CalendarDate,\n toCalendarDateTime,\n} from '@internationalized/date';\nimport { TimeValue } from '@react-types/datepicker';\nimport { Calendar, GregorianCalendar } from '@internationalized/date';\n\nconst nativeDateToDateTime = (\n date: Date,\n timeZone?: string,\n offset?: number,\n) => {\n if (timeZone) {\n if (offset) {\n return new ZonedDateTime(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n timeZone,\n offset,\n date.getHours(),\n date.getMinutes(),\n date.getSeconds(),\n );\n }\n return parseAbsolute(date.toISOString(), timeZone);\n }\n\n return new CalendarDateTime(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n date.getHours(),\n date.getMinutes(),\n date.getSeconds(),\n );\n};\n\n/**\n * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken\n * @param {Date | null} date JS Date-objekt som ønskes konvertert til et DateValue-objekt\n * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake\n * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset\n * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.\n * @returns {CalendarDateTime | ZonedDateTime | CalendarDate | null} et av DateValue-objektene med verdier fra date eller null\n */\nexport function nativeDateToDateValue(\n date: Date | null,\n noTimeOnlyDate = false,\n timeZone?: string,\n offset?: number,\n) {\n if (date === null) return null;\n\n if (noTimeOnlyDate)\n return new CalendarDate(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n );\n\n return nativeDateToDateTime(date, timeZone, offset);\n}\n\n/**\n * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken\n * @param {Date | null} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt\n * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake\n * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset\n * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.\n * @returns {Time | CalendarDateTime | ZonedDateTime | null} et av TimeValue-objektene med verdier fra date eller null\n */\nexport function nativeDateToTimeValue(\n date: Date | null,\n noDateOnlyTime = false,\n timeZone?: string,\n offset?: number,\n) {\n if (date === null) return null;\n\n if (noDateOnlyTime)\n return new Time(date.getHours(), date.getMinutes(), date.getSeconds(), 0);\n\n return nativeDateToDateTime(date, timeZone, offset);\n}\n\n/**\n * Tar inn et av Date- eller TimeValue-objektene fra \\@internationalized/date-pakken og returnerer et JS Date-objekt\n * @param {DateValue | TimeValue | null} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt\n * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime\n * @returns {Date | null} et Date-objekt med verdier fra time eller null\n */\nexport function timeOrDateValueToNativeDate(\n value: TimeValue | DateValue | null,\n timeZoneForCalendarDateTime?: string,\n) {\n if (value === null) return null;\n\n // type is Time\n if (!('day' in value)) {\n const date = new Date();\n date.setHours(value.hour);\n date.setMinutes(value.minute);\n date.setSeconds(value.second);\n return date;\n }\n\n // type is CalendarDate\n if (!('hour' in value)) {\n return value.toDate(timeZoneForCalendarDateTime ?? getLocalTimeZone());\n }\n\n // type is CalendarDateTime\n if (!('timeZone' in value)) {\n if (timeZoneForCalendarDateTime)\n return value.toDate(timeZoneForCalendarDateTime);\n\n return new Date(\n value.year,\n value.month - 1,\n value.day,\n value.hour,\n value.minute,\n value.second,\n );\n }\n\n // type is ZonedDateTime\n return value.toDate();\n}\n\nexport const createCalendar = (identifier = 'gregory'): Calendar => {\n switch (identifier) {\n case 'gregory':\n return new GregorianCalendar();\n default:\n throw new Error(`Unsupported calendar ${identifier}`);\n }\n};\n\nexport const ariaLabelIfNorwegian = (\n norwegianAriaLabel: string,\n locale: string,\n propsCollection: any,\n) => {\n if (locale.toLowerCase() !== 'no-no') return propsCollection['aria-label'];\n return norwegianAriaLabel;\n};\n\nexport const lastMillisecondOfDay = (dateValue: DateValue) =>\n toCalendarDateTime(dateValue.add({ days: 1 })).add({\n milliseconds: -1,\n });\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDateFieldState } from '@react-stately/datepicker';\nimport { useDateField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport classNames from 'classnames';\n\nimport type {\n SpectrumDateFieldProps,\n DateValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { ConditionalWrapper, mergeRefs, useRandomId } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { createCalendar, lastMillisecondOfDay } from '../shared/utils';\n\nimport './DateField.scss';\n\nexport type DateFieldProps = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedDate: DateValue | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange: (value: DateValue) => void;\n /** Label til TimePicker */\n label: string;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt\n * @default false\n */\n showTimeZone?: boolean;\n showTime?: boolean;\n /** Tidligste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone.\n *\n * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.\n * Gyldig fra og med den tiden som legges inn som minDate.\n * Dato uten tid vil være gyldig hele minDate-dagen */\n minDate?: DateValue;\n /** Seneste gyldige datovalg.\n * Eks: today(getLocalTimeZone()).add({days: 1}) == i morgen i lokal tidssone\n *\n * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.\n * Gyldig til og med den tiden som legges inn som maxDate.\n * Dato uten tid vil være gyldig hele maxDate-dagen */\n maxDate?: DateValue;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Varselmelding som forteller om ugyldig dato\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om ugyldig dato\n * @default \"error\"\n */\n validationVariant?: VariantType;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n [key: string]: any;\n} & Omit<\n SpectrumDateFieldProps<DateValue>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const DateField = React.forwardRef<HTMLDivElement, DateFieldProps>(\n (\n {\n selectedDate,\n onChange,\n label,\n locale: customLocale,\n showTimeZone,\n showTime,\n granularity = 'day',\n disabled,\n isDisabled,\n variant,\n feedback,\n validationVariant = 'error',\n validationFeedback = 'Ugyldig dato',\n labelTooltip,\n minDate,\n maxDate,\n style,\n className,\n labelProps: parentLabelProps,\n append,\n ...rest\n },\n ref,\n ) => {\n const { locale } = useLocale();\n\n const state = useDateFieldState({\n ...rest,\n locale: customLocale ?? locale,\n createCalendar,\n value: selectedDate,\n onChange,\n hideTimeZone: !showTimeZone,\n granularity: showTime ? 'minute' : granularity,\n minValue: minDate,\n // this weird logic makes sure the entire day is included if no time is provided in maxDate\n maxValue:\n 'hour' in (maxDate ?? {})\n ? maxDate\n : maxDate !== undefined\n ? lastMillisecondOfDay(maxDate)\n : undefined,\n isDisabled: isDisabled || disabled,\n shouldForceLeadingZeros: true,\n });\n\n const dateFieldRef = useRef(null);\n const { labelProps, fieldProps } = useDateField(\n { ...rest, label: label },\n state,\n dateFieldRef,\n );\n\n const id = useRandomId('datefield');\n\n return (\n <ConditionalWrapper\n condition={customLocale !== undefined}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={customLocale}>{child}</I18nProvider>\n )}\n >\n <BaseFormControl\n style={style}\n className={classNames('eds-datefield', className)}\n labelId={id}\n ref={mergeRefs(dateFieldRef, ref)}\n disabled={isDisabled || disabled}\n disableLabelAnimation\n label={label}\n labelTooltip={labelTooltip}\n labelProps={parentLabelProps ?? labelProps}\n {...fieldProps}\n variant={\n variant ?? state.validationState === 'invalid'\n ? validationVariant\n : undefined\n }\n feedback={\n feedback ?? state.validationState === 'invalid'\n ? validationFeedback\n : undefined\n }\n append={append}\n ariaAlertOnFeedback\n >\n {state.segments.map((segment, i) => (\n <FieldSegment segment={segment} state={state} key={i} />\n ))}\n </BaseFormControl>\n </ConditionalWrapper>\n );\n },\n);\n","import React, { useRef } from 'react';\n\nimport { useButton } from '@react-aria/button';\n\nimport { IconButton } from '@entur/button';\n\ntype CalendarButtonProps = {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n [key: string]: any;\n};\n\nexport const CalendarButton = ({\n children,\n className,\n style,\n ...props\n}: CalendarButtonProps) => {\n const ref = useRef(null);\n const { buttonProps } = useButton(props, ref);\n\n return (\n <IconButton {...buttonProps} ref={ref} className={className} style={style}>\n {children}\n </IconButton>\n );\n};\n","import React, { useRef } from 'react';\n\nimport { useCalendarCell } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport {\n CalendarDate,\n getLocalTimeZone,\n isEqualDay,\n now,\n} from '@internationalized/date';\nimport classNames from 'classnames';\n\ntype CalendarCellProps = {\n state: CalendarState;\n date: CalendarDate;\n onSelectedCellClick?: () => void;\n};\n\nexport const CalendarCell = ({\n state,\n date,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n}: CalendarCellProps) => {\n const cellRef = useRef(null);\n\n const {\n cellProps,\n buttonProps,\n isSelected,\n isOutsideVisibleRange,\n isDisabled,\n isUnavailable,\n formattedDate,\n } = useCalendarCell({ date }, state, cellRef);\n return (\n <td {...cellProps} className=\"eds-datepicker__calendar__grid__cell__td\">\n <div\n {...buttonProps}\n ref={cellRef}\n hidden={isOutsideVisibleRange}\n className={classNames('eds-datepicker__calendar__grid__cell', {\n 'eds-datepicker__calendar__grid__cell--selected': isSelected,\n 'eds-datepicker__calendar__grid__cell--disabled':\n isDisabled || isUnavailable,\n 'eds-datepicker__calendar__grid__cell--outside-month':\n isOutsideVisibleRange,\n 'eds-datepicker__calendar__grid__cell--today': isEqualDay(\n date,\n now(state.timeZone ?? getLocalTimeZone()),\n ),\n })}\n {...rest}\n onClick={e => {\n buttonProps.onClick && buttonProps.onClick(e);\n isSelected && onSelectedCellClick();\n }}\n onKeyDown={e => {\n buttonProps.onKeyDown && buttonProps.onKeyDown(e);\n if (e.key === 'Enter' || e.key === ' ')\n isSelected && onSelectedCellClick();\n }}\n >\n {formattedDate}\n </div>\n </td>\n );\n};\n","import React from 'react';\n\nimport { useLocale } from '@react-aria/i18n';\nimport { useCalendarGrid } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport { getWeeksInMonth } from '@internationalized/date';\n\nimport { useRandomId } from '@entur/utils';\nimport { VisuallyHidden } from '@entur/a11y';\n\nimport { CalendarCell } from './CalendarCell';\n\ntype CalendarGridProps = {\n state: CalendarState;\n navigationDescription?: string;\n onSelectedCellClick?: () => void;\n};\n\nexport const CalendarGrid = ({\n state,\n navigationDescription,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n}: CalendarGridProps) => {\n const calendarGridId = useRandomId('eds-calendar');\n const { locale } = useLocale();\n\n const { gridProps, headerProps, weekDays } = useCalendarGrid(rest, state);\n\n const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n const weeksArray = Array.from(Array(weeksInMonth).keys());\n\n const weekDaysMapped = () => {\n if (locale.toLowerCase().includes('no'))\n return ['ma', 'ti', 'on', 'to', 'fr', 'lø', 'sø'];\n if (locale.toLowerCase().includes('en')) {\n if (weekDays[0] === 'M')\n return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n if (weekDays[0] === 'S')\n return ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n }\n return weekDays.map(day => day.toLowerCase());\n };\n\n const getNavigationDescription = () => {\n if (navigationDescription) return navigationDescription;\n if (locale.toLowerCase().includes('en'))\n return 'Use the arrow keys to navigate between dates';\n return 'Bruk piltastene til å navigere mellom datoer';\n };\n\n return (\n <>\n <table\n {...gridProps}\n cellSpacing=\"0\"\n className=\"eds-datepicker__calendar__grid\"\n >\n <thead {...headerProps}>\n <tr>\n {weekDaysMapped().map((day, index) => (\n <th key={index}>{day}</th>\n ))}\n </tr>\n </thead>\n <tbody>\n {weeksArray.map(weekIndex => (\n <tr key={weekIndex}>\n {state\n .getDatesInWeek(weekIndex)\n .map((date, i) =>\n date ? (\n <CalendarCell\n key={i}\n state={state}\n date={date}\n aria-describedby={calendarGridId + 'description'}\n onSelectedCellClick={onSelectedCellClick}\n />\n ) : (\n <td key={i} />\n ),\n )}\n </tr>\n ))}\n </tbody>\n </table>\n <VisuallyHidden id={calendarGridId + 'description'}>\n {getNavigationDescription()}\n </VisuallyHidden>\n </>\n );\n};\n","import React, { ReactNode } from 'react';\n\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useCalendar } from '@react-aria/calendar';\nimport { useCalendarState } from '@react-stately/calendar';\nimport { DateValue } from '@internationalized/date';\n\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { ConditionalWrapper } from '@entur/utils';\n\nimport { ariaLabelIfNorwegian, createCalendar } from '../shared/utils';\nimport { CalendarButton } from '../shared/CalendarButton';\nimport { CalendarGrid } from './CalendarGrid';\n\nimport './Calendar.scss';\n\ntype CalendarProps = {\n selectedDate: DateValue | null;\n onChange: (SelectedDate: DateValue | null) => void;\n navigationDescription?: string;\n style?: React.CSSProperties;\n onSelectedCellClick?: () => void;\n /** Tidligste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone.\n *\n * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.\n * Gyldig fra og med den tiden som legges inn som minDate.\n * Dato uten tid vil være gyldig hele minDate-dagen */\n minDate?: DateValue;\n /** Seneste gyldige datovalg.\n * Eks: today(getLocalTimeZone()).add({days: 1}) == i morgen i lokal tidssone\n *\n * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.\n * Gyldig til og med den tiden som legges inn som maxDate.\n * Dato uten tid vil være gyldig hele maxDate-dagen */\n maxDate?: DateValue;\n [key: string]: any;\n};\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n (\n {\n selectedDate,\n onChange,\n locale: customLocale,\n minDate,\n maxDate,\n style,\n children: _,\n navigationDescription,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n },\n ref,\n ) => {\n const { locale } = useLocale();\n\n const state = useCalendarState({\n ...rest,\n value: selectedDate,\n onChange,\n locale: customLocale ?? locale,\n createCalendar,\n minValue: minDate,\n maxValue: maxDate,\n });\n const { calendarProps, prevButtonProps, nextButtonProps, title } =\n useCalendar(rest, state);\n\n return (\n <ConditionalWrapper\n condition={customLocale}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={customLocale}>{child}</I18nProvider>\n )}\n >\n <div\n {...calendarProps}\n ref={ref}\n className=\"eds-datepicker__calendar\"\n style={style}\n >\n <div className=\"eds-datepicker__calendar__header\">\n <CalendarButton\n {...prevButtonProps}\n aria-label={ariaLabelIfNorwegian(\n 'Forrige måned',\n locale,\n prevButtonProps,\n )}\n >\n <LeftArrowIcon size={20} />\n </CalendarButton>\n <h2>{title}</h2>\n <CalendarButton\n {...nextButtonProps}\n aria-label={ariaLabelIfNorwegian(\n 'Neste måned',\n locale,\n nextButtonProps,\n )}\n >\n <RightArrowIcon size={20} />\n </CalendarButton>\n </div>\n <CalendarGrid\n state={state}\n navigationDescription={navigationDescription}\n onSelectedCellClick={onSelectedCellClick}\n />\n </div>\n </ConditionalWrapper>\n );\n },\n);\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeDatePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeDatePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerProps\n>(\n (\n {\n className,\n style,\n label,\n onChange,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <DateIcon inline />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativedatepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativedatepickerId}\n disableLabelAnimation={disableLabelAnimation}\n isFilled\n >\n <NativeDatePickerBase\n onChange={onChange}\n aria-labelledby={nativedatepickerId}\n ref={ref}\n variant={variant}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeDatePickerBaseProps = {\n onChange?: any;\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isDatepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isDatepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"date\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { IconButton } from '@entur/button';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\n\ntype TimePickerArrowButtonProps = {\n direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nexport const TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n direction,\n onClick,\n disabled,\n 'aria-label': ariaLabel,\n}) => {\n return (\n <IconButton\n className={classNames(\n 'eds-timepicker__arrowbutton',\n `eds-timepicker__arrowbutton--${direction}`,\n { 'eds-timepicker__arrowbutton--disabled': disabled },\n )}\n type=\"button\"\n tabIndex={-1}\n onClick={onClick}\n aria-label={ariaLabel}\n disabled={disabled}\n >\n {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n </IconButton>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nimport './NativeTimePicker.scss';\n\nexport type NativeTimePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeTimePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeTimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Tekst eller ikon som kommer før inputfelter */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerProps\n>(\n (\n { className, style, onChange, label, feedback, variant, prepend, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativetimepickerId = useRandomId('eds-native-timepicker');\n return (\n <BaseFormControl\n style={style}\n className={classNames(className, 'eds-native-timepicker')}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativetimepickerId}\n disableLabelAnimation\n >\n <NativeTimePickerBase\n onChange={onChange}\n aria-labelledby={nativetimepickerId}\n ref={ref}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeTimePickerBaseProps = {\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = rest.variant || contextVariant;\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isTimepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isTimepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"time\"\n className=\"eds-form-control\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './TimePicker';\nexport * from './shared';\n\nexport {\n CalendarDate,\n CalendarDateTime,\n ZonedDateTime,\n Time,\n} from '@internationalized/date';\nexport type { TimeValue, DateValue } from '@react-types/datepicker';\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDatePickerState } from '@react-stately/datepicker';\nimport { useDatePicker } from '@react-aria/datepicker';\nimport { I18nProvider } from '@react-aria/i18n';\nimport {\n useFloating,\n offset,\n flip,\n shift,\n autoUpdate,\n} from '@floating-ui/react-dom';\nimport FocusLock from 'react-focus-lock';\nimport classNames from 'classnames';\n\nimport type {\n DateValue,\n AriaDatePickerProps,\n MappedDateValue,\n} from '@react-types/datepicker';\n\nimport {\n ConditionalWrapper,\n useOnClickOutside,\n useOnEscape,\n useWindowDimensions,\n} from '@entur/utils';\nimport { space, zIndexes } from '@entur/tokens';\nimport { CalendarIcon } from '@entur/icons';\nimport { Modal } from '@entur/modal';\n\nimport type { VariantType } from '@entur/form';\n\nimport { DateField } from './DateField';\nimport { Calendar } from './Calendar';\nimport { CalendarButton } from '../shared/CalendarButton';\nimport { lastMillisecondOfDay } from '../shared/utils';\n\nimport './DatePicker.scss';\n\nexport type DatePickerProps<DateType extends DateValue> = {\n /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */\n selectedDate: DateType | null;\n /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */\n onChange: (value: MappedDateValue<DateType> | null) => void;\n /** Ledetekst for inputfeltet til DatePicker */\n label: string;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt (krever at tid også vises)\n * @default false\n */\n showTimeZone?: boolean;\n /** Viser tidspunkt i tillegg til dato.\n * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime\n */\n showTime?: boolean;\n /** Tidligste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone.\n *\n * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.\n * Gyldig fra og med den tiden som legges inn som minDate.\n * Dato uten tid vil være gyldig hele minDate-dagen */\n minDate?: DateValue;\n /** Seneste gyldige datovalg.\n * Eks: today(getLocalTimeZone()).add({days: 1}) == i morgen i lokal tidssone\n *\n * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.\n * Gyldig til og med den tiden som legges inn som maxDate.\n * Dato uten tid vil være gyldig hele maxDate-dagen */\n maxDate?: DateValue;\n /** Funksjon som tar inn en dato og sier om den er utilgjengelig.\n * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */\n isDateUnavailable?: (date: DateValue) => boolean;\n /** Varselmelding, som vil komme under DatePicker sitt inputfelt */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Varselmelding som forteller om ugyldig dato\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om ugyldig dato\n * @default \"error\"\n */\n validationVariant?: VariantType;\n disabled?: boolean;\n /** Hvis true vil kalenderen alltid vises i en popover når den åpnes\n * @default false\n */\n disableModal?: boolean;\n /** Maxbredden til viewport-en for at modal skal vises\n * @default 1000\n */\n modalTreshold?: number;\n labelTooltip?: React.ReactNode;\n /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.\n * @default 'Bruk piltastene til å navigere mellom datoer'\n */\n navigationDescription?: string;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaDatePickerProps<DateType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const DatePicker = <DateType extends DateValue>({\n selectedDate,\n onChange,\n locale,\n disabled,\n showTime,\n showTimeZone = false,\n className,\n style,\n variant,\n feedback,\n validationVariant,\n validationFeedback,\n disableModal = false,\n labelTooltip,\n navigationDescription,\n minDate,\n maxDate,\n modalTreshold = 1000,\n ...rest\n}: DatePickerProps<DateType>) => {\n const CALENDAR_MODAL_MAX_SCREEN_WIDTH = modalTreshold;\n const datePickerRef = useRef<HTMLDivElement | null>(null);\n const calendarRef = useRef<HTMLDivElement | null>(null);\n const dateFieldRef = useRef<HTMLDivElement | null>(null);\n\n const { width } = useWindowDimensions();\n\n const state = useDatePickerState({\n ...rest,\n minValue: minDate,\n // this weird logic makes sure the entire day is included if no time is provided in maxDate\n maxValue:\n 'hour' in (maxDate ?? {})\n ? maxDate\n : maxDate !== undefined\n ? lastMillisecondOfDay(maxDate)\n : undefined,\n value: selectedDate,\n onChange,\n granularity: showTime ? 'minute' : rest.granularity,\n isDisabled: disabled,\n });\n const {\n groupProps,\n labelProps,\n fieldProps,\n buttonProps,\n dialogProps,\n calendarProps,\n } = useDatePicker({ ...rest }, state, datePickerRef);\n\n // calculations for floating-UI popover position\n const { x, y, reference, floating, strategy } = useFloating({\n whileElementsMounted: autoUpdate,\n placement: 'bottom-start',\n middleware: [\n offset(space.extraSmall),\n flip(),\n shift({ padding: space.extraSmall }),\n ],\n });\n\n useOnClickOutside([calendarRef], () => {\n state.setOpen(false);\n });\n\n useOnEscape(calendarRef, () => {\n state.setOpen(false);\n });\n\n const calendarSharedProps = {\n ...dialogProps,\n ...calendarProps,\n disabled,\n navigationDescription: navigationDescription,\n onSelectedCellClick: () => state.setOpen(false),\n selectedDate,\n onChange,\n minDate,\n maxDate,\n granularity: showTime ? 'minute' : rest.granularity,\n ref: calendarRef,\n };\n\n const useModal =\n typeof width !== 'undefined' &&\n width <= CALENDAR_MODAL_MAX_SCREEN_WIDTH &&\n !disableModal;\n\n const popoverCalendar = (\n <div\n // styling for floating-UI popover\n style={{\n position: strategy,\n top: y ?? 0,\n left: x ?? 0,\n zIndex: zIndexes.popover,\n }}\n ref={node => {\n floating(node);\n }}\n >\n <FocusLock disabled={!state.isOpen || useModal} returnFocus>\n {state.isOpen && <Calendar {...calendarSharedProps} />}\n </FocusLock>\n </div>\n );\n\n const modalCalendar = (\n <Modal\n size=\"small\"\n title=\"\"\n open={state.isOpen}\n onDismiss={() => state.setOpen(false)}\n className=\"eds-datepicker__calendar-modal\"\n >\n <Calendar {...calendarSharedProps} />\n </Modal>\n );\n\n return (\n <ConditionalWrapper\n condition={locale !== undefined}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={locale}>{child}</I18nProvider>\n )}\n >\n <div className={classNames('eds-datepicker', className)}>\n <div\n {...groupProps}\n ref={node => {\n datePickerRef.current = node;\n reference(node);\n }}\n id={undefined}\n className=\"eds-datepicker__datefield__wrapper\"\n >\n <DateField\n {...fieldProps}\n selectedDate={selectedDate}\n onChange={onChange}\n label={rest.label}\n labelProps={labelProps}\n disabled={disabled}\n minDate={minDate}\n maxDate={maxDate}\n showTime={showTime}\n showTimeZone={showTimeZone}\n ref={dateFieldRef}\n variant={variant}\n feedback={feedback}\n validationVariant={validationVariant}\n validationFeedback={validationFeedback}\n labelTooltip={labelTooltip}\n className={classNames('eds-datepicker__datefield', {\n 'eds-datepicker__datefield--disabled': disabled,\n })}\n />\n {!disabled && (\n <CalendarButton\n {...buttonProps}\n onPress={() => state.setOpen(!state.isOpen)}\n className=\"eds-datepicker__open-calendar-button\"\n >\n <CalendarIcon />\n </CalendarButton>\n )}\n {useModal ? modalCalendar : popoverCalendar}\n </div>\n </div>\n </ConditionalWrapper>\n );\n};\n","import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useTimeField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useTimeFieldState } from '@react-stately/datepicker';\nimport { getLocalTimeZone, now } from '@internationalized/date';\n\nimport type {\n TimeValue,\n AriaTimeFieldProps,\n MappedTimeValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { useRandomId, mergeRefs } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { TimePickerArrowButton } from './TimePickerArrowButton';\n\nimport './TimePicker.scss';\n\nexport type TimePickerProps<TimeType extends TimeValue> = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedTime: TimeType | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange: (value: MappedTimeValue<TimeType> | null) => void;\n /** Label til TimePicker */\n label: string;\n /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker\n * @default 30\n */\n minuteIncrementForArrowButtons?: number;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt\n * @default false\n */\n showTimeZone?: boolean;\n /** Aria-label for venstrepil-knappen som trekker fra tid\n * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`\n */\n leftArrowButtonAriaLabel?: string;\n /** Aria-label for høyrepil-knappen som legger til tid\n * @default `Legg til ${minuteIncrementForArrowButtons} minutter`\n */\n rightArrowButtonAriaLabel?: string;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n inputRef?: React.ForwardedRef<HTMLDivElement>;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaTimeFieldProps<TimeType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const TimePicker = <TimeType extends TimeValue>({\n selectedTime,\n onChange,\n disabled,\n className,\n style,\n label,\n labelTooltip,\n feedback,\n variant,\n locale: customLocale,\n showTimeZone,\n minuteIncrementForArrowButtons = 30,\n leftArrowButtonAriaLabel = `Trekk fra ${minuteIncrementForArrowButtons} minutter`,\n rightArrowButtonAriaLabel = `Legg til ${minuteIncrementForArrowButtons} minutter`,\n inputRef,\n ...rest\n}: TimePickerProps<TimeType>) => {\n let { locale } = useLocale();\n if (customLocale) locale = customLocale;\n\n const state = useTimeFieldState({\n onChange,\n label: label,\n locale,\n value: selectedTime,\n hideTimeZone: !showTimeZone,\n isDisabled: disabled,\n shouldForceLeadingZeros: true,\n ...rest,\n });\n const timeFieldRef = useRef(null);\n const { labelProps, fieldProps } = useTimeField<TimeType>(\n { ...rest, label: label },\n state,\n timeFieldRef,\n );\n const id = useRandomId('timepicker');\n\n const handleOnClickArrowButton = (minutes: number) => {\n if (someSegmentIsUndefined) {\n setTimeToNearestMinuteIncrement();\n } else {\n addMinutesToSelectedTime(minutes);\n }\n };\n\n const someSegmentIsUndefined = state.segments.some(\n segment => segment.text === '––',\n );\n\n const setTimeToNearestMinuteIncrement = () => {\n const currentTime = now(getLocalTimeZone());\n const roundedMinute =\n Math.floor(currentTime.minute / minuteIncrementForArrowButtons) *\n minuteIncrementForArrowButtons;\n const newTime = currentTime.set({ minute: roundedMinute });\n // @ts-expect-error Since this function is used when selectedTime is null,\n // we can't guarantee newTime matching the type of selectedTime in the future.\n // This might lead to a type issue.\n onChange(newTime);\n };\n\n const addMinutesToSelectedTime = (minutes: number) => {\n selectedTime !== null &&\n onChange(\n selectedTime.add({\n minutes: minutes,\n }) as MappedTimeValue<TimeType>,\n );\n };\n\n return (\n <I18nProvider locale={locale}>\n <div className={classNames(className, 'eds-timepicker__wrapper')}>\n <TimePickerArrowButton\n direction=\"left\"\n disabled={disabled}\n aria-label={leftArrowButtonAriaLabel}\n onClick={() =>\n handleOnClickArrowButton(minuteIncrementForArrowButtons * -1)\n }\n />\n <BaseFormControl\n style={style}\n className={'eds-timepicker'}\n labelId={id}\n label={label}\n labelProps={{ ...labelProps }}\n ref={mergeRefs(timeFieldRef, inputRef)}\n disabled={disabled}\n disableLabelAnimation\n labelTooltip={labelTooltip}\n {...fieldProps}\n variant={variant}\n feedback={feedback}\n >\n {state.segments.map((segment, i) => (\n <FieldSegment segment={segment} state={state} key={i} />\n ))}\n </BaseFormControl>\n <TimePickerArrowButton\n direction=\"right\"\n disabled={disabled}\n aria-label={rightArrowButtonAriaLabel}\n onClick={() =>\n handleOnClickArrowButton(minuteIncrementForArrowButtons)\n }\n />\n </div>\n </I18nProvider>\n );\n};\n"],"names":["inputResult","FieldSegment","_ref","segment","state","ref","useRef","segmentProps","useDateSegment","React","createElement","className","classNames","isPlaceholder","text","tabIndex","isDisabled","nativeDateToDateTime","date","timeZone","offset","ZonedDateTime","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","parseAbsolute","toISOString","CalendarDateTime","createCalendar","identifier","GregorianCalendar","Error","ariaLabelIfNorwegian","norwegianAriaLabel","locale","propsCollection","toLowerCase","lastMillisecondOfDay","dateValue","toCalendarDateTime","add","days","milliseconds","DateField","forwardRef","selectedDate","onChange","label","customLocale","showTimeZone","showTime","_ref$granularity","granularity","disabled","variant","feedback","_ref$validationVarian","validationVariant","_ref$validationFeedba","validationFeedback","labelTooltip","minDate","maxDate","style","parentLabelProps","labelProps","append","rest","_objectWithoutPropertiesLoose","_excluded","_useLocale","useLocale","useDateFieldState","_extends","value","hideTimeZone","minValue","maxValue","undefined","shouldForceLeadingZeros","dateFieldRef","useDateField","fieldProps","id","useRandomId","ConditionalWrapper","condition","wrapper","child","I18nProvider","BaseFormControl","labelId","mergeRefs","disableLabelAnimation","validationState","ariaAlertOnFeedback","segments","map","i","key","CalendarButton","children","props","_useButton","useButton","IconButton","buttonProps","CalendarCell","_state$timeZone","_ref$onSelectedCellCl","onSelectedCellClick","cellRef","_useCalendarCell","useCalendarCell","isSelected","isOutsideVisibleRange","isUnavailable","formattedDate","cellProps","hidden","isEqualDay","now","getLocalTimeZone","onClick","e","onKeyDown","CalendarGrid","navigationDescription","calendarGridId","_useCalendarGrid","useCalendarGrid","gridProps","headerProps","weekDays","weeksInMonth","getWeeksInMonth","visibleRange","start","weeksArray","Array","from","keys","Fragment","cellSpacing","includes","day","weekDaysMapped","index","weekIndex","getDatesInWeek","VisuallyHidden","Calendar","useCalendarState","_useCalendar","useCalendar","prevButtonProps","nextButtonProps","title","calendarProps","LeftArrowIcon","size","RightArrowIcon","NativeDatePicker","_ref$prepend","prepend","DateIcon","inline","nativedatepickerId","isFilled","NativeDatePickerBase","_ref2","_excluded2","contextVariant","useVariant","currentVariant","_useInputGroupContext","useInputGroupContext","isDatepickerFilled","setFiller","setFilled","useOnMount","useEffect","type","event","target","TimePickerArrowButton","direction","ariaLabel","NativeTimePicker","nativetimepickerId","NativeTimePickerBase","isTimepickerFilled","warnAboutMissingStyles","_ref$showTimeZone","_ref$disableModal","disableModal","_ref$modalTreshold","modalTreshold","CALENDAR_MODAL_MAX_SCREEN_WIDTH","datePickerRef","calendarRef","width","useWindowDimensions","useDatePickerState","_useDatePicker","useDatePicker","groupProps","dialogProps","_useFloating","useFloating","whileElementsMounted","autoUpdate","placement","middleware","space","extraSmall","flip","shift","padding","x","y","reference","floating","strategy","useOnClickOutside","setOpen","useOnEscape","calendarSharedProps","useModal","popoverCalendar","position","top","left","zIndex","zIndexes","popover","node","FocusLock","isOpen","returnFocus","modalCalendar","Modal","open","onDismiss","current","onPress","CalendarIcon","_ref$showClockIcon","showClockIcon","inputRef","_ref$padding","readOnly","selectedTime","showSeconds","useState","inputText","_useState","setInputText","timeFieldRef","lastValidSelectedTime","_useState2","setLastValidSelectedTime","useTimeFieldState","isReadOnly","useTimeField","updateInputWithSelectedTime","toString","selectedTimeString","getStringFromTimeValue","timeFieldIsFocused","document","activeElement","addPlaceholderToInput","timeValue","timeObject","toTime","slice","handleChangeTime","newTime","getValueForOnChangeFromInput","INVALID","formatedTimeString","formatTimeString","newTimeObject","formatedTimeStringToTimeObject","RESET_TIME","getSelectedTimeWithTimeFromObject","timeString","length","numberOfColons","match","RegExp","stringLength","padStart","stringSlice","stringLengthIsEven","hourString","minuteString","secondString","isNumberTest","parseTime","Time","set","hour","minute","second","usedFieldProps","TextField","ClockIcon","_timeFieldRef$current","focus","onBlur","onFocus","placeholder","_timeFieldRef$current2","_ref$minuteIncrementF","minuteIncrementForArrowButtons","_ref$leftArrowButtonA","leftArrowButtonAriaLabel","_ref$rightArrowButton","rightArrowButtonAriaLabel","handleOnClickArrowButton","minutes","someSegmentIsUndefined","setTimeToNearestMinuteIncrement","addMinutesToSelectedTime","some","currentTime","roundedMinute","Math","floor","noTimeOnlyDate","CalendarDate","noDateOnlyTime","timeZoneForCalendarDateTime","Date","setHours","setMinutes","setSeconds","toDate","year","month"],"mappings":"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"}
|