npm - @fremtind/jokul - Versions diffs - 3.0.0 → 3.2.0 - Mend

@fremtind/jokul 3.0.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (826) hide show

package/build/cjs/components/datepicker/internal/utils.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("date-fns");require("react");const e=require("../utils.cjs");function n({month:e,year:n,selectedDates:r,minDate:o,maxDate:i,firstDayOfWeek:l,showOutsideDays:f}){const u=function(t,e){const n=new Date(e,t,1),a=n.getMonth(),s=n.getFullYear();return{daysInMonth:32-new Date(s,a,32).getDate(),month:a,year:s}}(e,n),D=u.daysInMonth;e=u.month,n=u.year;const c=[];for(let l=1;l<=D;l++){const f=new Date(n,e,l),u={date:f,selected:a(r,f),selectable:s(o,i,f),today:t.isToday(f),prevMonth:!1,nextMonth:!1};c.push(u)}const h=new Date(n,e,1),d=new Date(n,e,D),y=function({firstDayOfMonth:e,minDate:n,maxDate:r,selectedDates:o,firstDayOfWeek:i,showOutsideDays:l}){const f=[];let u=(e.getDay()+7-i)%7;if(l){const i=t.addDays(e,-1),l=i.getDate(),D=i.getMonth(),c=i.getFullYear();let h=0;for(;h<u;){const t=new Date(c,D,l-h),e={date:t,selected:a(o,t),selectable:s(n,r,t),today:!1,prevMonth:!0,nextMonth:!1};f.unshift(e),h++}}else for(;u>0;)f.unshift(""),u--;return f}({firstDayOfMonth:h,minDate:o,maxDate:i,selectedDates:r,firstDayOfWeek:l,showOutsideDays:f}),g=function({lastDayOfMonth:e,minDate:n,maxDate:r,selectedDates:o,firstDayOfWeek:i,showOutsideDays:l}){const f=[];let u=(e.getDay()+7-i)%7;if(l){const i=t.addDays(e,1),l=i.getMonth(),D=i.getFullYear();let c=0;for(;c<6-u;){const t=new Date(D,l,1+c),e={date:t,selected:a(o,t),selectable:s(n,r,t),today:!1,prevMonth:!1,nextMonth:!0};f.push(e),c++}}else for(;u<6;)f.push(""),u++;return f}({lastDayOfMonth:d,minDate:o,maxDate:i,selectedDates:r,firstDayOfWeek:l,showOutsideDays:f});c.unshift(...y),c.push(...g);const m=function(t){const e=Math.ceil(t.length/7),n=[];for(let a=0;a<e;a++){n[a]=[];for(let e=0;e<7;e++)n[a].push(t[7*a+e])}return n}(c);return{firstDayOfMonth:h,lastDayOfMonth:d,month:e,year:n,weeks:m}}function a(e,n){return!!e&&(Array.isArray(e)?e:[e]).some((e=>e instanceof Date&&t.startOfDay(e).getTime()===t.startOfDay(n).getTime()))}function s(e,n,a){return!(e&&t.isBefore(a,e)||n&&t.isBefore(n,a))}function r(t,e){return t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function o(t,e,n){return!!(n&&t>n||e&&t<e)}exports.DEFAULT_YEARS_TO_SHOW=3,exports.addMonth=function({calendars:e,offset:n,maxDate:a}){if(n>1&&a){const{lastDayOfMonth:s}=e[e.length-1],r=t.differenceInCalendarMonths(a,s);r<n&&(n=r)}return n},exports.composeEventHandlers=function(...t){return e=>t.some((t=>(t?.(e),e.defaultPrevented)))},exports.dateHasChanged=function(t,e){return!t||!r(t,e)},exports.dateIsOutsideRange=o,exports.getCalendars=function({date:e,selected:a,monthsToDisplay:s,offset:r,minDate:o,maxDate:i,firstDayOfWeek:l,showOutsideDays:f}){const u=[],D=function(e,n,a){let s=t.startOfDay(e);if(n){const e=t.startOfDay(n);t.isBefore(s,e)&&(s=e)}if(a){const e=t.startOfDay(a);t.isBefore(e,s)&&(s=e)}return s}(e,o,i);for(let t=0;t<s;t++){const e=n({month:D.getMonth()+t+r,year:D.getFullYear(),selectedDates:a,minDate:o,maxDate:i,firstDayOfWeek:l,showOutsideDays:f});u.push(e)}return u},exports.getInitialDate=function(t,n,a,s){const r=e.parseDateString(t),i=e.parseDateString(n);return r?o(r,a,s)?null:r:i?o(i,a,s)?null:i:null},exports.getInitialDateShown=function(t,e,n,a){let s=t||e||new Date;return n&&(s=n>s?n:s),a&&(s=a<s?a:s),s},exports.getMonthSelectOptions=function(t,e,n,a){const s=n?.getFullYear()||t,r=void 0===n?.getMonth()?0:n.getMonth(),o=a?.getFullYear()||t,i=void 0===a?.getMonth()?11:a.getMonth();let l=0,f=11;return s===t&&(l=r),o===t&&(f=i),e.map(((t,e)=>({value:e.toString(),label:t}))).filter((({value:t})=>Number.parseInt(t)>=l&&Number.parseInt(t)<=f))},exports.getYearSelectOptions=function(t,e,n,a){if(e&&e.getFullYear()>t)return[e.getFullYear().toString()];if(n&&n.getFullYear()<t)return[n.getFullYear().toString()];let s,r,o=!1;"all"===a?(o=!0,s=3,r=3):(s="number"==typeof a?a:a.previous,r="number"==typeof a?a:a.coming);let i=t-s;if(e){const t=o?e.getFullYear():i;i=Math.max(e.getFullYear(),t)}let l=t+r;if(n){const t=o?n.getFullYear():l;l=Math.min(n.getFullYear(),t)}const f=Math.max(l-i+1,1);return[...Array(f).keys()].map((t=>t+i)).map((t=>t.toString()))},exports.isBackDisabled=function({calendars:e,minDate:n}){if(!n)return!1;const{firstDayOfMonth:a}=e[0],s=t.addDays(a,-1);return!!t.isBefore(s,n)},exports.isForwardDisabled=function({calendars:e,maxDate:n}){if(!n)return!1;const{lastDayOfMonth:a}=e[e.length-1],s=t.addDays(a,1);return!!t.isBefore(n,s)},exports.isSameDay=r,exports.subtractMonth=function({calendars:e,offset:n,minDate:a}){if(n>1&&a){const{firstDayOfMonth:s}=e[0],r=t.differenceInCalendarMonths(s,a);r<n&&(n=r)}return n};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("date-fns");require("react");const e=require("../utils.cjs");function n({month:e,year:n,selectedDates:r,minDate:o,maxDate:i,firstDayOfWeek:l,showOutsideDays:f}){const u=function(t,e){const n=new Date(e,t,1),a=n.getMonth(),s=n.getFullYear();return{daysInMonth:32-new Date(s,a,32).getDate(),month:a,year:s}}(e,n),D=u.daysInMonth;e=u.month,n=u.year;const c=[];for(let l=1;l<=D;l++){const f=new Date(n,e,l),u={date:f,selected:a(r,f),selectable:s(o,i,f),today:t.isToday(f),prevMonth:!1,nextMonth:!1};c.push(u)}const h=new Date(n,e,1),d=new Date(n,e,D),y=function({firstDayOfMonth:e,minDate:n,maxDate:r,selectedDates:o,firstDayOfWeek:i,showOutsideDays:l}){const f=[];let u=(e.getDay()+7-i)%7;if(l){const i=t.addDays(e,-1),l=i.getDate(),D=i.getMonth(),c=i.getFullYear();let h=0;for(;h<u;){const t=new Date(c,D,l-h),e={date:t,selected:a(o,t),selectable:s(n,r,t),today:!1,prevMonth:!0,nextMonth:!1};f.unshift(e),h++}}else for(;u>0;)f.unshift(""),u--;return f}({firstDayOfMonth:h,minDate:o,maxDate:i,selectedDates:r,firstDayOfWeek:l,showOutsideDays:f}),g=function({lastDayOfMonth:e,minDate:n,maxDate:r,selectedDates:o,firstDayOfWeek:i,showOutsideDays:l}){const f=[];let u=(e.getDay()+7-i)%7;if(l){const i=t.addDays(e,1),l=i.getMonth(),D=i.getFullYear();let c=0;for(;c<6-u;){const t=new Date(D,l,1+c),e={date:t,selected:a(o,t),selectable:s(n,r,t),today:!1,prevMonth:!1,nextMonth:!0};f.push(e),c++}}else for(;u<6;)f.push(""),u++;return f}({lastDayOfMonth:d,minDate:o,maxDate:i,selectedDates:r,firstDayOfWeek:l,showOutsideDays:f});c.unshift(...y),c.push(...g);const m=function(t){const e=Math.ceil(t.length/7),n=[];for(let a=0;a<e;a++){n[a]=[];for(let e=0;e<7;e++)n[a].push(t[7*a+e])}return n}(c);return{firstDayOfMonth:h,lastDayOfMonth:d,month:e,year:n,weeks:m}}function a(e,n){return!!e&&(Array.isArray(e)?e:[e]).some(e=>e instanceof Date&&t.startOfDay(e).getTime()===t.startOfDay(n).getTime())}function s(e,n,a){return!(e&&t.isBefore(a,e)||n&&t.isBefore(n,a))}function r(t,e){return t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function o(t,e,n){return!!(n&&t>n||e&&t<e)}exports.DEFAULT_YEARS_TO_SHOW=3,exports.addMonth=function({calendars:e,offset:n,maxDate:a}){if(n>1&&a){const{lastDayOfMonth:s}=e[e.length-1],r=t.differenceInCalendarMonths(a,s);r<n&&(n=r)}return n},exports.composeEventHandlers=function(...t){return e=>t.some(t=>(t?.(e),e.defaultPrevented))},exports.dateHasChanged=function(t,e){return!t||!r(t,e)},exports.dateIsOutsideRange=o,exports.getCalendars=function({date:e,selected:a,monthsToDisplay:s,offset:r,minDate:o,maxDate:i,firstDayOfWeek:l,showOutsideDays:f}){const u=[],D=function(e,n,a){let s=t.startOfDay(e);if(n){const e=t.startOfDay(n);t.isBefore(s,e)&&(s=e)}if(a){const e=t.startOfDay(a);t.isBefore(e,s)&&(s=e)}return s}(e,o,i);for(let t=0;t<s;t++){const e=n({month:D.getMonth()+t+r,year:D.getFullYear(),selectedDates:a,minDate:o,maxDate:i,firstDayOfWeek:l,showOutsideDays:f});u.push(e)}return u},exports.getInitialDate=function(t,n,a,s){const r=e.parseDateString(t),i=e.parseDateString(n);return r?o(r,a,s)?null:r:i?o(i,a,s)?null:i:null},exports.getInitialDateShown=function(t,e,n,a){let s=t||e||new Date;return n&&(s=n>s?n:s),a&&(s=a<s?a:s),s},exports.getMonthSelectOptions=function(t,e,n,a){const s=n?.getFullYear()||t,r=void 0===n?.getMonth()?0:n.getMonth(),o=a?.getFullYear()||t,i=void 0===a?.getMonth()?11:a.getMonth();let l=0,f=11;return s===t&&(l=r),o===t&&(f=i),e.map((t,e)=>({value:e.toString(),label:t})).filter(({value:t})=>Number.parseInt(t)>=l&&Number.parseInt(t)<=f)},exports.getYearSelectOptions=function(t,e,n,a){if(e&&e.getFullYear()>t)return[e.getFullYear().toString()];if(n&&n.getFullYear()<t)return[n.getFullYear().toString()];let s,r,o=!1;"all"===a?(o=!0,s=3,r=3):(s="number"==typeof a?a:a.previous,r="number"==typeof a?a:a.coming);let i=t-s;if(e){const t=o?e.getFullYear():i;i=Math.max(e.getFullYear(),t)}let l=t+r;if(n){const t=o?n.getFullYear():l;l=Math.min(n.getFullYear(),t)}const f=Math.max(l-i+1,1);return[...Array(f).keys()].map(t=>t+i).map(t=>t.toString())},exports.isBackDisabled=function({calendars:e,minDate:n}){if(!n)return!1;const{firstDayOfMonth:a}=e[0],s=t.addDays(a,-1);return!!t.isBefore(s,n)},exports.isForwardDisabled=function({calendars:e,maxDate:n}){if(!n)return!1;const{lastDayOfMonth:a}=e[e.length-1],s=t.addDays(a,1);return!!t.isBefore(n,s)},exports.isSameDay=r,exports.subtractMonth=function({calendars:e,offset:n,minDate:a}){if(n>1&&a){const{firstDayOfMonth:s}=e[0],r=t.differenceInCalendarMonths(s,a);r<n&&(n=r)}return n};
 //# sourceMappingURL=utils.cjs.map

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

	@@ -1 +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 {\n addDays,\n differenceInCalendarMonths,\n isBefore,\n isToday,\n startOfDay,\n} from \"date-fns\";\nimport React from \"react\";\nimport type { 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?.(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 Number.parseInt(value) >= startMonth &&\n Number.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 const normalizedMonth = normalizedMonthYear.getMonth();\n const normalizedYear = 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 =\n 32 - new Date(normalizedYear, normalizedMonth, 32).getDate();\n return { daysInMonth, month: normalizedMonth, year: normalizedYear };\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 const dates = Array.isArray(selectedDates)\n ? selectedDates\n : [selectedDates];\n return dates.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","normalizedMonth","getMonth","normalizedYear","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","Number","parseInt","yearsToShow","previousYearsToShow","comingYearsToShow","showAllYears","previous","coming","startYear","earliestStartYear","max","endYear","latestEndYear","min","numYears","keys","item","firstDayOfMonthMinusOne","lastDayOfMonthPlusOne"],"mappings":"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"}
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 {\n addDays,\n differenceInCalendarMonths,\n isBefore,\n isToday,\n startOfDay,\n} from \"date-fns\";\nimport React from \"react\";\nimport type { 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?.(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 Number.parseInt(value) >= startMonth &&\n Number.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 const normalizedMonth = normalizedMonthYear.getMonth();\n const normalizedYear = 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 =\n 32 - new Date(normalizedYear, normalizedMonth, 32).getDate();\n return { daysInMonth, month: normalizedMonth, year: normalizedYear };\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 const dates = Array.isArray(selectedDates)\n ? selectedDates\n : [selectedDates];\n return dates.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","normalizedMonth","getMonth","normalizedYear","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","Number","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/utils.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.cjs","sources":["../../../../src/components/datepicker/utils.ts"],"sourcesContent":["import React from \"react\";\n\nconst 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 = Number.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 = Number.parseInt(inputDateSegments[0], 10);\n const month = Number.parseInt(inputDateSegments[1], 10) - 1;\n const yearIn = Number.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","Number","parseInt","Date","toLocaleString","year","day","month","yearIn","generatedDate"],"mappings":"iGAEA,MAAMA,EAAoB,wCACpBC,EAAoB,4DAQnB,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,OAAOC,UAC/B,IAAIC,MAAOC,eAAe,QAAS,CAAEC,KAAM,aAKzCC,EAAML,OAAOC,SAASX,EAAkB,GAAI,IAC5CgB,EAAQN,OAAOC,SAASX,EAAkB,GAAI,IAAM,EACpDiB,EAASP,OAAOC,SAASX,EAAkB,GAAI,IAC/Cc,EAAOG,EAAS,GAAKA,GANAH,EAM2BG,GAL3CR,EAAsBK,EAAO,KAAOA,EAAO,IAOhDI,EAAgB,IAAIN,KAAKE,EAAME,EAAOD,EAAK,EAAG,EAAG,GAR5BD,~~MAUpB~~,~~OAAAI~~,EAAc1B,aAAewB,GAChCE,EAAczB,gBAAkBqB,EAC9BI,OACA,CACV"}
1	+ {"version":3,"file":"utils.cjs","sources":["../../../../src/components/datepicker/utils.ts"],"sourcesContent":["import React from \"react\";\n\nconst 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 = Number.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 = Number.parseInt(inputDateSegments[0], 10);\n const month = Number.parseInt(inputDateSegments[1], 10) - 1;\n const yearIn = Number.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","Number","parseInt","Date","toLocaleString","year","day","month","yearIn","generatedDate"],"mappings":"iGAEA,MAAMA,EAAoB,wCACpBC,EAAoB,4DAQnB,SAAqBC,GAGxB,MAAO,GAFK,GAAGA,EAAKC,YAAYC,SAAS,EAAG,QAC9B,GAAGF,EAAKG,WAAa,IAAID,SAAS,EAAG,QACzBF,EAAKI,eACnC,8BAsEO,SACHC,GAEA,IAAKA,EAAEC,cACH,OAAO,EAGX,MAAMC,EAAaF,EAAEG,OAAOC,QAAQ,kCAKpC,OAJ0BJ,EAAEC,cAAcG,QACtC,oCAGyBF,CACjC,0BAjDO,SAAyBG,GAC5B,IAAKA,EACD,OAGJ,MAAMC,EA/ByBC,KAC/B,MAAMC,EAAef,EAAkBgB,KAAKF,GAE5C,GAAIC,EACA,OAAOA,EAAaE,MAAM,EAAG,GAGjC,MAAMC,EAAejB,EAAkBe,KAAKF,GAE5C,IAAKI,EACD,OAIJ,MAAMC,EAAqBD,EAAaD,MAAM,EAAG,GACjD,OAAAE,EAAmBC,UAEZD,GAcmBE,CAA0BT,GAEpD,IAAKC,EACD,OAGJ,MAAMS,EAAsBC,OAAOC,UAC/B,IAAIC,MAAOC,eAAe,QAAS,CAAEC,KAAM,aAKzCC,EAAML,OAAOC,SAASX,EAAkB,GAAI,IAC5CgB,EAAQN,OAAOC,SAASX,EAAkB,GAAI,IAAM,EACpDiB,EAASP,OAAOC,SAASX,EAAkB,GAAI,IAC/Cc,EAAOG,EAAS,GAAKA,GANAH,EAM2BG,GAL3CR,EAAsBK,EAAO,KAAOA,EAAO,IAOhDI,EAAgB,IAAIN,KAAKE,EAAME,EAAOD,EAAK,EAAG,EAAG,GAR5BD,MAU3B,OAAOI,EAAc1B,aAAewB,GAChCE,EAAczB,gBAAkBqB,EAC9BI,OACA,CACV"}

