@fremtind/jokul 0.27.1 → 0.27.3

package/build/cjs/components/datepicker/internal/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","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":["getMonths","month","year","selectedDates","minDate","maxDate","firstDayOfWeek","showOutsideDays","daysMonthYear","normalizedMonthYear","Date","getMonth","getFullYear","daysInMonth","getDate","getNumDaysMonthYear","dates","day","date","dateObj","selected","isSelected","selectable","isSelectable","today","isToday","prevMonth","nextMonth","push","firstDayOfMonth","lastDayOfMonth","frontWeekBuffer","firstDay","getDay","lastDayOfPrevMonth","addDays","prevDate","prevDateMonth","prevDateYear","counter","unshift","fillFrontWeek","backWeekBuffer","lastDay","firstDayOfNextMonth","nextDateMonth","nextDateYear","fillBackWeek","weeks","weeksLength","Math","ceil","length","i","x","getWeeks","Array","isArray","some","selectedDate","startOfDay","getTime","isBefore","isSameDay","date1","date2","dateIsOutsideRange","rangeStart","rangeEnd","calendars","offset","diffInMonths","differenceInCalendarMonths","fns","event","fn","defaultPrevented","newDate","monthsToDisplay","months","startDate","minDateNormalized","maxDateNormalized","getStartDate","calendarDates","value","defaultValue","valueAsDate","parseDateString","defaultValueAsDate","defaultSelected","initialDate","currentYear","monthNames","minDateYear","minDateMonth","maxDateYear","maxDateMonth","startMonth","endMonth","map","index","toString","label","filter","parseInt","yearsToShow","previousYearsToShow","comingYearsToShow","showAllYears","previous","coming","startYear","earliestStartYear","max","endYear","latestEndYear","min","numYears","keys","item","firstDayOfMonthMinusOne","lastDayOfMonthPlusOne"],"mappings":"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"}
+{"version":3,"file":"utils.cjs","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 {\n    addDays,\n    differenceInCalendarMonths,\n    isBefore,\n    isToday,\n    startOfDay,\n} 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(\n    ...fns: Array<React.MouseEventHandler | undefined>\n) {\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(\n            firstDayOfMonth,\n            minDate,\n        );\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 =\n            typeof yearsToShow === \"number\"\n                ? yearsToShow\n                : yearsToShow.previous;\n        comingYearsToShow =\n            typeof yearsToShow === \"number\" ? yearsToShow : yearsToShow.coming;\n    }\n\n    let startYear = currentYear - previousYearsToShow;\n    if (minDate) {\n        const earliestStartYear = showAllYears\n            ? minDate.getFullYear()\n            : 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 =\n        minDate?.getMonth() === undefined ? 0 : minDate.getMonth();\n    const maxDateYear = maxDate?.getFullYear() || currentYear;\n    const maxDateMonth =\n        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(\n            ({ value }) =>\n                parseInt(value) >= startMonth && parseInt(value) <= endMonth,\n        );\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(\n            maxDate,\n            lastDayOfMonth,\n        );\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({\n    calendars,\n    minDate,\n}: {\n    calendars: CalendarMonth[];\n    minDate?: Date;\n}): 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({\n    calendars,\n    maxDate,\n}: {\n    calendars: CalendarMonth[];\n    maxDate?: Date;\n}): 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(\n                prevDateYear,\n                prevDateMonth,\n                prevDate - counter,\n            );\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(\n    month: number,\n    year: number,\n): { 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(\n    selectedDates: Date | Date[] | undefined,\n    date: Date,\n): boolean {\n    if (!selectedDates) {\n        return false;\n    }\n    selectedDates = Array.isArray(selectedDates)\n        ? selectedDates\n        : [selectedDates];\n    return selectedDates.some((selectedDate) => {\n        if (\n            selectedDate instanceof Date &&\n            startOfDay(selectedDate).getTime() === startOfDay(date).getTime()\n        ) {\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(\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n    date: Date,\n): boolean {\n    if (\n        (minDate && isBefore(date, minDate)) ||\n        (maxDate && isBefore(maxDate, date))\n    ) {\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(\n    date: Date,\n    rangeStart: Date | undefined,\n    rangeEnd: Date | undefined,\n): boolean {\n    return Boolean(\n        (rangeEnd && date > rangeEnd) || (rangeStart && date < rangeStart),\n    );\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)\n            ? valueAsDate\n            : null;\n    }\n    if (defaultValueAsDate) {\n        return !dateIsOutsideRange(defaultValueAsDate, minDate, maxDate)\n            ? defaultValueAsDate\n            : 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":["getMonths","month","year","selectedDates","minDate","maxDate","firstDayOfWeek","showOutsideDays","daysMonthYear","normalizedMonthYear","Date","getMonth","getFullYear","daysInMonth","getDate","getNumDaysMonthYear","dates","day","date","dateObj","selected","isSelected","selectable","isSelectable","today","isToday","prevMonth","nextMonth","push","firstDayOfMonth","lastDayOfMonth","frontWeekBuffer","firstDay","getDay","lastDayOfPrevMonth","addDays","prevDate","prevDateMonth","prevDateYear","counter","unshift","fillFrontWeek","backWeekBuffer","lastDay","firstDayOfNextMonth","nextDateMonth","nextDateYear","fillBackWeek","weeks","weeksLength","Math","ceil","length","i","x","getWeeks","Array","isArray","some","selectedDate","startOfDay","getTime","isBefore","isSameDay","date1","date2","dateIsOutsideRange","rangeStart","rangeEnd","calendars","offset","diffInMonths","differenceInCalendarMonths","fns","event","fn","defaultPrevented","newDate","monthsToDisplay","months","startDate","minDateNormalized","maxDateNormalized","getStartDate","calendarDates","value","defaultValue","valueAsDate","parseDateString","defaultValueAsDate","defaultSelected","initialDate","currentYear","monthNames","minDateYear","minDateMonth","maxDateYear","maxDateMonth","startMonth","endMonth","map","index","toString","label","filter","parseInt","yearsToShow","previousYearsToShow","comingYearsToShow","showAllYears","previous","coming","startYear","earliestStartYear","max","endYear","latestEndYear","min","numYears","keys","item","firstDayOfMonthMinusOne","lastDayOfMonthPlusOne"],"mappings":"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"}

package/build/cjs/components/datepicker/internal/utils.d.cts

