@fremtind/jokul 0.24.0 → 0.25.0

package/build/es/components/datepicker/internal/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/datepicker/internal/utils.ts"],"sourcesContent":["/***\n * MIT License\n *\n * Copyright (c) 2017 Deseret Digital Media. 2022 Fremtind Forsikring AS.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport { addDays, differenceInCalendarMonths, isBefore, isToday, startOfDay } from \"date-fns\";\nimport React from \"react\";\nimport type { ValuePair } from \"../../../utilities\";\nimport type { YearsToShow } from \"../types\";\nimport { parseDateString } from \"../utils\";\n\nexport function composeEventHandlers(...fns: Array<React.MouseEventHandler | undefined>) {\n    return (event: React.MouseEvent) =>\n        fns.some((fn) => {\n            fn && fn(event);\n            return event.defaultPrevented;\n        });\n}\n\n/**\n * Takes a calendars array and figures out the number of months to subtract\n * based on the current offset and the minDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Number} param.offset The num of months to be subtracted\n * @param {Date} param.minDate The earliest date we are allow to subtract back to\n * @returns {Number} The number of months to subtract\n */\nexport function subtractMonth({\n    calendars,\n    offset,\n    minDate,\n}: {\n    calendars: CalendarMonth[];\n    offset: number;\n    minDate?: Date;\n}): number {\n    if (offset > 1 && minDate) {\n        const { firstDayOfMonth } = calendars[0];\n        const diffInMonths = differenceInCalendarMonths(firstDayOfMonth, minDate);\n        if (diffInMonths < offset) {\n            offset = diffInMonths;\n        }\n    }\n    return offset;\n}\n\nexport const DEFAULT_YEARS_TO_SHOW = 3;\n\n/**\n * Generates an array of year strings for a year selector component, with min and max dates taken into account.\n *\n * @param {number} currentYear - The current year to center the list around\n * @param {Date | undefined} [minDate] - The minimum date to include in the list of years\n * @param {Date | undefined} [maxDate] - The maximum date to include in the list of years\n *\n * @returns {string[]} - An array of year strings, starting from the earliest year specified by minDate or currentYear - 3, and ending at the latest year specified by maxDate or currentYear + 3\n */\nexport function getYearSelectOptions(\n    currentYear: number,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n    yearsToShow: YearsToShow,\n): string[] {\n    if (minDate && minDate.getFullYear() > currentYear) {\n        return [minDate.getFullYear().toString()];\n    }\n\n    if (maxDate && maxDate.getFullYear() < currentYear) {\n        return [maxDate.getFullYear().toString()];\n    }\n\n    let showAllYears = false;\n    let previousYearsToShow: number;\n    let comingYearsToShow: number;\n\n    if (yearsToShow === \"all\") {\n        showAllYears = true;\n        previousYearsToShow = DEFAULT_YEARS_TO_SHOW;\n        comingYearsToShow = DEFAULT_YEARS_TO_SHOW;\n    } else {\n        previousYearsToShow = typeof yearsToShow === \"number\" ? yearsToShow : yearsToShow.previous;\n        comingYearsToShow = typeof yearsToShow === \"number\" ? yearsToShow : yearsToShow.coming;\n    }\n\n    let startYear = currentYear - previousYearsToShow;\n    if (minDate) {\n        const earliestStartYear = showAllYears ? minDate.getFullYear() : startYear;\n        startYear = Math.max(minDate.getFullYear(), earliestStartYear);\n    }\n\n    let endYear = currentYear + comingYearsToShow;\n    if (maxDate) {\n        const latestEndYear = showAllYears ? maxDate.getFullYear() : endYear;\n        endYear = Math.min(maxDate.getFullYear(), latestEndYear);\n    }\n\n    // Sørg for å alltid vise minst ett år\n    const numYears = Math.max(endYear - startYear + 1, 1);\n\n    const range = [...Array(numYears).keys()].map((x) => x + startYear);\n    const stringRange = range.map((item) => item.toString());\n\n    return stringRange;\n}\n\n/**\n * Returns an array of months that are allowed for selection in the current year based on the minimum and maximum dates.\n * @param {number} currentYear The current year\n * @param {string[]} monthNames An array of strings representing the month names\n * @param {Date | undefined} minDate The minimum date that is allowed for selection\n * @param {Date | undefined} maxDate The maximum date that is allowed for selection\n * @returns {ValuePair[]} An array of ValuePairs representing the months that are allowed for selection in the current year\n */\nexport function getMonthSelectOptions(\n    currentYear: number,\n    monthNames: string[],\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): ValuePair[] {\n    const minDateYear = minDate?.getFullYear() || currentYear;\n    const minDateMonth = minDate?.getMonth() === undefined ? 0 : minDate.getMonth();\n    const maxDateYear = maxDate?.getFullYear() || currentYear;\n    const maxDateMonth = maxDate?.getMonth() === undefined ? 11 : maxDate.getMonth();\n\n    let startMonth = 0;\n    let endMonth = 11;\n\n    if (minDateYear === currentYear) {\n        startMonth = minDateMonth;\n    }\n    if (maxDateYear === currentYear) {\n        endMonth = maxDateMonth;\n    }\n\n    const filteredMonths = monthNames\n        .map((month, index) => ({\n            value: index.toString(),\n            label: month,\n        }))\n        .filter(({ value }) => parseInt(value) >= startMonth && parseInt(value) <= endMonth);\n\n    return filteredMonths;\n}\n\n/**s\n * Takes a calendars array and figures out the number of months to add\n * based on the current offset and the maxDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Number} param.offset The num of months to be added\n * @param {Date} param.maxDate The furthest date we are allow to add forward to\n * @returns {Number} The number of months to add\n */\nexport function addMonth({\n    calendars,\n    offset,\n    maxDate,\n}: {\n    calendars: CalendarMonth[];\n    offset: number;\n    maxDate?: Date;\n}): number {\n    if (offset > 1 && maxDate) {\n        const { lastDayOfMonth } = calendars[calendars.length - 1];\n        const diffInMonths = differenceInCalendarMonths(maxDate, lastDayOfMonth);\n        if (diffInMonths < offset) {\n            offset = diffInMonths;\n        }\n    }\n    return offset;\n}\n\n/**\n * Takes a calendars array and figures out if the back button should be\n * disabled based on the minDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Date} param.minDate The earliest date available\n * @returns {Boolean} Whether the back button should be disabled.\n */\nexport function isBackDisabled({ calendars, minDate }: { calendars: CalendarMonth[]; minDate?: Date }): boolean {\n    if (!minDate) {\n        return false;\n    }\n    const { firstDayOfMonth } = calendars[0];\n    const firstDayOfMonthMinusOne = addDays(firstDayOfMonth, -1);\n    if (isBefore(firstDayOfMonthMinusOne, minDate)) {\n        return true;\n    }\n    return false;\n}\n\n/**\n * Takes a calendars array and figures out if the forward button should be\n * disabled based on the maxDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Date} param.maxDate The furthest date available\n * @returns {Boolean} Whether the forward button should be disabled.\n */\nexport function isForwardDisabled({ calendars, maxDate }: { calendars: CalendarMonth[]; maxDate?: Date }): boolean {\n    if (!maxDate) {\n        return false;\n    }\n    const { lastDayOfMonth } = calendars[calendars.length - 1];\n    const lastDayOfMonthPlusOne = addDays(lastDayOfMonth, 1);\n    if (isBefore(maxDate, lastDayOfMonthPlusOne)) {\n        return true;\n    }\n    return false;\n}\n\ntype GetCalendarProps = {\n    /**  The date to start the calendar at */\n    date: Date;\n    /** Date or dates currently selected. */\n    selected?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** The number of months to return in the calendar view */\n    monthsToDisplay: number;\n    /** The number of months to offset based off the param.date given  */\n    offset: number;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Figures out the months data needed based off the number of monthsToDisplay\n * and other options provided.\n * @param {Object} param The param object\n * @param {Date} param.date The date to start the calendar at\n * @param {Array.<Date>} param.selected An array of dates currently selected\n * @param {Number} param.monthsToDisplay The number of months to return in the calendar view\n * @param {Number} param.offset The number of months to offset based off the param.date given\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Object>} An array of objects with month data\n */\nexport function getCalendars({\n    date,\n    selected,\n    monthsToDisplay,\n    offset,\n    minDate,\n    maxDate,\n    firstDayOfWeek,\n    showOutsideDays,\n}: GetCalendarProps): CalendarMonth[] {\n    const months: CalendarMonth[] = [];\n    const startDate = getStartDate(date, minDate, maxDate);\n    for (let i = 0; i < monthsToDisplay; i++) {\n        const calendarDates = getMonths({\n            month: startDate.getMonth() + i + offset,\n            year: startDate.getFullYear(),\n            selectedDates: selected,\n            minDate,\n            maxDate,\n            firstDayOfWeek,\n            showOutsideDays,\n        });\n        months.push(calendarDates);\n    }\n    return months;\n}\n\n/**\n * Figures out the actual start date based on\n * the min and max dates available.\n * @param {Date} date The we want to start the calendar at\n * @param {Date} minDate The earliest date available to start at\n * @param {Date} maxDate The latest date available to start at\n * @returns {Date} The actual start date\n */\nfunction getStartDate(date: Date, minDate?: Date, maxDate?: Date): Date {\n    let startDate = startOfDay(date);\n    if (minDate) {\n        const minDateNormalized = startOfDay(minDate);\n        if (isBefore(startDate, minDateNormalized)) {\n            startDate = minDateNormalized;\n        }\n    }\n    if (maxDate) {\n        const maxDateNormalized = startOfDay(maxDate);\n        if (isBefore(maxDateNormalized, startDate)) {\n            startDate = maxDateNormalized;\n        }\n    }\n    return startDate;\n}\n\ntype GetMonthsProps = {\n    /**  The month to grab data for */\n    month: number;\n    /**  The year to grab data for */\n    year: number;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\nexport type CalendarMonth = {\n    firstDayOfMonth: Date;\n    lastDayOfMonth: Date;\n    month: number;\n    year: number;\n    weeks: CalendarWeek[];\n};\n\nexport type CalendarWeek = CalendarDay[];\n\nexport type CalendarDay = DateInfo | string;\n\n/**\n * Figures what week/day data to return for the given month\n * and year. Adds flags to day data if found in the given selectedDates,\n * if is selectable inside the given min and max dates, or is today.\n * @param {Object} param The param object\n * @param {Number} param.month The month to grab data for\n * @param {Number} param.year The year to grab data for\n * @param {Array.<Date>} sparam.electedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Object} The data for the selected month/year\n */\nfunction getMonths({\n    month,\n    year,\n    selectedDates,\n    minDate,\n    maxDate,\n    firstDayOfWeek,\n    showOutsideDays,\n}: GetMonthsProps): CalendarMonth {\n    // Get the normalized month and year, along with days in the month.\n    const daysMonthYear = getNumDaysMonthYear(month, year);\n    const daysInMonth = daysMonthYear.daysInMonth;\n    month = daysMonthYear.month;\n    year = daysMonthYear.year;\n\n    // Fill out the dates for the month.\n    const dates = [];\n    for (let day = 1; day <= daysInMonth; day++) {\n        const date = new Date(year, month, day);\n        const dateObj = {\n            date,\n            selected: isSelected(selectedDates, date),\n            selectable: isSelectable(minDate, maxDate, date),\n            today: isToday(date),\n            prevMonth: false,\n            nextMonth: false,\n        };\n        dates.push(dateObj);\n    }\n\n    const firstDayOfMonth = new Date(year, month, 1);\n    const lastDayOfMonth = new Date(year, month, daysInMonth);\n\n    const frontWeekBuffer = fillFrontWeek({\n        firstDayOfMonth,\n        minDate,\n        maxDate,\n        selectedDates,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n\n    const backWeekBuffer = fillBackWeek({\n        lastDayOfMonth,\n        minDate,\n        maxDate,\n        selectedDates,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n\n    dates.unshift(...frontWeekBuffer);\n    dates.push(...backWeekBuffer);\n\n    // Get the filled out weeks for the\n    // given dates.\n    const weeks = getWeeks(dates);\n    // return the calendar data.\n    return {\n        firstDayOfMonth,\n        lastDayOfMonth,\n        month,\n        year,\n        weeks,\n    };\n}\n\ntype FillFrontWeekProps = {\n    firstDayOfMonth: Date;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Fill front week with either empty buffer or dates from previous month,\n * depending on showOutsideDays flag\n * @param {Object} param The param object\n * @param {Array.<Date>} param.selectedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Date} param.firstDayOfMonth First day of the month\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Date>} Buffer to fill front week\n */\nfunction fillFrontWeek({\n    firstDayOfMonth,\n    minDate,\n    maxDate,\n    selectedDates,\n    firstDayOfWeek,\n    showOutsideDays,\n}: FillFrontWeekProps): CalendarWeek {\n    const dates: CalendarWeek = [];\n    let firstDay = (firstDayOfMonth.getDay() + 7 - firstDayOfWeek) % 7;\n\n    if (showOutsideDays) {\n        const lastDayOfPrevMonth = addDays(firstDayOfMonth, -1);\n        const prevDate = lastDayOfPrevMonth.getDate();\n        const prevDateMonth = lastDayOfPrevMonth.getMonth();\n        const prevDateYear = lastDayOfPrevMonth.getFullYear();\n\n        // Fill out front week for days from\n        // preceding month with dates from previous month.\n        let counter = 0;\n        while (counter < firstDay) {\n            const date = new Date(prevDateYear, prevDateMonth, prevDate - counter);\n            const dateObj: DateInfo = {\n                date,\n                selected: isSelected(selectedDates, date),\n                selectable: isSelectable(minDate, maxDate, date),\n                today: false,\n                prevMonth: true,\n                nextMonth: false,\n            };\n            dates.unshift(dateObj);\n            counter++;\n        }\n    } else {\n        // Fill out front week for days from\n        // preceding month with buffer.\n        while (firstDay > 0) {\n            dates.unshift(\"\");\n            firstDay--;\n        }\n    }\n\n    return dates;\n}\n\nexport type DateInfo = {\n    date: Date;\n    selected: boolean;\n    selectable: boolean;\n    today: boolean;\n    prevMonth: boolean;\n    nextMonth: boolean;\n};\n\ntype FillBackWeekProps = {\n    lastDayOfMonth: Date;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Fill back weeks with either empty buffer or dates from next month,\n * depending on showOutsideDays flag\n * @param {Object} param The param object\n * @param {Array.<Date>} param.selectedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Date} param.lastDayOfMonth Last day of the month\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Date>} Buffer to fill back week\n */\nfunction fillBackWeek({\n    lastDayOfMonth,\n    minDate,\n    maxDate,\n    selectedDates,\n    firstDayOfWeek,\n    showOutsideDays,\n}: FillBackWeekProps): CalendarWeek {\n    const dates: CalendarWeek = [];\n    let lastDay = (lastDayOfMonth.getDay() + 7 - firstDayOfWeek) % 7;\n\n    if (showOutsideDays) {\n        const firstDayOfNextMonth = addDays(lastDayOfMonth, 1);\n        const nextDateMonth = firstDayOfNextMonth.getMonth();\n        const nextDateYear = firstDayOfNextMonth.getFullYear();\n\n        // Fill out back week for days from\n        // following month with dates from next month.\n        let counter = 0;\n        while (counter < 6 - lastDay) {\n            const date = new Date(nextDateYear, nextDateMonth, 1 + counter);\n            const dateObj: DateInfo = {\n                date,\n                selected: isSelected(selectedDates, date),\n                selectable: isSelectable(minDate, maxDate, date),\n                today: false,\n                prevMonth: false,\n                nextMonth: true,\n            };\n            dates.push(dateObj);\n            counter++;\n        }\n    } else {\n        // Fill out back week for days from\n        // following month with buffer.\n        while (lastDay < 6) {\n            dates.push(\"\");\n            lastDay++;\n        }\n    }\n\n    return dates;\n}\n\n/**\n * Normalizes month (could be overflow) and year pairs and returns the\n * normalized month and year along with the number of days in the month.\n * @param {Number} month The month to normalize\n * @param {Number} year The year to normalize\n * @returns {Object} The normalized month and year along with the number of days in the month\n */\nfunction getNumDaysMonthYear(month: number, year: number): { daysInMonth: number; month: number; year: number } {\n    // If a parameter you specify is outside of the expected range for Month or Day,\n    // JS Date attempts to update the date information in the Date object accordingly!\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setMonth\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setDate\n\n    // Let Date handle the overflow of the month,\n    // which should return the normalized month and year.\n    const normalizedMonthYear = new Date(year, month, 1);\n    month = normalizedMonthYear.getMonth();\n    year = normalizedMonthYear.getFullYear();\n    // Overflow the date to the next month, then subtract the difference\n    // to get the number of days in the previous month.\n    // This will also account for leap years!\n    const daysInMonth = 32 - new Date(year, month, 32).getDate();\n    return { daysInMonth, month, year };\n}\n\n/**\n * Takes an array of dates, and turns them into a multi dimensional\n * array with 7 entries for each week.\n * @param {Array.<Object>} dates An array of dates\n * @returns {Array} The weeks as a multi dimensional array\n */\nfunction getWeeks(dates: CalendarWeek): Array<CalendarWeek> {\n    const weeksLength = Math.ceil(dates.length / 7);\n    const weeks: Array<CalendarWeek> = [];\n    for (let i = 0; i < weeksLength; i++) {\n        weeks[i] = [];\n        for (let x = 0; x < 7; x++) {\n            weeks[i].push(dates[i * 7 + x]);\n        }\n    }\n    return weeks;\n}\n\n/**\n * Normalizes dates to the beginning of the day,\n * then checks to see if the day given is found\n * in the selectedDates.\n * @param {Array.<Date>} selectedDates An array of dates currently selected\n * @param {Date} date The date to search with against selectedDates\n * @returns {Boolean} Whether day is found in selectedDates\n */\nfunction isSelected(selectedDates: Date | Date[] | undefined, date: Date): boolean {\n    if (!selectedDates) {\n        return false;\n    }\n    selectedDates = Array.isArray(selectedDates) ? selectedDates : [selectedDates];\n    return selectedDates.some((selectedDate) => {\n        if (selectedDate instanceof Date && startOfDay(selectedDate).getTime() === startOfDay(date).getTime()) {\n            return true;\n        }\n        return false;\n    });\n}\n\n/**\n * Checks to see if the date given is\n * between the min and max dates.\n * @param {Date} minDate The earliest date available\n * @param {Date} maxDate The furthest date available\n * @param {Date} date The date to compare with\n * @returns {Boolean} Whether the date is between min and max date\n */\nfunction isSelectable(minDate: Date | undefined, maxDate: Date | undefined, date: Date): boolean {\n    if ((minDate && isBefore(date, minDate)) || (maxDate && isBefore(maxDate, date))) {\n        return false;\n    }\n    return true;\n}\n\n/**\n * Check if two Date objects represent the same day\n *\n * @param date1 first Date to compare\n * @param date2 second Date to compare\n */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n    return (\n        date1.getDate() === date2.getDate() &&\n        date1.getMonth() === date2.getMonth() &&\n        date1.getFullYear() === date2.getFullYear()\n    );\n}\n\n/**\n * Check if the date has changed from the previous date\n *\n * @param date First date to compare\n * @param newDate Second date to compare\n */\nexport function dateHasChanged(date: Date | undefined, newDate: Date): boolean {\n    return !date || !isSameDay(date, newDate);\n}\n\n/**\n * Check if a given date is outside a given range\n *\n * @param date Input date\n * @param rangeStart Dates before this date should be disabled\n * @param rangeEnd Dates after this date should be disabled\n */\nexport function dateIsOutsideRange(date: Date, rangeStart: Date | undefined, rangeEnd: Date | undefined): boolean {\n    return Boolean((rangeEnd && date > rangeEnd) || (rangeStart && date < rangeStart));\n}\n\n/**\n * Get the correct initial date for initiating the datepicker reducer store\n *\n * @param value Value from props\n * @param initialDate Initial date from porps\n * @param disableDate Function for checking whether the date should be disabled\n */\nexport function getInitialDate(\n    value: string | undefined,\n    defaultValue: string | undefined,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): Date | null {\n    const valueAsDate = parseDateString(value);\n    const defaultValueAsDate = parseDateString(defaultValue);\n    if (valueAsDate) {\n        return !dateIsOutsideRange(valueAsDate, minDate, maxDate) ? valueAsDate : null;\n    }\n    if (defaultValueAsDate) {\n        return !dateIsOutsideRange(defaultValueAsDate, minDate, maxDate) ? defaultValueAsDate : null;\n    }\n    return null;\n}\n\n/**\n * Get the initial date to show in the calendar\n *\n * @param date The date set in the DatePicker (from props)\n * @param defaultSelected The defaultSelected prop from DatePicker\n * @param minDate The earliest selectable date, from props\n * @param maxDate The latest selectable date, from props\n * @returns The date to show in the calendar\n */\nexport function getInitialDateShown(\n    date: Date | null,\n    defaultSelected: Date | undefined,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): Date {\n    let initialDate = date || defaultSelected || new Date();\n\n    if (minDate) {\n        initialDate = minDate > initialDate ? minDate : initialDate;\n    }\n\n    if (maxDate) {\n        initialDate = maxDate < initialDate ? maxDate : initialDate;\n    }\n\n    return initialDate;\n}\n"],"names":["composeEventHandlers","fns","event","some","fn","defaultPrevented","subtractMonth","calendars","offset","minDate","firstDayOfMonth","diffInMonths","differenceInCalendarMonths","DEFAULT_YEARS_TO_SHOW","getYearSelectOptions","currentYear","maxDate","yearsToShow","getFullYear","toString","showAllYears","previousYearsToShow","comingYearsToShow","previous","coming","startYear","earliestStartYear","Math","max","endYear","latestEndYear","min","numYears","Array","keys","map","x","item","getMonthSelectOptions","monthNames","minDateYear","minDateMonth","getMonth","maxDateYear","maxDateMonth","startMonth","endMonth","month","index","value","label","filter","parseInt","addMonth","lastDayOfMonth","length","isBackDisabled","firstDayOfMonthMinusOne","addDays","isBefore","isForwardDisabled","lastDayOfMonthPlusOne","getCalendars","date","selected","monthsToDisplay","firstDayOfWeek","showOutsideDays","months","startDate","startOfDay","minDateNormalized","maxDateNormalized","getStartDate","i","calendarDates","getMonths","year","selectedDates","push","daysMonthYear","normalizedMonthYear","Date","daysInMonth","getDate","getNumDaysMonthYear","dates","day","dateObj","isSelected","selectable","isSelectable","today","isToday","prevMonth","nextMonth","frontWeekBuffer","firstDay","getDay","lastDayOfPrevMonth","prevDate","prevDateMonth","prevDateYear","counter","unshift","fillFrontWeek","backWeekBuffer","lastDay","firstDayOfNextMonth","nextDateMonth","nextDateYear","fillBackWeek","weeks","weeksLength","ceil","getWeeks","isArray","selectedDate","getTime","isSameDay","date1","date2","dateHasChanged","newDate","dateIsOutsideRange","rangeStart","rangeEnd","getInitialDate","defaultValue","valueAsDate","parseDateString","defaultValueAsDate","getInitialDateShown","defaultSelected","initialDate"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/datepicker/internal/utils.ts"],"sourcesContent":["/***\n * MIT License\n *\n * Copyright (c) 2017 Deseret Digital Media. 2022 Fremtind Forsikring AS.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport { addDays, differenceInCalendarMonths, isBefore, isToday, startOfDay } from \"date-fns\";\nimport React from \"react\";\nimport { ValuePair } from \"../../../utilities/valuePair.js\";\nimport type { YearsToShow } from \"../types.js\";\nimport { parseDateString } from \"../utils.js\";\n\nexport function composeEventHandlers(...fns: Array<React.MouseEventHandler | undefined>) {\n    return (event: React.MouseEvent) =>\n        fns.some((fn) => {\n            fn && fn(event);\n            return event.defaultPrevented;\n        });\n}\n\n/**\n * Takes a calendars array and figures out the number of months to subtract\n * based on the current offset and the minDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Number} param.offset The num of months to be subtracted\n * @param {Date} param.minDate The earliest date we are allow to subtract back to\n * @returns {Number} The number of months to subtract\n */\nexport function subtractMonth({\n    calendars,\n    offset,\n    minDate,\n}: {\n    calendars: CalendarMonth[];\n    offset: number;\n    minDate?: Date;\n}): number {\n    if (offset > 1 && minDate) {\n        const { firstDayOfMonth } = calendars[0];\n        const diffInMonths = differenceInCalendarMonths(firstDayOfMonth, minDate);\n        if (diffInMonths < offset) {\n            offset = diffInMonths;\n        }\n    }\n    return offset;\n}\n\nexport const DEFAULT_YEARS_TO_SHOW = 3;\n\n/**\n * Generates an array of year strings for a year selector component, with min and max dates taken into account.\n *\n * @param {number} currentYear - The current year to center the list around\n * @param {Date | undefined} [minDate] - The minimum date to include in the list of years\n * @param {Date | undefined} [maxDate] - The maximum date to include in the list of years\n *\n * @returns {string[]} - An array of year strings, starting from the earliest year specified by minDate or currentYear - 3, and ending at the latest year specified by maxDate or currentYear + 3\n */\nexport function getYearSelectOptions(\n    currentYear: number,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n    yearsToShow: YearsToShow,\n): string[] {\n    if (minDate && minDate.getFullYear() > currentYear) {\n        return [minDate.getFullYear().toString()];\n    }\n\n    if (maxDate && maxDate.getFullYear() < currentYear) {\n        return [maxDate.getFullYear().toString()];\n    }\n\n    let showAllYears = false;\n    let previousYearsToShow: number;\n    let comingYearsToShow: number;\n\n    if (yearsToShow === \"all\") {\n        showAllYears = true;\n        previousYearsToShow = DEFAULT_YEARS_TO_SHOW;\n        comingYearsToShow = DEFAULT_YEARS_TO_SHOW;\n    } else {\n        previousYearsToShow = typeof yearsToShow === \"number\" ? yearsToShow : yearsToShow.previous;\n        comingYearsToShow = typeof yearsToShow === \"number\" ? yearsToShow : yearsToShow.coming;\n    }\n\n    let startYear = currentYear - previousYearsToShow;\n    if (minDate) {\n        const earliestStartYear = showAllYears ? minDate.getFullYear() : startYear;\n        startYear = Math.max(minDate.getFullYear(), earliestStartYear);\n    }\n\n    let endYear = currentYear + comingYearsToShow;\n    if (maxDate) {\n        const latestEndYear = showAllYears ? maxDate.getFullYear() : endYear;\n        endYear = Math.min(maxDate.getFullYear(), latestEndYear);\n    }\n\n    // Sørg for å alltid vise minst ett år\n    const numYears = Math.max(endYear - startYear + 1, 1);\n\n    const range = [...Array(numYears).keys()].map((x) => x + startYear);\n    const stringRange = range.map((item) => item.toString());\n\n    return stringRange;\n}\n\n/**\n * Returns an array of months that are allowed for selection in the current year based on the minimum and maximum dates.\n * @param {number} currentYear The current year\n * @param {string[]} monthNames An array of strings representing the month names\n * @param {Date | undefined} minDate The minimum date that is allowed for selection\n * @param {Date | undefined} maxDate The maximum date that is allowed for selection\n * @returns {ValuePair[]} An array of ValuePairs representing the months that are allowed for selection in the current year\n */\nexport function getMonthSelectOptions(\n    currentYear: number,\n    monthNames: string[],\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): ValuePair[] {\n    const minDateYear = minDate?.getFullYear() || currentYear;\n    const minDateMonth = minDate?.getMonth() === undefined ? 0 : minDate.getMonth();\n    const maxDateYear = maxDate?.getFullYear() || currentYear;\n    const maxDateMonth = maxDate?.getMonth() === undefined ? 11 : maxDate.getMonth();\n\n    let startMonth = 0;\n    let endMonth = 11;\n\n    if (minDateYear === currentYear) {\n        startMonth = minDateMonth;\n    }\n    if (maxDateYear === currentYear) {\n        endMonth = maxDateMonth;\n    }\n\n    const filteredMonths = monthNames\n        .map((month, index) => ({\n            value: index.toString(),\n            label: month,\n        }))\n        .filter(({ value }) => parseInt(value) >= startMonth && parseInt(value) <= endMonth);\n\n    return filteredMonths;\n}\n\n/**s\n * Takes a calendars array and figures out the number of months to add\n * based on the current offset and the maxDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Number} param.offset The num of months to be added\n * @param {Date} param.maxDate The furthest date we are allow to add forward to\n * @returns {Number} The number of months to add\n */\nexport function addMonth({\n    calendars,\n    offset,\n    maxDate,\n}: {\n    calendars: CalendarMonth[];\n    offset: number;\n    maxDate?: Date;\n}): number {\n    if (offset > 1 && maxDate) {\n        const { lastDayOfMonth } = calendars[calendars.length - 1];\n        const diffInMonths = differenceInCalendarMonths(maxDate, lastDayOfMonth);\n        if (diffInMonths < offset) {\n            offset = diffInMonths;\n        }\n    }\n    return offset;\n}\n\n/**\n * Takes a calendars array and figures out if the back button should be\n * disabled based on the minDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Date} param.minDate The earliest date available\n * @returns {Boolean} Whether the back button should be disabled.\n */\nexport function isBackDisabled({ calendars, minDate }: { calendars: CalendarMonth[]; minDate?: Date }): boolean {\n    if (!minDate) {\n        return false;\n    }\n    const { firstDayOfMonth } = calendars[0];\n    const firstDayOfMonthMinusOne = addDays(firstDayOfMonth, -1);\n    if (isBefore(firstDayOfMonthMinusOne, minDate)) {\n        return true;\n    }\n    return false;\n}\n\n/**\n * Takes a calendars array and figures out if the forward button should be\n * disabled based on the maxDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Date} param.maxDate The furthest date available\n * @returns {Boolean} Whether the forward button should be disabled.\n */\nexport function isForwardDisabled({ calendars, maxDate }: { calendars: CalendarMonth[]; maxDate?: Date }): boolean {\n    if (!maxDate) {\n        return false;\n    }\n    const { lastDayOfMonth } = calendars[calendars.length - 1];\n    const lastDayOfMonthPlusOne = addDays(lastDayOfMonth, 1);\n    if (isBefore(maxDate, lastDayOfMonthPlusOne)) {\n        return true;\n    }\n    return false;\n}\n\ntype GetCalendarProps = {\n    /**  The date to start the calendar at */\n    date: Date;\n    /** Date or dates currently selected. */\n    selected?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** The number of months to return in the calendar view */\n    monthsToDisplay: number;\n    /** The number of months to offset based off the param.date given  */\n    offset: number;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Figures out the months data needed based off the number of monthsToDisplay\n * and other options provided.\n * @param {Object} param The param object\n * @param {Date} param.date The date to start the calendar at\n * @param {Array.<Date>} param.selected An array of dates currently selected\n * @param {Number} param.monthsToDisplay The number of months to return in the calendar view\n * @param {Number} param.offset The number of months to offset based off the param.date given\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Object>} An array of objects with month data\n */\nexport function getCalendars({\n    date,\n    selected,\n    monthsToDisplay,\n    offset,\n    minDate,\n    maxDate,\n    firstDayOfWeek,\n    showOutsideDays,\n}: GetCalendarProps): CalendarMonth[] {\n    const months: CalendarMonth[] = [];\n    const startDate = getStartDate(date, minDate, maxDate);\n    for (let i = 0; i < monthsToDisplay; i++) {\n        const calendarDates = getMonths({\n            month: startDate.getMonth() + i + offset,\n            year: startDate.getFullYear(),\n            selectedDates: selected,\n            minDate,\n            maxDate,\n            firstDayOfWeek,\n            showOutsideDays,\n        });\n        months.push(calendarDates);\n    }\n    return months;\n}\n\n/**\n * Figures out the actual start date based on\n * the min and max dates available.\n * @param {Date} date The we want to start the calendar at\n * @param {Date} minDate The earliest date available to start at\n * @param {Date} maxDate The latest date available to start at\n * @returns {Date} The actual start date\n */\nfunction getStartDate(date: Date, minDate?: Date, maxDate?: Date): Date {\n    let startDate = startOfDay(date);\n    if (minDate) {\n        const minDateNormalized = startOfDay(minDate);\n        if (isBefore(startDate, minDateNormalized)) {\n            startDate = minDateNormalized;\n        }\n    }\n    if (maxDate) {\n        const maxDateNormalized = startOfDay(maxDate);\n        if (isBefore(maxDateNormalized, startDate)) {\n            startDate = maxDateNormalized;\n        }\n    }\n    return startDate;\n}\n\ntype GetMonthsProps = {\n    /**  The month to grab data for */\n    month: number;\n    /**  The year to grab data for */\n    year: number;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\nexport type CalendarMonth = {\n    firstDayOfMonth: Date;\n    lastDayOfMonth: Date;\n    month: number;\n    year: number;\n    weeks: CalendarWeek[];\n};\n\nexport type CalendarWeek = CalendarDay[];\n\nexport type CalendarDay = DateInfo | string;\n\n/**\n * Figures what week/day data to return for the given month\n * and year. Adds flags to day data if found in the given selectedDates,\n * if is selectable inside the given min and max dates, or is today.\n * @param {Object} param The param object\n * @param {Number} param.month The month to grab data for\n * @param {Number} param.year The year to grab data for\n * @param {Array.<Date>} sparam.electedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Object} The data for the selected month/year\n */\nfunction getMonths({\n    month,\n    year,\n    selectedDates,\n    minDate,\n    maxDate,\n    firstDayOfWeek,\n    showOutsideDays,\n}: GetMonthsProps): CalendarMonth {\n    // Get the normalized month and year, along with days in the month.\n    const daysMonthYear = getNumDaysMonthYear(month, year);\n    const daysInMonth = daysMonthYear.daysInMonth;\n    month = daysMonthYear.month;\n    year = daysMonthYear.year;\n\n    // Fill out the dates for the month.\n    const dates = [];\n    for (let day = 1; day <= daysInMonth; day++) {\n        const date = new Date(year, month, day);\n        const dateObj = {\n            date,\n            selected: isSelected(selectedDates, date),\n            selectable: isSelectable(minDate, maxDate, date),\n            today: isToday(date),\n            prevMonth: false,\n            nextMonth: false,\n        };\n        dates.push(dateObj);\n    }\n\n    const firstDayOfMonth = new Date(year, month, 1);\n    const lastDayOfMonth = new Date(year, month, daysInMonth);\n\n    const frontWeekBuffer = fillFrontWeek({\n        firstDayOfMonth,\n        minDate,\n        maxDate,\n        selectedDates,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n\n    const backWeekBuffer = fillBackWeek({\n        lastDayOfMonth,\n        minDate,\n        maxDate,\n        selectedDates,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n\n    dates.unshift(...frontWeekBuffer);\n    dates.push(...backWeekBuffer);\n\n    // Get the filled out weeks for the\n    // given dates.\n    const weeks = getWeeks(dates);\n    // return the calendar data.\n    return {\n        firstDayOfMonth,\n        lastDayOfMonth,\n        month,\n        year,\n        weeks,\n    };\n}\n\ntype FillFrontWeekProps = {\n    firstDayOfMonth: Date;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Fill front week with either empty buffer or dates from previous month,\n * depending on showOutsideDays flag\n * @param {Object} param The param object\n * @param {Array.<Date>} param.selectedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Date} param.firstDayOfMonth First day of the month\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Date>} Buffer to fill front week\n */\nfunction fillFrontWeek({\n    firstDayOfMonth,\n    minDate,\n    maxDate,\n    selectedDates,\n    firstDayOfWeek,\n    showOutsideDays,\n}: FillFrontWeekProps): CalendarWeek {\n    const dates: CalendarWeek = [];\n    let firstDay = (firstDayOfMonth.getDay() + 7 - firstDayOfWeek) % 7;\n\n    if (showOutsideDays) {\n        const lastDayOfPrevMonth = addDays(firstDayOfMonth, -1);\n        const prevDate = lastDayOfPrevMonth.getDate();\n        const prevDateMonth = lastDayOfPrevMonth.getMonth();\n        const prevDateYear = lastDayOfPrevMonth.getFullYear();\n\n        // Fill out front week for days from\n        // preceding month with dates from previous month.\n        let counter = 0;\n        while (counter < firstDay) {\n            const date = new Date(prevDateYear, prevDateMonth, prevDate - counter);\n            const dateObj: DateInfo = {\n                date,\n                selected: isSelected(selectedDates, date),\n                selectable: isSelectable(minDate, maxDate, date),\n                today: false,\n                prevMonth: true,\n                nextMonth: false,\n            };\n            dates.unshift(dateObj);\n            counter++;\n        }\n    } else {\n        // Fill out front week for days from\n        // preceding month with buffer.\n        while (firstDay > 0) {\n            dates.unshift(\"\");\n            firstDay--;\n        }\n    }\n\n    return dates;\n}\n\nexport type DateInfo = {\n    date: Date;\n    selected: boolean;\n    selectable: boolean;\n    today: boolean;\n    prevMonth: boolean;\n    nextMonth: boolean;\n};\n\ntype FillBackWeekProps = {\n    lastDayOfMonth: Date;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Fill back weeks with either empty buffer or dates from next month,\n * depending on showOutsideDays flag\n * @param {Object} param The param object\n * @param {Array.<Date>} param.selectedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Date} param.lastDayOfMonth Last day of the month\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Date>} Buffer to fill back week\n */\nfunction fillBackWeek({\n    lastDayOfMonth,\n    minDate,\n    maxDate,\n    selectedDates,\n    firstDayOfWeek,\n    showOutsideDays,\n}: FillBackWeekProps): CalendarWeek {\n    const dates: CalendarWeek = [];\n    let lastDay = (lastDayOfMonth.getDay() + 7 - firstDayOfWeek) % 7;\n\n    if (showOutsideDays) {\n        const firstDayOfNextMonth = addDays(lastDayOfMonth, 1);\n        const nextDateMonth = firstDayOfNextMonth.getMonth();\n        const nextDateYear = firstDayOfNextMonth.getFullYear();\n\n        // Fill out back week for days from\n        // following month with dates from next month.\n        let counter = 0;\n        while (counter < 6 - lastDay) {\n            const date = new Date(nextDateYear, nextDateMonth, 1 + counter);\n            const dateObj: DateInfo = {\n                date,\n                selected: isSelected(selectedDates, date),\n                selectable: isSelectable(minDate, maxDate, date),\n                today: false,\n                prevMonth: false,\n                nextMonth: true,\n            };\n            dates.push(dateObj);\n            counter++;\n        }\n    } else {\n        // Fill out back week for days from\n        // following month with buffer.\n        while (lastDay < 6) {\n            dates.push(\"\");\n            lastDay++;\n        }\n    }\n\n    return dates;\n}\n\n/**\n * Normalizes month (could be overflow) and year pairs and returns the\n * normalized month and year along with the number of days in the month.\n * @param {Number} month The month to normalize\n * @param {Number} year The year to normalize\n * @returns {Object} The normalized month and year along with the number of days in the month\n */\nfunction getNumDaysMonthYear(month: number, year: number): { daysInMonth: number; month: number; year: number } {\n    // If a parameter you specify is outside of the expected range for Month or Day,\n    // JS Date attempts to update the date information in the Date object accordingly!\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setMonth\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setDate\n\n    // Let Date handle the overflow of the month,\n    // which should return the normalized month and year.\n    const normalizedMonthYear = new Date(year, month, 1);\n    month = normalizedMonthYear.getMonth();\n    year = normalizedMonthYear.getFullYear();\n    // Overflow the date to the next month, then subtract the difference\n    // to get the number of days in the previous month.\n    // This will also account for leap years!\n    const daysInMonth = 32 - new Date(year, month, 32).getDate();\n    return { daysInMonth, month, year };\n}\n\n/**\n * Takes an array of dates, and turns them into a multi dimensional\n * array with 7 entries for each week.\n * @param {Array.<Object>} dates An array of dates\n * @returns {Array} The weeks as a multi dimensional array\n */\nfunction getWeeks(dates: CalendarWeek): Array<CalendarWeek> {\n    const weeksLength = Math.ceil(dates.length / 7);\n    const weeks: Array<CalendarWeek> = [];\n    for (let i = 0; i < weeksLength; i++) {\n        weeks[i] = [];\n        for (let x = 0; x < 7; x++) {\n            weeks[i].push(dates[i * 7 + x]);\n        }\n    }\n    return weeks;\n}\n\n/**\n * Normalizes dates to the beginning of the day,\n * then checks to see if the day given is found\n * in the selectedDates.\n * @param {Array.<Date>} selectedDates An array of dates currently selected\n * @param {Date} date The date to search with against selectedDates\n * @returns {Boolean} Whether day is found in selectedDates\n */\nfunction isSelected(selectedDates: Date | Date[] | undefined, date: Date): boolean {\n    if (!selectedDates) {\n        return false;\n    }\n    selectedDates = Array.isArray(selectedDates) ? selectedDates : [selectedDates];\n    return selectedDates.some((selectedDate) => {\n        if (selectedDate instanceof Date && startOfDay(selectedDate).getTime() === startOfDay(date).getTime()) {\n            return true;\n        }\n        return false;\n    });\n}\n\n/**\n * Checks to see if the date given is\n * between the min and max dates.\n * @param {Date} minDate The earliest date available\n * @param {Date} maxDate The furthest date available\n * @param {Date} date The date to compare with\n * @returns {Boolean} Whether the date is between min and max date\n */\nfunction isSelectable(minDate: Date | undefined, maxDate: Date | undefined, date: Date): boolean {\n    if ((minDate && isBefore(date, minDate)) || (maxDate && isBefore(maxDate, date))) {\n        return false;\n    }\n    return true;\n}\n\n/**\n * Check if two Date objects represent the same day\n *\n * @param date1 first Date to compare\n * @param date2 second Date to compare\n */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n    return (\n        date1.getDate() === date2.getDate() &&\n        date1.getMonth() === date2.getMonth() &&\n        date1.getFullYear() === date2.getFullYear()\n    );\n}\n\n/**\n * Check if the date has changed from the previous date\n *\n * @param date First date to compare\n * @param newDate Second date to compare\n */\nexport function dateHasChanged(date: Date | undefined, newDate: Date): boolean {\n    return !date || !isSameDay(date, newDate);\n}\n\n/**\n * Check if a given date is outside a given range\n *\n * @param date Input date\n * @param rangeStart Dates before this date should be disabled\n * @param rangeEnd Dates after this date should be disabled\n */\nexport function dateIsOutsideRange(date: Date, rangeStart: Date | undefined, rangeEnd: Date | undefined): boolean {\n    return Boolean((rangeEnd && date > rangeEnd) || (rangeStart && date < rangeStart));\n}\n\n/**\n * Get the correct initial date for initiating the datepicker reducer store\n *\n * @param value Value from props\n * @param initialDate Initial date from porps\n * @param disableDate Function for checking whether the date should be disabled\n */\nexport function getInitialDate(\n    value: string | undefined,\n    defaultValue: string | undefined,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): Date | null {\n    const valueAsDate = parseDateString(value);\n    const defaultValueAsDate = parseDateString(defaultValue);\n    if (valueAsDate) {\n        return !dateIsOutsideRange(valueAsDate, minDate, maxDate) ? valueAsDate : null;\n    }\n    if (defaultValueAsDate) {\n        return !dateIsOutsideRange(defaultValueAsDate, minDate, maxDate) ? defaultValueAsDate : null;\n    }\n    return null;\n}\n\n/**\n * Get the initial date to show in the calendar\n *\n * @param date The date set in the DatePicker (from props)\n * @param defaultSelected The defaultSelected prop from DatePicker\n * @param minDate The earliest selectable date, from props\n * @param maxDate The latest selectable date, from props\n * @returns The date to show in the calendar\n */\nexport function getInitialDateShown(\n    date: Date | null,\n    defaultSelected: Date | undefined,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): Date {\n    let initialDate = date || defaultSelected || new Date();\n\n    if (minDate) {\n        initialDate = minDate > initialDate ? minDate : initialDate;\n    }\n\n    if (maxDate) {\n        initialDate = maxDate < initialDate ? maxDate : initialDate;\n    }\n\n    return initialDate;\n}\n"],"names":["composeEventHandlers","fns","event","some","fn","defaultPrevented","subtractMonth","calendars","offset","minDate","firstDayOfMonth","diffInMonths","differenceInCalendarMonths","DEFAULT_YEARS_TO_SHOW","getYearSelectOptions","currentYear","maxDate","yearsToShow","getFullYear","toString","showAllYears","previousYearsToShow","comingYearsToShow","previous","coming","startYear","earliestStartYear","Math","max","endYear","latestEndYear","min","numYears","Array","keys","map","x","item","getMonthSelectOptions","monthNames","minDateYear","minDateMonth","getMonth","maxDateYear","maxDateMonth","startMonth","endMonth","month","index","value","label","filter","parseInt","addMonth","lastDayOfMonth","length","isBackDisabled","firstDayOfMonthMinusOne","addDays","isBefore","isForwardDisabled","lastDayOfMonthPlusOne","getCalendars","date","selected","monthsToDisplay","firstDayOfWeek","showOutsideDays","months","startDate","startOfDay","minDateNormalized","maxDateNormalized","getStartDate","i","calendarDates","getMonths","year","selectedDates","push","daysMonthYear","normalizedMonthYear","Date","daysInMonth","getDate","getNumDaysMonthYear","dates","day","dateObj","isSelected","selectable","isSelectable","today","isToday","prevMonth","nextMonth","frontWeekBuffer","firstDay","getDay","lastDayOfPrevMonth","prevDate","prevDateMonth","prevDateYear","counter","unshift","fillFrontWeek","backWeekBuffer","lastDay","firstDayOfNextMonth","nextDateMonth","nextDateYear","fillBackWeek","weeks","weeksLength","ceil","getWeeks","isArray","selectedDate","getTime","isSameDay","date1","date2","dateHasChanged","newDate","dateIsOutsideRange","rangeStart","rangeEnd","getInitialDate","defaultValue","valueAsDate","parseDateString","defaultValueAsDate","getInitialDateShown","defaultSelected","initialDate"],"mappings":"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"}

package/build/es/components/datepicker/types.d.ts

@@ -0,0 +1,270 @@
+import { ButtonHTMLAttributes, ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
+import { DataTestAutoId, Density } from '../../core/types.js';
+import { InputGroupProps } from '../input-group/InputGroup.js';
+import { LabelProps } from '../input-group/Label.js';
+export type DateValidationError = "WRONG_FORMAT" | "OUTSIDE_LOWER_BOUND" | "OUTSIDE_UPPER_BOUND";
+export type DatePickerChangeEventHandler = (e: ChangeEvent<HTMLInputElement>, date: Date | null, meta: DatePickerMetadata) => void;
+export type DatePickerBlurEventHandler = (e: FocusEvent<HTMLInputElement>, date: Date | null, meta: DatePickerMetadata) => void;
+export type DatePickerFocusEventHandler = DatePickerBlurEventHandler;
+export type DatePickerKeyDownEventHandler = (e: KeyboardEvent<HTMLInputElement>, date: Date | null, meta: DatePickerMetadata) => void;
+export type DatePickerMetadata = {
+    error: DateValidationError | null;
+    /** Samme som event.target.value */
+    value: string;
+};
+export type YearsToShow = number | "all" | {
+    previous: number;
+    coming: number;
+};
+export interface DatePickerProps extends Omit<InputGroupProps, "label" | "children">, DataTestAutoId {
+    /** Settes på rotnivå. */
+    id?: string;
+    /** Settes på rotnivå. */
+    className?: string;
+    /**
+     * @default "Velg dato"
+     */
+    label?: string;
+    /**
+     * Bruk labelProps for å sette props som `variant` og `srOnly`.
+     *
+     * @example
+     *  ```tsx
+     *  <DatePicker
+     *      labelProps={{ srOnly: true }}
+     *  />
+     *  ```
+     */
+    labelProps?: Omit<LabelProps, "children">;
+    /**
+     * dd.mm.åååå
+     *
+     * Dersom komponenten ikke er _controlled_, send inn ønsket standardverdi her (hvis noen).
+     *
+     * @default undefined // tomt skjemafelt
+     */
+    defaultValue?: string;
+    /**
+     * Styr om du vil at kalenderen skal starte åpen.
+     * @default false
+     */
+    defaultShow?: boolean;
+    /**
+     * dd.mm.åååå
+     *
+     * Verdien til inputfeltet.
+     */
+    value?: string;
+    /**
+     * dd.mm.åååå
+     *
+     * Skru av knapper i kalenderen før denne datoen,
+     * og gi valideringsfeil om dato som har blitt skrevet inn er utenfor.
+     */
+    disableBeforeDate?: string;
+    /**
+     * dd.mm.åååå
+     *
+     * Skru av knapper i kalenderen etter denne datoen,
+     * og gi valideringsfeil om dato som har blitt skrevet inn er utenfor.
+     */
+    disableAfterDate?: string;
+    /**
+     * Angir hvor mange år som skal vises i nedtrekkslisten i kalenderen. Du kan angi samme verdi
+     * for kommende og foregående år ved å sende inn et tall, eller sende inn et objekt med separate
+     * verdier for kommende og foregående år. Hvis du sender inn "all" vil alle år mellom min. og
+     * maks. dato vises i listen (eller default antall år hvis ikke min./maks. dato er angitt).
+     * @default 3
+     */
+    yearsToShow?: YearsToShow;
+    /**
+     * Settes på inputfeltet.
+     */
+    name?: string;
+    /**
+     * Hjelpetekst som vises under inputfeltet.
+     */
+    helpLabel?: string;
+    /**
+     * Hvis datovelgeren har valideringsfeil må dette feltet settes. Inputfeltet
+     * merkes som ugyldig og teksten erstatter en eventuell hjelpetekst.
+     */
+    errorLabel?: string;
+    /**
+     * Merk som ugyldig uten å sende inn en errorLabel.
+     * NB! Brukes kun i tilfeller der valideringsfeil dukker opp andre steder, for eksempel i en FieldGroup.
+     */
+    invalid?: boolean;
+    density?: Density;
+    /**
+     * @deprecated Kalenderen viser nå alltid kontroller for å navigere mellom år og måneder. Denne prop'en gjør ikke lenger noe og kan fjernes.
+     */
+    extended?: boolean;
+    /**
+     * Om du ønsker andre labels for ukedagene kan du gi de her.
+     */
+    days?: string[];
+    /**
+     * Om du ønsker andre labels for måneder kan du gi de her.
+     */
+    months?: string[];
+    /**
+     * Overstyr hvordan vi omtaler "Måned".
+     * @default "Måned"
+     */
+    monthLabel?: string;
+    /**
+     * Overstyr hvordan vi omtaler "År".
+     * @default "År"
+     */
+    yearLabel?: string;
+    /**
+     * Vises i inputfeltet hvis det ikke har noen input, som hint for datoformat.
+     * @default "dd.mm.åååå"
+     */
+    placeholder?: string;
+    /**
+     * Bredden på inputfeltet, tilpasset typisk bredde for en dato i formatet `dd.mm.åååå`.
+     * @default "10ch"
+     */
+    width?: string;
+    /**
+     * Kalles ved change-event fra datovelgerens inputfelt. Verdien fra selve eventet vil
+     * alltid være teksten fra inputfeltet.
+     *
+     * Det er _ikke_ garantert at verdien fra `event.target.value` er en
+     * gyldig dato, eller i datoformat. Andre parameter vil enten være en gyldig
+     * `Date` eller `null`. Tredje parameter har informasjon om validering,
+     * men du kan også gjøre validering selv rett på `event.target.value`
+     * med utility-funksjoner som eksporteres fra pakka (se eksempel lenger ned).
+     *
+     * Kalles også når brukeren velger en dato fra kalendervisningen. Kallet
+     * prøver å simulere et vanlig change-event så nært som mulig.
+     *
+     * Bruk meta-objektet for å se om det er valideringsfeil, og i så fal hvilken type feil:
+     *
+     *  - ugyldig format på tekst
+     *  - dato utenfor minimum tillatte dato (satt med `disableBeforeDate`)
+     *  - dato utenfor maksimum tillatte dato (satt med `disableAfterDate`)
+     *
+     * @example
+     *
+     *  ```tsx
+     *  <DatePicker
+     *      value={value}
+     *      onChange={(e, date, meta) => {
+     *          setValue(e.target.value);
+     *
+     *          console.log("onChange", {
+     *              event: e,
+     *              date,
+     *              meta,
+     *          });
+     *      }}
+     *  />
+     *  ```
+     *
+     * @example
+     *
+     *  ```tsx
+     *  import {
+     *      DatePicker,
+     *      formatInput,
+     *      isCorrectFormat,
+     *      isWithinUpperBound,
+     *      isWithinLowerBound,
+     *      parseDateString
+     *  } from "@fremtind/jkl-datepicker-react";
+     *  import { formatDate } from "@fremtind/jkl-formatters-util";
+     *
+     *  <DatePicker
+     *      label="Fødselsdato"
+     *      errorLabel={formState.errors.fodselsdato?.message}
+     *      disableBefore="01.01.1970"
+     *      disableAfter={formatInput(new Date())}
+     *      {...register("fodselsdato", {
+     *          required: "Du må fylle ut fødselsdato",
+     *          validate: {
+     *              isCorrectFormat: (v) =>
+     *                  isCorrectFormat(v) ||
+     *                  `Datoen må være skrevet i formen ${formatDate(new Date())} eller kortformat`,
+     *              withinLowerBound: (v) =>
+     *                  isWithinLowerBound(v, parseDateString("01.01.1970") || "Datoen må være før 01.01.1970"",
+     *              withinUpperBound: (v) =>
+     *                  isWithinUpperBound(v, new Date()) || `Datoen må være før ${formatDate(new Date())}`,
+     *          },
+     *      })}
+     *  />
+     *  ```
+     */
+    onChange?: DatePickerChangeEventHandler;
+    /**
+     * Kalles ved focus-event fra datovelgerens inputfelt.
+     *
+     * @example
+     *  ```tsx
+     *  <DatePicker
+     *      onFocus={(e, date, meta) => {
+     *          console.log("onFocus", {
+     *              event: e,
+     *              date,
+     *              meta,
+     *          });
+     *      }}
+     *  />
+     *  ```
+     */
+    onFocus?: DatePickerFocusEventHandler;
+    /**
+     * Kalles ved blur-event fra datovelgerens inputfelt, og kommer når fokus flyttes ut
+     * av skjemaelementet.
+     *
+     * **NB!** Dette inkluderer når fokus flyttes inn i kalenderen, eller til kalenderknappen!
+     *
+     * Om du ønsker å gjøre ting når brukeren går videre fra hele DatePicker:
+     *   1. Ha en onBlur på DatePicker, men ignorere events når fokus er inni DatePicker
+     *   2. Ha en onBlur på DatePicker sin action-prop (kalenderknappen), og gjøre det samme
+     *
+     * Hjelpefunksjonen isBlurTargetOutside hjelper med detaljene.
+     *
+     * @example
+     *  ```tsx
+     *  import { DatePicker, isBlurTargetOutside } from "@fremtind/jkl-datepicker-react";
+     *
+     *  <DatePicker
+     *      onBlur={(e, date, meta) => {
+     *          // Ignorer blurs som går til kalenderknapper
+     *          if (isBlurTargetOutside(e)) {
+     *              console.log("onBlur");
+     *          }
+     *      }}
+     *      action={{
+     *          onBlur: (e) => {
+     *              // Ignorer blurs som går tilbake til inputfeltet
+     *              if (isBlurTargetOutside(e)) {
+     *                  console.log("action.onBlur");
+     *              }
+     *          },
+     *      }}
+     *  />
+     *  ```
+     */
+    onBlur?: DatePickerBlurEventHandler;
+    /**
+     * Kalles ved onKeyDown på datovelgerens inputfelt. Dersom du trenger å fange opp
+     * alle tastetrykk, inkludert Tab videre til knappen for å åpne/lukke kalenderen,
+     * så kan du bruke dette eventet.
+     *
+     * @deprecated Eventet har mye overlapp med onChange, men var tidligere eneste metode for å
+     * få tilbakemelding ved tastetrykk i inputfeltet. Foretrekk onChange for ny kode.
+     */
+    onKeyDown?: DatePickerKeyDownEventHandler;
+    /**
+     * Lar deg sette lyttere på kalenderknappen i skjemafeltet.
+     */
+    action?: DatePickerAction;
+    showCalendarLabel?: string;
+    hideCalendarLabel?: string;
+}
+export interface DatePickerAction extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> {
+}

package/build/es/components/datepicker/validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"validation.js","sources":["../../../../src/components/datepicker/validation.ts"],"sourcesContent":["import { parseDateString } from \"./utils\";\n\nexport function isCorrectFormat(value: string | undefined): boolean {\n    if (!value) {\n        return false;\n    }\n    const val = parseDateString(value);\n    return Boolean(val);\n}\n\ntype ComparisonOptions = {\n    /**\n     * Kontroller om testen skal godkjennes om verdien er lik\n     * @default false\n     */\n    inclusive: boolean;\n};\n\nexport function isWithinLowerBound(\n    value: Date | string | undefined,\n    minDate: Date,\n    options: ComparisonOptions = { inclusive: false },\n): boolean {\n    const val = typeof value === \"string\" ? parseDateString(value) : value;\n\n    if (!val) {\n        return false;\n    }\n\n    if (options.inclusive) {\n        return val >= minDate;\n    }\n\n    return val > minDate;\n}\n\nexport function isWithinUpperBound(\n    value: Date | string | undefined,\n    maxDate: Date,\n    options: ComparisonOptions = { inclusive: false },\n): boolean {\n    const val = typeof value === \"string\" ? parseDateString(value) : value;\n\n    if (!val) {\n        return false;\n    }\n\n    if (options.inclusive) {\n        return val <= maxDate;\n    }\n\n    return val < maxDate;\n}\n"],"names":["isCorrectFormat","value","parseDateString","isWithinLowerBound","minDate","options","inclusive","val","isWithinUpperBound","maxDate"],"mappings":"6CAEO,SAASA,EAAgBC,GAC5B,QAAKA,KAGOC,EAAgBD,EAEhC,CAUO,SAASE,EACZF,EACAG,EACAC,EAA6B,CAAEC,WAAW,IAE1C,MAAMC,EAAuB,iBAAVN,EAAqBC,EAAgBD,GAASA,EAEjE,QAAKM,IAIDF,EAAQC,UACDC,GAAOH,EAGXG,EAAMH,EACjB,CAEO,SAASI,EACZP,EACAQ,EACAJ,EAA6B,CAAEC,WAAW,IAE1C,MAAMC,EAAuB,iBAAVN,EAAqBC,EAAgBD,GAASA,EAEjE,QAAKM,IAIDF,EAAQC,UACDC,GAAOE,EAGXF,EAAME,EACjB"}
+{"version":3,"file":"validation.js","sources":["../../../../src/components/datepicker/validation.ts"],"sourcesContent":["import { parseDateString } from \"./utils.js\";\n\nexport function isCorrectFormat(value: string | undefined): boolean {\n    if (!value) {\n        return false;\n    }\n    const val = parseDateString(value);\n    return Boolean(val);\n}\n\ntype ComparisonOptions = {\n    /**\n     * Kontroller om testen skal godkjennes om verdien er lik\n     * @default false\n     */\n    inclusive: boolean;\n};\n\nexport function isWithinLowerBound(\n    value: Date | string | undefined,\n    minDate: Date,\n    options: ComparisonOptions = { inclusive: false },\n): boolean {\n    const val = typeof value === \"string\" ? parseDateString(value) : value;\n\n    if (!val) {\n        return false;\n    }\n\n    if (options.inclusive) {\n        return val >= minDate;\n    }\n\n    return val > minDate;\n}\n\nexport function isWithinUpperBound(\n    value: Date | string | undefined,\n    maxDate: Date,\n    options: ComparisonOptions = { inclusive: false },\n): boolean {\n    const val = typeof value === \"string\" ? parseDateString(value) : value;\n\n    if (!val) {\n        return false;\n    }\n\n    if (options.inclusive) {\n        return val <= maxDate;\n    }\n\n    return val < maxDate;\n}\n"],"names":["isCorrectFormat","value","parseDateString","isWithinLowerBound","minDate","options","inclusive","val","isWithinUpperBound","maxDate"],"mappings":"6CAEO,SAASA,EAAgBC,GAC5B,QAAKA,KAGOC,EAAgBD,EAEhC,CAUO,SAASE,EACZF,EACAG,EACAC,EAA6B,CAAEC,WAAW,IAE1C,MAAMC,EAAuB,iBAAVN,EAAqBC,EAAgBD,GAASA,EAEjE,QAAKM,IAIDF,EAAQC,UACDC,GAAOH,EAGXG,EAAMH,EACjB,CAEO,SAASI,EACZP,EACAQ,EACAJ,EAA6B,CAAEC,WAAW,IAE1C,MAAMC,EAAuB,iBAAVN,EAAqBC,EAAgBD,GAASA,EAEjE,QAAKM,IAIDF,EAAQC,UACDC,GAAOE,EAGXF,EAAME,EACjB"}

package/build/es/components/description-list/DescriptionList.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { WithChildren } from '../../core/types.js';
+export interface DescriptionListProps extends WithChildren {
+    className?: string;
+}
+export declare const DescriptionList: FC<DescriptionListProps>;
+export interface DescriptionTermProps extends WithChildren {
+    className?: string;
+}
+export declare const DescriptionTerm: FC<DescriptionTermProps>;
+export interface DescriptionDetailProps extends WithChildren {
+    className?: string;
+}
+export declare const DescriptionDetail: FC<DescriptionDetailProps>;

package/build/es/components/description-list/DescriptionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.js","sources":["../../../../src/components/description-list/DescriptionList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { WithChildren } from \"../..\";\n\nexport interface DescriptionListProps extends WithChildren {\n    className?: string;\n}\n\nexport const DescriptionList: FC<DescriptionListProps> = ({ children, className, ...rest }) => {\n    return (\n        <dl {...rest} className={clsx(\"jkl-description-list\", className)}>\n            {children}\n        </dl>\n    );\n};\n\nexport interface DescriptionTermProps extends WithChildren {\n    className?: string;\n}\n\nexport const DescriptionTerm: FC<DescriptionTermProps> = ({ children, className, ...rest }) => {\n    return (\n        <dt {...rest} className={clsx(\"jkl-description-list__term\", className)}>\n            {children}\n        </dt>\n    );\n};\n\nexport interface DescriptionDetailProps extends WithChildren {\n    className?: string;\n}\n\nexport const DescriptionDetail: FC<DescriptionDetailProps> = ({ children, className, ...rest }) => {\n    return (\n        <dd {...rest} className={clsx(\"jkl-description-list__detail\", className)}>\n            {children}\n        </dd>\n    );\n};\n"],"names":["DescriptionList","children","className","rest","jsx","clsx","DescriptionTerm","DescriptionDetail"],"mappings":"sFAQO,MAAMA,EAA4C,EAAGC,SAAAA,EAAUC,UAAAA,KAAcC,KAE5EC,EAAC,SAAOD,EAAMD,UAAWG,EAAK,uBAAwBH,GACjDD,SAAAA,IASAK,EAA4C,EAAGL,SAAAA,EAAUC,UAAAA,KAAcC,KAE5EC,EAAC,SAAOD,EAAMD,UAAWG,EAAK,6BAA8BH,GACvDD,SAAAA,IASAM,EAAgD,EAAGN,SAAAA,EAAUC,UAAAA,KAAcC,KAEhFC,EAAC,SAAOD,EAAMD,UAAWG,EAAK,+BAAgCH,GACzDD,SAAAA"}
+{"version":3,"file":"DescriptionList.js","sources":["../../../../src/components/description-list/DescriptionList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\n\nexport interface DescriptionListProps extends WithChildren {\n    className?: string;\n}\n\nexport const DescriptionList: FC<DescriptionListProps> = ({ children, className, ...rest }) => {\n    return (\n        <dl {...rest} className={clsx(\"jkl-description-list\", className)}>\n            {children}\n        </dl>\n    );\n};\n\nexport interface DescriptionTermProps extends WithChildren {\n    className?: string;\n}\n\nexport const DescriptionTerm: FC<DescriptionTermProps> = ({ children, className, ...rest }) => {\n    return (\n        <dt {...rest} className={clsx(\"jkl-description-list__term\", className)}>\n            {children}\n        </dt>\n    );\n};\n\nexport interface DescriptionDetailProps extends WithChildren {\n    className?: string;\n}\n\nexport const DescriptionDetail: FC<DescriptionDetailProps> = ({ children, className, ...rest }) => {\n    return (\n        <dd {...rest} className={clsx(\"jkl-description-list__detail\", className)}>\n            {children}\n        </dd>\n    );\n};\n"],"names":["DescriptionList","children","className","rest","jsx","clsx","DescriptionTerm","DescriptionDetail"],"mappings":"sFAQO,MAAMA,EAA4C,EAAGC,SAAAA,EAAUC,UAAAA,KAAcC,KAE5EC,EAAC,SAAOD,EAAMD,UAAWG,EAAK,uBAAwBH,GACjDD,SAAAA,IASAK,EAA4C,EAAGL,SAAAA,EAAUC,UAAAA,KAAcC,KAE5EC,EAAC,SAAOD,EAAMD,UAAWG,EAAK,6BAA8BH,GACvDD,SAAAA,IASAM,EAAgD,EAAGN,SAAAA,EAAUC,UAAAA,KAAcC,KAEhFC,EAAC,SAAOD,EAAMD,UAAWG,EAAK,+BAAgCH,GACzDD,SAAAA"}