package/build/cjs/components/datepicker/validation.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"validation.cjs","sources":["../../../../src/components/datepicker/validation.ts"],"sourcesContent":["import type { ComparisonOptions } from \"./types.js\";\nimport { parseDateString } from \"./utils.js\";\n\nexport function isCorrectFormat(value: string \| undefined): boolean {\n if (!value) {\n return false;\n }\n const val = parseDateString(value);\n return Boolean(val);\n}\n\nexport function isWithinLowerBound(\n value: Date \| string \| undefined,\n minDate: Date,\n options: ComparisonOptions = { inclusive: false },\n): boolean {\n const val = typeof value === \"string\" ? parseDateString(value) : value;\n\n if (!val) {\n return false;\n }\n\n if (options.inclusive) {\n return val >= minDate;\n }\n\n return val > minDate;\n}\n\nexport function isWithinUpperBound(\n value: Date \| string \| undefined,\n maxDate: Date,\n options: ComparisonOptions = { inclusive: false },\n): boolean {\n const val = typeof value === \"string\" ? parseDateString(value) : value;\n\n if (!val) {\n return false;\n }\n\n if (options.inclusive) {\n return val <= maxDate;\n }\n\n return val < maxDate;\n}\n"],"names":["value","parseDateString","minDate","options","inclusive","val","maxDate"],"mappings":"uIAGO,SAAyBA,GAC5B,QAAKA,KAGOC,~~kBAAgBD~~,EAEhC,6BAEO,SACHA,EACAE,EACAC,EAA6B,CAAEC,WAAW,IAE1C,MAAMC,EAAuB,iBAAVL,EAAqBC,EAAAA,gBAAgBD,GAASA,EAEjE,QAAKK,IAIDF,EAAQC,UACDC,GAAOH,EAGXG,EAAMH,EACjB,6BAEO,SACHF,EACAM,EACAH,EAA6B,CAAEC,WAAW,IAE1C,MAAMC,EAAuB,iBAAVL,EAAqBC,EAAAA,gBAAgBD,GAASA,EAEjE,QAAKK,IAIDF,EAAQC,UACDC,GAAOC,EAGXD,EAAMC,EACjB"}
1	+ {"version":3,"file":"validation.cjs","sources":["../../../../src/components/datepicker/validation.ts"],"sourcesContent":["import type { ComparisonOptions } from \"./types.js\";\nimport { parseDateString } from \"./utils.js\";\n\nexport function isCorrectFormat(value: string \| undefined): boolean {\n if (!value) {\n return false;\n }\n const val = parseDateString(value);\n return Boolean(val);\n}\n\nexport function isWithinLowerBound(\n value: Date \| string \| undefined,\n minDate: Date,\n options: ComparisonOptions = { inclusive: false },\n): boolean {\n const val = typeof value === \"string\" ? parseDateString(value) : value;\n\n if (!val) {\n return false;\n }\n\n if (options.inclusive) {\n return val >= minDate;\n }\n\n return val > minDate;\n}\n\nexport function isWithinUpperBound(\n value: Date \| string \| undefined,\n maxDate: Date,\n options: ComparisonOptions = { inclusive: false },\n): boolean {\n const val = typeof value === \"string\" ? parseDateString(value) : value;\n\n if (!val) {\n return false;\n }\n\n if (options.inclusive) {\n return val <= maxDate;\n }\n\n return val < maxDate;\n}\n"],"names":["value","parseDateString","minDate","options","inclusive","val","maxDate"],"mappings":"uIAGO,SAAyBA,GAC5B,QAAKA,KAGOC,EAAAA,gBAAgBD,EAEhC,6BAEO,SACHA,EACAE,EACAC,EAA6B,CAAEC,WAAW,IAE1C,MAAMC,EAAuB,iBAAVL,EAAqBC,EAAAA,gBAAgBD,GAASA,EAEjE,QAAKK,IAIDF,EAAQC,UACDC,GAAOH,EAGXG,EAAMH,EACjB,6BAEO,SACHF,EACAM,EACAH,EAA6B,CAAEC,WAAW,IAE1C,MAAMC,EAAuB,iBAAVL,EAAqBC,EAAAA,gBAAgBD,GAASA,EAEjE,QAAKK,IAIDF,EAAQC,UACDC,GAAOC,EAGXD,EAAMC,EACjB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DescriptionList.cjs","sources":["../../../../src/components/description-list/DescriptionList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type {\n DescriptionDetailProps,\n DescriptionListProps,\n DescriptionTermProps,\n} from \"./types.js\";\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 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 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":"wMAgC6D,EACzDA,SAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAAA,IAAC,KAAA,IACOD,EACJD,UAAWG,EAAAA,KAAK,+BAAgCH,GAE/CD,SAAAA,4BAlC4C,EACrDA,SAAAA,EACAC,UAAAA,KACGC,KAGCC,MAAC,SAAOD,EAAMD,UAAWG,~~EAAKA~~,~~KAAA~~,uBAAwBH,GACjDD,SAAAA,4BAK4C,EACrDA,SAAAA,EACAC,UAAAA,KACGC,KAGCC,MAAC,SAAOD,EAAMD,UAAWG,~~EAAKA~~,~~KAAA~~,6BAA8BH,GACvDD,SAAAA"}
1	+ {"version":3,"file":"DescriptionList.cjs","sources":["../../../../src/components/description-list/DescriptionList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type {\n DescriptionDetailProps,\n DescriptionListProps,\n DescriptionTermProps,\n} from \"./types.js\";\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 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 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":"wMAgC6D,EACzDA,SAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAAA,IAAC,KAAA,IACOD,EACJD,UAAWG,EAAAA,KAAK,+BAAgCH,GAE/CD,SAAAA,4BAlC4C,EACrDA,SAAAA,EACAC,UAAAA,KACGC,KAGCC,MAAC,SAAOD,EAAMD,UAAWG,EAAAA,KAAK,uBAAwBH,GACjDD,SAAAA,4BAK4C,EACrDA,SAAAA,EACAC,UAAAA,KACGC,KAGCC,MAAC,SAAOD,EAAMD,UAAWG,EAAAA,KAAK,6BAA8BH,GACvDD,SAAAA"}

package/build/cjs/components/expander/ExpandablePanel.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),a=require("./ExpandablePanelContent.cjs"),r=require("./context.cjs"),s=require("./Expander.cjs"),i=Object.assign(n.forwardRef((function(a,s){const{children:i,as:l="details",variant:o="fill",open:d,defaultOpen:c,onOpenChange:u,className:p,...x}=a,[j,f]=n.useState(c||!1),[b,g]=n.useState(!1),[v,E]=n.useState(0),h=n.useRef();n.useImperativeHandle(s,(()=>h.current),[]);const m=l,S=typeof d<"u",q=S?d:j;return n.useEffect((()=>{const e=e=>{f("open"===e.newState)},t=h.current;return t?.addEventListener("toggle",e),()=>t?.removeEventListener("toggle",e)}),[]),e.jsxs("div",{className:"jkl-expandable__wrapper",children:[e.jsx("div",{ref:e=>e?.setAttribute("inert","true"),className:"jkl-expandable__focus-container",style:{height:v}}),e.jsx(m,{ref:h,"data-testid":"jkl-expand-section",className:t.clsx("jkl-expandable",`jkl-expandable--${o}`,p),open:"details"===l?q||b:void 0,"data-visible-content":q||b,...x,children:e.jsx(r.ExpanderContext.Provider,{value:{open:q,onToggle:()=>{S||f((e=>(u?.(!e),!e)))},onTransitionEnd:g,onTransitionStart:e=>{e&&g(!0)},setExpanderHeight:E},children:i})})]})})),{Content:a.ExpandablePanelContent,Header:s.Expander});exports.ExpandablePanel=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),a=require("./ExpandablePanelContent.cjs"),r=require("./context.cjs"),s=require("./Expander.cjs"),i=Object.assign(n.forwardRef(function(a,s){const{children:i,as:l="details",variant:o="fill",open:d,defaultOpen:c,onOpenChange:u,className:p,...x}=a,[j,f]=n.useState(c||!1),[b,g]=n.useState(!1),[v,E]=n.useState(0),h=n.useRef();n.useImperativeHandle(s,()=>h.current,[]);const m=l,S=typeof d<"u",q=S?d:j;return n.useEffect(()=>{const e=e=>{f("open"===e.newState)},t=h.current;return t?.addEventListener("toggle",e),()=>t?.removeEventListener("toggle",e)},[]),e.jsxs("div",{className:"jkl-expandable__wrapper",children:[e.jsx("div",{ref:e=>e?.setAttribute("inert","true"),className:"jkl-expandable__focus-container",style:{height:v}}),e.jsx(m,{ref:h,"data-testid":"jkl-expand-section",className:t.clsx("jkl-expandable",`jkl-expandable--${o}`,p),open:"details"===l?q||b:void 0,"data-visible-content":q||b,...x,children:e.jsx(r.ExpanderContext.Provider,{value:{open:q,onToggle:()=>{S||f(e=>(u?.(!e),!e))},onTransitionEnd:g,onTransitionStart:e=>{e&&g(!0)},setExpanderHeight:E},children:i})})]})}),{Content:a.ExpandablePanelContent,Header:s.Expander});exports.ExpandablePanel=i;
 //# sourceMappingURL=ExpandablePanel.cjs.map