@@ -58,7 +58,7 @@ export declare function addMonth({ calendars, offset, maxDate, }: {
  * @param {Date} param.minDate The earliest date available
  * @returns {Boolean} Whether the back button should be disabled.
  */
-export declare function isBackDisabled({ calendars, minDate }: {
+export declare function isBackDisabled({ calendars, minDate, }: {
     calendars: CalendarMonth[];
     minDate?: Date;
 }): boolean;
@@ -70,7 +70,7 @@ export declare function isBackDisabled({ calendars, minDate }: {
  * @param {Date} param.maxDate The furthest date available
  * @returns {Boolean} Whether the forward button should be disabled.
  */
-export declare function isForwardDisabled({ calendars, maxDate }: {
+export declare function isForwardDisabled({ calendars, maxDate, }: {
     calendars: CalendarMonth[];
     maxDate?: Date;
 }): boolean;

package/build/cjs/components/datepicker/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/datepicker/utils.ts"],"sourcesContent":["import React from \"react\";\n\nexport const dayMonthYearRegex = /^(\\d\\d?)[\\W](\\d\\d?)[\\W](\\d{4}|\\d{2})$/;\nconst yearMonthDayRegex = /^(\\d{4}|\\d{2})[\\W](\\d\\d?)[\\W](\\d\\d?)$/;\n\n/**\n * Format a Date object as a string in the format DatePicker expects.\n *\n * @param date the Date object to format\n * @return returns a date string with \"dd.mm.yyyy\"-format\n */\nexport function formatInput(date: Date): string {\n    const day = `${date.getDate()}`.padStart(2, \"0\");\n    const month = `${date.getMonth() + 1}`.padStart(2, \"0\");\n    return `${day}.${month}.${date.getFullYear()}`;\n}\n\n/**\n * Get the date segments from a string of unknown format\n *\n * @param input date as a string with unknown format\n * @returns an array of string elements [day, month, year]\n */\nconst getDateSegmentsFromString = (input: string): string[] | undefined => {\n    const dayMonthYear = dayMonthYearRegex.exec(input);\n\n    if (dayMonthYear) {\n        return dayMonthYear.slice(1, 4);\n    }\n\n    const yearMonthDay = yearMonthDayRegex.exec(input);\n\n    if (!yearMonthDay) {\n        return undefined;\n    }\n\n    // reverse to get the correct ordering\n    const slicedDateSegments = yearMonthDay.slice(1, 4);\n    slicedDateSegments.reverse();\n\n    return slicedDateSegments;\n};\n\n/**\n * Convert a date string to a Date object\n *\n * @param dateString date as string with format dd.mm.yyyy\n * @return a Date object representing the given date\n */\nexport function parseDateString(dateString?: string): Date | undefined {\n    if (!dateString) {\n        return undefined;\n    }\n\n    const inputDateSegments = getDateSegmentsFromString(dateString);\n\n    if (!inputDateSegments) {\n        return undefined;\n    }\n\n    const currentTwoDigitYear = parseInt(new Date().toLocaleString(\"no-NB\", { year: \"2-digit\" }));\n    const parseTwoDigitYear = (year: number) => (year > currentTwoDigitYear ? year + 1900 : year + 2000);\n\n    const day = parseInt(inputDateSegments[0], 10);\n    const month = parseInt(inputDateSegments[1], 10) - 1;\n    const yearIn = parseInt(inputDateSegments[2], 10);\n    const year = yearIn > 99 ? yearIn : parseTwoDigitYear(yearIn);\n\n    const generatedDate = new Date(year, month, day, 0, 0, 0);\n    // Days can \"overflow\" to next month/year in Date(). Return undefined if it does:\n    return generatedDate.getMonth() === month && generatedDate.getFullYear() === year ? generatedDate : undefined;\n}\n\n/**\n * Hjelpefunksjon for å se om en onBlur går utenfor DatePicker,\n * eller om den går til et interaktivt element inni DatePickeren.\n * @param {React.FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur\n * @returns {boolean} true hvis e.relatedTarget er utenfor DatePicker\n */\nexport function isBlurTargetOutside(e: React.FocusEvent<HTMLButtonElement | HTMLInputElement>): boolean {\n    if (!e.relatedTarget) {\n        return true;\n    }\n\n    const targetRoot = e.target.closest(\".jkl-datepicker__input-wrapper\");\n    const relatedTargetRoot = e.relatedTarget.closest(\".jkl-datepicker__input-wrapper\");\n\n    return relatedTargetRoot !== targetRoot;\n}\n"],"names":["dayMonthYearRegex","yearMonthDayRegex","date","getDate","padStart","getMonth","getFullYear","e","relatedTarget","targetRoot","target","closest","dateString","inputDateSegments","input","dayMonthYear","exec","slice","yearMonthDay","slicedDateSegments","reverse","getDateSegmentsFromString","currentTwoDigitYear","parseInt","Date","toLocaleString","year","day","month","yearIn","generatedDate"],"mappings":"gFAEO,MAAMA,EAAoB,wCAC3BC,EAAoB,wFAQnB,SAAqBC,GAGxB,MAAO,GAFK,GAAGA,EAAKC,YAAYC,SAAS,EAAG,QAC9B,GAAGF,EAAKG,WAAa,IAAID,SAAS,EAAG,QACzBF,EAAKI,eACnC,8BAgEO,SAA6BC,GAC5B,IAACA,EAAEC,cACI,OAAA,EAGX,MAAMC,EAAaF,EAAEG,OAAOC,QAAQ,kCAGpC,OAF0BJ,EAAEC,cAAcG,QAAQ,oCAErBF,CACjC,0BAvCO,SAAyBG,GAC5B,IAAKA,EACM,OAGL,MAAAC,EA/ByBC,KACzB,MAAAC,EAAef,EAAkBgB,KAAKF,GAE5C,GAAIC,EACO,OAAAA,EAAaE,MAAM,EAAG,GAG3B,MAAAC,EAAejB,EAAkBe,KAAKF,GAE5C,IAAKI,EACM,OAIX,MAAMC,EAAqBD,EAAaD,MAAM,EAAG,GACjD,OAAAE,EAAmBC,UAEZD,GAcmBE,CAA0BT,GAEpD,IAAKC,EACM,OAGL,MAAAS,EAAsBC,UAAS,IAAIC,MAAOC,eAAe,QAAS,CAAEC,KAAM,aAG1EC,EAAMJ,SAASV,EAAkB,GAAI,IACrCe,EAAQL,SAASV,EAAkB,GAAI,IAAM,EAC7CgB,EAASN,SAASV,EAAkB,GAAI,IACxCa,EAAOG,EAAS,GAAKA,GALAH,EAK2BG,GALFP,EAAsBI,EAAO,KAAOA,EAAO,IAOzFI,EAAgB,IAAIN,KAAKE,EAAME,EAAOD,EAAK,EAAG,EAAG,GAP5BD,MASpB,OAAAI,EAAczB,aAAeuB,GAASE,EAAcxB,gBAAkBoB,EAAOI,OAAgB,CACxG"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/datepicker/utils.ts"],"sourcesContent":["import React from \"react\";\n\nexport const dayMonthYearRegex = /^(\\d\\d?)[\\W](\\d\\d?)[\\W](\\d{4}|\\d{2})$/;\nconst yearMonthDayRegex = /^(\\d{4}|\\d{2})[\\W](\\d\\d?)[\\W](\\d\\d?)$/;\n\n/**\n * Format a Date object as a string in the format DatePicker expects.\n *\n * @param date the Date object to format\n * @return returns a date string with \"dd.mm.yyyy\"-format\n */\nexport function formatInput(date: Date): string {\n    const day = `${date.getDate()}`.padStart(2, \"0\");\n    const month = `${date.getMonth() + 1}`.padStart(2, \"0\");\n    return `${day}.${month}.${date.getFullYear()}`;\n}\n\n/**\n * Get the date segments from a string of unknown format\n *\n * @param input date as a string with unknown format\n * @returns an array of string elements [day, month, year]\n */\nconst getDateSegmentsFromString = (input: string): string[] | undefined => {\n    const dayMonthYear = dayMonthYearRegex.exec(input);\n\n    if (dayMonthYear) {\n        return dayMonthYear.slice(1, 4);\n    }\n\n    const yearMonthDay = yearMonthDayRegex.exec(input);\n\n    if (!yearMonthDay) {\n        return undefined;\n    }\n\n    // reverse to get the correct ordering\n    const slicedDateSegments = yearMonthDay.slice(1, 4);\n    slicedDateSegments.reverse();\n\n    return slicedDateSegments;\n};\n\n/**\n * Convert a date string to a Date object\n *\n * @param dateString date as string with format dd.mm.yyyy\n * @return a Date object representing the given date\n */\nexport function parseDateString(dateString?: string): Date | undefined {\n    if (!dateString) {\n        return undefined;\n    }\n\n    const inputDateSegments = getDateSegmentsFromString(dateString);\n\n    if (!inputDateSegments) {\n        return undefined;\n    }\n\n    const currentTwoDigitYear = parseInt(\n        new Date().toLocaleString(\"no-NB\", { year: \"2-digit\" }),\n    );\n    const parseTwoDigitYear = (year: number) =>\n        year > currentTwoDigitYear ? year + 1900 : year + 2000;\n\n    const day = parseInt(inputDateSegments[0], 10);\n    const month = parseInt(inputDateSegments[1], 10) - 1;\n    const yearIn = parseInt(inputDateSegments[2], 10);\n    const year = yearIn > 99 ? yearIn : parseTwoDigitYear(yearIn);\n\n    const generatedDate = new Date(year, month, day, 0, 0, 0);\n    // Days can \"overflow\" to next month/year in Date(). Return undefined if it does:\n    return generatedDate.getMonth() === month &&\n        generatedDate.getFullYear() === year\n        ? generatedDate\n        : undefined;\n}\n\n/**\n * Hjelpefunksjon for å se om en onBlur går utenfor DatePicker,\n * eller om den går til et interaktivt element inni DatePickeren.\n * @param {React.FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur\n * @returns {boolean} true hvis e.relatedTarget er utenfor DatePicker\n */\nexport function isBlurTargetOutside(\n    e: React.FocusEvent<HTMLButtonElement | HTMLInputElement>,\n): boolean {\n    if (!e.relatedTarget) {\n        return true;\n    }\n\n    const targetRoot = e.target.closest(\".jkl-datepicker__input-wrapper\");\n    const relatedTargetRoot = e.relatedTarget.closest(\n        \".jkl-datepicker__input-wrapper\",\n    );\n\n    return relatedTargetRoot !== targetRoot;\n}\n"],"names":["dayMonthYearRegex","yearMonthDayRegex","date","getDate","padStart","getMonth","getFullYear","e","relatedTarget","targetRoot","target","closest","dateString","inputDateSegments","input","dayMonthYear","exec","slice","yearMonthDay","slicedDateSegments","reverse","getDateSegmentsFromString","currentTwoDigitYear","parseInt","Date","toLocaleString","year","day","month","yearIn","generatedDate"],"mappings":"gFAEO,MAAMA,EAAoB,wCAC3BC,EAAoB,wFAQnB,SAAqBC,GAGxB,MAAO,GAFK,GAAGA,EAAKC,YAAYC,SAAS,EAAG,QAC9B,GAAGF,EAAKG,WAAa,IAAID,SAAS,EAAG,QACzBF,EAAKI,eACnC,8BAsEO,SACHC,GAEI,IAACA,EAAEC,cACI,OAAA,EAGX,MAAMC,EAAaF,EAAEG,OAAOC,QAAQ,kCAKpC,OAJ0BJ,EAAEC,cAAcG,QACtC,oCAGyBF,CACjC,0BAjDO,SAAyBG,GAC5B,IAAKA,EACM,OAGL,MAAAC,EA/ByBC,KACzB,MAAAC,EAAef,EAAkBgB,KAAKF,GAE5C,GAAIC,EACO,OAAAA,EAAaE,MAAM,EAAG,GAG3B,MAAAC,EAAejB,EAAkBe,KAAKF,GAE5C,IAAKI,EACM,OAIX,MAAMC,EAAqBD,EAAaD,MAAM,EAAG,GACjD,OAAAE,EAAmBC,UAEZD,GAcmBE,CAA0BT,GAEpD,IAAKC,EACM,OAGX,MAAMS,EAAsBC,UACxB,IAAIC,MAAOC,eAAe,QAAS,CAAEC,KAAM,aAKzCC,EAAMJ,SAASV,EAAkB,GAAI,IACrCe,EAAQL,SAASV,EAAkB,GAAI,IAAM,EAC7CgB,EAASN,SAASV,EAAkB,GAAI,IACxCa,EAAOG,EAAS,GAAKA,GANAH,EAM2BG,GAL3CP,EAAsBI,EAAO,KAAOA,EAAO,IAOhDI,EAAgB,IAAIN,KAAKE,EAAME,EAAOD,EAAK,EAAG,EAAG,GAR5BD,MAUpB,OAAAI,EAAczB,aAAeuB,GAChCE,EAAcxB,gBAAkBoB,EAC9BI,OACA,CACV"}

package/build/cjs/components/description-list/DescriptionList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.cjs","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":["children","className","rest","jsx","clsx"],"mappings":"uLAgC6D,EAAGA,SAAAA,EAAUC,UAAAA,KAAcC,KAEhFC,MAAC,SAAOD,EAAMD,UAAWG,EAAKA,KAAA,+BAAgCH,GACzDD,SAAAA,4BA3B4C,EAAGA,SAAAA,EAAUC,UAAAA,KAAcC,KAE5EC,MAAC,SAAOD,EAAMD,UAAWG,EAAKA,KAAA,uBAAwBH,GACjDD,SAAAA,4BAS4C,EAAGA,SAAAA,EAAUC,UAAAA,KAAcC,KAE5EC,MAAC,SAAOD,EAAMD,UAAWG,EAAKA,KAAA,6BAA8BH,GACvDD,SAAAA"}
+{"version":3,"file":"DescriptionList.cjs","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> = ({\n    children,\n    className,\n    ...rest\n}) => {\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> = ({\n    children,\n    className,\n    ...rest\n}) => {\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> = ({\n    children,\n    className,\n    ...rest\n}) => {\n    return (\n        <dd\n            {...rest}\n            className={clsx(\"jkl-description-list__detail\", className)}\n        >\n            {children}\n        </dd>\n    );\n};\n"],"names":["children","className","rest","jsx","clsx"],"mappings":"uLAwC6D,EACzDA,SAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAAA,IAAC,KAAA,IACOD,EACJD,UAAWG,EAAAA,KAAK,+BAAgCH,GAE/CD,SAAAA,4BA1C4C,EACrDA,SAAAA,EACAC,UAAAA,KACGC,KAGCC,MAAC,SAAOD,EAAMD,UAAWG,EAAKA,KAAA,uBAAwBH,GACjDD,SAAAA,4BAS4C,EACrDA,SAAAA,EACAC,UAAAA,KACGC,KAGCC,MAAC,SAAOD,EAAMD,UAAWG,EAAKA,KAAA,6BAA8BH,GACvDD,SAAAA"}

package/build/cjs/components/expander/ExpandSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandSection.cjs","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":["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":"qSAyB6B,EACzBA,SAAAA,EACAC,UAAAA,EACAC,kBAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,yBAAAA,KACGC,MAEH,MAAOC,EAAUC,GAAiBC,WAASR,GAE3CS,EAAAA,WAAU,KACNF,EAAcP,EAAU,GACzB,CAACA,IAEJ,MAAQU,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GAAmBC,EAAAA,mBAAmB,CAC9EC,aAAc,CAACC,EAAMC,KACjBV,EAAcS,GACVd,GACAA,EAAQe,EAAGD,EAAI,EAGvBhB,WAAAA,IAIA,OAAAkB,EAAAA,KAAC,UAAA,CACG,cAAa,qBACbpB,UAAWqB,EAAAA,KAAK,qBAAsBrB,MAClCO,EACJe,IAAKV,EAELb,SAAA,CAAAwB,EAAAA,IAACC,EAAAA,SAAA,CACGC,GAAI,aACAxB,EACJE,QAAAA,EACAD,WAAYM,EACZJ,QAASW,EACTO,IAAKT,EAEJd,SAAAM,IAELkB,EAAAA,IAAC,MAAA,CACG,cAAY,sCACZvB,UAAU,sCACVsB,IAAKR,EAELf,SAACwB,EAAAA,IAAA,MAAA,CAAIvB,UAAU,8BAA+BD,SAAAA,QAClD"}
+{"version":3,"file":"ExpandSection.cjs","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<\n        ExpanderProps,\n        \"id\" | \"isExpanded\" | \"onClick\" | \"hideLabel\"\n    >;\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 } =\n        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":["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":"qSA4B6B,EACzBA,SAAAA,EACAC,UAAAA,EACAC,kBAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,yBAAAA,KACGC,MAEH,MAAOC,EAAUC,GAAiBC,WAASR,GAE3CS,EAAAA,WAAU,KACNF,EAAcP,EAAU,GACzB,CAACA,IAEJ,MAAQU,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GACxCC,EAAAA,mBAAmB,CACfC,aAAc,CAACC,EAAMC,KACjBV,EAAcS,GACVd,GACAA,EAAQe,EAAGD,EAAI,EAGvBhB,WAAAA,IAIJ,OAAAkB,EAAAA,KAAC,UAAA,CACG,cAAa,qBACbpB,UAAWqB,EAAAA,KAAK,qBAAsBrB,MAClCO,EACJe,IAAKV,EAELb,SAAA,CAAAwB,EAAAA,IAACC,EAAAA,SAAA,CACGC,GAAI,aACAxB,EACJE,QAAAA,EACAD,WAAYM,EACZJ,QAASW,EACTO,IAAKT,EAEJd,SAAAM,IAELkB,EAAAA,IAAC,MAAA,CACG,cAAY,sCACZvB,UAAU,sCACVsB,IAAKR,EAELf,SAACwB,EAAAA,IAAA,MAAA,CAAIvB,UAAU,8BAA+BD,SAAAA,QAClD"}

package/build/cjs/components/expander/Expander.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Expander.cjs","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","El","type","jsxs","clsx","jsx","ArrowVerticalAnimated","bold","displayName"],"mappings":"krDAiCaA,EAAWC,EAAMC,YAC1B,EAEQC,GAAAA,EAAK,SACLC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,gBAAAA,EAAkB,OAClBC,WAAAA,GAAa,EACbC,UAAAA,GAAY,KACTC,GAEPC,KAEM,MAAAC,EAAiBH,EAAYI,mBAAmBZ,EAAMa,SACtDC,EAAmC,SAApBR,GAA8BC,EAAaA,EAE1DQ,EAAKb,EACLc,EAAc,WAAPD,EAAkB,cAAW,EAGtC,OAAAE,EAAAA,KAACF,EAAA,CACG,gBAAeR,EACf,cAAY,eACZS,KAAAA,EACAb,UAAWe,EAAAA,KAAK,eAAgBf,EAAW,CACvC,yBAA0BI,EAC1B,2BAA4BH,OAE5BK,EACJ,eAAcJ,EACdK,IAAAA,EAECN,SAAA,CAAAA,SACIO,EACG,CAAAP,SAAAe,EAAAA,IAAC,QAAKhB,UAAU,qBAAsBC,SAAAA,YAG7CgB,EAAsBA,sBAAA,CAAAjB,UAAU,sBAAsBW,aAAAA,EAA4BO,KAAMd,MAAY,IAMrHR,EAASuB,YAAc"}
+{"version":3,"file":"Expander.cjs","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 =\n            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\n                    className=\"jkl-expander__arrow\"\n                    pointingDown={pointingDown}\n                    bold={isExpanded}\n                />\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","El","type","jsxs","clsx","jsx","ArrowVerticalAnimated","bold","displayName"],"mappings":"krDAiCaA,EAAWC,EAAMC,YAC1B,EAEQC,GAAAA,EAAK,SACLC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,gBAAAA,EAAkB,OAClBC,WAAAA,GAAa,EACbC,UAAAA,GAAY,KACTC,GAEPC,KAEM,MAAAC,EAAiBH,EAAYI,mBAAmBZ,EAAMa,SACtDC,EACkB,SAApBR,GAA8BC,EAAaA,EAEzCQ,EAAKb,EACLc,EAAc,WAAPD,EAAkB,cAAW,EAGtC,OAAAE,EAAAA,KAACF,EAAA,CACG,gBAAeR,EACf,cAAY,eACZS,KAAAA,EACAb,UAAWe,EAAAA,KAAK,eAAgBf,EAAW,CACvC,yBAA0BI,EAC1B,2BAA4BH,OAE5BK,EACJ,eAAcJ,EACdK,IAAAA,EAECN,SAAA,CAAAA,SACIO,EACG,CAAAP,SAAAe,EAAAA,IAAC,QAAKhB,UAAU,qBAAsBC,SAAAA,MAG9Ce,EAAAA,IAACC,EAAAA,sBAAA,CACGjB,UAAU,sBACVW,aAAAA,EACAO,KAAMd,MACV,IAMhBR,EAASuB,YAAc"}

package/build/cjs/components/feedback/Feedback.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Feedback.cjs","sources":["../../../../src/components/feedback/Feedback.tsx"],"sourcesContent":["import React, { ComponentProps, ReactElement, ReactNode, useState } from \"react\";\nimport { BaseTextAreaProps } from \"../text-input/BaseTextArea.js\";\nimport { FeedbackContextProvider } from \"./feedbackContext.js\";\nimport { Followup } from \"./followup/Followup.js\";\nimport { MainQuestion } from \"./main-question/MainQuestion.js\";\nimport { ContactQuestion } from \"./questions/ContactQuestion.js\";\nimport { FeedbackOption, FeedbackType } from \"./types.js\";\n\ntype FollowupProps = ComponentProps<typeof Followup>;\ntype ContactQuestionProps = ComponentProps<typeof ContactQuestion>;\n\ntype Props = {\n    className?: string;\n    /** Velg typen alternativer, Smiley eller RadioButtons. */\n    type: \"radio\" | \"smiley\";\n    /** Spørsmålet som stilles til brukeren */\n    label: string;\n    /** Hjelpetekst til hovedspørsmålet */\n    helpLabel?: string;\n    /** Svaralternativer til spørsmålet */\n    options: FeedbackOption[];\n    /** Dersom du vil stille et åpent spørsmål i tillegg kan du sette denne til en truthy verdi */\n    addOnQuestion?:\n        | {\n              /** Spørsmålet du vil stille */\n              label?: string;\n              /** Eventuell hjelpetekst. Om du ikke spesifiserer en vil det vises en påminnelse om å ikke skrive inn personling informasjon. */\n              helpLabel?: string;\n          }\n        | boolean;\n    /** Lar deg tilpasse meldingen som kommer når brukeren sender inn tilbakemeldingen.  */\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n    /**\n     * Funksjon for å håndtere innsending av tilbakemelding\n     * @param value Verdien av tilbakemeldingen. Dette er et objekt med følgende egenskaper:\n     * - `feedbackValue`: Selve verdien av tilbakemeldingen (format varierer etter spørsmålstype)\n     * - `intentionalSubmit`: Er `true` hvis brukeren aktivt sendte inn skjemaet, `false` hvis skjemaet ble sendt inn automatisk\n     * - `message`: Eventuell utfyllende melding fra bruker. Blir kun sendt inn ved aktiv innsending\n     */\n    onSubmit: (value: FeedbackType) => void;\n    followup?: FollowupProps;\n    contactQuestion?: ContactQuestionProps;\n    /**\n     * Hvis du ønsker at Feedback formen skal eksponeres som et landmark kan du sende inn\n     * hva du ønsker at en skjermleser skal kalle den her. Bare eksponer Feedback som et\n     * landmark på sider der den er en viktig del av innholdet, feks en kvitteringsside\n     * eller et annet sted det å kunne gi tilbakemelding vil føles naturlig eller forventet\n     * for brukeren.\n     */\n    landmarkLabel?: string;\n} & Pick<BaseTextAreaProps, \"counter\">;\n\nexport const Feedback = ({\n    className,\n    followup,\n    contactQuestion,\n    counter,\n    landmarkLabel,\n    ...mainQuestionProps\n}: Props): ReactElement => {\n    const [feedbackSubmitted, setFeedbackSubmitted] = useState(false);\n    const [followupStarted, setFollowupStarted] = useState(false);\n    const [followupSubmitted, setFollowupSubmitted] = useState(false);\n    const [contactSubmitted, setContactSubmitted] = useState(false);\n\n    return (\n        <div className={`jkl-feedback ${className || \"\"}`} data-testid=\"feedback\">\n            <FeedbackContextProvider\n                value={{\n                    feedbackSubmitted,\n                    followupStarted,\n                    followupSubmitted,\n                    contactSubmitted,\n                    counter,\n                    landmarkLabel,\n                    setFeedbackSubmitted,\n                    setFollowupStarted,\n                    setFollowupSubmitted,\n                    setContactSubmitted,\n                }}\n            >\n                {!followupStarted && <MainQuestion {...mainQuestionProps} />}\n                {feedbackSubmitted && !contactSubmitted && followup && <Followup {...followup} />}\n                {contactQuestion && (\n                    <div aria-live=\"polite\">\n                        {/* Show contact question after followup, or after feedback if no followup */}\n                        {((!followup && feedbackSubmitted) || followupSubmitted) && (\n                            <ContactQuestion {...contactQuestion} />\n                        )}\n                    </div>\n                )}\n            </FeedbackContextProvider>\n        </div>\n    );\n};\n"],"names":["className","followup","contactQuestion","counter","landmarkLabel","mainQuestionProps","feedbackSubmitted","setFeedbackSubmitted","useState","followupStarted","setFollowupStarted","followupSubmitted","setFollowupSubmitted","contactSubmitted","setContactSubmitted","jsx","children","jsxs","FeedbackContextProvider","value","MainQuestion","Followup","ContactQuestion"],"mappings":"4TAuDwB,EACpBA,UAAAA,EACAC,SAAAA,EACAC,gBAAAA,EACAC,QAAAA,EACAC,cAAAA,KACGC,MAEH,MAAOC,EAAmBC,GAAwBC,YAAS,IACpDC,EAAiBC,GAAsBF,YAAS,IAChDG,EAAmBC,GAAwBJ,YAAS,IACpDK,EAAkBC,GAAuBN,YAAS,GAGrD,OAAAO,MAAC,OAAIf,UAAW,gBAAgBA,GAAa,KAAM,cAAY,WAC3DgB,SAAAC,EAAAA,KAACC,EAAAA,wBAAA,CACGC,MAAO,CACHb,kBAAAA,EACAG,gBAAAA,EACAE,kBAAAA,EACAE,iBAAAA,EACAV,QAAAA,EACAC,cAAAA,EACAG,qBAAAA,EACAG,mBAAAA,EACAE,qBAAAA,EACAE,oBAAAA,GAGHE,SAAA,EAACP,GAAmBM,EAAAA,IAACK,EAAcA,aAAA,IAAGf,IACtCC,IAAsBO,GAAoBZ,GAAac,EAAAA,IAAAM,WAAA,IAAapB,IACpEC,GACGa,EAAAA,IAAC,MAAI,CAAA,YAAU,SAERC,WAACf,GAAYK,GAAsBK,IAClCI,MAACO,EAAAA,gBAAiB,IAAGpB,UAKzC"}
+{"version":3,"file":"Feedback.cjs","sources":["../../../../src/components/feedback/Feedback.tsx"],"sourcesContent":["import React, {\n    ComponentProps,\n    ReactElement,\n    ReactNode,\n    useState,\n} from \"react\";\nimport { BaseTextAreaProps } from \"../text-input/BaseTextArea.js\";\nimport { FeedbackContextProvider } from \"./feedbackContext.js\";\nimport { Followup } from \"./followup/Followup.js\";\nimport { MainQuestion } from \"./main-question/MainQuestion.js\";\nimport { ContactQuestion } from \"./questions/ContactQuestion.js\";\nimport { FeedbackOption, FeedbackType } from \"./types.js\";\n\ntype FollowupProps = ComponentProps<typeof Followup>;\ntype ContactQuestionProps = ComponentProps<typeof ContactQuestion>;\n\ntype Props = {\n    className?: string;\n    /** Velg typen alternativer, Smiley eller RadioButtons. */\n    type: \"radio\" | \"smiley\";\n    /** Spørsmålet som stilles til brukeren */\n    label: string;\n    /** Hjelpetekst til hovedspørsmålet */\n    helpLabel?: string;\n    /** Svaralternativer til spørsmålet */\n    options: FeedbackOption[];\n    /** Dersom du vil stille et åpent spørsmål i tillegg kan du sette denne til en truthy verdi */\n    addOnQuestion?:\n        | {\n              /** Spørsmålet du vil stille */\n              label?: string;\n              /** Eventuell hjelpetekst. Om du ikke spesifiserer en vil det vises en påminnelse om å ikke skrive inn personling informasjon. */\n              helpLabel?: string;\n          }\n        | boolean;\n    /** Lar deg tilpasse meldingen som kommer når brukeren sender inn tilbakemeldingen.  */\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n    /**\n     * Funksjon for å håndtere innsending av tilbakemelding\n     * @param value Verdien av tilbakemeldingen. Dette er et objekt med følgende egenskaper:\n     * - `feedbackValue`: Selve verdien av tilbakemeldingen (format varierer etter spørsmålstype)\n     * - `intentionalSubmit`: Er `true` hvis brukeren aktivt sendte inn skjemaet, `false` hvis skjemaet ble sendt inn automatisk\n     * - `message`: Eventuell utfyllende melding fra bruker. Blir kun sendt inn ved aktiv innsending\n     */\n    onSubmit: (value: FeedbackType) => void;\n    followup?: FollowupProps;\n    contactQuestion?: ContactQuestionProps;\n    /**\n     * Hvis du ønsker at Feedback formen skal eksponeres som et landmark kan du sende inn\n     * hva du ønsker at en skjermleser skal kalle den her. Bare eksponer Feedback som et\n     * landmark på sider der den er en viktig del av innholdet, feks en kvitteringsside\n     * eller et annet sted det å kunne gi tilbakemelding vil føles naturlig eller forventet\n     * for brukeren.\n     */\n    landmarkLabel?: string;\n} & Pick<BaseTextAreaProps, \"counter\">;\n\nexport const Feedback = ({\n    className,\n    followup,\n    contactQuestion,\n    counter,\n    landmarkLabel,\n    ...mainQuestionProps\n}: Props): ReactElement => {\n    const [feedbackSubmitted, setFeedbackSubmitted] = useState(false);\n    const [followupStarted, setFollowupStarted] = useState(false);\n    const [followupSubmitted, setFollowupSubmitted] = useState(false);\n    const [contactSubmitted, setContactSubmitted] = useState(false);\n\n    return (\n        <div\n            className={`jkl-feedback ${className || \"\"}`}\n            data-testid=\"feedback\"\n        >\n            <FeedbackContextProvider\n                value={{\n                    feedbackSubmitted,\n                    followupStarted,\n                    followupSubmitted,\n                    contactSubmitted,\n                    counter,\n                    landmarkLabel,\n                    setFeedbackSubmitted,\n                    setFollowupStarted,\n                    setFollowupSubmitted,\n                    setContactSubmitted,\n                }}\n            >\n                {!followupStarted && <MainQuestion {...mainQuestionProps} />}\n                {feedbackSubmitted && !contactSubmitted && followup && (\n                    <Followup {...followup} />\n                )}\n                {contactQuestion && (\n                    <div aria-live=\"polite\">\n                        {/* Show contact question after followup, or after feedback if no followup */}\n                        {((!followup && feedbackSubmitted) ||\n                            followupSubmitted) && (\n                            <ContactQuestion {...contactQuestion} />\n                        )}\n                    </div>\n                )}\n            </FeedbackContextProvider>\n        </div>\n    );\n};\n"],"names":["className","followup","contactQuestion","counter","landmarkLabel","mainQuestionProps","feedbackSubmitted","setFeedbackSubmitted","useState","followupStarted","setFollowupStarted","followupSubmitted","setFollowupSubmitted","contactSubmitted","setContactSubmitted","jsx","children","jsxs","FeedbackContextProvider","value","MainQuestion","Followup","ContactQuestion"],"mappings":"4TA4DwB,EACpBA,UAAAA,EACAC,SAAAA,EACAC,gBAAAA,EACAC,QAAAA,EACAC,cAAAA,KACGC,MAEH,MAAOC,EAAmBC,GAAwBC,YAAS,IACpDC,EAAiBC,GAAsBF,YAAS,IAChDG,EAAmBC,GAAwBJ,YAAS,IACpDK,EAAkBC,GAAuBN,YAAS,GAGrD,OAAAO,EAAAA,IAAC,MAAA,CACGf,UAAW,gBAAgBA,GAAa,KACxC,cAAY,WAEZgB,SAAAC,EAAAA,KAACC,EAAAA,wBAAA,CACGC,MAAO,CACHb,kBAAAA,EACAG,gBAAAA,EACAE,kBAAAA,EACAE,iBAAAA,EACAV,QAAAA,EACAC,cAAAA,EACAG,qBAAAA,EACAG,mBAAAA,EACAE,qBAAAA,EACAE,oBAAAA,GAGHE,SAAA,EAACP,GAAmBM,EAAAA,IAACK,EAAcA,aAAA,IAAGf,IACtCC,IAAsBO,GAAoBZ,GACtCc,EAAAA,IAAAM,WAAA,IAAapB,IAEjBC,GACGa,EAAAA,IAAC,MAAI,CAAA,YAAU,SAERC,WAACf,GAAYK,GACZK,IACAI,MAACO,EAAAA,gBAAiB,IAAGpB,UAIrC"}

package/build/cjs/components/feedback/FeedbackSuccess.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackSuccess.cjs","sources":["../../../../src/components/feedback/FeedbackSuccess.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { MessageProps, SuccessMessage } from \"../message/Message.js\";\n\nexport const FeedbackSuccess: FC<MessageProps> = ({ children, className, ...rest }) => (\n    <SuccessMessage className={clsx(\"jkl-feedback__fade-in\", className)} {...rest} aria-live=\"polite\">\n        {children}\n    </SuccessMessage>\n);\n"],"names":["children","className","rest","jsx","SuccessMessage","clsx"],"mappings":"yNAIiD,EAAGA,SAAAA,EAAUC,UAAAA,KAAcC,KACxEC,EAAAA,IAACC,kBAAeH,UAAWI,EAAAA,KAAK,wBAAyBJ,MAAgBC,EAAM,YAAU,SACpFF,SAAAA"}
+{"version":3,"file":"FeedbackSuccess.cjs","sources":["../../../../src/components/feedback/FeedbackSuccess.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { MessageProps, SuccessMessage } from \"../message/Message.js\";\n\nexport const FeedbackSuccess: FC<MessageProps> = ({\n    children,\n    className,\n    ...rest\n}) => (\n    <SuccessMessage\n        className={clsx(\"jkl-feedback__fade-in\", className)}\n        {...rest}\n        aria-live=\"polite\"\n    >\n        {children}\n    </SuccessMessage>\n);\n"],"names":["children","className","rest","jsx","SuccessMessage","clsx"],"mappings":"yNAIiD,EAC7CA,SAAAA,EACAC,UAAAA,KACGC,KAEHC,EAAAA,IAACC,EAAAA,eAAA,CACGH,UAAWI,EAAAA,KAAK,wBAAyBJ,MACrCC,EACJ,YAAU,SAETF,SAAAA"}