package/build/es/components/description-list/index.d.ts

@@ -0,0 +1 @@
+export * from './DescriptionList.js';

package/build/es/components/expander/ExpandSection.d.ts

@@ -0,0 +1,22 @@
+import { default as React, ReactNode } from 'react';
+import { Density } from '../../core/types.js';
+import { UseAnimatedHeightOptions } from '../../hooks/useAnimatedHeight/types.js';
+import { ExpanderProps } from './Expander.js';
+export interface ExpandSectionProps {
+    /**
+     * Innholdet som skal kunne ekspanderes og skjules.
+     * Om du ikke trenger at komponenten tar seg av visning og skjuling av
+     * innholdet skal du bruke `ExpandButton` direkte. Det sparer deg for
+     * å laste inn unødvendige avhengigheter.
+     */
+    children: ReactNode;
+    title: string;
+    className?: string;
+    density?: Density;
+    onClick?: (e: React.MouseEvent<HTMLElement>, isExpanded: boolean) => void;
+    expandButtonProps?: Omit<ExpanderProps, "id" | "isExpanded" | "onClick" | "hideLabel">;
+    useAnimatedHeightOptions?: UseAnimatedHeightOptions;
+    /** Om du ønsker å styre komponenten utenfra */
+    isExpanded?: boolean;
+}
+export declare const ExpandSection: ({ children, className, expandButtonProps, isExpanded, density, onClick, title, useAnimatedHeightOptions, ...rest }: ExpandSectionProps) => JSX.Element;