package/build/cjs/components/expander/ExpandablePanel.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpandablePanel.cjs","sources":["../../../../src/components/expander/ExpandablePanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ExpandablePanelContent } from \"./ExpandablePanelContent.js\";\nimport { ExpanderContext } from \"./context.js\";\nimport type {\n ExpandablePanelComponent,\n ExpandablePanelProps,\n} from \"./types.js\";\nimport { Expander } from \"./Expander.jsx\";\n\nexport const ExpandablePanel = Object.assign(\n React.forwardRef(function ExpandablePanel<\n ElementType extends React.ElementType = \"details\",\n >(\n props: ExpandablePanelProps<ElementType>,\n ref?: PolymorphicRef<ElementType>,\n ) {\n const {\n children,\n as = \"details\",\n variant = \"fill\",\n open: controlledOpen,\n defaultOpen,\n onOpenChange,\n className,\n ...rest\n } = props;\n\n const [uncontrolledOpen, setUncontrolledOpen] = useState(\n defaultOpen \|\| false,\n );\n const [contentIsVisible, setContentIsVisible] = useState(false);\n const [expanderHeight, setExpanderHeight] = useState(0);\n\n const internalRef = useRef<HTMLDetailsElement>();\n useImperativeHandle(ref, () => internalRef.current, []);\n\n const El = as;\n const isControlled = typeof controlledOpen !== \"undefined\";\n const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n const setVisibleIfOpening = (isOpening: boolean) => {\n if (isOpening) {\n setContentIsVisible(true);\n }\n };\n\n const syncUncontrolledState = () => {\n if (isControlled) {\n return;\n }\n setUncontrolledOpen((previousValue) => {\n onOpenChange?.(!previousValue);\n return !previousValue;\n });\n };\n\n useEffect(() => {\n const callback = (e: ToggleEvent & { newState: string }) => {\n setUncontrolledOpen(e.newState === \"open\");\n };\n\n const element = internalRef.current;\n\n element?.addEventListener(\"toggle\", callback as EventListener);\n\n return () =>\n element?.removeEventListener(\n \"toggle\",\n callback as EventListener,\n );\n }, []);\n\n return (\n <div className=\"jkl-expandable__wrapper\">\n <div\n /\n Setter `inert` manuelt for å støtte både React 18 og 19.\n\n Dette unngår typefeil i React 18 og advarsler i React 19.\n Se: https://github.com/WICG/inert/issues/58\n /\n ref={(node) => node?.setAttribute(\"inert\", \"true\")}\n className=\"jkl-expandable__focus-container\"\n style={{ height: expanderHeight }}\n />\n <El\n ref={internalRef}\n data-testid={\"jkl-expand-section\"}\n className={clsx(\n \"jkl-expandable\",\n `jkl-expandable--${variant}`,\n className,\n )}\n open={\n /* for the animation to work in Safari we must ensure that\n * the element is open before the transition starts /\n as === \"details\"\n ? isOpen \|\| contentIsVisible\n : undefined\n }\n / this attribute is used for styling purposes */\n data-visible-content={isOpen \|\| contentIsVisible}\n {...rest}\n >\n <ExpanderContext.Provider\n value={{\n open: isOpen,\n onToggle: syncUncontrolledState,\n onTransitionEnd: setContentIsVisible,\n onTransitionStart: setVisibleIfOpening,\n setExpanderHeight,\n }}\n >\n {children}\n </ExpanderContext.Provider>\n </El>\n </div>\n );\n }),\n { Content: ExpandablePanelContent, Header: Expander },\n) as ExpandablePanelComponent;\n"],"names":["ExpandablePanel","Object","assign","React","forwardRef","props","ref","children","as","variant","open","controlledOpen","defaultOpen","onOpenChange","className","rest","uncontrolledOpen","setUncontrolledOpen","useState","contentIsVisible","setContentIsVisible","expanderHeight","setExpanderHeight","internalRef","useRef","useImperativeHandle","current","El","isControlled","isOpen","useEffect","callback","e","newState","element","addEventListener","removeEventListener","jsxs","jsx","node","setAttribute","style","height","clsx","ExpanderContext","Provider","value","onToggle","previousValue","onTransitionEnd","onTransitionStart","isOpening","Content","ExpandablePanelContent","Header","Expander"],"mappings":"iRAWaA,EAAkBC,OAAOC,OAClCC,EAAMC,~~YAAW~~,SAGbC,EACAC,~~GAEM~~,~~MACFC~~,SAAAA,EACAC,GAAAA,EAAK,UACLC,QAAAA,EAAU,OACVC,KAAMC,EACNC,YAAAA,EACAC,aAAAA,EACAC,UAAAA,KACGC,GACHV,GAEGW,EAAkBC,GAAuBC,EAAAA,SAC5CN,IAAe,IAEZO,EAAkBC,GAAuBF,EAAAA,UAAS,IAClDG,EAAgBC,GAAqBJ,EAAAA,SAAS,GAE/CK,EAAcC,EAAAA,SACpBC,EAAAA,oBAAoBnB,~~GAAK~~,IAAMiB,EAAYG,~~SAAS~~,IAEpD,MAAMC,EAAKnB,EACLoB,SAAsBjB,EAAmB,IACzCkB,EAASD,EAAejB,EAAiBK,EAkB/Cc,OAAAA,EAAAA,~~WAAU~~,~~KACA~~,~~MAAAC~~,EAAYC,~~IACMf~~,~~EAAe~~,SAAfe,EAAEC,~~SAAmB~~,~~EAGvCC,~~EAAUX,EAAYG,~~QAEnB~~,OAAAQ,~~GAAAC~~,iBAAiB,SAAUJ,GAE7B,IACHG,GAASE,oBACL,SACAL,~~EACJ~~,~~GACL,~~IAGCM,EAAAA,KAAC,~~MAAI~~,~~CAAAvB~~,UAAU,0BACXP,SAAA,CAAA+B,EAAAA,IAAC,MAAA,CAOGhC,IAAMiC,GAASA,GAAMC,aAAa,QAAS,QAC3C1B,UAAU,kCACV2B,MAAO,CAAEC,OAAQrB,KAErBiB,EAAAA,IAACX,EAAA,CACGrB,IAAKiB,EACL,cAAa,qBACbT,UAAW6B,EAAAA,KACP,iBACA,mBAAmBlC,IACnBK,GAEJJ,KAGW,YAAPF,EACMqB,GAAUV,OACV,EAGV,uBAAsBU,GAAUV,KAC5BJ,EAEJR,SAAA+B,EAAAA,IAACM,EAAAA,gBAAgBC,SAAhB,CACGC,MAAO,CACHpC,KAAMmB,EACNkB,SA7DU,KACtBnB,GAGJX,~~GAAqB~~+B,IACjBnC,KAAgBmC,IACRA,~~IACX~~,~~EAuDeC,~~gBAAiB7B,EACjB8B,kBArESC,IACrBA,GACA/B,GAAoB,~~EAAI~~,~~EAoEZE,~~kBAAAA,GAGHf,SAAAA,~~QAGb~~,~~IAGR~~,CAAE6C,QAASC,yBAAwBC,OAAQC,~~EAASA~~"}
1	+ {"version":3,"file":"ExpandablePanel.cjs","sources":["../../../../src/components/expander/ExpandablePanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ExpandablePanelContent } from \"./ExpandablePanelContent.js\";\nimport { ExpanderContext } from \"./context.js\";\nimport type {\n ExpandablePanelComponent,\n ExpandablePanelProps,\n} from \"./types.js\";\nimport { Expander } from \"./Expander.jsx\";\n\nexport const ExpandablePanel = Object.assign(\n React.forwardRef(function ExpandablePanel<\n ElementType extends React.ElementType = \"details\",\n >(\n props: ExpandablePanelProps<ElementType>,\n ref?: PolymorphicRef<ElementType>,\n ) {\n const {\n children,\n as = \"details\",\n variant = \"fill\",\n open: controlledOpen,\n defaultOpen,\n onOpenChange,\n className,\n ...rest\n } = props;\n\n const [uncontrolledOpen, setUncontrolledOpen] = useState(\n defaultOpen \|\| false,\n );\n const [contentIsVisible, setContentIsVisible] = useState(false);\n const [expanderHeight, setExpanderHeight] = useState(0);\n\n const internalRef = useRef<HTMLDetailsElement>();\n useImperativeHandle(ref, () => internalRef.current, []);\n\n const El = as;\n const isControlled = typeof controlledOpen !== \"undefined\";\n const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n const setVisibleIfOpening = (isOpening: boolean) => {\n if (isOpening) {\n setContentIsVisible(true);\n }\n };\n\n const syncUncontrolledState = () => {\n if (isControlled) {\n return;\n }\n setUncontrolledOpen((previousValue) => {\n onOpenChange?.(!previousValue);\n return !previousValue;\n });\n };\n\n useEffect(() => {\n const callback = (e: ToggleEvent & { newState: string }) => {\n setUncontrolledOpen(e.newState === \"open\");\n };\n\n const element = internalRef.current;\n\n element?.addEventListener(\"toggle\", callback as EventListener);\n\n return () =>\n element?.removeEventListener(\n \"toggle\",\n callback as EventListener,\n );\n }, []);\n\n return (\n <div className=\"jkl-expandable__wrapper\">\n <div\n /\n Setter `inert` manuelt for å støtte både React 18 og 19.\n\n Dette unngår typefeil i React 18 og advarsler i React 19.\n Se: https://github.com/WICG/inert/issues/58\n /\n ref={(node) => node?.setAttribute(\"inert\", \"true\")}\n className=\"jkl-expandable__focus-container\"\n style={{ height: expanderHeight }}\n />\n <El\n ref={internalRef}\n data-testid={\"jkl-expand-section\"}\n className={clsx(\n \"jkl-expandable\",\n `jkl-expandable--${variant}`,\n className,\n )}\n open={\n /* for the animation to work in Safari we must ensure that\n * the element is open before the transition starts /\n as === \"details\"\n ? isOpen \|\| contentIsVisible\n : undefined\n }\n / this attribute is used for styling purposes */\n data-visible-content={isOpen \|\| contentIsVisible}\n {...rest}\n >\n <ExpanderContext.Provider\n value={{\n open: isOpen,\n onToggle: syncUncontrolledState,\n onTransitionEnd: setContentIsVisible,\n onTransitionStart: setVisibleIfOpening,\n setExpanderHeight,\n }}\n >\n {children}\n </ExpanderContext.Provider>\n </El>\n </div>\n );\n }),\n { Content: ExpandablePanelContent, Header: Expander },\n) as ExpandablePanelComponent;\n"],"names":["ExpandablePanel","Object","assign","React","forwardRef","props","ref","children","as","variant","open","controlledOpen","defaultOpen","onOpenChange","className","rest","uncontrolledOpen","setUncontrolledOpen","useState","contentIsVisible","setContentIsVisible","expanderHeight","setExpanderHeight","internalRef","useRef","useImperativeHandle","current","El","isControlled","isOpen","useEffect","callback","e","newState","element","addEventListener","removeEventListener","jsxs","jsx","node","setAttribute","style","height","clsx","ExpanderContext","Provider","value","onToggle","previousValue","onTransitionEnd","onTransitionStart","isOpening","Content","ExpandablePanelContent","Header","Expander"],"mappings":"iRAWaA,EAAkBC,OAAOC,OAClCC,EAAMC,WAAW,SAGbC,EACAC,GAEA,MACIC,SAAAA,EACAC,GAAAA,EAAK,UACLC,QAAAA,EAAU,OACVC,KAAMC,EACNC,YAAAA,EACAC,aAAAA,EACAC,UAAAA,KACGC,GACHV,GAEGW,EAAkBC,GAAuBC,EAAAA,SAC5CN,IAAe,IAEZO,EAAkBC,GAAuBF,EAAAA,UAAS,IAClDG,EAAgBC,GAAqBJ,EAAAA,SAAS,GAE/CK,EAAcC,EAAAA,SACpBC,EAAAA,oBAAoBnB,EAAK,IAAMiB,EAAYG,QAAS,IAEpD,MAAMC,EAAKnB,EACLoB,SAAsBjB,EAAmB,IACzCkB,EAASD,EAAejB,EAAiBK,EAkB/Cc,OAAAA,EAAAA,UAAU,KACN,MAAMC,EAAYC,IACdf,EAAmC,SAAfe,EAAEC,WAGpBC,EAAUX,EAAYG,QAE5B,OAAAQ,GAASC,iBAAiB,SAAUJ,GAE7B,IACHG,GAASE,oBACL,SACAL,IAET,IAGCM,EAAAA,KAAC,MAAA,CAAIvB,UAAU,0BACXP,SAAA,CAAA+B,EAAAA,IAAC,MAAA,CAOGhC,IAAMiC,GAASA,GAAMC,aAAa,QAAS,QAC3C1B,UAAU,kCACV2B,MAAO,CAAEC,OAAQrB,KAErBiB,EAAAA,IAACX,EAAA,CACGrB,IAAKiB,EACL,cAAa,qBACbT,UAAW6B,EAAAA,KACP,iBACA,mBAAmBlC,IACnBK,GAEJJ,KAGW,YAAPF,EACMqB,GAAUV,OACV,EAGV,uBAAsBU,GAAUV,KAC5BJ,EAEJR,SAAA+B,EAAAA,IAACM,EAAAA,gBAAgBC,SAAhB,CACGC,MAAO,CACHpC,KAAMmB,EACNkB,SA7DU,KACtBnB,GAGJX,EAAqB+B,IACjBnC,KAAgBmC,IACRA,KAwDIC,gBAAiB7B,EACjB8B,kBArESC,IACrBA,GACA/B,GAAoB,IAoERE,kBAAAA,GAGHf,SAAAA,QAKrB,GACA,CAAE6C,QAASC,yBAAwBC,OAAQC,EAAAA"}