package/build/cjs/components/feedback/FeedbackValues.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackValues.cjs","sources":["../../../../src/components/feedback/FeedbackValues.tsx"],"sourcesContent":["import { FeedbackOption } from \"./types.js\";\n\nexport const VERY_UNHAPPY: FeedbackOption = { label: \"Ikke fornøyd i det hele tatt\", value: 1 };\nexport const UNHAPPY: FeedbackOption = { label: \"Ikke fornøyd\", value: 2 };\nexport const NEUTRAL: FeedbackOption = { label: \"Verken fornøyd eller misfornøyd\", value: 3 };\nexport const HAPPY: FeedbackOption = { label: \"Fornøyd\", value: 4 };\nexport const VERY_HAPPY: FeedbackOption = { label: \"Veldig fornøyd\", value: 5 };\n"],"names":["label","value"],"mappings":"8FAKqC,CAAEA,MAAO,UAAWC,MAAO,mBADzB,CAAED,MAAO,kCAAmCC,MAAO,mBADnD,CAAED,MAAO,eAAgBC,MAAO,sBAG7B,CAAED,MAAO,iBAAkBC,MAAO,wBAJhC,CAAED,MAAO,+BAAgCC,MAAO"}
+{"version":3,"file":"FeedbackValues.cjs","sources":["../../../../src/components/feedback/FeedbackValues.tsx"],"sourcesContent":["import { FeedbackOption } from \"./types.js\";\n\nexport const VERY_UNHAPPY: FeedbackOption = {\n    label: \"Ikke fornøyd i det hele tatt\",\n    value: 1,\n};\nexport const UNHAPPY: FeedbackOption = { label: \"Ikke fornøyd\", value: 2 };\nexport const NEUTRAL: FeedbackOption = {\n    label: \"Verken fornøyd eller misfornøyd\",\n    value: 3,\n};\nexport const HAPPY: FeedbackOption = { label: \"Fornøyd\", value: 4 };\nexport const VERY_HAPPY: FeedbackOption = { label: \"Veldig fornøyd\", value: 5 };\n"],"names":["label","value"],"mappings":"8FAWqC,CAAEA,MAAO,UAAWC,MAAO,mBAJzB,CACnCD,MAAO,kCACPC,MAAO,mBAH4B,CAAED,MAAO,eAAgBC,MAAO,sBAM7B,CAAED,MAAO,iBAAkBC,MAAO,wBAVhC,CACxCD,MAAO,+BACPC,MAAO"}