package/build/es/components/expander/ExpandSection.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import{useState as a,useEffect as n}from"react";import{useAnimatedDetails as i}from"../../hooks/useAnimatedDetails/useAnimatedDetails.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{E as o}from"../../../ExpandableTableRow-8_2Qs86T.js";const r=({children:r,className:d,expandButtonProps:c,isExpanded:m=!1,density:l,onClick:p,title:u,useAnimatedHeightOptions:x,...f})=>{const[j,k]=a(m);n((()=>{k(m)}),[m]);const{detailsRef:h,summaryRef:E,contentRef:_,onSummaryClick:y}=i({onOpenChange:(e,s)=>{k(e),p&&p(s,e)},isExpanded:m});return e("details",{"data-testid":"jkl-expand-section",className:t("jkl-expand-section",d),...f,ref:h,children:[s(o,{as:"summary",...c,density:l,isExpanded:j,onClick:y,ref:E,children:u}),s("div",{"data-testid":"jkl-expand-section__content-wrapper",className:"jkl-expand-section__content-wrapper",ref:_,children:s("div",{className:"jkl-expand-section__content",children:r})})]})};export{r as ExpandSection};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import{useState as a,useEffect as n}from"react";import{useAnimatedDetails as i}from"../../hooks/useAnimatedDetails/useAnimatedDetails.js";import{Expander as d}from"./Expander.js";const r=({children:r,className:o,expandButtonProps:c,isExpanded:m=!1,density:p,onClick:l,title:x,useAnimatedHeightOptions:f,...u})=>{const[j,k]=a(m);n((()=>{k(m)}),[m]);const{detailsRef:h,summaryRef:E,contentRef:_,onSummaryClick:y}=i({onOpenChange:(e,s)=>{k(e),l&&l(s,e)},isExpanded:m});return e("details",{"data-testid":"jkl-expand-section",className:t("jkl-expand-section",o),...u,ref:h,children:[s(d,{as:"summary",...c,density:p,isExpanded:j,onClick:y,ref:E,children:x}),s("div",{"data-testid":"jkl-expand-section__content-wrapper",className:"jkl-expand-section__content-wrapper",ref:_,children:s("div",{className:"jkl-expand-section__content",children:r})})]})};export{r as ExpandSection};
 //# sourceMappingURL=ExpandSection.js.map