package/build/cjs/components/expander/ExpandablePanelContent.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),r=require("../../hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs"),a=require("./context.cjs"),i=({className:i,children:s,...o})=>{const{open:c,onTransitionStart:d,onTransitionEnd:l}=n.useContext(a.ExpanderContext),[u]=r.useAnimatedHeightBetween(c,{timing:"snappy",onTransitionStart:d,onTransitionEnd:l});return n.useEffect((()=>{const e=u.current;c?e?.removeAttribute("inert"):e?.setAttribute("inert","true")}),[c,u]),e.jsx("div",{ref:u,className:t.clsx("jkl-expandable__content",i),...o,"data-expanded":c,children:e.jsx("div",{className:"jkl-expandable__content-wrapper",children:s})})};i.displayName="ExpandablePanel.Content",exports.ExpandablePanelContent=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),r=require("../../hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs"),a=require("./context.cjs"),i=({className:i,children:s,...o})=>{const{open:c,onTransitionStart:d,onTransitionEnd:l}=n.useContext(a.ExpanderContext),[u]=r.useAnimatedHeightBetween(c,{timing:"snappy",onTransitionStart:d,onTransitionEnd:l});return n.useEffect(()=>{const e=u.current;c?e?.removeAttribute("inert"):e?.setAttribute("inert","true")},[c,u]),e.jsx("div",{ref:u,className:t.clsx("jkl-expandable__content",i),...o,"data-expanded":c,children:e.jsx("div",{className:"jkl-expandable__content-wrapper",children:s})})};i.displayName="ExpandablePanel.Content",exports.ExpandablePanelContent=i;
 //# sourceMappingURL=ExpandablePanelContent.cjs.map