package/build/cjs/components/feedback/feedbackContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"feedbackContext.cjs","sources":["../../../../src/components/feedback/feedbackContext.tsx"],"sourcesContent":["import React, { createContext, FC, useContext } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\nimport { BaseTextAreaProps } from \"../text-input/BaseTextArea.js\";\n\ntype FeedbackContext = {\n    feedbackSubmitted: boolean;\n    followupStarted: boolean;\n    followupSubmitted: boolean;\n    contactSubmitted: boolean;\n    landmarkLabel?: string;\n    setFeedbackSubmitted: (state: boolean) => void;\n    setFollowupStarted: (state: boolean) => void;\n    setFollowupSubmitted: (state: boolean) => void;\n    setContactSubmitted: (state: boolean) => void;\n} & Pick<BaseTextAreaProps, \"counter\">;\n\nconst initialState: FeedbackContext = {\n    feedbackSubmitted: false,\n    followupStarted: false,\n    followupSubmitted: false,\n    contactSubmitted: false,\n    setFeedbackSubmitted: () => null,\n    setFollowupStarted: () => null,\n    setFollowupSubmitted: () => null,\n    setContactSubmitted: () => null,\n};\n\nconst feedbackContext = createContext(initialState);\n\nexport const useFeedbackContext = (): FeedbackContext => useContext(feedbackContext);\n\ninterface FeedbackContextProviderProps extends WithChildren {\n    value: FeedbackContext;\n}\n\nexport const FeedbackContextProvider: FC<FeedbackContextProviderProps> = ({ value, children }) => (\n    <feedbackContext.Provider value={value}>{children}</feedbackContext.Provider>\n);\n"],"names":["feedbackContext","createContext","feedbackSubmitted","followupStarted","followupSubmitted","contactSubmitted","setFeedbackSubmitted","setFollowupStarted","setFollowupSubmitted","setContactSubmitted","value","children","jsx","Provider","useContext"],"mappings":"wIA2BMA,EAAkBC,EAAAA,cAXc,CAClCC,mBAAmB,EACnBC,iBAAiB,EACjBC,mBAAmB,EACnBC,kBAAkB,EAClBC,qBAAsB,IAAM,KAC5BC,mBAAoB,IAAM,KAC1BC,qBAAsB,IAAM,KAC5BC,oBAAqB,IAAM,uCAW0C,EAAGC,MAAAA,EAAOC,SAAAA,KAC/EC,MAACZ,EAAgBa,SAAhB,CAAyBH,MAAAA,EAAeC,SAAAA,+BAPX,IAAuBG,EAAAA,WAAWd"}
+{"version":3,"file":"feedbackContext.cjs","sources":["../../../../src/components/feedback/feedbackContext.tsx"],"sourcesContent":["import React, { createContext, FC, useContext } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\nimport { BaseTextAreaProps } from \"../text-input/BaseTextArea.js\";\n\ntype FeedbackContext = {\n    feedbackSubmitted: boolean;\n    followupStarted: boolean;\n    followupSubmitted: boolean;\n    contactSubmitted: boolean;\n    landmarkLabel?: string;\n    setFeedbackSubmitted: (state: boolean) => void;\n    setFollowupStarted: (state: boolean) => void;\n    setFollowupSubmitted: (state: boolean) => void;\n    setContactSubmitted: (state: boolean) => void;\n} & Pick<BaseTextAreaProps, \"counter\">;\n\nconst initialState: FeedbackContext = {\n    feedbackSubmitted: false,\n    followupStarted: false,\n    followupSubmitted: false,\n    contactSubmitted: false,\n    setFeedbackSubmitted: () => null,\n    setFollowupStarted: () => null,\n    setFollowupSubmitted: () => null,\n    setContactSubmitted: () => null,\n};\n\nconst feedbackContext = createContext(initialState);\n\nexport const useFeedbackContext = (): FeedbackContext =>\n    useContext(feedbackContext);\n\ninterface FeedbackContextProviderProps extends WithChildren {\n    value: FeedbackContext;\n}\n\nexport const FeedbackContextProvider: FC<FeedbackContextProviderProps> = ({\n    value,\n    children,\n}) => (\n    <feedbackContext.Provider value={value}>\n        {children}\n    </feedbackContext.Provider>\n);\n"],"names":["feedbackContext","createContext","feedbackSubmitted","followupStarted","followupSubmitted","contactSubmitted","setFeedbackSubmitted","setFollowupStarted","setFollowupSubmitted","setContactSubmitted","value","children","jsx","Provider","useContext"],"mappings":"wIA2BMA,EAAkBC,EAAAA,cAXc,CAClCC,mBAAmB,EACnBC,iBAAiB,EACjBC,mBAAmB,EACnBC,kBAAkB,EAClBC,qBAAsB,IAAM,KAC5BC,mBAAoB,IAAM,KAC1BC,qBAAsB,IAAM,KAC5BC,oBAAqB,IAAM,uCAY0C,EACrEC,MAAAA,EACAC,SAAAA,KAECC,EAAAA,IAAAZ,EAAgBa,SAAhB,CAAyBH,MAAAA,EACrBC,SAAAA,+BAZyB,IAC9BG,EAAAA,WAAWd"}

package/build/cjs/components/feedback/followup/Followup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Followup.cjs","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useRef, useState } from \"react\";\nimport { PrimaryButton, SecondaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { FeedbackAnswer, FollowupQuestion } from \"../types.js\";\nimport { getQuestionFromType } from \"../utils.js\";\nimport { FollowUpProvider } from \"./followupContext.js\";\nimport { useFollowup } from \"./useFollowup.js\";\n\nconst defaultSuccessMessage = {\n    title: \"Takk, igjen!\",\n    children:\n        \"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n    /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text */\n    questions: FollowupQuestion[];\n    /** Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene.  */\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n    onSubmit: (values: FeedbackAnswer[]) => void;\n}\n\nexport const Followup: FC<Props> = ({ questions, successMessage = defaultSuccessMessage, onSubmit }) => {\n    const [noThanks, setNoThanks] = useState(false);\n    const focusRef = useRef<HTMLParagraphElement>(null);\n    const followupState = useFollowup(questions, onSubmit);\n    const { handleAbort, handleNext, step, submitted } = followupState;\n    const { followupStarted, setFollowupStarted, setFollowupSubmitted, contactSubmitted, landmarkLabel } =\n        useFeedbackContext();\n\n    useEffect(() => {\n        if (step.number === 0) {\n            return;\n        }\n        focusRef.current && focusRef.current.focus();\n    }, [step]);\n\n    useEffect(() => {\n        setFollowupSubmitted(submitted);\n    }, [submitted, setFollowupSubmitted]);\n\n    const QuestionComponent = getQuestionFromType(questions[step.number].type);\n    const Button = step.isLast ? PrimaryButton : SecondaryButton;\n\n    if (noThanks) {\n        return null;\n    }\n\n    return (\n        <div aria-live=\"polite\">\n            <FollowUpProvider state={followupState}>\n                {!followupStarted && (\n                    <div className=\"jkl-feedback__fade-in\">\n                        <p className=\"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom\">\n                            Har du tid til å svare på noen flere spørsmål?\n                        </p>\n                        <p className=\"jkl-body jkl-spacing-xl--bottom\">\n                            Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg.\n                        </p>\n                        <PrimaryButton onClick={() => setFollowupStarted(true)} className=\"jkl-spacing-xl--right\">\n                            Jeg har tid!\n                        </PrimaryButton>\n                        <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n                    </div>\n                )}\n                {!submitted && followupStarted && (\n                    <form onSubmit={handleNext} className=\"jkl-feedback__fade-in\" aria-label={landmarkLabel}>\n                        <p className=\"jkl-feedback__step-counter\" ref={focusRef}>\n                            Steg {step.number + 1} av {questions.length}\n                        </p>\n                        {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                        <QuestionComponent {...questions[step.number]} autoFocus key={step.number} />\n                        <div className=\"jkl-spacing-xl--top\" aria-live=\"off\">\n                            <Button type=\"submit\">{step.isLast ? \"Send inn\" : \"Neste\"}</Button>\n                            <TertiaryButton onClick={handleAbort} className=\"jkl-spacing-xl--left\">\n                                Avbryt\n                            </TertiaryButton>\n                        </div>\n                    </form>\n                )}\n                {submitted && !contactSubmitted && <FeedbackSuccess {...successMessage} />}\n            </FollowUpProvider>\n        </div>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","questions","successMessage","onSubmit","noThanks","setNoThanks","useState","focusRef","useRef","followupState","useFollowup","handleAbort","handleNext","step","submitted","followupStarted","setFollowupStarted","setFollowupSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","useEffect","number","current","focus","QuestionComponent","getQuestionFromType","type","Button","isLast","PrimaryButton","SecondaryButton","jsxs","FollowUpProvider","state","className","jsx","onClick","TertiaryButton","ref","length","createElement","autoFocus","key","FeedbackSuccess"],"mappings":"iVASMA,EAAwB,CAC1BC,MAAO,eACPC,SACI,0KAc2B,EAAGC,UAAAA,EAAWC,eAAAA,EAAiBJ,EAAuBK,SAAAA,MACrF,MAAOC,EAAUC,GAAeC,YAAS,GACnCC,EAAWC,SAA6B,MACxCC,EAAgBC,EAAAA,YAAYT,EAAWE,IACrCQ,YAAAA,EAAaC,WAAAA,EAAYC,KAAAA,EAAMC,UAAAA,GAAcL,GAC7CM,gBAAAA,EAAiBC,mBAAAA,EAAoBC,qBAAAA,EAAsBC,iBAAAA,EAAkBC,cAAAA,GACjFC,EAAAA,qBAEJC,EAAAA,WAAU,KACc,IAAhBR,EAAKS,QAGAf,EAAAgB,SAAWhB,EAASgB,QAAQC,OAAM,GAC5C,CAACX,IAEJQ,EAAAA,WAAU,KACNJ,EAAqBH,EAAS,GAC/B,CAACA,EAAWG,IAEf,MAAMQ,EAAoBC,EAAAA,oBAAoBzB,EAAUY,EAAKS,QAAQK,MAC/DC,EAASf,EAAKgB,OAASC,EAAAA,cAAgBC,EAAAA,gBAE7C,OAAI3B,EACO,WAIN,MAAI,CAAA,YAAU,SACXJ,SAACgC,EAAAA,KAAAC,mBAAA,CAAiBC,MAAOzB,EACpBT,SAAA,EAACe,GACEiB,EAAAA,KAAC,MAAI,CAAAG,UAAU,wBACXnC,SAAA,CAACoC,EAAAA,IAAA,IAAA,CAAED,UAAU,2DAA2DnC,SAExE,mDACCoC,EAAAA,IAAA,IAAA,CAAED,UAAU,kCAAkCnC,SAE/C,0EACAoC,EAAAA,IAACN,iBAAcO,QAAS,IAAMrB,GAAmB,GAAOmB,UAAU,wBAAwBnC,SAE1F,uBACCsC,EAAAA,eAAe,CAAAD,QAAS,IAAMhC,GAAY,GAAOL,SAAQ,iBAGhEc,GAAaC,GACViB,EAAAA,KAAA,OAAA,CAAK7B,SAAUS,EAAYuB,UAAU,wBAAwB,aAAYhB,EACtEnB,SAAA,CAAAgC,EAAAA,KAAC,IAAE,CAAAG,UAAU,6BAA6BI,IAAKhC,EAAUP,SAAA,CAAA,QAC/Ca,EAAKS,OAAS,EAAE,OAAKrB,EAAUuC,UAGzCC,EAAAA,cAAChB,EAAmB,IAAGxB,EAAUY,EAAKS,QAASoB,WAAS,EAACC,IAAK9B,EAAKS,SAClEU,EAAAA,KAAA,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CnC,SAAA,CAAAoC,MAACR,GAAOD,KAAK,SAAU3B,SAAKa,EAAAgB,OAAS,WAAa,gBACjDS,EAAAA,eAAe,CAAAD,QAAS1B,EAAawB,UAAU,uBAAuBnC,SAEvE,iBAIXc,IAAcI,GAAqBkB,EAAAA,IAAAQ,EAAAA,gBAAA,IAAoB1C,QAEhE"}
+{"version":3,"file":"Followup.cjs","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useRef, useState } from \"react\";\nimport {\n    PrimaryButton,\n    SecondaryButton,\n    TertiaryButton,\n} from \"../../button/Button.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { FeedbackAnswer, FollowupQuestion } from \"../types.js\";\nimport { getQuestionFromType } from \"../utils.js\";\nimport { FollowUpProvider } from \"./followupContext.js\";\nimport { useFollowup } from \"./useFollowup.js\";\n\nconst defaultSuccessMessage = {\n    title: \"Takk, igjen!\",\n    children:\n        \"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n    /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text */\n    questions: FollowupQuestion[];\n    /** Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene.  */\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n    onSubmit: (values: FeedbackAnswer[]) => void;\n}\n\nexport const Followup: FC<Props> = ({\n    questions,\n    successMessage = defaultSuccessMessage,\n    onSubmit,\n}) => {\n    const [noThanks, setNoThanks] = useState(false);\n    const focusRef = useRef<HTMLParagraphElement>(null);\n    const followupState = useFollowup(questions, onSubmit);\n    const { handleAbort, handleNext, step, submitted } = followupState;\n    const {\n        followupStarted,\n        setFollowupStarted,\n        setFollowupSubmitted,\n        contactSubmitted,\n        landmarkLabel,\n    } = useFeedbackContext();\n\n    useEffect(() => {\n        if (step.number === 0) {\n            return;\n        }\n        focusRef.current && focusRef.current.focus();\n    }, [step]);\n\n    useEffect(() => {\n        setFollowupSubmitted(submitted);\n    }, [submitted, setFollowupSubmitted]);\n\n    const QuestionComponent = getQuestionFromType(questions[step.number].type);\n    const Button = step.isLast ? PrimaryButton : SecondaryButton;\n\n    if (noThanks) {\n        return null;\n    }\n\n    return (\n        <div aria-live=\"polite\">\n            <FollowUpProvider state={followupState}>\n                {!followupStarted && (\n                    <div className=\"jkl-feedback__fade-in\">\n                        <p className=\"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom\">\n                            Har du tid til å svare på noen flere spørsmål?\n                        </p>\n                        <p className=\"jkl-body jkl-spacing-xl--bottom\">\n                            Det tar kun et minutt, og hjelper oss å lage bedre\n                            løsninger for deg.\n                        </p>\n                        <PrimaryButton\n                            onClick={() => setFollowupStarted(true)}\n                            className=\"jkl-spacing-xl--right\"\n                        >\n                            Jeg har tid!\n                        </PrimaryButton>\n                        <TertiaryButton onClick={() => setNoThanks(true)}>\n                            Nei takk\n                        </TertiaryButton>\n                    </div>\n                )}\n                {!submitted && followupStarted && (\n                    <form\n                        onSubmit={handleNext}\n                        className=\"jkl-feedback__fade-in\"\n                        aria-label={landmarkLabel}\n                    >\n                        <p\n                            className=\"jkl-feedback__step-counter\"\n                            ref={focusRef}\n                        >\n                            Steg {step.number + 1} av {questions.length}\n                        </p>\n                        <QuestionComponent\n                            {...questions[step.number]}\n                            // eslint-disable-next-line jsx-a11y/no-autofocus\n                            autoFocus\n                            key={step.number}\n                        />\n                        <div className=\"jkl-spacing-xl--top\" aria-live=\"off\">\n                            <Button type=\"submit\">\n                                {step.isLast ? \"Send inn\" : \"Neste\"}\n                            </Button>\n                            <TertiaryButton\n                                onClick={handleAbort}\n                                className=\"jkl-spacing-xl--left\"\n                            >\n                                Avbryt\n                            </TertiaryButton>\n                        </div>\n                    </form>\n                )}\n                {submitted && !contactSubmitted && (\n                    <FeedbackSuccess {...successMessage} />\n                )}\n            </FollowUpProvider>\n        </div>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","questions","successMessage","onSubmit","noThanks","setNoThanks","useState","focusRef","useRef","followupState","useFollowup","handleAbort","handleNext","step","submitted","followupStarted","setFollowupStarted","setFollowupSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","useEffect","number","current","focus","QuestionComponent","getQuestionFromType","type","Button","isLast","PrimaryButton","SecondaryButton","jsxs","FollowUpProvider","state","className","jsx","onClick","TertiaryButton","ref","length","createElement","autoFocus","key","FeedbackSuccess"],"mappings":"iVAaMA,EAAwB,CAC1BC,MAAO,eACPC,SACI,0KAc2B,EAC/BC,UAAAA,EACAC,eAAAA,EAAiBJ,EACjBK,SAAAA,MAEA,MAAOC,EAAUC,GAAeC,YAAS,GACnCC,EAAWC,SAA6B,MACxCC,EAAgBC,EAAAA,YAAYT,EAAWE,IACrCQ,YAAAA,EAAaC,WAAAA,EAAYC,KAAAA,EAAMC,UAAAA,GAAcL,GAEjDM,gBAAAA,EACAC,mBAAAA,EACAC,qBAAAA,EACAC,iBAAAA,EACAC,cAAAA,GACAC,EAAmBA,qBAEvBC,EAAAA,WAAU,KACc,IAAhBR,EAAKS,QAGAf,EAAAgB,SAAWhB,EAASgB,QAAQC,OAAM,GAC5C,CAACX,IAEJQ,EAAAA,WAAU,KACNJ,EAAqBH,EAAS,GAC/B,CAACA,EAAWG,IAEf,MAAMQ,EAAoBC,EAAAA,oBAAoBzB,EAAUY,EAAKS,QAAQK,MAC/DC,EAASf,EAAKgB,OAASC,EAAAA,cAAgBC,EAAAA,gBAE7C,OAAI3B,EACO,WAIN,MAAI,CAAA,YAAU,SACXJ,SAACgC,EAAAA,KAAAC,mBAAA,CAAiBC,MAAOzB,EACpBT,SAAA,EAACe,GACEiB,EAAAA,KAAC,MAAI,CAAAG,UAAU,wBACXnC,SAAA,CAACoC,EAAAA,IAAA,IAAA,CAAED,UAAU,2DAA2DnC,SAExE,mDACCoC,EAAAA,IAAA,IAAA,CAAED,UAAU,kCAAkCnC,SAG/C,0EACAoC,EAAAA,IAACN,EAAAA,cAAA,CACGO,QAAS,IAAMrB,GAAmB,GAClCmB,UAAU,wBACbnC,SAAA,uBAGAsC,EAAAA,eAAe,CAAAD,QAAS,IAAMhC,GAAY,GAAOL,SAElD,iBAGNc,GAAaC,GACXiB,EAAAA,KAAC,OAAA,CACG7B,SAAUS,EACVuB,UAAU,wBACV,aAAYhB,EAEZnB,SAAA,CAAAgC,EAAAA,KAAC,IAAA,CACGG,UAAU,6BACVI,IAAKhC,EACRP,SAAA,CAAA,QACSa,EAAKS,OAAS,EAAE,OAAKrB,EAAUuC,UAEzCC,EAAAA,cAAChB,EAAA,IACOxB,EAAUY,EAAKS,QAEnBoB,WAAS,EACTC,IAAK9B,EAAKS,SAEbU,EAAAA,KAAA,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CnC,SAAA,CAAAoC,MAACR,GAAOD,KAAK,SACR3B,SAAKa,EAAAgB,OAAS,WAAa,UAEhCO,EAAAA,IAACE,EAAAA,eAAA,CACGD,QAAS1B,EACTwB,UAAU,uBACbnC,SAAA,iBAMZc,IAAcI,GACVkB,EAAAA,IAAAQ,EAAAA,gBAAA,IAAoB1C,QAGjC"}