package/build/es/components/expander/ExpandSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandSection.js","sources":["../../../../src/components/expander/ExpandSection.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { Density } from \"../..\";\nimport { UseAnimatedHeightOptions, useAnimatedDetails } from \"../../hooks\";\nimport type { ExpanderProps } from \"./Expander\";\nimport { Expander } from \"./Expander\";\n\nexport interface ExpandSectionProps {\n    /**\n     * Innholdet som skal kunne ekspanderes og skjules.\n     * Om du ikke trenger at komponenten tar seg av visning og skjuling av\n     * innholdet skal du bruke `ExpandButton` direkte. Det sparer deg for\n     * å laste inn unødvendige avhengigheter.\n     */\n    children: ReactNode;\n    title: string;\n    className?: string;\n    density?: Density;\n    onClick?: (e: React.MouseEvent<HTMLElement>, isExpanded: boolean) => void;\n    expandButtonProps?: Omit<ExpanderProps, \"id\" | \"isExpanded\" | \"onClick\" | \"hideLabel\">;\n    useAnimatedHeightOptions?: UseAnimatedHeightOptions;\n    /** Om du ønsker å styre komponenten utenfra */\n    isExpanded?: boolean;\n}\n\nexport const ExpandSection = ({\n    children,\n    className,\n    expandButtonProps,\n    isExpanded = false,\n    density,\n    onClick,\n    title,\n    useAnimatedHeightOptions,\n    ...rest\n}: ExpandSectionProps): JSX.Element => {\n    const [expanded, setIsExpanded] = useState(isExpanded);\n\n    useEffect(() => {\n        setIsExpanded(isExpanded);\n    }, [isExpanded]);\n\n    const { detailsRef, summaryRef, contentRef, onSummaryClick } = useAnimatedDetails({\n        onOpenChange: (open, e) => {\n            setIsExpanded(open);\n            if (onClick) {\n                onClick(e, open);\n            }\n        },\n        isExpanded,\n    });\n\n    return (\n        <details\n            data-testid={\"jkl-expand-section\"}\n            className={clsx(\"jkl-expand-section\", className)}\n            {...rest}\n            ref={detailsRef}\n        >\n            <Expander\n                as={\"summary\"}\n                {...expandButtonProps}\n                density={density}\n                isExpanded={expanded}\n                onClick={onSummaryClick}\n                ref={summaryRef}\n            >\n                {title}\n            </Expander>\n            <div\n                data-testid=\"jkl-expand-section__content-wrapper\"\n                className=\"jkl-expand-section__content-wrapper\"\n                ref={contentRef}\n            >\n                <div className=\"jkl-expand-section__content\">{children}</div>\n            </div>\n        </details>\n    );\n};\n"],"names":["ExpandSection","children","className","expandButtonProps","isExpanded","density","onClick","title","useAnimatedHeightOptions","rest","expanded","setIsExpanded","useState","useEffect","detailsRef","summaryRef","contentRef","onSummaryClick","useAnimatedDetails","onOpenChange","open","e","jsxs","clsx","ref","jsx","Expander","as"],"mappings":"oXAyBO,MAAMA,EAAgB,EACzBC,SAAAA,EACAC,UAAAA,EACAC,kBAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,yBAAAA,KACGC,MAEH,MAAOC,EAAUC,GAAiBC,EAASR,GAE3CS,GAAU,KACNF,EAAcP,EAAU,GACzB,CAACA,IAEE,MAAEU,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GAAmBC,EAAmB,CAC9EC,aAAc,CAACC,EAAMC,KACjBV,EAAcS,GACVd,GACAA,EAAQe,EAAGD,EAAI,EAGvBhB,WAAAA,IAIA,OAAAkB,EAAC,UAAA,CACG,cAAa,qBACbpB,UAAWqB,EAAK,qBAAsBrB,MAClCO,EACJe,IAAKV,EAELb,SAAA,CAAAwB,EAACC,EAAA,CACGC,GAAI,aACAxB,EACJE,QAAAA,EACAD,WAAYM,EACZJ,QAASW,EACTO,IAAKT,EAEJd,SAAAM,IAELkB,EAAC,MAAA,CACG,cAAY,sCACZvB,UAAU,sCACVsB,IAAKR,EAELf,SAACwB,EAAA,MAAA,CAAIvB,UAAU,8BAA+BD,SAAAA,QAClD"}
+{"version":3,"file":"ExpandSection.js","sources":["../../../../src/components/expander/ExpandSection.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { useAnimatedDetails } from \"../../hooks/useAnimatedDetails/useAnimatedDetails.js\";\nimport { UseAnimatedHeightOptions } from \"../../hooks/useAnimatedHeight/types.js\";\nimport { Expander, ExpanderProps } from \"./Expander.js\";\n\nexport interface ExpandSectionProps {\n    /**\n     * Innholdet som skal kunne ekspanderes og skjules.\n     * Om du ikke trenger at komponenten tar seg av visning og skjuling av\n     * innholdet skal du bruke `ExpandButton` direkte. Det sparer deg for\n     * å laste inn unødvendige avhengigheter.\n     */\n    children: ReactNode;\n    title: string;\n    className?: string;\n    density?: Density;\n    onClick?: (e: React.MouseEvent<HTMLElement>, isExpanded: boolean) => void;\n    expandButtonProps?: Omit<ExpanderProps, \"id\" | \"isExpanded\" | \"onClick\" | \"hideLabel\">;\n    useAnimatedHeightOptions?: UseAnimatedHeightOptions;\n    /** Om du ønsker å styre komponenten utenfra */\n    isExpanded?: boolean;\n}\n\nexport const ExpandSection = ({\n    children,\n    className,\n    expandButtonProps,\n    isExpanded = false,\n    density,\n    onClick,\n    title,\n    useAnimatedHeightOptions,\n    ...rest\n}: ExpandSectionProps): JSX.Element => {\n    const [expanded, setIsExpanded] = useState(isExpanded);\n\n    useEffect(() => {\n        setIsExpanded(isExpanded);\n    }, [isExpanded]);\n\n    const { detailsRef, summaryRef, contentRef, onSummaryClick } = useAnimatedDetails({\n        onOpenChange: (open, e) => {\n            setIsExpanded(open);\n            if (onClick) {\n                onClick(e, open);\n            }\n        },\n        isExpanded,\n    });\n\n    return (\n        <details\n            data-testid={\"jkl-expand-section\"}\n            className={clsx(\"jkl-expand-section\", className)}\n            {...rest}\n            ref={detailsRef}\n        >\n            <Expander\n                as={\"summary\"}\n                {...expandButtonProps}\n                density={density}\n                isExpanded={expanded}\n                onClick={onSummaryClick}\n                ref={summaryRef}\n            >\n                {title}\n            </Expander>\n            <div\n                data-testid=\"jkl-expand-section__content-wrapper\"\n                className=\"jkl-expand-section__content-wrapper\"\n                ref={contentRef}\n            >\n                <div className=\"jkl-expand-section__content\">{children}</div>\n            </div>\n        </details>\n    );\n};\n"],"names":["ExpandSection","children","className","expandButtonProps","isExpanded","density","onClick","title","useAnimatedHeightOptions","rest","expanded","setIsExpanded","useState","useEffect","detailsRef","summaryRef","contentRef","onSummaryClick","useAnimatedDetails","onOpenChange","open","e","jsxs","clsx","ref","jsx","Expander","as"],"mappings":"mRAyBO,MAAMA,EAAgB,EACzBC,SAAAA,EACAC,UAAAA,EACAC,kBAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,yBAAAA,KACGC,MAEH,MAAOC,EAAUC,GAAiBC,EAASR,GAE3CS,GAAU,KACNF,EAAcP,EAAU,GACzB,CAACA,IAEE,MAAEU,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GAAmBC,EAAmB,CAC9EC,aAAc,CAACC,EAAMC,KACjBV,EAAcS,GACVd,GACAA,EAAQe,EAAGD,EAAI,EAGvBhB,WAAAA,IAIA,OAAAkB,EAAC,UAAA,CACG,cAAa,qBACbpB,UAAWqB,EAAK,qBAAsBrB,MAClCO,EACJe,IAAKV,EAELb,SAAA,CAAAwB,EAACC,EAAA,CACGC,GAAI,aACAxB,EACJE,QAAAA,EACAD,WAAYM,EACZJ,QAASW,EACTO,IAAKT,EAEJd,SAAAM,IAELkB,EAAC,MAAA,CACG,cAAY,sCACZvB,UAAU,sCACVsB,IAAKR,EAELf,SAACwB,EAAA,MAAA,CAAIvB,UAAU,8BAA+BD,SAAAA,QAClD"}