package/build/cjs/components/expander/ExpandablePanelContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpandablePanelContent.cjs","sources":["../../../../src/components/expander/ExpandablePanelContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useContext, useEffect } from \"react\";\nimport { useAnimatedHeightBetween } from \"../../hooks/useAnimatedHeight/useAnimatedHeightBetween.js\";\nimport { ExpanderContext } from \"./context.js\";\nimport type {\n ExpandableContext,\n ExpandablePanelContentComponent,\n} from \"./types.js\";\n\nexport const ExpandablePanelContent: ExpandablePanelContentComponent = ({\n className,\n children,\n ...rest\n}) => {\n const { open, onTransitionStart, onTransitionEnd } =\n useContext<ExpandableContext>(ExpanderContext);\n\n const [animationRef] = useAnimatedHeightBetween<HTMLDivElement>(open, {\n timing: \"snappy\",\n onTransitionStart,\n onTransitionEnd,\n });\n\n /\n Setter `inert` manuelt for å støtte både React 18 og 19.\n\n Dette unngår typefeil i React 18 og advarsler i React 19.\n Se: https://github.com/WICG/inert/issues/58\n /\n useEffect(() => {\n const node = animationRef.current;\n\n if (!open) {\n node?.setAttribute(\"inert\", \"true\");\n } else {\n node?.removeAttribute(\"inert\");\n }\n }, [open, animationRef]);\n\n return (\n <div\n ref={animationRef}\n className={clsx(\"jkl-expandable__content\", className)}\n {...rest}\n data-expanded={open}\n >\n <div className=\"jkl-expandable__content-wrapper\">{children}</div>\n </div>\n );\n};\n\nExpandablePanelContent.displayName = \"ExpandablePanel.Content\";\n"],"names":["ExpandablePanelContent","className","children","rest","open","onTransitionStart","onTransitionEnd","useContext","ExpanderContext","animationRef","useAnimatedHeightBetween","timing","useEffect","node","current","removeAttribute","setAttribute","jsx","ref","clsx","displayName"],"mappings":"mRASaA,EAA0D,EACnEC,UAAAA,EACAC,SAAAA,KACGC,MAEH,MAAQC,KAAAA,EAAMC,kBAAAA,EAAmBC,gBAAAA,GAC7BC,EAAAA,WAA8BC,EAAAA,kBAE3BC,GAAgBC,EAAAA,yBAAyCN,EAAM,CAClEO,OAAQ,SACRN,kBAAAA,EACAC,gBAAAA,IASJM,OAAAA,EAAAA,~~WAAU~~,KACN,MAAMC,EAAOJ,EAAaK,QAErBV,EAGDS,GAAME,gBAAgB,~~SAFhBF~~,~~GAAAG~~,aAAa,QAAS,~~OAAM~~,~~GAIvC,~~CAACZ,EAAMK,IAGNQ,EAAAA,IAAC,MAAA,CACGC,IAAKT,EACLR,UAAWkB,EAAAA,KAAK,0BAA2BlB,MACvCE,EACJ,gBAAeC,EAEfF,~~SAACe~~,EAAAA,~~IAAA~~,MAAA,CAAIhB,UAAU,kCAAmCC,SAAAA,~~KACtD~~,~~EAIRF,~~EAAuBoB,YAAc"}
1	+ {"version":3,"file":"ExpandablePanelContent.cjs","sources":["../../../../src/components/expander/ExpandablePanelContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useContext, useEffect } from \"react\";\nimport { useAnimatedHeightBetween } from \"../../hooks/useAnimatedHeight/useAnimatedHeightBetween.js\";\nimport { ExpanderContext } from \"./context.js\";\nimport type {\n ExpandableContext,\n ExpandablePanelContentComponent,\n} from \"./types.js\";\n\nexport const ExpandablePanelContent: ExpandablePanelContentComponent = ({\n className,\n children,\n ...rest\n}) => {\n const { open, onTransitionStart, onTransitionEnd } =\n useContext<ExpandableContext>(ExpanderContext);\n\n const [animationRef] = useAnimatedHeightBetween<HTMLDivElement>(open, {\n timing: \"snappy\",\n onTransitionStart,\n onTransitionEnd,\n });\n\n /\n Setter `inert` manuelt for å støtte både React 18 og 19.\n\n Dette unngår typefeil i React 18 og advarsler i React 19.\n Se: https://github.com/WICG/inert/issues/58\n /\n useEffect(() => {\n const node = animationRef.current;\n\n if (!open) {\n node?.setAttribute(\"inert\", \"true\");\n } else {\n node?.removeAttribute(\"inert\");\n }\n }, [open, animationRef]);\n\n return (\n <div\n ref={animationRef}\n className={clsx(\"jkl-expandable__content\", className)}\n {...rest}\n data-expanded={open}\n >\n <div className=\"jkl-expandable__content-wrapper\">{children}</div>\n </div>\n );\n};\n\nExpandablePanelContent.displayName = \"ExpandablePanel.Content\";\n"],"names":["ExpandablePanelContent","className","children","rest","open","onTransitionStart","onTransitionEnd","useContext","ExpanderContext","animationRef","useAnimatedHeightBetween","timing","useEffect","node","current","removeAttribute","setAttribute","jsx","ref","clsx","displayName"],"mappings":"mRASaA,EAA0D,EACnEC,UAAAA,EACAC,SAAAA,KACGC,MAEH,MAAQC,KAAAA,EAAMC,kBAAAA,EAAmBC,gBAAAA,GAC7BC,EAAAA,WAA8BC,EAAAA,kBAE3BC,GAAgBC,EAAAA,yBAAyCN,EAAM,CAClEO,OAAQ,SACRN,kBAAAA,EACAC,gBAAAA,IASJM,OAAAA,EAAAA,UAAU,KACN,MAAMC,EAAOJ,EAAaK,QAErBV,EAGDS,GAAME,gBAAgB,SAFtBF,GAAMG,aAAa,QAAS,SAIjC,CAACZ,EAAMK,IAGNQ,EAAAA,IAAC,MAAA,CACGC,IAAKT,EACLR,UAAWkB,EAAAA,KAAK,0BAA2BlB,MACvCE,EACJ,gBAAeC,EAEfF,SAAAe,EAAAA,IAAC,MAAA,CAAIhB,UAAU,kCAAmCC,SAAAA,OAK9DF,EAAuBoB,YAAc"}

package/build/cjs/components/expander/Expander.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../clsx-E3yX_9sL.cjs"),c=require("react"),o=require("../icon/icons/ChevronDownIcon.cjs");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs"),require("../icon/icons/ArrowRightIcon.cjs"),require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs");const r=require("../icon/icons/ChevronUpIcon.cjs");require("../icon/icons/CloseIcon.cjs"),require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/OpenInNewIcon.cjs"),require("../icon/icons/PenIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs"),require("../icon/icons/SuccessIcon.cjs"),require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs"),require("../icon/icons/TrashCanIcon.cjs"),require("../icon/icons/WarningIcon.cjs");const i=require("./context.cjs"),s=c.forwardRef((function(s,u){const{children:t,as:a="summary",open:j,icon:q,className:I,onClick:l,expandDirection:p,...d}=s,h=a,{open:m,onToggle:x,setExpanderHeight:C}=c.useContext(i.ExpanderContext),f=c.useRef();c.useImperativeHandle(u,(()=>f.current),[]);const w=j||m,v="up"===p?r.ChevronUpIcon:o.ChevronDownIcon;return c.useEffect((()=>{const e=new ResizeObserver((()=>{C(f.current?.offsetHeight||64)}));return f.current?(e.observe(f.current),()=>e.disconnect()):()=>{}}),[C]),e.jsxs(h,{ref:f,className:n.clsx("jkl-expander",{"jkl-expander--open":w},I),..."button"===a?{type:d.type||"button"}:{},onClick:e=>{e.preventDefault(),x(),l?.(e)},...d,children:[q||null,e.jsx("span",{className:"jkl-expander__label",children:t}),e.jsx(v,{className:"jkl-expander__chevron"})]})}));s.displayName="ExpandablePanel.Header",exports.Expander=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../clsx-E3yX_9sL.cjs"),c=require("react"),o=require("../icon/icons/ChevronDownIcon.cjs");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs"),require("../icon/icons/ArrowRightIcon.cjs"),require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs");const r=require("../icon/icons/ChevronUpIcon.cjs");require("../icon/icons/CloseIcon.cjs"),require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/OpenInNewIcon.cjs"),require("../icon/icons/PenIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs"),require("../icon/icons/SuccessIcon.cjs"),require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs"),require("../icon/icons/TrashCanIcon.cjs"),require("../icon/icons/WarningIcon.cjs");const i=require("./context.cjs"),s=c.forwardRef(function(s,u){const{children:t,as:a="summary",open:j,icon:q,className:I,onClick:l,expandDirection:p,...d}=s,h=a,{open:m,onToggle:x,setExpanderHeight:C}=c.useContext(i.ExpanderContext),f=c.useRef();c.useImperativeHandle(u,()=>f.current,[]);const w=j||m,v="up"===p?r.ChevronUpIcon:o.ChevronDownIcon;return c.useEffect(()=>{const e=new ResizeObserver(()=>{C(f.current?.offsetHeight||64)});return f.current?(e.observe(f.current),()=>e.disconnect()):()=>{}},[C]),e.jsxs(h,{ref:f,className:n.clsx("jkl-expander",{"jkl-expander--open":w},I),..."button"===a?{type:d.type||"button"}:{},onClick:e=>{e.preventDefault(),x(),l?.(e)},...d,children:[q||null,e.jsx("span",{className:"jkl-expander__label",children:t}),e.jsx(v,{className:"jkl-expander__chevron"})]})});s.displayName="ExpandablePanel.Header",exports.Expander=s;
 //# sourceMappingURL=Expander.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Expander.cjs","sources":["../../../../src/components/expander/Expander.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n useContext,\n useEffect,\n useImperativeHandle,\n useRef,\n} from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ChevronDownIcon } from \"../icon/icons/ChevronDownIcon.js\";\nimport { ChevronUpIcon } from \"../icon/index.js\";\nimport { ExpanderContext } from \"./context.js\";\nimport type {\n ExpandableContext,\n ExpanderComponent,\n ExpanderProps,\n} from \"./types.js\";\n\nexport const Expander = React.forwardRef(function Expander<\n ElementType extends React.ElementType = \"summary\",\n>(props: ExpanderProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n children,\n as = \"summary\",\n open: controlledOpen,\n icon,\n className,\n onClick,\n expandDirection,\n ...rest\n } = props;\n const El = as;\n\n const {\n open: contextOpen,\n onToggle,\n setExpanderHeight,\n } = useContext<ExpandableContext>(ExpanderContext);\n\n const internalRef = useRef<HTMLElement>();\n useImperativeHandle(ref, () => internalRef.current, []);\n\n const isOpen = controlledOpen \|\| contextOpen;\n\n const Chevron = expandDirection === \"up\" ? ChevronUpIcon : ChevronDownIcon;\n\n useEffect(() => {\n const observer = new ResizeObserver(() => {\n // Default to 64 if the height can not be read because that is\n // the height of the default summary element. In a custom component\n // this means that the focus ring might be slightly misaligned but\n // in most cases we will be able to read the ref correctly.\n setExpanderHeight(internalRef.current?.offsetHeight \|\| 64);\n });\n if (internalRef.current) {\n observer.observe(internalRef.current);\n return () => observer.disconnect();\n }\n return () => {};\n }, [setExpanderHeight]);\n\n return (\n <El\n ref={internalRef}\n className={clsx(\n \"jkl-expander\",\n {\n \"jkl-expander--open\": isOpen,\n },\n className,\n )}\n // If the consumer uses the Expander as a button but does not\n // supply a type, then we set type to \"button\"\n {...(as === \"button\" ? { type: rest.type \|\| \"button\" } : {})}\n onClick={(e) => {\n e.preventDefault();\n onToggle();\n onClick?.(e);\n }}\n {...rest}\n >\n {icon \|\| null}\n <span className=\"jkl-expander__label\">{children}</span>\n <Chevron className=\"jkl-expander__chevron\" />\n </El>\n );\n}) as ExpanderComponent;\n\nExpander.displayName = \"ExpandablePanel.Header\";\n"],"names":["Expander","React","forwardRef","props","ref","children","as","open","controlledOpen","icon","className","onClick","expandDirection","rest","El","contextOpen","onToggle","setExpanderHeight","useContext","ExpanderContext","internalRef","useRef","useImperativeHandle","current","isOpen","Chevron","ChevronUpIcon","ChevronDownIcon","useEffect","observer","ResizeObserver","offsetHeight","observe","disconnect","jsxs","clsx","type","e","preventDefault","jsx","displayName"],"mappings":"qtDAiBaA,EAAWC,EAAMC,~~YAAW~~,SAEvCC,EAAmCC,~~GAC3B~~,~~MACFC~~,SAAAA,EACAC,GAAAA,EAAK,UACLC,KAAMC,EACNC,KAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,KACGC,GACHV,EACEW,EAAKR,GAGPC,KAAMQ,EACNC,SAAAA,EACAC,kBAAAA,GACAC,EAAAA,WAA8BC,EAAAA,iBAE5BC,EAAcC,EAAAA,SACpBC,EAAAA,oBAAoBlB,~~GAAK~~,IAAMgB,EAAYG,~~SAAS~~,IAEpD,MAAMC,EAAShB,GAAkBO,EAE3BU,EAA8B,OAApBb,EAA2Bc,~~EAAgBA~~,~~cAAAC~~,EAAAA,gBAE3DC,OAAAA,EAAAA,~~WAAU~~,~~KACA~~,~~MAAAC~~,EAAW,IAAIC,~~gBAAe~~,~~KAKdb~~,~~EAAAG~~,EAAYG,SAASQ,cAAgB,~~GAAE~~,~~IAE7D,~~OAAIX,EAAYG,~~SACHM~~,~~EAAAG~~,QAAQZ,EAAYG,SACtB,IAAMM,EAASI,cAEnB,~~MAAO~~,~~GACf,~~CAAChB,IAGAiB,EAAAA,KAACpB,EAAA,CACGV,IAAKgB,EACLV,UAAWyB,EAAAA,KACP,eACA,CACI,qBAAsBX,GAE1Bd,MAIQ,WAAPJ,EAAkB,CAAE8B,KAAMvB,EAAKuB,MAAQ,UAAa,~~CAAC~~,~~EAC1DzB~~,QAAU0B,IACNA,EAAEC,~~iBACOtB~~,~~IACTL~~,IAAU0B,~~EAAC~~,~~KAEXxB,~~EAEHR,SAAA,~~CAAQI~~,~~GAAA~~,~~KACR8B~~,EAAAA,~~IAAA~~,OAAA,CAAK7B,UAAU,sBAAuBL,SAAAA,IACvCkC,EAAAA,IAACd,~~EAAQ~~,~~CAAAf~~,UAAU,4BAG/B,~~IAEAV~~,EAASwC,YAAc"}