package/build/cjs/components/feedback/followup/followupContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"followupContext.cjs","sources":["../../../../../src/components/feedback/followup/followupContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FollowupState } from \"../types.js\";\n\nconst followUpContext = createContext<FollowupState | undefined>(undefined);\n\nexport const useFollowUpContext = (): FollowupState | undefined => useContext(followUpContext);\n\ninterface FollowupContextProviderProps extends WithChildren {\n    state: FollowupState;\n}\n\nexport const FollowUpProvider: React.FC<FollowupContextProviderProps> = ({ state, children }) => (\n    <followUpContext.Provider value={state}>{children}</followUpContext.Provider>\n);\n"],"names":["followUpContext","createContext","state","children","jsx","Provider","value","useContext"],"mappings":"wIAIMA,EAAkBC,EAAAA,mBAAyC,4BAQO,EAAGC,MAAAA,EAAOC,SAAAA,KAC7EC,EAAAA,IAAAJ,EAAgBK,SAAhB,CAAyBC,MAAOJ,EAAQC,SAAAA,+BAPX,IAAiCI,EAAAA,WAAWP"}
+{"version":3,"file":"followupContext.cjs","sources":["../../../../../src/components/feedback/followup/followupContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FollowupState } from \"../types.js\";\n\nconst followUpContext = createContext<FollowupState | undefined>(undefined);\n\nexport const useFollowUpContext = (): FollowupState | undefined =>\n    useContext(followUpContext);\n\ninterface FollowupContextProviderProps extends WithChildren {\n    state: FollowupState;\n}\n\nexport const FollowUpProvider: React.FC<FollowupContextProviderProps> = ({\n    state,\n    children,\n}) => (\n    <followUpContext.Provider value={state}>\n        {children}\n    </followUpContext.Provider>\n);\n"],"names":["followUpContext","createContext","state","children","Provider","value","useContext"],"mappings":"wIAIMA,EAAkBC,EAAAA,mBAAyC,4BASO,EACpEC,MAAAA,EACAC,SAAAA,WAECH,EAAgBI,SAAhB,CAAyBC,MAAOH,EAC5BC,SAAAA,+BAZyB,IAC9BG,EAAAA,WAAWN"}

package/build/cjs/components/feedback/followup/useFollowup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFollowup.cjs","sources":["../../../../../src/components/feedback/followup/useFollowup.ts"],"sourcesContent":["import { Dispatch, FormEvent, SetStateAction, useCallback, useEffect, useRef, useState } from \"react\";\nimport { FeedbackAnswer, FeedbackOption, FollowupQuestion } from \"../types.js\";\n\ntype CurrentValue = FeedbackOption<string | number> | FeedbackOption<string | number>[] | undefined;\n\ntype Followup = {\n    questions: FollowupQuestion[];\n    values: FeedbackAnswer[] | undefined;\n    step: {\n        number: number;\n        question: FollowupQuestion;\n        isLast: boolean;\n    };\n    currentValue: CurrentValue;\n    setCurrentValue: Dispatch<SetStateAction<CurrentValue>>;\n    submitted: boolean;\n    handleNext: () => void;\n    handleAbort: () => void;\n};\n\nexport const useFollowup = (questions: FollowupQuestion[], onSubmit: (a: FeedbackAnswer[]) => void): Followup => {\n    const [values, setValues] = useState<FeedbackAnswer[]>();\n    const [step, setStep] = useState({\n        number: 0,\n        question: questions[0],\n        isLast: questions.length === 1,\n    });\n    const [shouldSubmit, setShouldSubmit] = useState(false);\n    const [submitted, setSubmitted] = useState(false);\n    const [currentValue, setCurrentValue] = useState<FeedbackOption | FeedbackOption[]>();\n\n    // Store info in a ref to facilitate autosubmit on component unmount,\n    // or when leaving page\n    const followupRef = useRef({\n        values,\n        submitted,\n        onSubmit,\n    });\n\n    // Keep values in ref updated\n    useEffect(() => {\n        followupRef.current = {\n            ...followupRef.current,\n            values,\n            submitted,\n        };\n    }, [values, submitted]);\n\n    // General method for submitting info\n    const _handleSubmit = useCallback(() => {\n        if (!followupRef.current.submitted && followupRef.current.values !== undefined) {\n            followupRef.current.onSubmit(followupRef.current.values);\n        }\n    }, []);\n\n    // Function for handling going to the next step in the form wizard\n    function handleNext(e?: FormEvent<HTMLFormElement>) {\n        e?.preventDefault();\n\n        const value = Array.isArray(currentValue)\n            ? currentValue.map((option) => option.value.toString())\n            : currentValue?.value;\n\n        const newValue = {\n            ...step.question,\n            name: step.question.name || step.question.label,\n            value,\n        };\n\n        setValues((oldValues) => {\n            const filteredValues = oldValues?.filter((oldValue) => oldValue.name !== newValue.name) || [];\n            return [...filteredValues, newValue as FeedbackAnswer];\n        });\n        setCurrentValue(undefined);\n\n        if (step.isLast) {\n            setShouldSubmit(true);\n        } else {\n            setStep((currentStep) => {\n                const newStepNum = currentStep.number + 1;\n                return {\n                    number: newStepNum,\n                    question: questions[newStepNum],\n                    isLast: newStepNum + 1 >= questions.length,\n                };\n            });\n        }\n    }\n\n    // Let the user abort without submitting answers\n    function handleAbort() {\n        setValues(undefined);\n        setCurrentValue(undefined);\n        setStep({\n            number: 0,\n            question: questions[0],\n            isLast: questions.length === 1,\n        });\n        setSubmitted(true);\n    }\n\n    // Submit info after user submits last question\n    useEffect(() => {\n        if (shouldSubmit) {\n            _handleSubmit();\n            setSubmitted(true);\n        }\n    }, [shouldSubmit, _handleSubmit]);\n\n    // Submit info if component unmounts or page unloads\n    useEffect(() => {\n        if (typeof window !== \"undefined\") {\n            window.addEventListener(\"beforeunload\", _handleSubmit);\n        }\n        return () => {\n            _handleSubmit();\n            window.removeEventListener(\"beforeunload\", _handleSubmit);\n        };\n    }, [_handleSubmit]);\n\n    return { questions, values, step, currentValue, setCurrentValue, submitted, handleNext, handleAbort };\n};\n"],"names":["questions","onSubmit","values","setValues","useState","step","setStep","number","question","isLast","length","shouldSubmit","setShouldSubmit","submitted","setSubmitted","currentValue","setCurrentValue","followupRef","useRef","useEffect","current","_handleSubmit","useCallback","window","addEventListener","removeEventListener","handleNext","e","preventDefault","value","Array","isArray","map","option","toString","newValue","name","label","oldValues","filter","oldValue","currentStep","newStepNum","handleAbort"],"mappings":"6HAoB2B,CAACA,EAA+BC,KACvD,MAAOC,EAAQC,GAAaC,EAA2BA,YAChDC,EAAMC,GAAWF,WAAS,CAC7BG,OAAQ,EACRC,SAAUR,EAAU,GACpBS,OAA6B,IAArBT,EAAUU,UAEfC,EAAcC,GAAmBR,YAAS,IAC1CS,EAAWC,GAAgBV,YAAS,IACpCW,EAAcC,GAAmBZ,EAA4CA,WAI9Ea,EAAcC,EAAAA,OAAO,CACvBhB,OAAAA,EACAW,UAAAA,EACAZ,SAAAA,IAIJkB,EAAAA,WAAU,KACNF,EAAYG,QAAU,IACfH,EAAYG,QACflB,OAAAA,EACAW,UAAAA,EAAA,GAEL,CAACX,EAAQW,IAGN,MAAAQ,EAAgBC,EAAAA,aAAY,MACzBL,EAAYG,QAAQP,gBAA4C,IAA/BI,EAAYG,QAAQlB,QACtDe,EAAYG,QAAQnB,SAASgB,EAAYG,QAAQlB,OAAM,GAE5D,IAiDHiB,OAAAA,EAAAA,WAAU,KACFR,IACcU,IACdP,GAAa,GACjB,GACD,CAACH,EAAcU,IAGlBF,EAAAA,WAAU,YACKI,OAAW,KACXA,OAAAC,iBAAiB,eAAgBH,GAErC,KACWA,IACPE,OAAAE,oBAAoB,eAAgBJ,EAAa,IAE7D,CAACA,IAEG,CAAErB,UAAAA,EAAWE,OAAAA,EAAQG,KAAAA,EAAMU,aAAAA,EAAcC,gBAAAA,EAAiBH,UAAAA,EAAWa,WAhE5E,SAAoBC,GAChB,MAAAA,GAAAA,EAAGC,iBAEH,MAAMC,EAAQC,MAAMC,QAAQhB,GACtBA,EAAaiB,KAAKC,GAAWA,EAAOJ,MAAMK,aAC1C,MAAAnB,OAAA,EAAAA,EAAcc,MAEdM,EAAW,IACV9B,EAAKG,SACR4B,KAAM/B,EAAKG,SAAS4B,MAAQ/B,EAAKG,SAAS6B,MAC1CR,MAAAA,GAGJ1B,GAAWmC,GAEA,KADgB,MAAAA,OAAAA,EAAAA,EAAWC,QAAQC,GAAaA,EAASJ,OAASD,EAASC,SAAS,GAChED,KAE/BnB,OAAgB,GAEZX,EAAKI,OACLG,GAAgB,GAEhBN,GAASmC,IACC,MAAAC,EAAaD,EAAYlC,OAAS,EACjC,MAAA,CACHA,OAAQmC,EACRlC,SAAUR,EAAU0C,GACpBjC,OAAQiC,EAAa,GAAK1C,EAAUU,OAAA,GAIpD,EAiCwFiC,YA9BxF,WACIxC,OAAU,GACVa,OAAgB,GACRV,EAAA,CACJC,OAAQ,EACRC,SAAUR,EAAU,GACpBS,OAA6B,IAArBT,EAAUU,SAEtBI,GAAa,EACjB"}
+{"version":3,"file":"useFollowup.cjs","sources":["../../../../../src/components/feedback/followup/useFollowup.ts"],"sourcesContent":["import {\n    Dispatch,\n    FormEvent,\n    SetStateAction,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from \"react\";\nimport { FeedbackAnswer, FeedbackOption, FollowupQuestion } from \"../types.js\";\n\ntype CurrentValue =\n    | FeedbackOption<string | number>\n    | FeedbackOption<string | number>[]\n    | undefined;\n\ntype Followup = {\n    questions: FollowupQuestion[];\n    values: FeedbackAnswer[] | undefined;\n    step: {\n        number: number;\n        question: FollowupQuestion;\n        isLast: boolean;\n    };\n    currentValue: CurrentValue;\n    setCurrentValue: Dispatch<SetStateAction<CurrentValue>>;\n    submitted: boolean;\n    handleNext: () => void;\n    handleAbort: () => void;\n};\n\nexport const useFollowup = (\n    questions: FollowupQuestion[],\n    onSubmit: (a: FeedbackAnswer[]) => void,\n): Followup => {\n    const [values, setValues] = useState<FeedbackAnswer[]>();\n    const [step, setStep] = useState({\n        number: 0,\n        question: questions[0],\n        isLast: questions.length === 1,\n    });\n    const [shouldSubmit, setShouldSubmit] = useState(false);\n    const [submitted, setSubmitted] = useState(false);\n    const [currentValue, setCurrentValue] = useState<\n        FeedbackOption | FeedbackOption[]\n    >();\n\n    // Store info in a ref to facilitate autosubmit on component unmount,\n    // or when leaving page\n    const followupRef = useRef({\n        values,\n        submitted,\n        onSubmit,\n    });\n\n    // Keep values in ref updated\n    useEffect(() => {\n        followupRef.current = {\n            ...followupRef.current,\n            values,\n            submitted,\n        };\n    }, [values, submitted]);\n\n    // General method for submitting info\n    const _handleSubmit = useCallback(() => {\n        if (\n            !followupRef.current.submitted &&\n            followupRef.current.values !== undefined\n        ) {\n            followupRef.current.onSubmit(followupRef.current.values);\n        }\n    }, []);\n\n    // Function for handling going to the next step in the form wizard\n    function handleNext(e?: FormEvent<HTMLFormElement>) {\n        e?.preventDefault();\n\n        const value = Array.isArray(currentValue)\n            ? currentValue.map((option) => option.value.toString())\n            : currentValue?.value;\n\n        const newValue = {\n            ...step.question,\n            name: step.question.name || step.question.label,\n            value,\n        };\n\n        setValues((oldValues) => {\n            const filteredValues =\n                oldValues?.filter(\n                    (oldValue) => oldValue.name !== newValue.name,\n                ) || [];\n            return [...filteredValues, newValue as FeedbackAnswer];\n        });\n        setCurrentValue(undefined);\n\n        if (step.isLast) {\n            setShouldSubmit(true);\n        } else {\n            setStep((currentStep) => {\n                const newStepNum = currentStep.number + 1;\n                return {\n                    number: newStepNum,\n                    question: questions[newStepNum],\n                    isLast: newStepNum + 1 >= questions.length,\n                };\n            });\n        }\n    }\n\n    // Let the user abort without submitting answers\n    function handleAbort() {\n        setValues(undefined);\n        setCurrentValue(undefined);\n        setStep({\n            number: 0,\n            question: questions[0],\n            isLast: questions.length === 1,\n        });\n        setSubmitted(true);\n    }\n\n    // Submit info after user submits last question\n    useEffect(() => {\n        if (shouldSubmit) {\n            _handleSubmit();\n            setSubmitted(true);\n        }\n    }, [shouldSubmit, _handleSubmit]);\n\n    // Submit info if component unmounts or page unloads\n    useEffect(() => {\n        if (typeof window !== \"undefined\") {\n            window.addEventListener(\"beforeunload\", _handleSubmit);\n        }\n        return () => {\n            _handleSubmit();\n            window.removeEventListener(\"beforeunload\", _handleSubmit);\n        };\n    }, [_handleSubmit]);\n\n    return {\n        questions,\n        values,\n        step,\n        currentValue,\n        setCurrentValue,\n        submitted,\n        handleNext,\n        handleAbort,\n    };\n};\n"],"names":["questions","onSubmit","values","setValues","useState","step","setStep","number","question","isLast","length","shouldSubmit","setShouldSubmit","submitted","setSubmitted","currentValue","setCurrentValue","followupRef","useRef","useEffect","current","_handleSubmit","useCallback","window","addEventListener","removeEventListener","handleNext","e","preventDefault","value","Array","isArray","map","option","toString","newValue","name","label","oldValues","filter","oldValue","currentStep","newStepNum","handleAbort"],"mappings":"6HA+B2B,CACvBA,EACAC,KAEA,MAAOC,EAAQC,GAAaC,EAA2BA,YAChDC,EAAMC,GAAWF,WAAS,CAC7BG,OAAQ,EACRC,SAAUR,EAAU,GACpBS,OAA6B,IAArBT,EAAUU,UAEfC,EAAcC,GAAmBR,YAAS,IAC1CS,EAAWC,GAAgBV,YAAS,IACpCW,EAAcC,GAAmBZ,EAEtCA,WAIIa,EAAcC,EAAAA,OAAO,CACvBhB,OAAAA,EACAW,UAAAA,EACAZ,SAAAA,IAIJkB,EAAAA,WAAU,KACNF,EAAYG,QAAU,IACfH,EAAYG,QACflB,OAAAA,EACAW,UAAAA,EAAA,GAEL,CAACX,EAAQW,IAGN,MAAAQ,EAAgBC,EAAAA,aAAY,MAEzBL,EAAYG,QAAQP,gBACU,IAA/BI,EAAYG,QAAQlB,QAEpBe,EAAYG,QAAQnB,SAASgB,EAAYG,QAAQlB,OAAM,GAE5D,IAoDHiB,OAAAA,EAAAA,WAAU,KACFR,IACcU,IACdP,GAAa,GACjB,GACD,CAACH,EAAcU,IAGlBF,EAAAA,WAAU,YACKI,OAAW,KACXA,OAAAC,iBAAiB,eAAgBH,GAErC,KACWA,IACPE,OAAAE,oBAAoB,eAAgBJ,EAAa,IAE7D,CAACA,IAEG,CACHrB,UAAAA,EACAE,OAAAA,EACAG,KAAAA,EACAU,aAAAA,EACAC,gBAAAA,EACAH,UAAAA,EACAa,WA1EJ,SAAoBC,GAChB,MAAAA,GAAAA,EAAGC,iBAEH,MAAMC,EAAQC,MAAMC,QAAQhB,GACtBA,EAAaiB,KAAKC,GAAWA,EAAOJ,MAAMK,aAC1C,MAAAnB,OAAA,EAAAA,EAAcc,MAEdM,EAAW,IACV9B,EAAKG,SACR4B,KAAM/B,EAAKG,SAAS4B,MAAQ/B,EAAKG,SAAS6B,MAC1CR,MAAAA,GAGJ1B,GAAWmC,GAKA,KAHH,MAAAA,OAAAA,EAAAA,EAAWC,QACNC,GAAaA,EAASJ,OAASD,EAASC,SACxC,GACkBD,KAE/BnB,OAAgB,GAEZX,EAAKI,OACLG,GAAgB,GAEhBN,GAASmC,IACC,MAAAC,EAAaD,EAAYlC,OAAS,EACjC,MAAA,CACHA,OAAQmC,EACRlC,SAAUR,EAAU0C,GACpBjC,OAAQiC,EAAa,GAAK1C,EAAUU,OAAA,GAIpD,EAyCIiC,YAtCJ,WACIxC,OAAU,GACVa,OAAgB,GACRV,EAAA,CACJC,OAAQ,EACRC,SAAUR,EAAU,GACpBS,OAA6B,IAArBT,EAAUU,SAEtBI,GAAa,EACjB,EA6BI"}