package/build/es/components/expander/Expander.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { Density, WithChildren } from '../../core/types.js';
+export type ExpandDirection = "up" | "down";
+export interface ExpanderProps extends WithChildren {
+    as?: "summary" | "button";
+    /** Må settes dersom du ikke bruker CoreToggle. Verdien skal være IDen til innholdet du ekspanderer. */
+    "aria-controls"?: string;
+    /** Må settes dersom du ikke bruker CoreToggle. IDen her skal brukes som verdien til aria-labelledby på innholdet du ekspanderer. */
+    id?: string;
+    className?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    /**
+     * Styrer retningen til pila, som animeres ved endring. Styrer også aria-expanded.
+     * @default false
+     */
+    isExpanded?: boolean;
+    /** @default "down" */
+    expandDirection?: ExpandDirection;
+    density?: Density;
+    /**
+     * Skjul knappeteksten visuelt.
+     *
+     * @default false
+     */
+    hideLabel?: boolean;
+}
+export declare const Expander: React.ForwardRefExoticComponent<ExpanderProps & React.RefAttributes<HTMLButtonElement>>;

package/build/es/components/expander/Expander.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../feedback/feedbackContext.js";import"../message/Message.js";import"../message/FormErrorMessage.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../feedback/followup/followupContext.js";import"../feedback/main-question/mainQuestionContext.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import"../flex/Flex.js";import{E as o}from"../../../ExpandableTableRow-8_2Qs86T.js";import"../icon-button/IconButton.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../logo/text-paths/ForsikringLevertAvFremtind.js";import"../logo/text-paths/FraSB1ogDNB.js";import"../logo/text-paths/InnovasjonFraFremtind.js";import"../logo/text-paths/TeknologiFraFremtind.js";import"../logo/text-paths/VartEgetForsikringsselskap.js";import"../logo/text-paths/VartForsikringsselskap.js";import"../menu/MenuItem.js";import"../menu/MenuItemCheckbox.js";import"../pagination/Pagination.js";import"../popover/Popover.js";import"../system-message/SystemMessage.js";import"../table/DataTable.js";import"../table/Table.js";import"../table/TableBody.js";import"../table/TableCaption.js";import"../table/TableCell.js";import"../table/TableColumn.js";import"../table/TableColumnGroup.js";import"../table/tableContext.js";import"../table/tableSectionContext.js";import"../table/TableFooter.js";import"../table/TableHead.js";import"../table/TableHeader.js";import"../table/TableRow.js";import"../tabs/NavTab.js";import"../tabs/tabsContext.js";import"../tabs/Tab.js";import"../tag/Tag.js";import"../toast/toastContext.js";import"../toggle-switch/ToggleSwitch.js";import"../ScreenReaderOnly.js";export{o as Expander};
+import{jsxs as o,jsx as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import c from"react";import"../icon/Icon.js";import{ArrowVerticalAnimated as s}from"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import{ScreenReaderOnly as r}from"../ScreenReaderOnly.js";const e=c.forwardRef((({as:e="button",className:t,children:a,density:m,expandDirection:p="down",isExpanded:j=!1,hideLabel:d=!1,...I},l)=>{const h=d?r:c.Fragment,x="down"===p?!j:j;return o(e,{"aria-expanded":j,"data-testid":"jkl-expander",type:"button"===e?"button":void 0,className:i("jkl-expander",t,{"jkl-expander--expanded":j,"jkl-expander--icon-only":!a}),...I,"data-density":m,ref:l,children:[a&&n(h,{children:n("span",{className:"jkl-expander__text",children:a})}),n(s,{className:"jkl-expander__arrow",pointingDown:x,bold:j})]})}));e.displayName="Expander";export{e as Expander};
 //# sourceMappingURL=Expander.js.map

package/build/es/components/expander/Expander.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expander.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Expander.js","sources":["../../../../src/components/expander/Expander.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ForwardedRef } from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { ArrowVerticalAnimated } from \"../icon/index.js\";\nimport { ScreenReaderOnly } from \"../ScreenReaderOnly.js\";\n\nexport type ExpandDirection = \"up\" | \"down\";\n\nexport interface ExpanderProps extends WithChildren {\n    as?: \"summary\" | \"button\";\n    /** Må settes dersom du ikke bruker CoreToggle. Verdien skal være IDen til innholdet du ekspanderer. */\n    \"aria-controls\"?: string;\n    /** Må settes dersom du ikke bruker CoreToggle. IDen her skal brukes som verdien til aria-labelledby på innholdet du ekspanderer. */\n    id?: string;\n    className?: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n    /**\n     * Styrer retningen til pila, som animeres ved endring. Styrer også aria-expanded.\n     * @default false\n     */\n    isExpanded?: boolean;\n    /** @default \"down\" */\n    expandDirection?: ExpandDirection;\n    density?: Density;\n    /**\n     * Skjul knappeteksten visuelt.\n     *\n     * @default false\n     */\n    hideLabel?: boolean;\n}\n\nexport const Expander = React.forwardRef(\n    (\n        {\n            as = \"button\",\n            className,\n            children,\n            density,\n            expandDirection = \"down\",\n            isExpanded = false,\n            hideLabel = false,\n            ...rest\n        }: ExpanderProps,\n        ref: ForwardedRef<HTMLButtonElement>,\n    ): JSX.Element => {\n        const ContentWrapper = hideLabel ? ScreenReaderOnly : React.Fragment;\n        const pointingDown = expandDirection === \"down\" ? !isExpanded : isExpanded;\n\n        const El = as;\n        const type = El === \"button\" ? \"button\" : undefined;\n\n        return (\n            <El\n                aria-expanded={isExpanded}\n                data-testid=\"jkl-expander\"\n                type={type}\n                className={clsx(\"jkl-expander\", className, {\n                    \"jkl-expander--expanded\": isExpanded,\n                    \"jkl-expander--icon-only\": !children,\n                })}\n                {...rest}\n                data-density={density}\n                ref={ref}\n            >\n                {children && (\n                    <ContentWrapper>\n                        <span className=\"jkl-expander__text\">{children}</span>\n                    </ContentWrapper>\n                )}\n                <ArrowVerticalAnimated className=\"jkl-expander__arrow\" pointingDown={pointingDown} bold={isExpanded} />\n            </El>\n        );\n    },\n);\n\nExpander.displayName = \"Expander\";\n"],"names":["Expander","React","forwardRef","as","className","children","density","expandDirection","isExpanded","hideLabel","rest","ref","ContentWrapper","ScreenReaderOnly","Fragment","pointingDown","jsxs","type","clsx","jsx","ArrowVerticalAnimated","bold","displayName"],"mappings":"khDAiCO,MAAMA,EAAWC,EAAMC,YAC1B,EAEQC,GAAAA,EAAK,SACLC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,gBAAAA,EAAkB,OAClBC,WAAAA,GAAa,EACbC,UAAAA,GAAY,KACTC,GAEPC,KAEMC,MAAAA,EAAiBH,EAAYI,EAAmBZ,EAAMa,SACtDC,EAAmC,SAApBR,GAA8BC,EAAaA,EAM5D,OAAAQ,EAJOb,EAIN,CACG,gBAAeK,EACf,cAAY,eACZS,KANY,WADTd,EACoB,cAAW,EAOlCC,UAAWc,EAAK,eAAgBd,EAAW,CACvC,yBAA0BI,EAC1B,2BAA4BH,OAE5BK,EACJ,eAAcJ,EACdK,IAAAA,EAECN,SAAA,CAAAA,KACIO,EACG,CAAAP,SAAAc,EAAC,QAAKf,UAAU,qBAAsBC,SAAAA,QAG7Ce,EAAsB,CAAAhB,UAAU,sBAAsBW,aAAAA,EAA4BM,KAAMb,MAAY,IAMrHR,EAASsB,YAAc"}

package/build/es/components/expander/index.d.ts

@@ -0,0 +1,4 @@
+export type { ExpanderProps as ExpandButtonProps } from './Expander.js';
+export { Expander } from './Expander.js';
+export type { ExpandSectionProps } from './ExpandSection.js';
+export { ExpandSection } from './ExpandSection.js';

package/build/es/components/expander/index.js

@@ -1,2 +1,2 @@
-import{E as a}from"../../../ExpandableTableRow-8_2Qs86T.js";import{ExpandSection as o}from"./ExpandSection.js";export{o as ExpandSection,a as Expander};
+import{Expander as a}from"./Expander.js";import{ExpandSection as n}from"./ExpandSection.js";export{n as ExpandSection,a as Expander};
 //# sourceMappingURL=index.js.map