1	+ {"version":3,"file":"Expander.cjs","sources":["../../../../src/components/expander/Expander.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n useContext,\n useEffect,\n useImperativeHandle,\n useRef,\n} from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ChevronDownIcon } from \"../icon/icons/ChevronDownIcon.js\";\nimport { ChevronUpIcon } from \"../icon/index.js\";\nimport { ExpanderContext } from \"./context.js\";\nimport type {\n ExpandableContext,\n ExpanderComponent,\n ExpanderProps,\n} from \"./types.js\";\n\nexport const Expander = React.forwardRef(function Expander<\n ElementType extends React.ElementType = \"summary\",\n>(props: ExpanderProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n children,\n as = \"summary\",\n open: controlledOpen,\n icon,\n className,\n onClick,\n expandDirection,\n ...rest\n } = props;\n const El = as;\n\n const {\n open: contextOpen,\n onToggle,\n setExpanderHeight,\n } = useContext<ExpandableContext>(ExpanderContext);\n\n const internalRef = useRef<HTMLElement>();\n useImperativeHandle(ref, () => internalRef.current, []);\n\n const isOpen = controlledOpen \|\| contextOpen;\n\n const Chevron = expandDirection === \"up\" ? ChevronUpIcon : ChevronDownIcon;\n\n useEffect(() => {\n const observer = new ResizeObserver(() => {\n // Default to 64 if the height can not be read because that is\n // the height of the default summary element. In a custom component\n // this means that the focus ring might be slightly misaligned but\n // in most cases we will be able to read the ref correctly.\n setExpanderHeight(internalRef.current?.offsetHeight \|\| 64);\n });\n if (internalRef.current) {\n observer.observe(internalRef.current);\n return () => observer.disconnect();\n }\n return () => {};\n }, [setExpanderHeight]);\n\n return (\n <El\n ref={internalRef}\n className={clsx(\n \"jkl-expander\",\n {\n \"jkl-expander--open\": isOpen,\n },\n className,\n )}\n // If the consumer uses the Expander as a button but does not\n // supply a type, then we set type to \"button\"\n {...(as === \"button\" ? { type: rest.type \|\| \"button\" } : {})}\n onClick={(e) => {\n e.preventDefault();\n onToggle();\n onClick?.(e);\n }}\n {...rest}\n >\n {icon \|\| null}\n <span className=\"jkl-expander__label\">{children}</span>\n <Chevron className=\"jkl-expander__chevron\" />\n </El>\n );\n}) as ExpanderComponent;\n\nExpander.displayName = \"ExpandablePanel.Header\";\n"],"names":["Expander","React","forwardRef","props","ref","children","as","open","controlledOpen","icon","className","onClick","expandDirection","rest","El","contextOpen","onToggle","setExpanderHeight","useContext","ExpanderContext","internalRef","useRef","useImperativeHandle","current","isOpen","Chevron","ChevronUpIcon","ChevronDownIcon","useEffect","observer","ResizeObserver","offsetHeight","observe","disconnect","jsxs","clsx","type","e","preventDefault","jsx","displayName"],"mappings":"qtDAiBaA,EAAWC,EAAMC,WAAW,SAEvCC,EAAmCC,GACjC,MACIC,SAAAA,EACAC,GAAAA,EAAK,UACLC,KAAMC,EACNC,KAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,KACGC,GACHV,EACEW,EAAKR,GAGPC,KAAMQ,EACNC,SAAAA,EACAC,kBAAAA,GACAC,EAAAA,WAA8BC,EAAAA,iBAE5BC,EAAcC,EAAAA,SACpBC,EAAAA,oBAAoBlB,EAAK,IAAMgB,EAAYG,QAAS,IAEpD,MAAMC,EAAShB,GAAkBO,EAE3BU,EAA8B,OAApBb,EAA2Bc,EAAAA,cAAgBC,EAAAA,gBAE3DC,OAAAA,EAAAA,UAAU,KACN,MAAMC,EAAW,IAAIC,eAAe,KAKhCb,EAAkBG,EAAYG,SAASQ,cAAgB,MAE3D,OAAIX,EAAYG,SACZM,EAASG,QAAQZ,EAAYG,SACtB,IAAMM,EAASI,cAEnB,QACR,CAAChB,IAGAiB,EAAAA,KAACpB,EAAA,CACGV,IAAKgB,EACLV,UAAWyB,EAAAA,KACP,eACA,CACI,qBAAsBX,GAE1Bd,MAIQ,WAAPJ,EAAkB,CAAE8B,KAAMvB,EAAKuB,MAAQ,UAAa,CAAA,EACzDzB,QAAU0B,IACNA,EAAEC,iBACFtB,IACAL,IAAU0B,OAEVxB,EAEHR,SAAA,CAAAI,GAAQ,KACT8B,EAAAA,IAAC,OAAA,CAAK7B,UAAU,sBAAuBL,SAAAA,IACvCkC,EAAAA,IAACd,EAAA,CAAQf,UAAU,4BAG/B,GAEAV,EAASwC,YAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Feedback.cjs","sources":["../../../../src/components/feedback/Feedback.tsx"],"sourcesContent":["import React, { type ReactElement, type ReactNode, useState } from \"react\";\nimport type { BaseTextAreaProps } from \"../text-area/types.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 type {\n ContactQuestionProps,\n FeedbackOption,\n FeedbackType,\n FollowupProps,\n} from \"./types.js\";\n\nexport type FeedbackProps = {\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}: FeedbackProps): 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":"4TAyDwB,EACpBA,UAAAA,EACAC,SAAAA,EACAC,gBAAAA,EACAC,QAAAA,EACAC,cAAAA,KACGC,MAEH,MAAOC,EAAmBC,GAAwBC,EAAAA,UAAS,IACpDC,EAAiBC,GAAsBF,EAAAA,UAAS,IAChDG,EAAmBC,GAAwBJ,EAAAA,UAAS,IACpDK,EAAkBC,GAAuBN,EAAAA,UAAS,~~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,EAAAA,IAACO,~~EAAiBA~~,gBAAA,~~IAAGpB,UAKzC~~"}
1	+ {"version":3,"file":"Feedback.cjs","sources":["../../../../src/components/feedback/Feedback.tsx"],"sourcesContent":["import React, { type ReactElement, type ReactNode, useState } from \"react\";\nimport type { BaseTextAreaProps } from \"../text-area/types.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 type {\n ContactQuestionProps,\n FeedbackOption,\n FeedbackType,\n FollowupProps,\n} from \"./types.js\";\n\nexport type FeedbackProps = {\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}: FeedbackProps): 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":"4TAyDwB,EACpBA,UAAAA,EACAC,SAAAA,EACAC,gBAAAA,EACAC,QAAAA,EACAC,cAAAA,KACGC,MAEH,MAAOC,EAAmBC,GAAwBC,EAAAA,UAAS,IACpDC,EAAiBC,GAAsBF,EAAAA,UAAS,IAChDG,EAAmBC,GAAwBJ,EAAAA,UAAS,IACpDK,EAAkBC,GAAuBN,EAAAA,UAAS,GAEzD,OACIO,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,EAAAA,aAAA,IAAiBf,IACtCC,IAAsBO,GAAoBZ,GACvCc,EAAAA,IAACM,WAAA,IAAapB,IAEjBC,GACGa,EAAAA,IAAC,MAAA,CAAI,YAAU,SAERC,WAACf,GAAYK,GACZK,IACAI,EAAAA,IAACO,EAAAA,gBAAA,IAAoBpB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"feedbackContext.cjs","sources":["../../../../src/components/feedback/feedbackContext.tsx"],"sourcesContent":["import React, { createContext, type FC, useContext } from \"react\";\nimport type { WithChildren } from \"../../core/types.js\";\nimport type { BaseTextAreaProps } from \"../text-area/types.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,~~gBAXc~~,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"}
1	+ {"version":3,"file":"feedbackContext.cjs","sources":["../../../../src/components/feedback/feedbackContext.tsx"],"sourcesContent":["import React, { createContext, type FC, useContext } from \"react\";\nimport type { WithChildren } from \"../../core/types.js\";\nimport type { BaseTextAreaProps } from \"../text-area/types.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,KAEAC,EAAAA,IAACZ,EAAgBa,SAAhB,CAAyBH,MAAAA,EACrBC,SAAAA,+BAZyB,IAC9BG,EAAAA,WAAWd"}

package/build/cjs/components/feedback/followup/Followup.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("../../button/Button.cjs"),r=require("../FeedbackSuccess.cjs"),l=require("../feedbackContext.cjs"),i=require("../utils.cjs"),a=require("./followupContext.cjs"),n=require("./useFollowup.cjs"),o={title:"Takk, igjen!",children:"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."};exports.Followup=({questions:c,successMessage:u=o,onSubmit:d})=>{const[j,p]=t.useState(!1),m=t.useRef(null),b=n.useFollowup(c,d),{handleAbort:k,handleNext:f,step:g,submitted:h}=b,{followupStarted:x,setFollowupStarted:S,setFollowupSubmitted:y,contactSubmitted:v,landmarkLabel:F}=l.useFeedbackContext();t.useEffect((()=>{0!==g.number&&m.current?.focus()}),[g]),t.useEffect((()=>{y(h)}),[h,y]);const N=i.getQuestionFromType(c[g.number].type),q=g.isLast?s.PrimaryButton:s.SecondaryButton;return j?null:e.jsx("div",{"aria-live":"polite",children:e.jsxs(a.FollowUpProvider,{state:b,children:[!x&&e.jsxs("div",{className:"jkl-feedback__fade-in",children:[e.jsx("p",{className:"jkl-heading-4 jkl-spacing-40--top jkl-spacing-8--bottom",children:"Har du tid til å svare på noen flere spørsmål?"}),e.jsx("p",{className:"jkl-body jkl-spacing-40--bottom",children:"Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg."}),e.jsx(s.PrimaryButton,{onClick:()=>S(!0),className:"jkl-spacing-40--right",children:"Jeg har tid!"}),e.jsx(s.TertiaryButton,{onClick:()=>p(!0),children:"Nei takk"})]}),!h&&x&&e.jsxs("form",{onSubmit:f,className:"jkl-feedback__fade-in","aria-label":F,children:[e.jsxs("p",{className:"jkl-feedback__step-counter",ref:m,children:["Steg ",g.number+1," av ",c.length]}),t.createElement(N,{...c[g.number],autoFocus:!0,key:g.number}),e.jsxs("div",{className:"jkl-spacing-40--top","aria-live":"off",children:[e.jsx(q,{type:"submit",children:g.isLast?"Send inn":"Neste"}),e.jsx(s.TertiaryButton,{onClick:k,className:"jkl-spacing-40--left",children:"Avbryt"})]})]}),h&&!v&&e.jsx(r.FeedbackSuccess,{...u})]})})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("../../button/Button.cjs"),r=require("../FeedbackSuccess.cjs"),l=require("../feedbackContext.cjs"),i=require("../utils.cjs"),a=require("./followupContext.cjs"),n=require("./useFollowup.cjs"),o={title:"Takk, igjen!",children:"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."};exports.Followup=({questions:c,successMessage:u=o,onSubmit:d})=>{const[j,p]=t.useState(!1),m=t.useRef(null),b=n.useFollowup(c,d),{handleAbort:k,handleNext:f,step:g,submitted:h}=b,{followupStarted:x,setFollowupStarted:S,setFollowupSubmitted:y,contactSubmitted:v,landmarkLabel:F}=l.useFeedbackContext();t.useEffect(()=>{0!==g.number&&m.current?.focus()},[g]),t.useEffect(()=>{y(h)},[h,y]);const N=i.getQuestionFromType(c[g.number].type),q=g.isLast?s.PrimaryButton:s.SecondaryButton;return j?null:e.jsx("div",{"aria-live":"polite",children:e.jsxs(a.FollowUpProvider,{state:b,children:[!x&&e.jsxs("div",{className:"jkl-feedback__fade-in",children:[e.jsx("p",{className:"jkl-heading-4 jkl-spacing-40--top jkl-spacing-8--bottom",children:"Har du tid til å svare på noen flere spørsmål?"}),e.jsx("p",{className:"jkl-body jkl-spacing-40--bottom",children:"Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg."}),e.jsx(s.PrimaryButton,{onClick:()=>S(!0),className:"jkl-spacing-40--right",children:"Jeg har tid!"}),e.jsx(s.TertiaryButton,{onClick:()=>p(!0),children:"Nei takk"})]}),!h&&x&&e.jsxs("form",{onSubmit:f,className:"jkl-feedback__fade-in","aria-label":F,children:[e.jsxs("p",{className:"jkl-feedback__step-counter",ref:m,children:["Steg ",g.number+1," av ",c.length]}),t.createElement(N,{...c[g.number],autoFocus:!0,key:g.number}),e.jsxs("div",{className:"jkl-spacing-40--top","aria-live":"off",children:[e.jsx(q,{type:"submit",children:g.isLast?"Send inn":"Neste"}),e.jsx(s.TertiaryButton,{onClick:k,className:"jkl-spacing-40--left",children:"Avbryt"})]})]}),h&&!v&&e.jsx(r.FeedbackSuccess,{...u})]})})};
 //# sourceMappingURL=Followup.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Followup.cjs","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef, useState } from \"react\";\nimport {\n PrimaryButton,\n SecondaryButton,\n TertiaryButton,\n} from \"../../button/Button.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport type { FollowupProps } 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\nexport const Followup: FC<FollowupProps> = ({\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?.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-40--top jkl-spacing-8--bottom\">\n Har du tid til å svare på noen flere spørsmål?\n </p>\n <p className=\"jkl-body jkl-spacing-40--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-40--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-40--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-40--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,0KAGmC,EACvCC,UAAAA,EACAC,eAAAA,EAAiBJ,EACjBK,SAAAA,MAEA,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,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,uBAEJC,EAAAA,~~WAAU~~,KACc,IAAhBR,EAAKS,QAGTf,EAASgB,SAASC,~~OAAM~~,~~GACzB,~~CAACX,IAEJQ,EAAAA,~~WAAU~~,KACNJ,EAAqBH,~~EAAS~~,~~GAC/B,~~CAACA,EAAWG,IAEf,MAAMQ,EAAoBC,EAAAA,oBAAoBzB,EAAUY,EAAKS,QAAQK,MAC/DC,EAASf,EAAKgB,OAASC,~~EAAgBA~~,~~cAAAC~~,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,0DAA0DnC,~~SAEvE~~,~~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~~"}
1	+ {"version":3,"file":"Followup.cjs","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef, useState } from \"react\";\nimport {\n PrimaryButton,\n SecondaryButton,\n TertiaryButton,\n} from \"../../button/Button.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport type { FollowupProps } 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\nexport const Followup: FC<FollowupProps> = ({\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?.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-40--top jkl-spacing-8--bottom\">\n Har du tid til å svare på noen flere spørsmål?\n </p>\n <p className=\"jkl-body jkl-spacing-40--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-40--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-40--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-40--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,0KAGmC,EACvCC,UAAAA,EACAC,eAAAA,EAAiBJ,EACjBK,SAAAA,MAEA,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,GACnCC,EAAWC,EAAAA,OAA6B,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,uBAEJC,EAAAA,UAAU,KACc,IAAhBR,EAAKS,QAGTf,EAASgB,SAASC,SACnB,CAACX,IAEJQ,EAAAA,UAAU,KACNJ,EAAqBH,IACtB,CAACA,EAAWG,IAEf,MAAMQ,EAAoBC,EAAAA,oBAAoBzB,EAAUY,EAAKS,QAAQK,MAC/DC,EAASf,EAAKgB,OAASC,EAAAA,cAAgBC,EAAAA,gBAE7C,OAAI3B,EACO,WAIN,MAAA,CAAI,YAAU,SACXJ,SAAAgC,EAAAA,KAACC,mBAAA,CAAiBC,MAAOzB,EACpBT,SAAA,EAACe,GACEiB,EAAAA,KAAC,MAAA,CAAIG,UAAU,wBACXnC,SAAA,CAAAoC,EAAAA,IAAC,IAAA,CAAED,UAAU,0DAA0DnC,SAAA,mDAGvEoC,EAAAA,IAAC,IAAA,CAAED,UAAU,kCAAkCnC,SAAA,0EAI/CoC,EAAAA,IAACN,EAAAA,cAAA,CACGO,QAAS,IAAMrB,GAAmB,GAClCmB,UAAU,wBACbnC,SAAA,uBAGAsC,EAAAA,eAAA,CAAeD,QAAS,IAAMhC,GAAY,GAAOL,SAAA,iBAKxDc,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,SAEdU,EAAAA,KAAC,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CnC,SAAA,CAAAoC,MAACR,GAAOD,KAAK,SACR3B,SAAAa,EAAKgB,OAAS,WAAa,UAEhCO,EAAAA,IAACE,EAAAA,eAAA,CACGD,QAAS1B,EACTwB,UAAU,uBACbnC,SAAA,iBAMZc,IAAcI,GACXkB,EAAAA,IAACQ,EAAAA,gBAAA,IAAoB1C"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"followupContext.cjs","sources":["../../../../../src/components/feedback/followup/followupContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { WithChildren } from \"../../../core/types.js\";\nimport type { 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,~~qBAAyC~~,4BASO,EACpEC,MAAAA,EACAC,SAAAA,WAECH,EAAgBI,SAAhB,CAAyBC,MAAOH,EAC5BC,SAAAA,+BAZyB,IAC9BG,EAAAA,WAAWN"}
1	+ {"version":3,"file":"followupContext.cjs","sources":["../../../../../src/components/feedback/followup/followupContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { WithChildren } from \"../../../core/types.js\";\nimport type { 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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useFollowup=(t,u)=>{const[n,s]=e.useState(),[r,o]=e.useState({number:0,question:t[0],isLast:1===t.length}),[a,i]=e.useState(!1),[l,c]=e.useState(!1),[d,b]=e.useState(),m=e.useRef({values:n,submitted:l,onSubmit:u});e.useEffect((()=>{m.current={...m.current,values:n,submitted:l}}),[n,l]);const v=e.useCallback((()=>{!m.current.submitted&&void 0!==m.current.values&&m.current.onSubmit(m.current.values)}),[]);return e.useEffect((()=>{a&&(v(),c(!0))}),[a,v]),e.useEffect((()=>(typeof window<"u"&&window.addEventListener("beforeunload",v),()=>{v(),window.removeEventListener("beforeunload",v)})),[v]),{questions:t,values:n,step:r,currentValue:d,setCurrentValue:b,submitted:l,handleNext:function(e){e?.preventDefault();const u=Array.isArray(d)?d.map((e=>e.value.toString())):d?.value,n={...r.question,name:r.question.name||r.question.label,value:u};s((e=>[...e?.filter((e=>e.name!==n.name))||[],n])),b(void 0),r.isLast?i(!0):o((e=>{const u=e.number+1;return{number:u,question:t[u],isLast:u+1>=t.length}}))},handleAbort:function(){s(void 0),b(void 0),o({number:0,question:t[0],isLast:1===t.length}),c(!0)}}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useFollowup=(t,u)=>{const[n,s]=e.useState(),[r,o]=e.useState({number:0,question:t[0],isLast:1===t.length}),[a,i]=e.useState(!1),[l,c]=e.useState(!1),[d,b]=e.useState(),m=e.useRef({values:n,submitted:l,onSubmit:u});e.useEffect(()=>{m.current={...m.current,values:n,submitted:l}},[n,l]);const v=e.useCallback(()=>{!m.current.submitted&&void 0!==m.current.values&&m.current.onSubmit(m.current.values)},[]);return e.useEffect(()=>{a&&(v(),c(!0))},[a,v]),e.useEffect(()=>(typeof window<"u"&&window.addEventListener("beforeunload",v),()=>{v(),window.removeEventListener("beforeunload",v)}),[v]),{questions:t,values:n,step:r,currentValue:d,setCurrentValue:b,submitted:l,handleNext:function(e){e?.preventDefault();const u=Array.isArray(d)?d.map(e=>e.value.toString()):d?.value,n={...r.question,name:r.question.name||r.question.label,value:u};s(e=>[...e?.filter(e=>e.name!==n.name)||[],n]),b(void 0),r.isLast?i(!0):o(e=>{const u=e.number+1;return{number:u,question:t[u],isLast:u+1>=t.length}})},handleAbort:function(){s(void 0),b(void 0),o({number:0,question:t[0],isLast:1===t.length}),c(!0)}}};
 //# sourceMappingURL=useFollowup.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useFollowup.cjs","sources":["../../../../../src/components/feedback/followup/useFollowup.ts"],"sourcesContent":["import {\n type Dispatch,\n type FormEvent,\n type SetStateAction,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport type {\n FeedbackAnswer,\n FeedbackOption,\n FollowupQuestion,\n} 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":"6HAmC2B,CACvBA,EACAC,KAEA,MAAOC,EAAQC,GAAaC,cACrBC,EAAMC,GAAWF,WAAS,CAC7BG,OAAQ,EACRC,SAAUR,EAAU,GACpBS,OAA6B,IAArBT,EAAUU,UAEfC,EAAcC,GAAmBR,EAAAA,UAAS,IAC1CS,EAAWC,GAAgBV,EAAAA,UAAS,IACpCW,EAAcC,GAAmBZ,aAMlCa,EAAcC,EAAAA,OAAO,CACvBhB,OAAAA,EACAW,UAAAA,EACAZ,SAAAA,IAIJkB,EAAAA,~~WAAU~~,KACNF,EAAYG,QAAU,IACfH,EAAYG,QACflB,OAAAA,EACAW,UAAAA,~~EACJ~~,~~GACD,~~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,GAChBA,GAAGC,iBAEH,MAAMC,EAAQC,MAAMC,QAAQhB,GACtBA,EAAaiB,~~KAAKC~~,GAAWA,EAAOJ,MAAMK,~~aAC1CnB~~,GAAcc,MAEdM,EAAW,IACV9B,EAAKG,SACR4B,KAAM/B,EAAKG,SAAS4B,MAAQ/B,EAAKG,SAAS6B,MAC1CR,MAAAA,GAGJ1B,~~GAAWmC~~,GAKA,IAHHA,GAAWC,~~QACNC~~,GAAaA,EAASJ,OAASD,EAASC,~~QACxC~~,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,~~OACxC~~,~~GAER~~,~~EA0CAiC,~~YAtCJ,WACIxC,OAAU,GACVa,OAAgB,~~GACRV~~,~~EAAA~~,CACJC,OAAQ,EACRC,SAAUR,EAAU,GACpBS,OAA6B,IAArBT,EAAUU,SAEtBI,GAAa,~~EAAI,EA+BrB~~"}
1	+ {"version":3,"file":"useFollowup.cjs","sources":["../../../../../src/components/feedback/followup/useFollowup.ts"],"sourcesContent":["import {\n type Dispatch,\n type FormEvent,\n type SetStateAction,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport type {\n FeedbackAnswer,\n FeedbackOption,\n FollowupQuestion,\n} 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":"6HAmC2B,CACvBA,EACAC,KAEA,MAAOC,EAAQC,GAAaC,cACrBC,EAAMC,GAAWF,WAAS,CAC7BG,OAAQ,EACRC,SAAUR,EAAU,GACpBS,OAA6B,IAArBT,EAAUU,UAEfC,EAAcC,GAAmBR,EAAAA,UAAS,IAC1CS,EAAWC,GAAgBV,EAAAA,UAAS,IACpCW,EAAcC,GAAmBZ,aAMlCa,EAAcC,EAAAA,OAAO,CACvBhB,OAAAA,EACAW,UAAAA,EACAZ,SAAAA,IAIJkB,EAAAA,UAAU,KACNF,EAAYG,QAAU,IACfH,EAAYG,QACflB,OAAAA,EACAW,UAAAA,IAEL,CAACX,EAAQW,IAGZ,MAAMQ,EAAgBC,EAAAA,YAAY,MAEzBL,EAAYG,QAAQP,gBACU,IAA/BI,EAAYG,QAAQlB,QAEpBe,EAAYG,QAAQnB,SAASgB,EAAYG,QAAQlB,SAEtD,IAoDHiB,OAAAA,EAAAA,UAAU,KACFR,IACAU,IACAP,GAAa,KAElB,CAACH,EAAcU,IAGlBF,EAAAA,UAAU,YACKI,OAAW,KAClBA,OAAOC,iBAAiB,eAAgBH,GAErC,KACHA,IACAE,OAAOE,oBAAoB,eAAgBJ,KAEhD,CAACA,IAEG,CACHrB,UAAAA,EACAE,OAAAA,EACAG,KAAAA,EACAU,aAAAA,EACAC,gBAAAA,EACAH,UAAAA,EACAa,WA1EJ,SAAoBC,GAChBA,GAAGC,iBAEH,MAAMC,EAAQC,MAAMC,QAAQhB,GACtBA,EAAaiB,IAAKC,GAAWA,EAAOJ,MAAMK,YAC1CnB,GAAcc,MAEdM,EAAW,IACV9B,EAAKG,SACR4B,KAAM/B,EAAKG,SAAS4B,MAAQ/B,EAAKG,SAAS6B,MAC1CR,MAAAA,GAGJ1B,EAAWmC,GAKA,IAHHA,GAAWC,OACNC,GAAaA,EAASJ,OAASD,EAASC,OACxC,GACkBD,IAE/BnB,OAAgB,GAEZX,EAAKI,OACLG,GAAgB,GAEhBN,EAASmC,IACL,MAAMC,EAAaD,EAAYlC,OAAS,EACxC,MAAO,CACHA,OAAQmC,EACRlC,SAAUR,EAAU0C,GACpBjC,OAAQiC,EAAa,GAAK1C,EAAUU,SAIpD,EAyCIiC,YAtCJ,WACIxC,OAAU,GACVa,OAAgB,GAChBV,EAAQ,CACJC,OAAQ,EACRC,SAAUR,EAAU,GACpBS,OAA6B,IAArBT,EAAUU,SAEtBI,GAAa,EACjB"}

package/build/cjs/components/feedback/main-question/MainQuestion.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs"),s=require("react"),i=require("../../../hooks/useAnimatedHeight/useAnimatedHeight.cjs"),r=require("../../button/Button.cjs"),n=require("../FeedbackSuccess.cjs"),a=require("../feedbackContext.cjs"),o=require("../questions/AddonQuestion.cjs"),u=require("../utils.cjs"),c=require("./mainQuestionContext.cjs"),l=require("./useMainQuestion.cjs"),d={title:"Takk for tilbakemeldingen!",children:"Husk at vi ikke kan besvare meldinger fra dette skjemaet. Kontakt gjerne din forsikringsrådgiver om du har flere spørsmål."};exports.MainQuestion=({label:b,options:j,type:m,addOnQuestion:k,successMessage:p=d,helpLabel:h,onSubmit:x})=>{const g=l.useMainQuestion(x),{setFeedbackSubmitted:f,contactSubmitted:v,landmarkLabel:q}=a.useFeedbackContext(),{handleSubmit:y,currentValue:S,setCurrentValue:Q,submitted:A}=g,[C]=i.useAnimatedHeight(void 0!==S);s.useEffect((()=>{f(A)}),[A,f]);const F=u.getQuestionFromType(m);return e.jsxs(e.Fragment,{children:[!A&&e.jsx(c.MainQuestionContextProvider,{state:g,children:e.jsxs("form",{onSubmit:y,"aria-label":q,children:[e.jsx(F,{label:b,options:j,helpLabel:h}),e.jsxs("div",{ref:C,className:t.clsx({"jkl-feedback__submit-wrapper":!0,"jkl-feedback__submit-wrapper--hidden":void 0===S}),children:[k&&e.jsx(o.AddonQuestion,{helpLabel:"object"==typeof k?k.helpLabel:void 0,label:"object"==typeof k?k.label:void 0}),e.jsxs("div",{className:"jkl-feedback__buttons jkl-spacing-40--top",children:[e.jsx(r.PrimaryButton,{className:"jkl-spacing-40--right",children:"Send"}),e.jsx(r.TertiaryButton,{type:"button",onClick:()=>Q(void 0),children:"Avbryt"})]})]})]})}),A&&!v&&e.jsx(n.FeedbackSuccess,{...p})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs"),s=require("react"),i=require("../../../hooks/useAnimatedHeight/useAnimatedHeight.cjs"),r=require("../../button/Button.cjs"),n=require("../FeedbackSuccess.cjs"),a=require("../feedbackContext.cjs"),o=require("../questions/AddonQuestion.cjs"),u=require("../utils.cjs"),c=require("./mainQuestionContext.cjs"),l=require("./useMainQuestion.cjs"),d={title:"Takk for tilbakemeldingen!",children:"Husk at vi ikke kan besvare meldinger fra dette skjemaet. Kontakt gjerne din forsikringsrådgiver om du har flere spørsmål."};exports.MainQuestion=({label:b,options:j,type:m,addOnQuestion:k,successMessage:p=d,helpLabel:h,onSubmit:x})=>{const g=l.useMainQuestion(x),{setFeedbackSubmitted:f,contactSubmitted:v,landmarkLabel:q}=a.useFeedbackContext(),{handleSubmit:y,currentValue:S,setCurrentValue:Q,submitted:A}=g,[C]=i.useAnimatedHeight(void 0!==S);s.useEffect(()=>{f(A)},[A,f]);const F=u.getQuestionFromType(m);return e.jsxs(e.Fragment,{children:[!A&&e.jsx(c.MainQuestionContextProvider,{state:g,children:e.jsxs("form",{onSubmit:y,"aria-label":q,children:[e.jsx(F,{label:b,options:j,helpLabel:h}),e.jsxs("div",{ref:C,className:t.clsx({"jkl-feedback__submit-wrapper":!0,"jkl-feedback__submit-wrapper--hidden":void 0===S}),children:[k&&e.jsx(o.AddonQuestion,{helpLabel:"object"==typeof k?k.helpLabel:void 0,label:"object"==typeof k?k.label:void 0}),e.jsxs("div",{className:"jkl-feedback__buttons jkl-spacing-40--top",children:[e.jsx(r.PrimaryButton,{className:"jkl-spacing-40--right",children:"Send"}),e.jsx(r.TertiaryButton,{type:"button",onClick:()=>Q(void 0),children:"Avbryt"})]})]})]})}),A&&!v&&e.jsx(n.FeedbackSuccess,{...p})]})};
 //# sourceMappingURL=MainQuestion.cjs.map