package/build/cjs/components/feedback/main-question/MainQuestion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MainQuestion.cjs","sources":["../../../../../src/components/feedback/main-question/MainQuestion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ComponentProps, FC, ReactNode, useEffect } from \"react\";\nimport { useAnimatedHeight } from \"../../../hooks/useAnimatedHeight/useAnimatedHeight.js\";\nimport { PrimaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { Feedback } from \"../Feedback.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { AddonQuestion } from \"../questions/AddonQuestion.js\";\nimport { FeedbackOption, FeedbackType } from \"../types.js\";\nimport { getQuestionFromType } from \"../utils.js\";\nimport { MainQuestionContextProvider } from \"./mainQuestionContext.js\";\nimport { useMainQuestion } from \"./useMainQuestion.js\";\n\nconst defaultSuccessMessage = {\n    title: \"Takk for tilbakemeldingen!\",\n    children:\n        \"Husk at vi ikke kan besvare meldinger fra dette skjemaet. Kontakt gjerne din forsikringsrådgiver om du har flere spørsmål.\",\n};\n\ntype Props = Pick<ComponentProps<typeof Feedback>, \"addOnQuestion\"> & {\n    type: \"radio\" | \"smiley\";\n    label: string;\n    helpLabel?: string;\n    options: FeedbackOption[];\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n    onSubmit: (value: FeedbackType) => void;\n};\n\nexport const MainQuestion: FC<Props> = ({\n    label,\n    options,\n    type,\n    addOnQuestion,\n    successMessage = defaultSuccessMessage,\n    helpLabel,\n    onSubmit,\n}) => {\n    const mainQuestionState = useMainQuestion(onSubmit);\n\n    const { setFeedbackSubmitted, contactSubmitted, landmarkLabel } = useFeedbackContext();\n    const { handleSubmit, currentValue, setCurrentValue, submitted } = mainQuestionState;\n    const [submitWrapperRef] = useAnimatedHeight<HTMLDivElement>(currentValue !== undefined);\n\n    useEffect(() => {\n        setFeedbackSubmitted(submitted);\n    }, [submitted, setFeedbackSubmitted]);\n\n    const MainQuestionComp = getQuestionFromType(type);\n\n    return (\n        <>\n            {!submitted && (\n                <MainQuestionContextProvider state={mainQuestionState}>\n                    <form onSubmit={handleSubmit} aria-label={landmarkLabel}>\n                        <MainQuestionComp label={label} options={options} helpLabel={helpLabel} />\n                        <div\n                            ref={submitWrapperRef}\n                            className={clsx({\n                                \"jkl-feedback__submit-wrapper\": true,\n                                \"jkl-feedback__submit-wrapper--hidden\": currentValue === undefined,\n                            })}\n                        >\n                            {addOnQuestion && (\n                                <AddonQuestion\n                                    helpLabel={typeof addOnQuestion === \"object\" ? addOnQuestion.helpLabel : undefined}\n                                    label={typeof addOnQuestion === \"object\" ? addOnQuestion.label : undefined}\n                                />\n                            )}\n                            <div className=\"jkl-spacing-xl--top\">\n                                <PrimaryButton className=\"jkl-spacing-xl--right\">Send</PrimaryButton>\n                                <TertiaryButton type=\"button\" onClick={() => setCurrentValue(undefined)}>\n                                    Avbryt\n                                </TertiaryButton>\n                            </div>\n                        </div>\n                    </form>\n                </MainQuestionContextProvider>\n            )}\n            {submitted && !contactSubmitted && <FeedbackSuccess {...successMessage} />}\n        </>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","label","options","type","addOnQuestion","successMessage","helpLabel","onSubmit","mainQuestionState","useMainQuestion","setFeedbackSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","handleSubmit","currentValue","setCurrentValue","submitted","submitWrapperRef","useAnimatedHeight","useEffect","MainQuestionComp","getQuestionFromType","jsxs","Fragment","jsx","MainQuestionContextProvider","state","ref","className","clsx","AddonQuestion","PrimaryButton","TertiaryButton","onClick","FeedbackSuccess"],"mappings":"ofAaMA,EAAwB,CAC1BC,MAAO,6BACPC,SACI,mJAe+B,EACnCC,MAAAA,EACAC,QAAAA,EACAC,KAAAA,EACAC,cAAAA,EACAC,eAAAA,EAAiBP,EACjBQ,UAAAA,EACAC,SAAAA,MAEM,MAAAC,EAAoBC,kBAAgBF,IAElCG,qBAAAA,EAAsBC,iBAAAA,EAAkBC,cAAAA,GAAkBC,EAAmBA,sBAC7EC,aAAAA,EAAcC,aAAAA,EAAcC,gBAAAA,EAAiBC,UAAAA,GAAcT,GAC5DU,GAAoBC,EAAAA,uBAAmD,IAAjBJ,GAE7DK,EAAAA,WAAU,KACNV,EAAqBO,EAAS,GAC/B,CAACA,EAAWP,IAET,MAAAW,EAAmBC,sBAAoBnB,GAE7C,OAESoB,EAAAA,KAAAC,WAAA,CAAAxB,SAAA,EAACiB,GACGQ,EAAAA,IAAAC,EAAAA,4BAAA,CAA4BC,MAAOnB,EAChCR,gBAAC,OAAK,CAAAO,SAAUO,EAAc,aAAYF,EACtCZ,SAAA,CAACyB,EAAAA,IAAAJ,EAAA,CAAiBpB,MAAAA,EAAcC,QAAAA,EAAkBI,UAAAA,IAClDiB,EAAAA,KAAC,MAAA,CACGK,IAAKV,EACLW,UAAWC,EAAAA,KAAK,CACZ,gCAAgC,EAChC,4CAAyD,IAAjBf,IAG3Cf,SAAA,CACGI,GAAAqB,EAAAA,IAACM,EAAAA,cAAA,CACGzB,UAAoC,iBAAlBF,EAA6BA,EAAcE,eAAY,EACzEL,MAAgC,iBAAlBG,EAA6BA,EAAcH,WAAQ,IAGzEsB,EAAAA,KAAC,MAAI,CAAAM,UAAU,sBACX7B,SAAA,CAACyB,EAAAA,IAAAO,EAAAA,cAAA,CAAcH,UAAU,wBAAwB7B,SAAI,SACrDyB,EAAAA,IAACQ,kBAAe9B,KAAK,SAAS+B,QAAS,IAAMlB,OAAgB,GAAYhB,SAEzE,sBAMnBiB,IAAcN,GAAqBc,EAAAA,IAAAU,EAAAA,gBAAA,IAAoB9B,MAC5D"}
+{"version":3,"file":"MainQuestion.cjs","sources":["../../../../../src/components/feedback/main-question/MainQuestion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ComponentProps, FC, ReactNode, useEffect } from \"react\";\nimport { useAnimatedHeight } from \"../../../hooks/useAnimatedHeight/useAnimatedHeight.js\";\nimport { PrimaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { Feedback } from \"../Feedback.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { AddonQuestion } from \"../questions/AddonQuestion.js\";\nimport { FeedbackOption, FeedbackType } from \"../types.js\";\nimport { getQuestionFromType } from \"../utils.js\";\nimport { MainQuestionContextProvider } from \"./mainQuestionContext.js\";\nimport { useMainQuestion } from \"./useMainQuestion.js\";\n\nconst defaultSuccessMessage = {\n    title: \"Takk for tilbakemeldingen!\",\n    children:\n        \"Husk at vi ikke kan besvare meldinger fra dette skjemaet. Kontakt gjerne din forsikringsrådgiver om du har flere spørsmål.\",\n};\n\ntype Props = Pick<ComponentProps<typeof Feedback>, \"addOnQuestion\"> & {\n    type: \"radio\" | \"smiley\";\n    label: string;\n    helpLabel?: string;\n    options: FeedbackOption[];\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n    onSubmit: (value: FeedbackType) => void;\n};\n\nexport const MainQuestion: FC<Props> = ({\n    label,\n    options,\n    type,\n    addOnQuestion,\n    successMessage = defaultSuccessMessage,\n    helpLabel,\n    onSubmit,\n}) => {\n    const mainQuestionState = useMainQuestion(onSubmit);\n\n    const { setFeedbackSubmitted, contactSubmitted, landmarkLabel } =\n        useFeedbackContext();\n    const { handleSubmit, currentValue, setCurrentValue, submitted } =\n        mainQuestionState;\n    const [submitWrapperRef] = useAnimatedHeight<HTMLDivElement>(\n        currentValue !== undefined,\n    );\n\n    useEffect(() => {\n        setFeedbackSubmitted(submitted);\n    }, [submitted, setFeedbackSubmitted]);\n\n    const MainQuestionComp = getQuestionFromType(type);\n\n    return (\n        <>\n            {!submitted && (\n                <MainQuestionContextProvider state={mainQuestionState}>\n                    <form onSubmit={handleSubmit} aria-label={landmarkLabel}>\n                        <MainQuestionComp\n                            label={label}\n                            options={options}\n                            helpLabel={helpLabel}\n                        />\n                        <div\n                            ref={submitWrapperRef}\n                            className={clsx({\n                                \"jkl-feedback__submit-wrapper\": true,\n                                \"jkl-feedback__submit-wrapper--hidden\":\n                                    currentValue === undefined,\n                            })}\n                        >\n                            {addOnQuestion && (\n                                <AddonQuestion\n                                    helpLabel={\n                                        typeof addOnQuestion === \"object\"\n                                            ? addOnQuestion.helpLabel\n                                            : undefined\n                                    }\n                                    label={\n                                        typeof addOnQuestion === \"object\"\n                                            ? addOnQuestion.label\n                                            : undefined\n                                    }\n                                />\n                            )}\n                            <div className=\"jkl-spacing-xl--top\">\n                                <PrimaryButton className=\"jkl-spacing-xl--right\">\n                                    Send\n                                </PrimaryButton>\n                                <TertiaryButton\n                                    type=\"button\"\n                                    onClick={() => setCurrentValue(undefined)}\n                                >\n                                    Avbryt\n                                </TertiaryButton>\n                            </div>\n                        </div>\n                    </form>\n                </MainQuestionContextProvider>\n            )}\n            {submitted && !contactSubmitted && (\n                <FeedbackSuccess {...successMessage} />\n            )}\n        </>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","label","options","type","addOnQuestion","successMessage","helpLabel","onSubmit","mainQuestionState","useMainQuestion","setFeedbackSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","handleSubmit","currentValue","setCurrentValue","submitted","submitWrapperRef","useAnimatedHeight","useEffect","MainQuestionComp","getQuestionFromType","jsxs","Fragment","jsx","MainQuestionContextProvider","state","ref","className","clsx","AddonQuestion","PrimaryButton","TertiaryButton","onClick","FeedbackSuccess"],"mappings":"ofAaMA,EAAwB,CAC1BC,MAAO,6BACPC,SACI,mJAe+B,EACnCC,MAAAA,EACAC,QAAAA,EACAC,KAAAA,EACAC,cAAAA,EACAC,eAAAA,EAAiBP,EACjBQ,UAAAA,EACAC,SAAAA,MAEM,MAAAC,EAAoBC,kBAAgBF,IAElCG,qBAAAA,EAAsBC,iBAAAA,EAAkBC,cAAAA,GAC5CC,EAAmBA,sBACfC,aAAAA,EAAcC,aAAAA,EAAcC,gBAAAA,EAAiBC,UAAAA,GACjDT,GACGU,GAAoBC,EAAAA,uBACN,IAAjBJ,GAGJK,EAAAA,WAAU,KACNV,EAAqBO,EAAS,GAC/B,CAACA,EAAWP,IAET,MAAAW,EAAmBC,sBAAoBnB,GAE7C,OAESoB,EAAAA,KAAAC,WAAA,CAAAxB,SAAA,EAACiB,GACGQ,EAAAA,IAAAC,EAAAA,4BAAA,CAA4BC,MAAOnB,EAChCR,gBAAC,OAAK,CAAAO,SAAUO,EAAc,aAAYF,EACtCZ,SAAA,CAAAyB,EAAAA,IAACJ,EAAA,CACGpB,MAAAA,EACAC,QAAAA,EACAI,UAAAA,IAEJiB,EAAAA,KAAC,MAAA,CACGK,IAAKV,EACLW,UAAWC,EAAAA,KAAK,CACZ,gCAAgC,EAChC,4CACqB,IAAjBf,IAGPf,SAAA,CACGI,GAAAqB,EAAAA,IAACM,EAAAA,cAAA,CACGzB,UAC6B,iBAAlBF,EACDA,EAAcE,eACd,EAEVL,MAC6B,iBAAlBG,EACDA,EAAcH,WACd,IAIlBsB,EAAAA,KAAC,MAAI,CAAAM,UAAU,sBACX7B,SAAA,CAACyB,EAAAA,IAAAO,EAAAA,cAAA,CAAcH,UAAU,wBAAwB7B,SAEjD,SACAyB,EAAAA,IAACQ,EAAAA,eAAA,CACG9B,KAAK,SACL+B,QAAS,IAAMlB,OAAgB,GAClChB,SAAA,sBAQpBiB,IAAcN,GACVc,EAAAA,IAAAU,EAAAA,gBAAA,IAAoB9B,MAE7B"}

package/build/cjs/components/feedback/main-question/mainQuestionContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mainQuestionContext.cjs","sources":["../../../../../src/components/feedback/main-question/mainQuestionContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FeedbackState } from \"../types.js\";\n\nconst mainQuestionContext = createContext<FeedbackState | undefined>(undefined);\n\nexport const useMainQuestionContext = (): FeedbackState | undefined => useContext(mainQuestionContext);\n\ninterface Props extends WithChildren {\n    state: FeedbackState;\n}\n\nexport const MainQuestionContextProvider: React.FC<Props> = ({ state, children }) => (\n    <mainQuestionContext.Provider value={state}>{children}</mainQuestionContext.Provider>\n);\n"],"names":["mainQuestionContext","createContext","state","children","jsx","Provider","value","useContext"],"mappings":"wIAIMA,EAAsBC,EAAAA,mBAAyC,uCAQT,EAAGC,MAAAA,EAAOC,SAAAA,KACjEC,EAAAA,IAAAJ,EAAoBK,SAApB,CAA6BC,MAAOJ,EAAQC,SAAAA,mCAPX,IAAiCI,EAAAA,WAAWP"}
+{"version":3,"file":"mainQuestionContext.cjs","sources":["../../../../../src/components/feedback/main-question/mainQuestionContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FeedbackState } from \"../types.js\";\n\nconst mainQuestionContext = createContext<FeedbackState | undefined>(undefined);\n\nexport const useMainQuestionContext = (): FeedbackState | undefined =>\n    useContext(mainQuestionContext);\n\ninterface Props extends WithChildren {\n    state: FeedbackState;\n}\n\nexport const MainQuestionContextProvider: React.FC<Props> = ({\n    state,\n    children,\n}) => (\n    <mainQuestionContext.Provider value={state}>\n        {children}\n    </mainQuestionContext.Provider>\n);\n"],"names":["mainQuestionContext","createContext","state","children","Provider","value","useContext"],"mappings":"wIAIMA,EAAsBC,EAAAA,mBAAyC,uCAST,EACxDC,MAAAA,EACAC,SAAAA,WAECH,EAAoBI,SAApB,CAA6BC,MAAOH,EAChCC,SAAAA,mCAZ6B,IAClCG,EAAAA,WAAWN"}

package/build/cjs/components/feedback/main-question/useMainQuestion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMainQuestion.cjs","sources":["../../../../../src/components/feedback/main-question/useMainQuestion.ts"],"sourcesContent":["import { useState, useRef, useCallback, useEffect, SetStateAction, Dispatch, FormEventHandler } from \"react\";\nimport { FeedbackType, FeedbackOption } from \"../types.js\";\n\ntype Value = FeedbackOption<string | number> | FeedbackOption<string | number>[] | undefined;\n\ntype MainQuestion = {\n    currentValue: Value;\n    setCurrentValue: Dispatch<SetStateAction<Value>>;\n    message: string | undefined;\n    setMessage: Dispatch<SetStateAction<string | undefined>>;\n    submitted: boolean;\n    handleSubmit: FormEventHandler<HTMLFormElement>;\n};\n\nexport const useMainQuestion = (onSubmit: (f: FeedbackType) => void): MainQuestion => {\n    const [currentValue, setCurrentValue] = useState<FeedbackOption | FeedbackOption[]>();\n    const [message, setMessage] = useState<string>();\n    const [submitted, setSubmitted] = useState(false);\n\n    const feedbackRef = useRef({\n        onSubmit,\n        currentValue,\n        message,\n        submitted,\n    });\n\n    useEffect(() => {\n        feedbackRef.current = {\n            ...feedbackRef.current,\n            onSubmit,\n            currentValue,\n            message,\n            submitted,\n        };\n    }, [onSubmit, currentValue, message, submitted]);\n\n    const submitHandler = useCallback((intentionalSubmit = true) => {\n        const { message, currentValue, submitted, onSubmit } = feedbackRef.current;\n\n        if (!submitted && currentValue !== undefined) {\n            const feedbackValue = Array.isArray(currentValue)\n                ? currentValue.map((option) => option.value)\n                : currentValue?.value;\n            onSubmit({\n                feedbackValue,\n                intentionalSubmit,\n                ...(intentionalSubmit && message ? { message } : {}),\n            });\n        }\n    }, []);\n\n    const autoSubmit = useCallback(() => submitHandler(false), [submitHandler]);\n\n    useEffect(() => {\n        if (typeof window !== \"undefined\") {\n            window.addEventListener(\"beforeunload\", autoSubmit);\n        }\n        return () => {\n            autoSubmit();\n            window.removeEventListener(\"beforeunload\", autoSubmit);\n        };\n    }, [autoSubmit]);\n\n    const handleSubmit: FormEventHandler<HTMLFormElement> = (e) => {\n        e.preventDefault();\n        submitHandler();\n        setSubmitted(true);\n    };\n\n    return {\n        currentValue,\n        setCurrentValue,\n        message,\n        setMessage,\n        submitted,\n        handleSubmit,\n    };\n};\n"],"names":["onSubmit","currentValue","setCurrentValue","useState","message","setMessage","submitted","setSubmitted","feedbackRef","useRef","useEffect","current","submitHandler","useCallback","intentionalSubmit","feedbackValue","Array","isArray","map","option","value","autoSubmit","window","addEventListener","removeEventListener","handleSubmit","e","preventDefault"],"mappings":"iIAcgCA,IAC5B,MAAOC,EAAcC,GAAmBC,EAA4CA,YAC7EC,EAASC,GAAcF,EAAiBA,YACxCG,EAAWC,GAAgBJ,YAAS,GAErCK,EAAcC,EAAAA,OAAO,CACvBT,SAAAA,EACAC,aAAAA,EACAG,QAAAA,EACAE,UAAAA,IAGJI,EAAAA,WAAU,KACNF,EAAYG,QAAU,IACfH,EAAYG,QACfX,SAAAA,EACAC,aAAAA,EACAG,QAAAA,EACAE,UAAAA,EAAA,GAEL,CAACN,EAAUC,EAAcG,EAASE,IAErC,MAAMM,EAAgBC,EAAAA,aAAY,CAACC,GAAoB,KAC7C,MAAEV,QAAAA,EAASH,aAAAA,EAAcK,UAAAA,EAAWN,SAAAA,GAAaQ,EAAYG,QAE/D,IAACL,QAA8B,IAAjBL,EAA4B,CAI1CD,EAAS,CACLe,cAJkBC,MAAMC,QAAQhB,GAC9BA,EAAaiB,KAAKC,GAAWA,EAAOC,QACpCnB,MAAAA,OAAAA,EAAAA,EAAcmB,MAGhBN,kBAAAA,KACIA,GAAqBV,EAAU,CAAEA,QAAAA,GAAY,CAAC,GAE1D,IACD,IAEGiB,EAAaR,EAAAA,aAAY,IAAMD,GAAc,IAAQ,CAACA,IAE5DF,OAAAA,EAAAA,WAAU,YACKY,OAAW,KACXA,OAAAC,iBAAiB,eAAgBF,GAErC,KACQA,IACJC,OAAAE,oBAAoB,eAAgBH,EAAU,IAE1D,CAACA,IAQG,CACHpB,aAAAA,EACAC,gBAAAA,EACAE,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAmB,aAZqDC,IACrDA,EAAEC,iBACYf,IACdL,GAAa,EAAI,EASjB"}
+{"version":3,"file":"useMainQuestion.cjs","sources":["../../../../../src/components/feedback/main-question/useMainQuestion.ts"],"sourcesContent":["import {\n    useState,\n    useRef,\n    useCallback,\n    useEffect,\n    SetStateAction,\n    Dispatch,\n    FormEventHandler,\n} from \"react\";\nimport { FeedbackType, FeedbackOption } from \"../types.js\";\n\ntype Value =\n    | FeedbackOption<string | number>\n    | FeedbackOption<string | number>[]\n    | undefined;\n\ntype MainQuestion = {\n    currentValue: Value;\n    setCurrentValue: Dispatch<SetStateAction<Value>>;\n    message: string | undefined;\n    setMessage: Dispatch<SetStateAction<string | undefined>>;\n    submitted: boolean;\n    handleSubmit: FormEventHandler<HTMLFormElement>;\n};\n\nexport const useMainQuestion = (\n    onSubmit: (f: FeedbackType) => void,\n): MainQuestion => {\n    const [currentValue, setCurrentValue] = useState<\n        FeedbackOption | FeedbackOption[]\n    >();\n    const [message, setMessage] = useState<string>();\n    const [submitted, setSubmitted] = useState(false);\n\n    const feedbackRef = useRef({\n        onSubmit,\n        currentValue,\n        message,\n        submitted,\n    });\n\n    useEffect(() => {\n        feedbackRef.current = {\n            ...feedbackRef.current,\n            onSubmit,\n            currentValue,\n            message,\n            submitted,\n        };\n    }, [onSubmit, currentValue, message, submitted]);\n\n    const submitHandler = useCallback((intentionalSubmit = true) => {\n        const { message, currentValue, submitted, onSubmit } =\n            feedbackRef.current;\n\n        if (!submitted && currentValue !== undefined) {\n            const feedbackValue = Array.isArray(currentValue)\n                ? currentValue.map((option) => option.value)\n                : currentValue?.value;\n            onSubmit({\n                feedbackValue,\n                intentionalSubmit,\n                ...(intentionalSubmit && message ? { message } : {}),\n            });\n        }\n    }, []);\n\n    const autoSubmit = useCallback(() => submitHandler(false), [submitHandler]);\n\n    useEffect(() => {\n        if (typeof window !== \"undefined\") {\n            window.addEventListener(\"beforeunload\", autoSubmit);\n        }\n        return () => {\n            autoSubmit();\n            window.removeEventListener(\"beforeunload\", autoSubmit);\n        };\n    }, [autoSubmit]);\n\n    const handleSubmit: FormEventHandler<HTMLFormElement> = (e) => {\n        e.preventDefault();\n        submitHandler();\n        setSubmitted(true);\n    };\n\n    return {\n        currentValue,\n        setCurrentValue,\n        message,\n        setMessage,\n        submitted,\n        handleSubmit,\n    };\n};\n"],"names":["onSubmit","currentValue","setCurrentValue","useState","message","setMessage","submitted","setSubmitted","feedbackRef","useRef","useEffect","current","submitHandler","useCallback","intentionalSubmit","feedbackValue","Array","isArray","map","option","value","autoSubmit","window","addEventListener","removeEventListener","handleSubmit","e","preventDefault"],"mappings":"iIA0BIA,IAEA,MAAOC,EAAcC,GAAmBC,EAEtCA,YACKC,EAASC,GAAcF,EAAiBA,YACxCG,EAAWC,GAAgBJ,YAAS,GAErCK,EAAcC,EAAAA,OAAO,CACvBT,SAAAA,EACAC,aAAAA,EACAG,QAAAA,EACAE,UAAAA,IAGJI,EAAAA,WAAU,KACNF,EAAYG,QAAU,IACfH,EAAYG,QACfX,SAAAA,EACAC,aAAAA,EACAG,QAAAA,EACAE,UAAAA,EAAA,GAEL,CAACN,EAAUC,EAAcG,EAASE,IAErC,MAAMM,EAAgBC,EAAAA,aAAY,CAACC,GAAoB,KAC7C,MAAEV,QAAAA,EAASH,aAAAA,EAAcK,UAAAA,EAAWN,SAAAA,GACtCQ,EAAYG,QAEZ,IAACL,QAA8B,IAAjBL,EAA4B,CAI1CD,EAAS,CACLe,cAJkBC,MAAMC,QAAQhB,GAC9BA,EAAaiB,KAAKC,GAAWA,EAAOC,QACpCnB,MAAAA,OAAAA,EAAAA,EAAcmB,MAGhBN,kBAAAA,KACIA,GAAqBV,EAAU,CAAEA,QAAAA,GAAY,CAAC,GAE1D,IACD,IAEGiB,EAAaR,EAAAA,aAAY,IAAMD,GAAc,IAAQ,CAACA,IAE5DF,OAAAA,EAAAA,WAAU,YACKY,OAAW,KACXA,OAAAC,iBAAiB,eAAgBF,GAErC,KACQA,IACJC,OAAAE,oBAAoB,eAAgBH,EAAU,IAE1D,CAACA,IAQG,CACHpB,aAAAA,EACAC,gBAAAA,EACAE,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAmB,aAZqDC,IACrDA,EAAEC,iBACYf,IACdL,GAAa,EAAI,EASjB"}

package/build/cjs/components/feedback/presets.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"presets.cjs","sources":["../../../../src/components/feedback/presets.tsx"],"sourcesContent":["import { ComponentProps } from \"react\";\nimport { Feedback } from \"./Feedback.js\";\nimport { defaultOptions as smileyOptions } from \"./questions/smileyUtils.js\";\n\ntype FeedbackProps = ComponentProps<typeof Feedback>;\ntype PresetProperties = Pick<FeedbackProps, \"label\" | \"type\" | \"options\" | \"addOnQuestion\">;\n\nconst smileyQuestion: PresetProperties = {\n    type: \"smiley\",\n    label: \"Hvor fornøyd er du med denne nettsiden?\",\n    options: smileyOptions,\n    addOnQuestion: true,\n};\n\nexport const PRESETS: Record<string, PresetProperties> = {\n    \"Fant du\": {\n        type: \"radio\",\n        label: \"Fant du det du lette etter?\",\n        options: [\n            {\n                label: \"Ja\",\n                value: \"ja\",\n                textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n            },\n            {\n                label: \"Nei\",\n                value: \"nei\",\n                textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n            },\n        ],\n        addOnQuestion: true,\n    },\n    \"Fikk du gjort\": {\n        type: \"radio\",\n        label: \"Fikk du gjort det du skulle?\",\n        options: [\n            {\n                label: \"Ja\",\n                value: \"ja\",\n                textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n            },\n            {\n                label: \"Nei\",\n                value: \"nei\",\n                textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n            },\n        ],\n        addOnQuestion: true,\n    },\n    \"Hvor fornøyd 5\": smileyQuestion,\n    Smileys: smileyQuestion,\n};\n"],"names":["smileyQuestion","type","label","options","defaultOptions","addOnQuestion","PRESETS","value","textAreaLabel","Smileys"],"mappings":"sFAOMA,EAAmC,CACrCC,KAAM,SACNC,MAAO,0CACPC,+CAASC,eACTC,eAAe,GAGNC,EAA4C,CACrD,UAAW,CACPL,KAAM,QACNC,MAAO,8BACPC,QAAS,CACL,CACID,MAAO,KACPK,MAAO,KACPC,cAAe,+DAEnB,CACIN,MAAO,MACPK,MAAO,MACPC,cAAe,uFAGvBH,eAAe,GAEnB,gBAAiB,CACbJ,KAAM,QACNC,MAAO,+BACPC,QAAS,CACL,CACID,MAAO,KACPK,MAAO,KACPC,cAAe,+DAEnB,CACIN,MAAO,MACPK,MAAO,MACPC,cAAe,uFAGvBH,eAAe,GAEnB,iBAAkBL,EAClBS,QAAST"}
+{"version":3,"file":"presets.cjs","sources":["../../../../src/components/feedback/presets.tsx"],"sourcesContent":["import { ComponentProps } from \"react\";\nimport { Feedback } from \"./Feedback.js\";\nimport { defaultOptions as smileyOptions } from \"./questions/smileyUtils.js\";\n\ntype FeedbackProps = ComponentProps<typeof Feedback>;\ntype PresetProperties = Pick<\n    FeedbackProps,\n    \"label\" | \"type\" | \"options\" | \"addOnQuestion\"\n>;\n\nconst smileyQuestion: PresetProperties = {\n    type: \"smiley\",\n    label: \"Hvor fornøyd er du med denne nettsiden?\",\n    options: smileyOptions,\n    addOnQuestion: true,\n};\n\nexport const PRESETS: Record<string, PresetProperties> = {\n    \"Fant du\": {\n        type: \"radio\",\n        label: \"Fant du det du lette etter?\",\n        options: [\n            {\n                label: \"Ja\",\n                value: \"ja\",\n                textAreaLabel:\n                    \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n            },\n            {\n                label: \"Nei\",\n                value: \"nei\",\n                textAreaLabel:\n                    \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n            },\n        ],\n        addOnQuestion: true,\n    },\n    \"Fikk du gjort\": {\n        type: \"radio\",\n        label: \"Fikk du gjort det du skulle?\",\n        options: [\n            {\n                label: \"Ja\",\n                value: \"ja\",\n                textAreaLabel:\n                    \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n            },\n            {\n                label: \"Nei\",\n                value: \"nei\",\n                textAreaLabel:\n                    \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n            },\n        ],\n        addOnQuestion: true,\n    },\n    \"Hvor fornøyd 5\": smileyQuestion,\n    Smileys: smileyQuestion,\n};\n"],"names":["smileyQuestion","type","label","options","defaultOptions","addOnQuestion","PRESETS","value","textAreaLabel","Smileys"],"mappings":"sFAUMA,EAAmC,CACrCC,KAAM,SACNC,MAAO,0CACPC,+CAASC,eACTC,eAAe,GAGNC,EAA4C,CACrD,UAAW,CACPL,KAAM,QACNC,MAAO,8BACPC,QAAS,CACL,CACID,MAAO,KACPK,MAAO,KACPC,cACI,+DAER,CACIN,MAAO,MACPK,MAAO,MACPC,cACI,uFAGZH,eAAe,GAEnB,gBAAiB,CACbJ,KAAM,QACNC,MAAO,+BACPC,QAAS,CACL,CACID,MAAO,KACPK,MAAO,KACPC,cACI,+DAER,CACIN,MAAO,MACPK,MAAO,MACPC,cACI,uFAGZH,eAAe,GAEnB,iBAAkBL,EAClBS,QAAST"}

package/build/cjs/components/feedback/questions/AddonQuestion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AddonQuestion.cjs","sources":["../../../../../src/components/feedback/questions/AddonQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useState } from \"react\";\nimport { TextArea } from \"../../text-input/TextArea.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\n\ninterface Props {\n    label?: string;\n    helpLabel?: string;\n}\n\nexport const AddonQuestion: React.FC<Props> = ({\n    helpLabel = \"Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.\",\n    label,\n}) => {\n    const { counter } = useFeedbackContext();\n    const context = useMainQuestionContext();\n    const [dynamicLabel, setDynamicLabel] = useState<string>();\n\n    useEffect(() => {\n        const labelFromValue = Array.isArray(context?.currentValue)\n            ? context?.currentValue[0].textAreaLabel?.toString()\n            : context?.currentValue?.textAreaLabel?.toString();\n        setDynamicLabel(labelFromValue || label);\n    }, [context?.currentValue, label]);\n\n    if (!context) {\n        console.error(\"Addon question must be used inside a MainQuestion context provider\");\n        return null;\n    }\n\n    const { message, setMessage } = context;\n    const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => setMessage(e.target.value);\n\n    return (\n        <>\n            {context.currentValue !== undefined && (\n                <div className=\"jkl-sr-only\" aria-live=\"polite\">\n                    {dynamicLabel} {helpLabel}\n                </div>\n            )}\n            <TextArea\n                startOpen\n                rows={4}\n                data-testid=\"jkl-feedback__open-question\"\n                className=\"jkl-spacing-xl--bottom jkl-spacing-xl--top\"\n                label={dynamicLabel}\n                labelProps={{ srOnly: true }}\n                placeholder={dynamicLabel}\n                helpLabel={helpLabel}\n                value={message || \"\"}\n                onChange={handleChange}\n                counter={counter}\n            />\n        </>\n    );\n};\n"],"names":["helpLabel","label","counter","useFeedbackContext","context","useMainQuestionContext","dynamicLabel","setDynamicLabel","useState","useEffect","labelFromValue","Array","isArray","currentValue","_a","textAreaLabel","toString","_c","_b","error","message","setMessage","jsxs","Fragment","children","className","jsx","TextArea","startOpen","rows","labelProps","srOnly","placeholder","value","onChange","e","target"],"mappings":"mSAU8C,EAC1CA,UAAAA,EAAY,uJACZC,MAAAA,MAEM,MAAEC,QAAAA,GAAYC,EAAAA,qBACdC,EAAUC,EAAAA,0BACTC,EAAcC,GAAmBC,EAAiBA,WASzD,GAPAC,EAAAA,WAAU,eACN,MAAMC,EAAiBC,MAAMC,QAAQ,MAAAR,SAAAA,EAASS,cACxC,OAAAC,EAAA,MAAAV,SAAAA,EAASS,aAAa,GAAGE,oBAAzBD,EAAAA,EAAwCE,WACxC,OAAAC,EAAA,OAAAC,EAAA,MAAAd,OAAAA,EAAAA,EAASS,mBAATK,EAAAA,EAAuBH,oBAAvB,EAAAE,EAAsCD,WAC5CT,EAAgBG,GAAkBT,EAAK,GACxC,CAAC,MAAAG,OAAAA,EAAAA,EAASS,aAAcZ,KAEtBG,EACD,eAAQe,MAAM,sEACP,KAGL,MAAEC,QAAAA,EAASC,WAAAA,GAAejB,EAGhC,OAESkB,EAAAA,KAAAC,WAAA,CAAAC,SAAA,MAAyB,IAAzBpB,EAAQS,cACLS,OAAC,OAAIG,UAAU,cAAc,YAAU,SAClCD,SAAA,CAAAlB,EAAa,IAAEN,KAGxB0B,EAAAA,IAACC,EAAAA,SAAA,CACGC,WAAS,EACTC,KAAM,EACN,cAAY,8BACZJ,UAAU,6CACVxB,MAAOK,EACPwB,WAAY,CAAEC,QAAQ,GACtBC,YAAa1B,EACbN,UAAAA,EACAiC,MAAOb,GAAW,GAClBc,SAnBmDC,GAAMd,EAAWc,EAAEC,OAAOH,OAoB7E/B,QAAAA,MAER"}
+{"version":3,"file":"AddonQuestion.cjs","sources":["../../../../../src/components/feedback/questions/AddonQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useState } from \"react\";\nimport { TextArea } from \"../../text-input/TextArea.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\n\ninterface Props {\n    label?: string;\n    helpLabel?: string;\n}\n\nexport const AddonQuestion: React.FC<Props> = ({\n    helpLabel = \"Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.\",\n    label,\n}) => {\n    const { counter } = useFeedbackContext();\n    const context = useMainQuestionContext();\n    const [dynamicLabel, setDynamicLabel] = useState<string>();\n\n    useEffect(() => {\n        const labelFromValue = Array.isArray(context?.currentValue)\n            ? context?.currentValue[0].textAreaLabel?.toString()\n            : context?.currentValue?.textAreaLabel?.toString();\n        setDynamicLabel(labelFromValue || label);\n    }, [context?.currentValue, label]);\n\n    if (!context) {\n        console.error(\n            \"Addon question must be used inside a MainQuestion context provider\",\n        );\n        return null;\n    }\n\n    const { message, setMessage } = context;\n    const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n        setMessage(e.target.value);\n\n    return (\n        <>\n            {context.currentValue !== undefined && (\n                <div className=\"jkl-sr-only\" aria-live=\"polite\">\n                    {dynamicLabel} {helpLabel}\n                </div>\n            )}\n            <TextArea\n                startOpen\n                rows={4}\n                data-testid=\"jkl-feedback__open-question\"\n                className=\"jkl-spacing-xl--bottom jkl-spacing-xl--top\"\n                label={dynamicLabel}\n                labelProps={{ srOnly: true }}\n                placeholder={dynamicLabel}\n                helpLabel={helpLabel}\n                value={message || \"\"}\n                onChange={handleChange}\n                counter={counter}\n            />\n        </>\n    );\n};\n"],"names":["helpLabel","label","counter","useFeedbackContext","context","useMainQuestionContext","dynamicLabel","setDynamicLabel","useState","useEffect","labelFromValue","Array","isArray","currentValue","_a","textAreaLabel","toString","_c","_b","error","message","setMessage","jsxs","Fragment","children","className","jsx","TextArea","startOpen","rows","labelProps","srOnly","placeholder","value","onChange","e","target"],"mappings":"mSAU8C,EAC1CA,UAAAA,EAAY,uJACZC,MAAAA,MAEM,MAAEC,QAAAA,GAAYC,EAAAA,qBACdC,EAAUC,EAAAA,0BACTC,EAAcC,GAAmBC,EAAiBA,WASzD,GAPAC,EAAAA,WAAU,eACN,MAAMC,EAAiBC,MAAMC,QAAQ,MAAAR,SAAAA,EAASS,cACxC,OAAAC,EAAA,MAAAV,SAAAA,EAASS,aAAa,GAAGE,oBAAzBD,EAAAA,EAAwCE,WACxC,OAAAC,EAAA,OAAAC,EAAA,MAAAd,OAAAA,EAAAA,EAASS,mBAATK,EAAAA,EAAuBH,oBAAvB,EAAAE,EAAsCD,WAC5CT,EAAgBG,GAAkBT,EAAK,GACxC,CAAC,MAAAG,OAAAA,EAAAA,EAASS,aAAcZ,KAEtBG,EACO,eAAAe,MACJ,sEAEG,KAGL,MAAEC,QAAAA,EAASC,WAAAA,GAAejB,EAIhC,OAESkB,EAAAA,KAAAC,WAAA,CAAAC,SAAA,MAAyB,IAAzBpB,EAAQS,cACLS,OAAC,OAAIG,UAAU,cAAc,YAAU,SAClCD,SAAA,CAAAlB,EAAa,IAAEN,KAGxB0B,EAAAA,IAACC,EAAAA,SAAA,CACGC,WAAS,EACTC,KAAM,EACN,cAAY,8BACZJ,UAAU,6CACVxB,MAAOK,EACPwB,WAAY,CAAEC,QAAQ,GACtBC,YAAa1B,EACbN,UAAAA,EACAiC,MAAOb,GAAW,GAClBc,SApBmDC,GAC3Dd,EAAWc,EAAEC,OAAOH,OAoBZ/B,QAAAA,MAER"}