@lifesg/react-design-system 4.0.0-alpha.1 → 4.0.0-alpha.2

package/cjs/shared/internal-calendar/internal-calendar-month.styles_1pk3ynj.css

@@ -0,0 +1,8 @@
+.w1tx88ym{width:100%;height:100%;display:-ms-grid;display:grid;-ms-grid-columns:repeat(2, 1fr);grid-template-columns:repeat(2, 1fr);-ms-grid-rows:repeat(6, 2.5rem);grid-template-rows:repeat(6, 2.5rem);-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:0.5rem 0;}
+.m37bydr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:var(--fds-radius-md);margin:0 0.5rem;-webkit-transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;-webkit-background-clip:border-box;background-clip:border-box;color:var(--fds-colour-text);cursor:default;}
+.m10033nc{cursor:not-allowed;color:var(--fds-colour-text-disabled-subtlest);}
+.mhzr9th{cursor:pointer;}
+.m1t53w7a{color:var(--fds-colour-text-primary);font-weight:var(--fds-font-weight-semibold);}
+.mznpfg{background:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected);color:var(--fds-colour-text-selected);font-weight:var(--fds-font-weight-semibold);}
+.mgh0mxh:hover{background:var(--fds-colour-bg-hover);color:var(--fds-colour-text-hover);font-weight:var(--fds-font-weight-semibold);}
+.mhccb5n:hover{background:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);color:var(--fds-colour-text-selected-hover);font-weight:var(--fds-font-weight-semibold);}

package/cjs/shared/internal-calendar/internal-calendar-year.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("../../external/dayjs/dayjs.min.js"),r=require("react"),t=require("../../util/calendar-helper.js"),n=require("./internal-calendar-year.style.js");exports.InternalCalendarYear=({calendarDate:l,currentFocus:s,selectedStartDate:i,selectedEndDate:d,viewCalendarDate:c,isNewSelection:u,minDate:o,maxDate:y,allowDisabledSelection:f,onYearSelect:b,setCalendarDate:v})=>{const D=r.useMemo((()=>t.CalendarHelper.generateDecadeOfYears(a.default(l))),[l]),p=r.useRef(new Array(D.length).fill(null)),[w,x]=r.useState(l);r.useEffect((()=>{var e;if(null===w)return;const a=D.findIndex((e=>e.isSame(w,"year")));a>=0&&(null===(e=p.current[a])||void 0===e||e.focus())}),[w,D]);const h=(e,a)=>{a||b(e)},m=e=>{const a="start"===s&&d&&e.isAfter(d,"year")&&u,r="end"===s&&i&&e.isBefore(i,"year")&&u;return!(!a&&!r)},j=e=>{const r=D.indexOf(e),n=[0,11].includes(r),l=e.year(),s=(i=e,!t.CalendarHelper.isWithinRange(i,o?a.default(o):void 0,y?a.default(y):void 0,"year"));var i;const d=n?"other-decade":c.isSame(e,"year")?"selected-year":a.default().isSame(e,"year")?"current-year":"default",u=c.year()>=D[0].year()&&c.year()<=D[D.length-1].year()?"selected-year"===d?0:-1:1===r?0:-1;return{disabledDisplay:s||m(e),interactive:!s||f,year:l,variant:d,tabIndex:u}};return D.length?e.jsx(n.Wrapper,{onBlur:()=>{x(null)},children:D.map(((a,r)=>{const{disabledDisplay:t,interactive:l,variant:s,year:i,tabIndex:d}=j(a);return e.jsx(n.YearCell,{ref:e=>{p.current[r]=e},tabIndex:d,role:"button","aria-label":`${i}`,"aria-disabled":!l,"aria-selected":"selected-year"===s,$variant:s,$disabledDisplay:t,$interactive:!!l,onClick:()=>h(a,!l),onKeyDown:e=>{((e,a,r)=>{let t;switch(e.key){case"Enter":case" ":e.preventDefault(),h(a,r);break;case"ArrowLeft":t=a.subtract(1,"year");break;case"ArrowRight":t=a.add(1,"year");break;case"ArrowUp":t=a.subtract(3,"year");break;case"ArrowDown":t=a.add(3,"year")}void 0!==t&&(e.preventDefault(),v(t),x(t))})(e,a,!l)},children:i},i)}))}):null};
+"use strict";var e=require("react/jsx-runtime"),a=require("clsx"),r=require("../../external/dayjs/dayjs.min.js"),t=require("react"),l=require("../../util/calendar-helper.js"),n=require("./internal-calendar-year.styles.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(a);exports.InternalCalendarYear=({calendarDate:a,currentFocus:s,selectedStartDate:c,selectedEndDate:i,viewCalendarDate:u,isNewSelection:y,minDate:o,maxDate:f,allowDisabledSelection:v,onYearSelect:D,setCalendarDate:b})=>{const C=t.useMemo((()=>l.CalendarHelper.generateDecadeOfYears(r.default(a))),[a]),p=t.useRef(new Array(C.length).fill(null)),[h,w]=t.useState(a);t.useEffect((()=>{var e;if(null===h)return;const a=C.findIndex((e=>e.isSame(h,"year")));a>=0&&(null===(e=p.current[a])||void 0===e||e.focus())}),[h,C]);const x=(e,a)=>{a||D(e)},m=e=>{const a="start"===s&&i&&e.isAfter(i,"year")&&y,r="end"===s&&c&&e.isBefore(c,"year")&&y;return!(!a&&!r)},S=e=>{const a=C.indexOf(e),t=[0,11].includes(a),n=e.year(),s=(d=e,!l.CalendarHelper.isWithinRange(d,o?r.default(o):void 0,f?r.default(f):void 0,"year"));var d;const c=t?"other-decade":u.isSame(e,"year")?"selected-year":r.default().isSame(e,"year")?"current-year":"default",i=u.year()>=C[0].year()&&u.year()<=C[C.length-1].year()?"selected-year"===c?0:-1:1===a?0:-1;return{disabledDisplay:s||m(e),interactive:!s||v,year:n,variant:c,tabIndex:i}};return C.length?e.jsx("div",{className:n.wrapper,onBlur:()=>{w(null)},children:C.map(((a,r)=>{const{disabledDisplay:t,interactive:l,variant:s,year:c,tabIndex:i}=S(a);return e.jsx("div",{ref:e=>{p.current[r]=e},tabIndex:i,role:"button","aria-label":`${c}`,"aria-disabled":!l,"aria-selected":"selected-year"===s,className:d.default(n.yearCell,t&&n.yearCellDisabledDisplay,l&&n.yearCellInteractive,"other-decade"===s&&n.yearCellOtherDecade,"current-year"===s&&n.yearCellCurrentYear,"selected-year"===s&&n.yearCellSelectedYear,l&&"selected-year"!==s&&n.yearCellDefaultHover,l&&"selected-year"===s&&n.yearCellSelectedHover),onClick:()=>x(a,!l),onKeyDown:e=>{((e,a,r)=>{let t;switch(e.key){case"Enter":case" ":e.preventDefault(),x(a,r);break;case"ArrowLeft":t=a.subtract(1,"year");break;case"ArrowRight":t=a.add(1,"year");break;case"ArrowUp":t=a.subtract(3,"year");break;case"ArrowDown":t=a.add(3,"year")}void 0!==t&&(e.preventDefault(),b(t),w(t))})(e,a,!l)},children:c},c)}))}):null};
 //# sourceMappingURL=internal-calendar-year.js.map

package/cjs/shared/internal-calendar/internal-calendar-year.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal-calendar-year.js","sources":["../../../../src/shared/internal-calendar/internal-calendar-year.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../util/calendar-helper\";\nimport { Wrapper, YearCell } from \"./internal-calendar-year.style\";\nimport type { FocusType, InternalCalendarProps } from \"./types\";\n\nexport type YearVariant =\n    | \"default\"\n    | \"current-year\"\n    | \"other-decade\"\n    | \"selected-year\";\n\ninterface Props\n    extends Pick<\n        InternalCalendarProps,\n        \"minDate\" | \"maxDate\" | \"allowDisabledSelection\"\n    > {\n    calendarDate: Dayjs;\n    currentFocus?: FocusType | undefined;\n    selectedStartDate: string | undefined;\n    selectedEndDate?: string | undefined;\n    viewCalendarDate: Dayjs;\n    isNewSelection: boolean;\n    onYearSelect: (value: Dayjs) => void;\n    setCalendarDate: React.Dispatch<React.SetStateAction<dayjs.Dayjs>>;\n}\n\nexport const InternalCalendarYear = ({\n    calendarDate,\n    currentFocus,\n    selectedStartDate,\n    selectedEndDate,\n    viewCalendarDate,\n    isNewSelection,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    onYearSelect,\n    setCalendarDate,\n}: Props) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const years = useMemo<Dayjs[]>(\n        () => CalendarHelper.generateDecadeOfYears(dayjs(calendarDate)),\n        [calendarDate]\n    );\n    const yearRefs = useRef<Array<HTMLDivElement | null>>(\n        new Array(years.length).fill(null)\n    );\n    const [focusedYear, setFocusedYear] = useState<Dayjs | null>(calendarDate);\n\n    useEffect(() => {\n        if (focusedYear === null) return;\n        // Focus the year cell that corresponds to the focused year\n        const focusedYearIndex = years.findIndex((year) =>\n            year.isSame(focusedYear, \"year\")\n        );\n        if (focusedYearIndex >= 0) {\n            yearRefs.current[focusedYearIndex]?.focus();\n        }\n    }, [focusedYear, years]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleOnBlur = () => {\n        // Reset focused year when the component loses focus\n        setFocusedYear(null);\n    };\n\n    const handleYearClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled) return;\n\n        onYearSelect(value);\n    };\n\n    const handleKeyDownPress = (\n        event: React.KeyboardEvent<HTMLDivElement>,\n        value: Dayjs,\n        isDisabled: boolean\n    ) => {\n        const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n        const selectedKey = keyboardEvent.key;\n\n        let newYearSelection: Dayjs | undefined;\n        switch (selectedKey) {\n            case \"Enter\":\n            case \" \":\n                event.preventDefault();\n                handleYearClick(value, isDisabled);\n                break;\n            case \"ArrowLeft\":\n                newYearSelection = value.subtract(1, \"year\");\n                break;\n            case \"ArrowRight\":\n                newYearSelection = value.add(1, \"year\");\n                break;\n            case \"ArrowUp\":\n                newYearSelection = value.subtract(3, \"year\");\n                break;\n            case \"ArrowDown\":\n                newYearSelection = value.add(3, \"year\");\n                break;\n            default:\n                break;\n        }\n\n        if (newYearSelection === undefined) return;\n\n        event.preventDefault();\n\n        setCalendarDate(newYearSelection);\n        setFocusedYear(newYearSelection);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const isDisabled = (day: Dayjs): boolean => {\n        const isWithinRange = CalendarHelper.isWithinRange(\n            day,\n            minDate ? dayjs(minDate) : undefined,\n            maxDate ? dayjs(maxDate) : undefined,\n            \"year\"\n        );\n\n        return !isWithinRange;\n    };\n\n    const isOutsideSelectedRange = (day: Dayjs): boolean => {\n        const isStartAfterEnd =\n            currentFocus === \"start\" &&\n            selectedEndDate &&\n            day.isAfter(selectedEndDate, \"year\") &&\n            isNewSelection;\n\n        const isEndBeforeStart =\n            currentFocus === \"end\" &&\n            selectedStartDate &&\n            day.isBefore(selectedStartDate, \"year\") &&\n            isNewSelection;\n\n        return !!(isStartAfterEnd || isEndBeforeStart);\n    };\n\n    const generateYearStatus = (date: Dayjs) => {\n        const otherDecadeIndexes = [0, 11];\n        const yearIndex = years.indexOf(date);\n\n        const isOtherDecade = otherDecadeIndexes.includes(yearIndex);\n        const year = date.year();\n        const disabled = isDisabled(date);\n\n        const variant: YearVariant = isOtherDecade\n            ? \"other-decade\"\n            : viewCalendarDate.isSame(date, \"year\")\n            ? \"selected-year\"\n            : dayjs().isSame(date, \"year\")\n            ? \"current-year\"\n            : \"default\";\n\n        const isSelectedYearInDecade =\n            viewCalendarDate.year() >= years[0].year() &&\n            viewCalendarDate.year() <= years[years.length - 1].year();\n\n        const tabIndex = isSelectedYearInDecade\n            ? variant === \"selected-year\"\n                ? 0\n                : -1\n            : yearIndex === 1\n            ? 0\n            : -1;\n\n        return {\n            disabledDisplay: disabled || isOutsideSelectedRange(date),\n            interactive: !disabled || allowDisabledSelection,\n            year,\n            variant,\n            tabIndex,\n        };\n    };\n\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n    if (!years.length) return null;\n\n    return (\n        <Wrapper onBlur={handleOnBlur}>\n            {years.map((date, index) => {\n                const {\n                    disabledDisplay,\n                    interactive,\n                    variant,\n                    year,\n                    tabIndex,\n                } = generateYearStatus(date);\n\n                return (\n                    <YearCell\n                        ref={(el) => {\n                            yearRefs.current[index] = el;\n                        }}\n                        tabIndex={tabIndex}\n                        role=\"button\"\n                        aria-label={`${year}`}\n                        aria-disabled={!interactive}\n                        aria-selected={variant === \"selected-year\"}\n                        key={year}\n                        $variant={variant}\n                        $disabledDisplay={disabledDisplay}\n                        $interactive={!!interactive}\n                        onClick={() => handleYearClick(date, !interactive)}\n                        onKeyDown={(event) => {\n                            handleKeyDownPress(event, date, !interactive);\n                        }}\n                    >\n                        {year}\n                    </YearCell>\n                );\n            })}\n        </Wrapper>\n    );\n};\n"],"names":["calendarDate","currentFocus","selectedStartDate","selectedEndDate","viewCalendarDate","isNewSelection","minDate","maxDate","allowDisabledSelection","onYearSelect","setCalendarDate","years","useMemo","CalendarHelper","generateDecadeOfYears","dayjs","yearRefs","useRef","Array","length","fill","focusedYear","setFocusedYear","useState","useEffect","focusedYearIndex","findIndex","year","isSame","_a","current","focus","handleYearClick","value","isDisabled","isOutsideSelectedRange","day","isStartAfterEnd","isAfter","isEndBeforeStart","isBefore","generateYearStatus","date","yearIndex","indexOf","isOtherDecade","includes","disabled","isWithinRange","undefined","variant","tabIndex","disabledDisplay","interactive","_jsx","Wrapper","onBlur","children","map","index","YearCell","ref","el","role","$variant","$disabledDisplay","onClick","onKeyDown","event","newYearSelection","key","preventDefault","subtract","add","handleKeyDownPress"],"mappings":"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"}
+{"version":3,"file":"internal-calendar-year.js","sources":["../../../../src/shared/internal-calendar/internal-calendar-year.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../util/calendar-helper\";\nimport * as styles from \"./internal-calendar-year.styles\";\nimport type { FocusType, InternalCalendarProps } from \"./types\";\n\nexport type YearVariant =\n    | \"default\"\n    | \"current-year\"\n    | \"other-decade\"\n    | \"selected-year\";\n\ninterface Props\n    extends Pick<\n        InternalCalendarProps,\n        \"minDate\" | \"maxDate\" | \"allowDisabledSelection\"\n    > {\n    calendarDate: Dayjs;\n    currentFocus?: FocusType | undefined;\n    selectedStartDate: string | undefined;\n    selectedEndDate?: string | undefined;\n    viewCalendarDate: Dayjs;\n    isNewSelection: boolean;\n    onYearSelect: (value: Dayjs) => void;\n    setCalendarDate: React.Dispatch<React.SetStateAction<dayjs.Dayjs>>;\n}\n\nexport const InternalCalendarYear = ({\n    calendarDate,\n    currentFocus,\n    selectedStartDate,\n    selectedEndDate,\n    viewCalendarDate,\n    isNewSelection,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    onYearSelect,\n    setCalendarDate,\n}: Props) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const years = useMemo<Dayjs[]>(\n        () => CalendarHelper.generateDecadeOfYears(dayjs(calendarDate)),\n        [calendarDate]\n    );\n    const yearRefs = useRef<Array<HTMLDivElement | null>>(\n        new Array(years.length).fill(null)\n    );\n    const [focusedYear, setFocusedYear] = useState<Dayjs | null>(calendarDate);\n\n    useEffect(() => {\n        if (focusedYear === null) return;\n        // Focus the year cell that corresponds to the focused year\n        const focusedYearIndex = years.findIndex((year) =>\n            year.isSame(focusedYear, \"year\")\n        );\n        if (focusedYearIndex >= 0) {\n            yearRefs.current[focusedYearIndex]?.focus();\n        }\n    }, [focusedYear, years]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleOnBlur = () => {\n        // Reset focused year when the component loses focus\n        setFocusedYear(null);\n    };\n\n    const handleYearClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled) return;\n\n        onYearSelect(value);\n    };\n\n    const handleKeyDownPress = (\n        event: React.KeyboardEvent<HTMLDivElement>,\n        value: Dayjs,\n        isDisabled: boolean\n    ) => {\n        const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n        const selectedKey = keyboardEvent.key;\n\n        let newYearSelection: Dayjs | undefined;\n        switch (selectedKey) {\n            case \"Enter\":\n            case \" \":\n                event.preventDefault();\n                handleYearClick(value, isDisabled);\n                break;\n            case \"ArrowLeft\":\n                newYearSelection = value.subtract(1, \"year\");\n                break;\n            case \"ArrowRight\":\n                newYearSelection = value.add(1, \"year\");\n                break;\n            case \"ArrowUp\":\n                newYearSelection = value.subtract(3, \"year\");\n                break;\n            case \"ArrowDown\":\n                newYearSelection = value.add(3, \"year\");\n                break;\n            default:\n                break;\n        }\n\n        if (newYearSelection === undefined) return;\n\n        event.preventDefault();\n\n        setCalendarDate(newYearSelection);\n        setFocusedYear(newYearSelection);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const isDisabled = (day: Dayjs): boolean => {\n        const isWithinRange = CalendarHelper.isWithinRange(\n            day,\n            minDate ? dayjs(minDate) : undefined,\n            maxDate ? dayjs(maxDate) : undefined,\n            \"year\"\n        );\n\n        return !isWithinRange;\n    };\n\n    const isOutsideSelectedRange = (day: Dayjs): boolean => {\n        const isStartAfterEnd =\n            currentFocus === \"start\" &&\n            selectedEndDate &&\n            day.isAfter(selectedEndDate, \"year\") &&\n            isNewSelection;\n\n        const isEndBeforeStart =\n            currentFocus === \"end\" &&\n            selectedStartDate &&\n            day.isBefore(selectedStartDate, \"year\") &&\n            isNewSelection;\n\n        return !!(isStartAfterEnd || isEndBeforeStart);\n    };\n\n    const generateYearStatus = (date: Dayjs) => {\n        const otherDecadeIndexes = [0, 11];\n        const yearIndex = years.indexOf(date);\n\n        const isOtherDecade = otherDecadeIndexes.includes(yearIndex);\n        const year = date.year();\n        const disabled = isDisabled(date);\n\n        const variant: YearVariant = isOtherDecade\n            ? \"other-decade\"\n            : viewCalendarDate.isSame(date, \"year\")\n            ? \"selected-year\"\n            : dayjs().isSame(date, \"year\")\n            ? \"current-year\"\n            : \"default\";\n\n        const isSelectedYearInDecade =\n            viewCalendarDate.year() >= years[0].year() &&\n            viewCalendarDate.year() <= years[years.length - 1].year();\n\n        const tabIndex = isSelectedYearInDecade\n            ? variant === \"selected-year\"\n                ? 0\n                : -1\n            : yearIndex === 1\n            ? 0\n            : -1;\n\n        return {\n            disabledDisplay: disabled || isOutsideSelectedRange(date),\n            interactive: !disabled || allowDisabledSelection,\n            year,\n            variant,\n            tabIndex,\n        };\n    };\n\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n    if (!years.length) return null;\n\n    return (\n        <div className={styles.wrapper} onBlur={handleOnBlur}>\n            {years.map((date, index) => {\n                const {\n                    disabledDisplay,\n                    interactive,\n                    variant,\n                    year,\n                    tabIndex,\n                } = generateYearStatus(date);\n\n                return (\n                    <div\n                        ref={(el) => {\n                            yearRefs.current[index] = el;\n                        }}\n                        tabIndex={tabIndex}\n                        role=\"button\"\n                        aria-label={`${year}`}\n                        aria-disabled={!interactive}\n                        aria-selected={variant === \"selected-year\"}\n                        key={year}\n                        className={clsx(\n                            styles.yearCell,\n                            disabledDisplay && styles.yearCellDisabledDisplay,\n                            interactive && styles.yearCellInteractive,\n                            variant === \"other-decade\" &&\n                                styles.yearCellOtherDecade,\n                            variant === \"current-year\" &&\n                                styles.yearCellCurrentYear,\n                            variant === \"selected-year\" &&\n                                styles.yearCellSelectedYear,\n                            interactive &&\n                                variant !== \"selected-year\" &&\n                                styles.yearCellDefaultHover,\n                            interactive &&\n                                variant === \"selected-year\" &&\n                                styles.yearCellSelectedHover\n                        )}\n                        onClick={() => handleYearClick(date, !interactive)}\n                        onKeyDown={(event) => {\n                            handleKeyDownPress(event, date, !interactive);\n                        }}\n                    >\n                        {year}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":["calendarDate","currentFocus","selectedStartDate","selectedEndDate","viewCalendarDate","isNewSelection","minDate","maxDate","allowDisabledSelection","onYearSelect","setCalendarDate","years","useMemo","CalendarHelper","generateDecadeOfYears","dayjs","yearRefs","useRef","Array","length","fill","focusedYear","setFocusedYear","useState","useEffect","focusedYearIndex","findIndex","year","isSame","_a","current","focus","handleYearClick","value","isDisabled","isOutsideSelectedRange","day","isStartAfterEnd","isAfter","isEndBeforeStart","isBefore","generateYearStatus","date","yearIndex","indexOf","isOtherDecade","includes","disabled","isWithinRange","undefined","variant","tabIndex","disabledDisplay","interactive","_jsx","className","styles.wrapper","onBlur","children","map","index","ref","el","role","clsx","styles.yearCell","styles.yearCellDisabledDisplay","styles.yearCellInteractive","styles.yearCellOtherDecade","styles.yearCellCurrentYear","styles.yearCellSelectedYear","styles.yearCellDefaultHover","styles.yearCellSelectedHover","onClick","onKeyDown","event","newYearSelection","key","preventDefault","subtract","add","handleKeyDownPress"],"mappings":"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"}

package/cjs/shared/internal-calendar/internal-calendar-year.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./internal-calendar-year.styles_1azy42u.css");exports.wrapper="w3rwm60",exports.yearCell="y6pbhbr",exports.yearCellCurrentYear="y1w3dlxt",exports.yearCellDefaultHover="yivyhzm",exports.yearCellDisabledDisplay="y1iq0wsu",exports.yearCellInteractive="ylfpv0z",exports.yearCellOtherDecade="y9ky3r3",exports.yearCellSelectedHover="y1pbdzuc",exports.yearCellSelectedYear="ynkab5y";
+//# sourceMappingURL=internal-calendar-year.styles.js.map

package/cjs/shared/internal-calendar/internal-calendar-year.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-calendar-year.styles.js","sources":["../../../../src/shared/internal-calendar/internal-calendar-year.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Motion, Radius } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const wrapper = css`\n    width: 100%;\n    height: 100%;\n    display: grid;\n    align-content: center;\n    align-items: center;\n    grid-template-columns: repeat(3, 1fr);\n`;\n\nexport const yearCell = css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 1rem 0.5rem;\n    transition: ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n    padding: 0.5rem;\n\n    ${Font[\"body-md-regular\"]}\n    border-radius: ${Radius[\"md\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} transparent;\n    background-clip: border-box;\n    color: ${Colour[\"text\"]};\n    cursor: default;\n`;\n\nexport const yearCellDisabledDisplay = css`\n    cursor: not-allowed;\n    color: ${Colour[\"text-disabled-subtlest\"]};\n`;\n\nexport const yearCellInteractive = css`\n    cursor: pointer;\n`;\n\nexport const yearCellOtherDecade = css`\n    color: ${Colour[\"text-disabled-subtlest\"]};\n`;\n\nexport const yearCellCurrentYear = css`\n    color: ${Colour[\"text-primary\"]};\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const yearCellSelectedYear = css`\n    background: ${Colour[\"bg-selected\"]};\n    border-color: ${Colour[\"border-selected\"]};\n    color: ${Colour[\"text-selected\"]};\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const yearCellDefaultHover = css`\n    &:hover {\n        background: ${Colour[\"bg-hover\"]};\n        color: ${Colour[\"text-hover\"]};\n        font-weight: ${Font.Spec[\"weight-semibold\"]};\n    }\n`;\n\nexport const yearCellSelectedHover = css`\n    &:hover {\n        background: ${Colour[\"bg-selected-hover\"]};\n        border-color: ${Colour[\"border-selected-hover\"]};\n        color: ${Colour[\"text-selected-hover\"]};\n        font-weight: ${Font.Spec[\"weight-semibold\"]};\n    }\n`;\n"],"names":[],"mappings":"4HAOoB,2BASC,sCA6BW,wCAYC,0CAzBG,uCAKJ,sCAIA,wCAwBE,wCAfD"}

package/cjs/shared/internal-calendar/internal-calendar-year.styles_1azy42u.css

@@ -0,0 +1,9 @@
+.w3rwm60{width:100%;height:100%;display:-ms-grid;display:grid;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-columns:repeat(3, 1fr);grid-template-columns:repeat(3, 1fr);}
+.y6pbhbr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1rem 0.5rem;-webkit-transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);padding:0.5rem;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);border-radius:var(--fds-radius-md);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;-webkit-background-clip:border-box;background-clip:border-box;color:var(--fds-colour-text);cursor:default;}
+.y1iq0wsu{cursor:not-allowed;color:var(--fds-colour-text-disabled-subtlest);}
+.ylfpv0z{cursor:pointer;}
+.y9ky3r3{color:var(--fds-colour-text-disabled-subtlest);}
+.y1w3dlxt{color:var(--fds-colour-text-primary);font-weight:var(--fds-font-weight-semibold);}
+.ynkab5y{background:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected);color:var(--fds-colour-text-selected);font-weight:var(--fds-font-weight-semibold);}
+.yivyhzm:hover{background:var(--fds-colour-bg-hover);color:var(--fds-colour-text-hover);font-weight:var(--fds-font-weight-semibold);}
+.y1pbdzuc:hover{background:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);color:var(--fds-colour-text-selected-hover);font-weight:var(--fds-font-weight-semibold);}

package/cjs/shared/internal-calendar/internal-calendar.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("./calendar-manager.js"),n=require("./fixed-range/fixed-range-calendar-day-view.js"),r=require("./internal-calendar.style.js"),l=require("./single/single-calendar-day-view.js"),s=require("./standard/standard-calendar-day-view.js");require("./standard/standard-calendar-day-view.style.js");var i=require("./week/week-calendar-day-view.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=({disabledDates:d,onYearMonthDisplayChange:o,onSelect:c,onHover:D,onDismiss:u,value:v,endValue:w,currentFocus:m,withButton:f,variant:y,minDate:C,maxDate:h,allowDisabledSelection:x,selectWithinRange:b=!0,initialCalendarDate:S,numberOfDays:g,showActiveMonthDaysOnly:j=!1,isFocusable:q=!1},M)=>{const Y=a.useRef(null),k=a.useRef(void 0),R=a.useRef(null);a.useImperativeHandle(M,(()=>({reset(){var e;null===(e=Y.current)||void 0===e||e.resetView()},setCalendarDate(e){var a;null===(a=Y.current)||void 0===a||a.setCalendarDate(e)},contains(e){var a;return(null===(a=R.current)||void 0===a?void 0:a.contains(e))||!1}})));const p=e=>{var a;const t=e.format("YYYY-MM-DD");null===(a=Y.current)||void 0===a||a.setCalendarDate(t),H(t)},F=e=>{V(e)},H=e=>{c&&c(e)},V=e=>{D&&D(e)},O=e=>{if(o){const a={month:e.month()+1,year:e.year()};o(a)}};return e.jsx(r.Container,{ref:R,children:e.jsx(t.CalendarManager,{ref:Y,withButton:f,doneButtonDisabled:(()=>{if(!f)return;let e=!0;switch(y){case"single":e=!1;break;case"range":case"fixed-range":e=!!v!=!!w;break;case"week":e=!v&&!w}return e})(),onDismiss:u,minDate:C,maxDate:h,selectWithinRange:b,currentFocus:m,selectedStartDate:v,selectedEndDate:w,allowDisabledSelection:x,onCalendarDateChange:e=>{var a;k.current&&k.current.isSame(e,"month")||(null===(a=Y.current)||void 0===a||a.setCalendarDate(e.format("YYYY-MM-DD")),O(e)),k.current=e},initialCalendarDate:S,isFocusable:q,children:({calendarDate:a})=>(a=>{var t;const r=null===(t=Y.current)||void 0===t?void 0:t.setCalendarDate;switch(y){case"week":return e.jsx(i.WeekCalendarDayView,{calendarDate:a,disabledDates:d,selectedStartDate:v,minDate:C,maxDate:h,allowDisabledSelection:x,onSelect:p,onHover:F,setCalendarDate:r});case"fixed-range":return e.jsx(n.FixedRangeCalendarDayView,{calendarDate:a,disabledDates:d,selectedStartDate:v,minDate:C,maxDate:h,allowDisabledSelection:x,onSelect:p,onHover:F,numberOfDays:g,setCalendarDate:r});case"single":return e.jsx(l.SingleCalendarDayView,{calendarDate:a,disabledDates:d,selectedDate:v,minDate:C,maxDate:h,allowDisabledSelection:x,showActiveMonthDaysOnly:j,onSelect:p,onHover:F,setCalendarDate:r});default:return e.jsx(s.StandardCalendarDayView,{calendarDate:a,currentFocus:m,disabledDates:d,selectedStartDate:v,selectedEndDate:w,minDate:C,maxDate:h,isNewSelection:b,allowDisabledSelection:x,showActiveMonthDaysOnly:j,onSelect:p,onHover:F,setCalendarDate:r})}})(a)})})},c=d(a).default.forwardRef(o);exports.Component=o,exports.InternalCalendar=c;
+"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("./calendar-manager.js"),n=require("./fixed-range/fixed-range-calendar-day-view.js"),l=require("./internal-calendar.styles.js"),r=require("./multi/multi-calendar-day-view.js"),s=require("./single/single-calendar-day-view.js"),i=require("./standard/standard-calendar-day-view.js"),d=require("./week/week-calendar-day-view.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const c=({disabledDates:o,onYearMonthDisplayChange:c,onSelect:u,onHover:D,onDismiss:v,value:m,endValue:w,values:f=[],minSelectable:h,maxSelectable:y,currentFocus:b,withButton:C,variant:x,minDate:S,maxDate:g,allowDisabledSelection:j,selectWithinRange:M=!0,initialCalendarDate:Y,numberOfDays:q,onChange:k,showActiveMonthDaysOnly:H=!1,isFocusable:R=!1},V)=>{const p=a.useRef(null),F=a.useRef(void 0),O=a.useRef(null);a.useImperativeHandle(V,(()=>({reset(){var e;null===(e=p.current)||void 0===e||e.resetView()},setCalendarDate(e){var a;null===(a=p.current)||void 0===a||a.setCalendarDate(e)},contains(e){var a;return(null===(a=O.current)||void 0===a?void 0:a.contains(e))||!1}})));const A=e=>{var a;const t=e.format("YYYY-MM-DD");null===(a=p.current)||void 0===a||a.setCalendarDate(t),null==u||u(t)},B=e=>{null==D||D(e)},W=e=>{const a=e.format("YYYY-MM-DD");if(f.includes(a)){const e=f.filter((e=>e!==a));null==k||k(e)}else{if(void 0!==y&&f.length>=y)return;null==k||k([...f,a])}};return e.jsx("div",{className:l.container,ref:O,children:e.jsx(t.CalendarManager,{ref:p,withButton:C,doneButtonDisabled:(()=>{if(!C)return;let e=!0;switch(x){case"single":e=!1;break;case"range":case"fixed-range":e=!!m!=!!w;break;case"week":e=!m&&!w;break;case"multi":e=0===f.length||void 0!==h&&f.length<h}return e})(),onDismiss:v,minDate:S,maxDate:g,selectWithinRange:M,currentFocus:b,selectedStartDate:m,selectedEndDate:w,allowDisabledSelection:j,onCalendarDateChange:e=>{var a;F.current&&F.current.isSame(e,"month")||(null===(a=p.current)||void 0===a||a.setCalendarDate(e.format("YYYY-MM-DD")),null==c||c({month:e.month()+1,year:e.year()})),F.current=e},initialCalendarDate:Y,isFocusable:R,children:({calendarDate:a})=>(a=>{var t;const l=null===(t=p.current)||void 0===t?void 0:t.setCalendarDate;switch(x){case"week":return e.jsx(d.WeekCalendarDayView,{calendarDate:a,disabledDates:o,selectedStartDate:m,minDate:S,maxDate:g,allowDisabledSelection:j,onSelect:A,onHover:B,setCalendarDate:l});case"fixed-range":return e.jsx(n.FixedRangeCalendarDayView,{calendarDate:a,disabledDates:o,selectedStartDate:m,minDate:S,maxDate:g,allowDisabledSelection:j,onSelect:A,onHover:B,numberOfDays:q,setCalendarDate:l});case"single":return e.jsx(s.SingleCalendarDayView,{calendarDate:a,disabledDates:o,selectedDate:m,minDate:S,maxDate:g,allowDisabledSelection:j,showActiveMonthDaysOnly:H,onSelect:A,onHover:B,setCalendarDate:l});case"multi":return e.jsx(r.MultiCalendarDayView,{calendarDate:a,disabledDates:o,selectedDates:f,minDate:S,maxDate:g,allowDisabledSelection:j,showActiveMonthDaysOnly:H,onSelect:W,onHover:B,setCalendarDate:l});default:return e.jsx(i.StandardCalendarDayView,{calendarDate:a,currentFocus:b,disabledDates:o,selectedStartDate:m,selectedEndDate:w,minDate:S,maxDate:g,isNewSelection:M,allowDisabledSelection:j,showActiveMonthDaysOnly:H,onSelect:A,onHover:B,setCalendarDate:l})}})(a)})})},u=o(a).default.forwardRef(c);exports.Component=c,exports.InternalCalendar=u;
 //# sourceMappingURL=internal-calendar.js.map

package/cjs/shared/internal-calendar/internal-calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal-calendar.js","sources":["../../../../src/shared/internal-calendar/internal-calendar.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport React, { useImperativeHandle, useRef } from \"react\";\n\nimport { CalendarManager } from \"./calendar-manager\";\nimport { FixedRangeCalendarDayView } from \"./fixed-range\";\nimport { Container } from \"./internal-calendar.style\";\nimport { SingleCalendarDayView } from \"./single\";\nimport { StandardCalendarDayView } from \"./standard\";\nimport type {\n    CalendarManagerRef,\n    InternalCalendarProps,\n    InternalCalendarRef,\n} from \"./types\";\nimport { WeekCalendarDayView } from \"./week\";\n\nexport const Component = (\n    {\n        disabledDates,\n        onYearMonthDisplayChange,\n        onSelect,\n        onHover,\n        onDismiss,\n        value: selectedStartDate,\n        endValue: selectedEndDate,\n        currentFocus,\n        withButton,\n        variant,\n        minDate,\n        maxDate,\n        allowDisabledSelection,\n        selectWithinRange = true,\n        initialCalendarDate,\n        numberOfDays,\n        showActiveMonthDaysOnly = false,\n        isFocusable = false,\n    }: InternalCalendarProps,\n    ref: React.ForwardedRef<InternalCalendarRef>\n) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const calendarManagerRef = useRef<CalendarManagerRef>(null);\n    const previousCalendarDate = useRef<Dayjs | undefined>(undefined);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // =============================================================================\n    // HOOKS\n    // =============================================================================\n    useImperativeHandle(ref, () => {\n        return {\n            reset() {\n                calendarManagerRef.current?.resetView();\n            },\n            setCalendarDate(value?: string) {\n                calendarManagerRef.current?.setCalendarDate(value);\n            },\n            contains(node: Node) {\n                return containerRef.current?.contains(node) || false;\n            },\n        };\n    });\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDateSelect = (value: Dayjs) => {\n        const stringValue = value.format(\"YYYY-MM-DD\");\n\n        calendarManagerRef.current?.setCalendarDate(stringValue);\n        performOnSelectHandler(stringValue);\n    };\n\n    const handleDateHover = (value: string) => {\n        performOnHoverHandler(value);\n    };\n\n    const handleCalendarDateChange = (value: Dayjs) => {\n        if (\n            !previousCalendarDate.current ||\n            !previousCalendarDate.current.isSame(value, \"month\")\n        ) {\n            calendarManagerRef.current?.setCalendarDate(\n                value.format(\"YYYY-MM-DD\")\n            );\n            performDisplayChangeHandler(value);\n        }\n        previousCalendarDate.current = value;\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnSelectHandler = (changeValue: string) => {\n        if (onSelect) {\n            onSelect(changeValue);\n        }\n    };\n\n    const performOnHoverHandler = (value: string) => {\n        if (onHover) {\n            onHover(value);\n        }\n    };\n\n    const performDisplayChangeHandler = (value: Dayjs) => {\n        if (onYearMonthDisplayChange) {\n            const returnValue = {\n                month: value.month() + 1,\n                year: value.year(),\n            };\n\n            onYearMonthDisplayChange(returnValue);\n        }\n    };\n\n    const isDoneButtonDisabled = () => {\n        if (!withButton) return;\n\n        let isDisabled = true;\n\n        switch (variant) {\n            case \"single\":\n                isDisabled = false;\n                break;\n            case \"range\":\n            case \"fixed-range\":\n                // ensure both are empty or complete at the same time\n                isDisabled = !!selectedStartDate !== !!selectedEndDate;\n                break;\n            case \"week\":\n                isDisabled = !selectedStartDate && !selectedEndDate;\n                break;\n        }\n\n        return isDisabled;\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderCalendarDay = (calendarDate: Dayjs) => {\n        const setCalendarDate = calendarManagerRef.current?.setCalendarDate;\n        switch (variant) {\n            case \"week\":\n                return (\n                    <WeekCalendarDayView\n                        calendarDate={calendarDate}\n                        disabledDates={disabledDates}\n                        selectedStartDate={selectedStartDate}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        allowDisabledSelection={allowDisabledSelection}\n                        onSelect={handleDateSelect}\n                        onHover={handleDateHover}\n                        setCalendarDate={setCalendarDate}\n                    />\n                );\n            case \"fixed-range\":\n                return (\n                    <FixedRangeCalendarDayView\n                        calendarDate={calendarDate}\n                        disabledDates={disabledDates}\n                        selectedStartDate={selectedStartDate}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        allowDisabledSelection={allowDisabledSelection}\n                        onSelect={handleDateSelect}\n                        onHover={handleDateHover}\n                        numberOfDays={numberOfDays}\n                        setCalendarDate={setCalendarDate}\n                    />\n                );\n            case \"single\":\n                return (\n                    <SingleCalendarDayView\n                        calendarDate={calendarDate}\n                        disabledDates={disabledDates}\n                        selectedDate={selectedStartDate}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        allowDisabledSelection={allowDisabledSelection}\n                        showActiveMonthDaysOnly={showActiveMonthDaysOnly}\n                        onSelect={handleDateSelect}\n                        onHover={handleDateHover}\n                        setCalendarDate={setCalendarDate}\n                    />\n                );\n            case \"range\":\n            default: // standalone type\n                return (\n                    <StandardCalendarDayView\n                        calendarDate={calendarDate}\n                        currentFocus={currentFocus}\n                        disabledDates={disabledDates}\n                        selectedStartDate={selectedStartDate}\n                        selectedEndDate={selectedEndDate}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        isNewSelection={selectWithinRange}\n                        allowDisabledSelection={allowDisabledSelection}\n                        showActiveMonthDaysOnly={showActiveMonthDaysOnly}\n                        onSelect={handleDateSelect}\n                        onHover={handleDateHover}\n                        setCalendarDate={setCalendarDate}\n                    />\n                );\n        }\n    };\n\n    return (\n        <Container ref={containerRef}>\n            <CalendarManager\n                ref={calendarManagerRef}\n                withButton={withButton}\n                doneButtonDisabled={isDoneButtonDisabled()}\n                onDismiss={onDismiss}\n                minDate={minDate}\n                maxDate={maxDate}\n                selectWithinRange={selectWithinRange}\n                currentFocus={currentFocus}\n                selectedStartDate={selectedStartDate}\n                selectedEndDate={selectedEndDate}\n                allowDisabledSelection={allowDisabledSelection}\n                onCalendarDateChange={handleCalendarDateChange}\n                initialCalendarDate={initialCalendarDate}\n                isFocusable={isFocusable}\n            >\n                {({ calendarDate }) => renderCalendarDay(calendarDate)}\n            </CalendarManager>\n        </Container>\n    );\n};\n\nexport const InternalCalendar = React.forwardRef(Component);\n"],"names":["Component","disabledDates","onYearMonthDisplayChange","onSelect","onHover","onDismiss","value","selectedStartDate","endValue","selectedEndDate","currentFocus","withButton","variant","minDate","maxDate","allowDisabledSelection","selectWithinRange","initialCalendarDate","numberOfDays","showActiveMonthDaysOnly","isFocusable","ref","calendarManagerRef","useRef","previousCalendarDate","undefined","containerRef","useImperativeHandle","reset","_a","current","resetView","setCalendarDate","contains","node","handleDateSelect","stringValue","format","performOnSelectHandler","handleDateHover","performOnHoverHandler","changeValue","performDisplayChangeHandler","returnValue","month","year","_jsx","Container","children","CalendarManager","doneButtonDisabled","isDisabled","isDoneButtonDisabled","onCalendarDateChange","isSame","calendarDate","WeekCalendarDayView","FixedRangeCalendarDayView","SingleCalendarDayView","selectedDate","StandardCalendarDayView","isNewSelection","renderCalendarDay","InternalCalendar","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"internal-calendar.js","sources":["../../../../src/shared/internal-calendar/internal-calendar.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport React, { useImperativeHandle, useRef } from \"react\";\n\nimport { CalendarManager } from \"./calendar-manager\";\nimport { FixedRangeCalendarDayView } from \"./fixed-range\";\nimport * as styles from \"./internal-calendar.styles\";\nimport { MultiCalendarDayView } from \"./multi\";\nimport { SingleCalendarDayView } from \"./single\";\nimport { StandardCalendarDayView } from \"./standard\";\nimport type {\n    CalendarManagerRef,\n    InternalCalendarProps,\n    InternalCalendarRef,\n} from \"./types\";\nimport { WeekCalendarDayView } from \"./week\";\n\nexport const Component = (\n    {\n        disabledDates,\n        onYearMonthDisplayChange,\n        onSelect,\n        onHover,\n        onDismiss,\n        value: selectedStartDate,\n        endValue: selectedEndDate,\n        values: selectedDates = [],\n        minSelectable,\n        maxSelectable,\n        currentFocus,\n        withButton,\n        variant,\n        minDate,\n        maxDate,\n        allowDisabledSelection,\n        selectWithinRange = true,\n        initialCalendarDate,\n        numberOfDays,\n        onChange,\n        showActiveMonthDaysOnly = false,\n        isFocusable = false,\n    }: InternalCalendarProps,\n    ref: React.ForwardedRef<InternalCalendarRef>\n) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const calendarManagerRef = useRef<CalendarManagerRef>(null);\n    const previousCalendarDate = useRef<Dayjs | undefined>(undefined);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // =============================================================================\n    // HOOKS\n    // =============================================================================\n    useImperativeHandle(ref, () => {\n        return {\n            reset() {\n                calendarManagerRef.current?.resetView();\n            },\n            setCalendarDate(value?: string) {\n                calendarManagerRef.current?.setCalendarDate(value);\n            },\n            contains(node: Node) {\n                return containerRef.current?.contains(node) || false;\n            },\n        };\n    });\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDateSelect = (value: Dayjs) => {\n        const stringValue = value.format(\"YYYY-MM-DD\");\n        calendarManagerRef.current?.setCalendarDate(stringValue);\n        onSelect?.(stringValue);\n    };\n\n    const handleDateHover = (value: string) => {\n        onHover?.(value);\n    };\n\n    const handleMultiDateSelect = (value: Dayjs) => {\n        const stringValue = value.format(\"YYYY-MM-DD\");\n        if (selectedDates.includes(stringValue)) {\n            const updatedValues = selectedDates.filter(\n                (date) => date !== stringValue\n            );\n            // Intentionally omit setCalendarDate — toggling a date should not\n            // navigate the calendar view, unlike single/range selection.\n            onChange?.(updatedValues);\n        } else {\n            if (\n                maxSelectable !== undefined &&\n                selectedDates.length >= maxSelectable\n            ) {\n                return;\n            }\n            onChange?.([...selectedDates, stringValue]);\n        }\n    };\n\n    const handleCalendarDateChange = (value: Dayjs) => {\n        if (\n            !previousCalendarDate.current ||\n            !previousCalendarDate.current.isSame(value, \"month\")\n        ) {\n            calendarManagerRef.current?.setCalendarDate(\n                value.format(\"YYYY-MM-DD\")\n            );\n            onYearMonthDisplayChange?.({\n                month: value.month() + 1,\n                year: value.year(),\n            });\n        }\n        previousCalendarDate.current = value;\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const isDoneButtonDisabled = () => {\n        if (!withButton) return;\n\n        let isDisabled = true;\n\n        switch (variant) {\n            case \"single\":\n                isDisabled = false;\n                break;\n            case \"range\":\n            case \"fixed-range\":\n                // ensure both are empty or complete at the same time\n                isDisabled = !!selectedStartDate !== !!selectedEndDate;\n                break;\n            case \"week\":\n                isDisabled = !selectedStartDate && !selectedEndDate;\n                break;\n            case \"multi\":\n                isDisabled =\n                    selectedDates.length === 0 ||\n                    (minSelectable !== undefined &&\n                        selectedDates.length < minSelectable);\n                break;\n        }\n\n        return isDisabled;\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderCalendarDay = (calendarDate: Dayjs) => {\n        const setCalendarDate = calendarManagerRef.current?.setCalendarDate;\n        switch (variant) {\n            case \"week\":\n                return (\n                    <WeekCalendarDayView\n                        calendarDate={calendarDate}\n                        disabledDates={disabledDates}\n                        selectedStartDate={selectedStartDate}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        allowDisabledSelection={allowDisabledSelection}\n                        onSelect={handleDateSelect}\n                        onHover={handleDateHover}\n                        setCalendarDate={setCalendarDate}\n                    />\n                );\n            case \"fixed-range\":\n                return (\n                    <FixedRangeCalendarDayView\n                        calendarDate={calendarDate}\n                        disabledDates={disabledDates}\n                        selectedStartDate={selectedStartDate}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        allowDisabledSelection={allowDisabledSelection}\n                        onSelect={handleDateSelect}\n                        onHover={handleDateHover}\n                        numberOfDays={numberOfDays}\n                        setCalendarDate={setCalendarDate}\n                    />\n                );\n            case \"single\":\n                return (\n                    <SingleCalendarDayView\n                        calendarDate={calendarDate}\n                        disabledDates={disabledDates}\n                        selectedDate={selectedStartDate}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        allowDisabledSelection={allowDisabledSelection}\n                        showActiveMonthDaysOnly={showActiveMonthDaysOnly}\n                        onSelect={handleDateSelect}\n                        onHover={handleDateHover}\n                        setCalendarDate={setCalendarDate}\n                    />\n                );\n            case \"multi\":\n                return (\n                    <MultiCalendarDayView\n                        calendarDate={calendarDate}\n                        disabledDates={disabledDates}\n                        selectedDates={selectedDates}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        allowDisabledSelection={allowDisabledSelection}\n                        showActiveMonthDaysOnly={showActiveMonthDaysOnly}\n                        onSelect={handleMultiDateSelect}\n                        onHover={handleDateHover}\n                        setCalendarDate={setCalendarDate}\n                    />\n                );\n            case \"range\":\n            default: // standalone type\n                return (\n                    <StandardCalendarDayView\n                        calendarDate={calendarDate}\n                        currentFocus={currentFocus}\n                        disabledDates={disabledDates}\n                        selectedStartDate={selectedStartDate}\n                        selectedEndDate={selectedEndDate}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        isNewSelection={selectWithinRange}\n                        allowDisabledSelection={allowDisabledSelection}\n                        showActiveMonthDaysOnly={showActiveMonthDaysOnly}\n                        onSelect={handleDateSelect}\n                        onHover={handleDateHover}\n                        setCalendarDate={setCalendarDate}\n                    />\n                );\n        }\n    };\n\n    return (\n        <div className={styles.container} ref={containerRef}>\n            <CalendarManager\n                ref={calendarManagerRef}\n                withButton={withButton}\n                doneButtonDisabled={isDoneButtonDisabled()}\n                onDismiss={onDismiss}\n                minDate={minDate}\n                maxDate={maxDate}\n                selectWithinRange={selectWithinRange}\n                currentFocus={currentFocus}\n                selectedStartDate={selectedStartDate}\n                selectedEndDate={selectedEndDate}\n                allowDisabledSelection={allowDisabledSelection}\n                onCalendarDateChange={handleCalendarDateChange}\n                initialCalendarDate={initialCalendarDate}\n                isFocusable={isFocusable}\n            >\n                {({ calendarDate }) => renderCalendarDay(calendarDate)}\n            </CalendarManager>\n        </div>\n    );\n};\n\nexport const InternalCalendar = React.forwardRef(Component);\n"],"names":["Component","disabledDates","onYearMonthDisplayChange","onSelect","onHover","onDismiss","value","selectedStartDate","endValue","selectedEndDate","values","selectedDates","minSelectable","maxSelectable","currentFocus","withButton","variant","minDate","maxDate","allowDisabledSelection","selectWithinRange","initialCalendarDate","numberOfDays","onChange","showActiveMonthDaysOnly","isFocusable","ref","calendarManagerRef","useRef","previousCalendarDate","undefined","containerRef","useImperativeHandle","reset","_a","current","resetView","setCalendarDate","contains","node","handleDateSelect","stringValue","format","handleDateHover","handleMultiDateSelect","includes","updatedValues","filter","date","length","_jsx","className","styles.container","CalendarManager","doneButtonDisabled","isDisabled","isDoneButtonDisabled","onCalendarDateChange","isSame","month","year","children","calendarDate","WeekCalendarDayView","FixedRangeCalendarDayView","SingleCalendarDayView","selectedDate","MultiCalendarDayView","StandardCalendarDayView","isNewSelection","renderCalendarDay","InternalCalendar","React","forwardRef"],"mappings":"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"}

package/cjs/shared/internal-calendar/internal-calendar.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./internal-calendar.styles_gnc3eq.css");exports.container="c3n22sv";
+//# sourceMappingURL=internal-calendar.styles.js.map

package/cjs/shared/internal-calendar/internal-calendar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-calendar.styles.js","sources":["../../../../src/shared/internal-calendar/internal-calendar.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const container = css`\n    width: 100%;\n    background: ${Colour[\"bg\"]};\n`;\n"],"names":[],"mappings":"wHAOsB"}

package/cjs/shared/internal-calendar/internal-calendar.styles_gnc3eq.css

@@ -0,0 +1 @@
+.c3n22sv{width:100%;background:var(--fds-colour-bg);}

package/cjs/shared/internal-calendar/multi/multi-calendar-day-view.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),a=require("../../../external/dayjs/dayjs.min.js"),t=require("react"),l=require("../../../util/calendar-helper.js"),r=require("../standard/standard-calendar-day-view.styles.js"),s=require("./multi-cell.js");exports.MultiCalendarDayView=({calendarDate:n,disabledDates:d,selectedDates:i,onSelect:u,onHover:o,minDate:c,maxDate:m,allowDisabledSelection:f,showActiveMonthDaysOnly:D,setCalendarDate:h})=>{const v=t.useRef(null);t.useEffect((()=>{if(v.current){const e=v.current;v.current=null,p(e)}}),[n]);const y=t.useCallback((()=>{const e=i.find((e=>a.default(e).isSame(n,"month")));return e?a.default(e):a.default().isSame(n,"month")?a.default():c&&n.isSame(a.default(c),"month")?a.default(c):a.default(n).startOf("month")}),[i,n,c]),j=e=>{const t=a.default(e);if(l.CalendarHelper.isWithinRange(t,c?a.default(c):void 0,m?a.default(m):void 0)){if(!t.isSame(n,"month"))return null==h||h(e),void(v.current=e);p(e)}},S=t.useMemo((()=>l.CalendarHelper.generateDays(n)),[n]),w=t.useMemo((()=>y()),[y]),[x,p]=t.useState(""),[C,b]=t.useState(""),M=(e,a)=>{a&&!f||u(e)},g=(e,a)=>{a&&!f||(b(e),o(e))},q=e=>{b(e),o(e)},H=()=>{b(""),o("")};return e.jsxs("div",{role:"grid",onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(p(""),b(""),o(""))},"data-testid":"calendar-content","aria-label":"Date grid",className:r.wrapper,children:[S[0].map(((t,l)=>e.jsx("div",{className:r.headerCell,"aria-hidden":!0,children:a.default(t).format("ddd")},`week-day-${l}`))),S.map(((t,l)=>e.jsx("div",{role:"row","aria-label":`Week ${l+1}`,onMouseLeave:H,className:r.rowDayCell,children:t.map(((t,l)=>e.jsx(s.MultiCell,{date:t,calendarDate:n,selectedDates:i,hoverDate:C,focusDate:x,minDate:c,maxDate:m,disabledDates:d,allowDisabledSelection:f,showActiveMonthDaysOnly:D,onSelect:M,onHover:g,onFocus:q,setFocusCell:j,tabIndex:a.default(t).isSame(w,"day")?0:-1},`day-${l}`)))},l)))]})};
+//# sourceMappingURL=multi-calendar-day-view.js.map

package/cjs/shared/internal-calendar/multi/multi-calendar-day-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-calendar-day-view.js","sources":["../../../../../src/shared/internal-calendar/multi/multi-calendar-day-view.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport * as styles from \"../standard/standard-calendar-day-view.styles\";\nimport type { CommonCalendarProps } from \"../types\";\nimport { MultiCell } from \"./multi-cell\";\n\ninterface MultiCalendarDayViewProps extends CommonCalendarProps {\n    selectedDates: string[];\n    calendarDate: Dayjs;\n    onSelect: (value: Dayjs) => void;\n    onHover: (value: string) => void;\n    setCalendarDate?: ((date: string | undefined) => void) | undefined;\n}\n\nexport const MultiCalendarDayView = ({\n    calendarDate,\n    disabledDates,\n    selectedDates,\n    onSelect,\n    onHover,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    showActiveMonthDaysOnly,\n    setCalendarDate,\n}: MultiCalendarDayViewProps) => {\n    // =============================================================================\n    // REFS, EFFECTS\n    // =============================================================================\n    const pendingFocusRef = useRef<string | null>(null);\n\n    useEffect(() => {\n        if (pendingFocusRef.current) {\n            const next = pendingFocusRef.current;\n            pendingFocusRef.current = null;\n            setFocusValue(next);\n        }\n    }, [calendarDate]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getDateToFocus = useCallback(() => {\n        // As specified in the Grid Pattern, only one element in the calendar grid is in the Tab sequence.\n        // This function determines which date should be focused based on the state of the calendar.\n\n        const selectedDateInCurrentMonth = selectedDates.find((selectedDate) =>\n            dayjs(selectedDate).isSame(calendarDate, \"month\")\n        );\n\n        // Selected date is in the current month\n        if (selectedDateInCurrentMonth) {\n            return dayjs(selectedDateInCurrentMonth);\n        }\n\n        // Today is in the current month\n        if (dayjs().isSame(calendarDate, \"month\")) {\n            return dayjs();\n        }\n\n        // Choose min date if it is in the current month\n        if (minDate && calendarDate.isSame(dayjs(minDate), \"month\")) {\n            return dayjs(minDate);\n        }\n\n        // Otherwise, return the first day of the month\n        return dayjs(calendarDate).startOf(\"month\");\n    }, [selectedDates, calendarDate, minDate]);\n\n    const setFocusCell = (value: string) => {\n        const valueDayjs = dayjs(value);\n\n        if (\n            CalendarHelper.isWithinRange(\n                valueDayjs,\n                minDate ? dayjs(minDate) : undefined,\n                maxDate ? dayjs(maxDate) : undefined\n            )\n        ) {\n            if (!valueDayjs.isSame(calendarDate, \"month\")) {\n                setCalendarDate?.(value);\n                pendingFocusRef.current = value;\n                return;\n            }\n            setFocusValue(value);\n        }\n    };\n\n    // =============================================================================\n    // CONST, STATE\n    // =============================================================================\n    const weeksOfTheMonth = useMemo(\n        (): Dayjs[][] => CalendarHelper.generateDays(calendarDate),\n        [calendarDate]\n    );\n\n    const dateToFocus = useMemo(\n        (): Dayjs => getDateToFocus(),\n        [getDateToFocus]\n    );\n\n    const [focusValue, setFocusValue] = useState<string>(\"\");\n    const [hoverValue, setHoverValue] = useState<string>(\"\");\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDayClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\n\n        onSelect(value);\n    };\n\n    const handleHoverCell = (value: string, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\n\n        setHoverValue(value);\n        onHover(value);\n    };\n\n    const handleFocusCell = (value: string) => {\n        // Always hover the cell when it is focused\n        setHoverValue(value);\n        onHover(value);\n    };\n\n    const handleMouseLeaveCell = () => {\n        setHoverValue(\"\");\n        onHover(\"\");\n    };\n\n    const handleOnBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n        if (e.currentTarget.contains(e.relatedTarget as Node)) {\n            return;\n        }\n\n        // Reset focus date when the component loses focus\n        setFocusValue(\"\");\n        setHoverValue(\"\");\n        onHover(\"\");\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderHeader = () => {\n        return weeksOfTheMonth[0].map((day, index) => (\n            <div\n                key={`week-day-${index}`}\n                className={styles.headerCell}\n                aria-hidden\n            >\n                {dayjs(day).format(\"ddd\")}\n            </div>\n        ));\n    };\n\n    const renderDayCells = () => {\n        return weeksOfTheMonth.map((week, weekIndex) => {\n            return (\n                <div\n                    role=\"row\"\n                    aria-label={`Week ${weekIndex + 1}`}\n                    key={weekIndex}\n                    onMouseLeave={handleMouseLeaveCell}\n                    className={styles.rowDayCell}\n                >\n                    {week.map((day, dayIndex) => {\n                        return (\n                            <MultiCell\n                                key={`day-${dayIndex}`}\n                                date={day}\n                                calendarDate={calendarDate}\n                                selectedDates={selectedDates}\n                                hoverDate={hoverValue}\n                                focusDate={focusValue}\n                                minDate={minDate}\n                                maxDate={maxDate}\n                                disabledDates={disabledDates}\n                                allowDisabledSelection={allowDisabledSelection}\n                                showActiveMonthDaysOnly={\n                                    showActiveMonthDaysOnly\n                                }\n                                onSelect={handleDayClick}\n                                onHover={handleHoverCell}\n                                onFocus={handleFocusCell}\n                                setFocusCell={setFocusCell}\n                                tabIndex={\n                                    dayjs(day).isSame(dateToFocus, \"day\")\n                                        ? 0\n                                        : -1\n                                }\n                            />\n                        );\n                    })}\n                </div>\n            );\n        });\n    };\n\n    return (\n        <div\n            role=\"grid\"\n            onBlur={handleOnBlur}\n            data-testid=\"calendar-content\"\n            aria-label=\"Date grid\"\n            className={styles.wrapper}\n        >\n            {renderHeader()}\n            {renderDayCells()}\n        </div>\n    );\n};\n"],"names":["calendarDate","disabledDates","selectedDates","onSelect","onHover","minDate","maxDate","allowDisabledSelection","showActiveMonthDaysOnly","setCalendarDate","pendingFocusRef","useRef","useEffect","current","next","setFocusValue","getDateToFocus","useCallback","selectedDateInCurrentMonth","find","selectedDate","dayjs","isSame","startOf","setFocusCell","value","valueDayjs","CalendarHelper","isWithinRange","undefined","weeksOfTheMonth","useMemo","generateDays","dateToFocus","focusValue","useState","hoverValue","setHoverValue","handleDayClick","isDisabled","handleHoverCell","handleFocusCell","handleMouseLeaveCell","_jsxs","role","onBlur","e","currentTarget","contains","relatedTarget","className","styles.wrapper","children","map","day","index","_jsx","styles.headerCell","format","week","weekIndex","onMouseLeave","styles.rowDayCell","dayIndex","MultiCell","date","hoverDate","focusDate","onFocus","tabIndex"],"mappings":"2RAiBoC,EAChCA,eACAC,gBACAC,gBACAC,WACAC,UACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAAA,OAAsB,MAE9CC,EAAAA,WAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACd,IAKJ,MAAMgB,EAAiBC,EAAAA,aAAY,KAI/B,MAAMC,EAA6BhB,EAAciB,MAAMC,GACnDC,UAAMD,GAAcE,OAAOtB,EAAc,WAI7C,OAAIkB,EACOG,EAAAA,QAAMH,GAIbG,EAAAA,UAAQC,OAAOtB,EAAc,SACtBqB,YAIPhB,GAAWL,EAAasB,OAAOD,EAAAA,QAAMhB,GAAU,SACxCgB,EAAAA,QAAMhB,GAIVgB,UAAMrB,GAAcuB,QAAQ,QAAQ,GAC5C,CAACrB,EAAeF,EAAcK,IAE3BmB,EAAgBC,IAClB,MAAMC,EAAaL,EAAAA,QAAMI,GAEzB,GACIE,EAAAA,eAAeC,cACXF,EACArB,EAAUgB,EAAAA,QAAMhB,QAAWwB,EAC3BvB,EAAUe,EAAAA,QAAMf,QAAWuB,GAEjC,CACE,IAAKH,EAAWJ,OAAOtB,EAAc,SAGjC,OAFAS,SAAAA,EAAkBgB,QAClBf,EAAgBG,QAAUY,GAG9BV,EAAcU,EAClB,GAMEK,EAAkBC,EAAAA,SACpB,IAAiBJ,EAAAA,eAAeK,aAAahC,IAC7C,CAACA,IAGCiC,EAAcF,EAAAA,SAChB,IAAaf,KACb,CAACA,KAGEkB,EAAYnB,GAAiBoB,EAAAA,SAAiB,KAC9CC,EAAYC,GAAiBF,EAAAA,SAAiB,IAK/CG,EAAiB,CAACb,EAAcc,KAC9BA,IAAehC,GAEnBJ,EAASsB,EAAM,EAGbe,EAAkB,CAACf,EAAec,KAChCA,IAAehC,IAEnB8B,EAAcZ,GACdrB,EAAQqB,GAAM,EAGZgB,EAAmBhB,IAErBY,EAAcZ,GACdrB,EAAQqB,EAAM,EAGZiB,EAAuB,KACzBL,EAAc,IACdjC,EAAQ,GAAG,EAwEf,OACIuC,EAAAA,KAAA,MAAA,CACIC,KAAK,OACLC,OAxEcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/BlC,EAAc,IACdsB,EAAc,IACdjC,EAAQ,IAAG,EAgEa,cACR,mBAAkB,aACnB,YACX8C,UAAWC,EAAAA,QAAcC,SAAA,CA5DtBtB,EAAgB,GAAGuB,KAAI,CAACC,EAAKC,IAChCC,MAAA,MAAA,CAEIN,UAAWO,EAAAA,qCAGVpC,EAAAA,QAAMiC,GAAKI,OAAO,QAJd,YAAYH,OAUlBzB,EAAgBuB,KAAI,CAACM,EAAMC,IAE1BJ,EAAAA,IAAA,MAAA,CACIZ,KAAK,MAAK,aACE,QAAQgB,EAAY,IAEhCC,aAAcnB,EACdQ,UAAWY,sBAEVH,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAAAA,IAACQ,EAAAA,UAAS,CAENC,KAAMX,EACNtD,aAAcA,EACdE,cAAeA,EACfgE,UAAW9B,EACX+B,UAAWjC,EACX7B,QAASA,EACTC,QAASA,EACTL,cAAeA,EACfM,uBAAwBA,EACxBC,wBACIA,EAEJL,SAAUmC,EACVlC,QAASoC,EACT4B,QAAS3B,EACTjB,aAAcA,EACd6C,SACIhD,EAAAA,QAAMiC,GAAKhC,OAAOW,EAAa,OACzB,GACA,GApBL,OAAO8B,QAPnBH,OA+CX"}

package/cjs/shared/internal-calendar/multi/multi-cell.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("../../../external/dayjs/dayjs.min.js"),r=require("../../../util/calendar-helper.js");require("react"),require("../../../util/simple-id-generator.js"),require("../../../util/string-helper.js"),require("@react-aria/live-announcer");var a=require("../day-cell/day-cell.js");exports.MultiCell=({date:l,calendarDate:i,selectedDates:n,hoverDate:o,focusDate:s,minDate:c,maxDate:d,disabledDates:u,allowDisabledSelection:D,showActiveMonthDaysOnly:y,onSelect:h,onHover:b,onFocus:f,setFocusCell:v,tabIndex:m})=>{const Y=r.CalendarHelper.isDisabledDay(l,u,c,d),p=!Y||D,w=()=>{h(l,!p)},g={date:l,calendarDate:i,disabled:Y,interactive:p,currentDateIndicator:!0,onSelect:w,onHover:()=>{b(l.format("YYYY-MM-DD"),!p)},onFocus:()=>{f(l.format("YYYY-MM-DD"))},onKeyDown:e=>{const t=e.key;if("Enter"===t||" "===t)return e.preventDefault(),void(p&&w());(e=>{let t;const r={ArrowLeft:()=>l.subtract(1,"day"),ArrowRight:()=>l.add(1,"day"),ArrowUp:()=>l.subtract(7,"day"),ArrowDown:()=>l.add(7,"day"),Home:()=>l.startOf("week"),End:()=>l.endOf("week"),PageUp:()=>e.shiftKey?l.subtract(1,"year"):l.subtract(1,"month"),PageDown:()=>e.shiftKey?l.add(1,"year"):l.add(1,"month")}[e.key];r&&(e.preventDefault(),t=r(),v(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t.default(s),tabIndex:m};return e.jsx(a.DayCell,Object.assign({},g,(()=>{const e={},r=l.format("YYYY-MM-DD"),a=i.month()===l.month();return!a&&y?(e.labelType="hidden",e):(a?t.default().isSame(l,"day")&&!Y&&(e.labelType="current"):e.labelType="unavailable",n.includes(r)&&(e.labelType="selected",e.circleLeft="selected-outline",e.circleRight="selected-outline"),o&&l.isSame(o,"day")&&(n.includes(r)?(e.labelType="selected-hover",e.circleLeft="selected-hover-outline",e.circleRight="selected-hover-outline"):(e.labelType="hover",e.circleLeft="hover-subtle",e.circleRight="hover-subtle")),e)})()))};
+//# sourceMappingURL=multi-cell.js.map

package/cjs/shared/internal-calendar/multi/multi-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-cell.js","sources":["../../../../../src/shared/internal-calendar/multi/multi-cell.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\n\nimport { CalendarHelper } from \"../../../util\";\nimport { DayCell } from \"../day-cell/day-cell\";\nimport type { CellStyleProps, DayCellProps } from \"../day-cell/types\";\n\ninterface Props {\n    date: Dayjs;\n    calendarDate: Dayjs;\n    selectedDates: string[];\n    hoverDate: string;\n    focusDate: string;\n    minDate?: string | undefined;\n    maxDate?: string | undefined;\n    disabledDates?: string[] | undefined;\n    allowDisabledSelection?: boolean | undefined;\n    showActiveMonthDaysOnly?: boolean | undefined;\n    onSelect: (value: Dayjs, disabled: boolean) => void;\n    onHover: (value: string, disabled: boolean) => void;\n    onFocus: (value: string) => void;\n    setFocusCell: (value: string) => void;\n    tabIndex: number;\n}\n\nexport const MultiCell = ({\n    date,\n    calendarDate,\n    selectedDates,\n    hoverDate,\n    focusDate,\n    minDate,\n    maxDate,\n    disabledDates,\n    allowDisabledSelection,\n    showActiveMonthDaysOnly,\n    onSelect,\n    onHover,\n    onFocus,\n    setFocusCell,\n    tabIndex,\n}: Props) => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n\n    const disabled = CalendarHelper.isDisabledDay(\n        date,\n        disabledDates,\n        minDate,\n        maxDate\n    );\n    const interactive = !disabled || allowDisabledSelection;\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleSelect = () => {\n        onSelect(date, !interactive);\n    };\n\n    const handleHover = () => {\n        onHover(date.format(\"YYYY-MM-DD\"), !interactive);\n    };\n\n    const handleFocus = () => {\n        onFocus(date.format(\"YYYY-MM-DD\"));\n    };\n\n    const handleKeyNavigation = (event: React.KeyboardEvent) => {\n        let newFocusSelection: Dayjs | undefined;\n\n        const keyActions: Record<string, () => dayjs.Dayjs> = {\n            ArrowLeft: () => date.subtract(1, \"day\"),\n            ArrowRight: () => date.add(1, \"day\"),\n            ArrowUp: () => date.subtract(7, \"day\"),\n            ArrowDown: () => date.add(7, \"day\"),\n            Home: () => date.startOf(\"week\"),\n            End: () => date.endOf(\"week\"),\n            PageUp: () => {\n                return event.shiftKey\n                    ? date.subtract(1, \"year\")\n                    : date.subtract(1, \"month\");\n            },\n            PageDown: () => {\n                return event.shiftKey\n                    ? date.add(1, \"year\")\n                    : date.add(1, \"month\");\n            },\n        };\n\n        const action = keyActions[event.key];\n        if (action) {\n            event.preventDefault();\n            newFocusSelection = action();\n            setFocusCell(newFocusSelection.format(\"YYYY-MM-DD\"));\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n        const selectedKey = keyboardEvent.key;\n\n        if (selectedKey === \"Enter\" || selectedKey === \" \") {\n            event.preventDefault();\n            if (interactive) {\n                handleSelect();\n            }\n            return;\n        }\n\n        handleKeyNavigation(event);\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n\n    const getCellStyleProps = (): CellStyleProps => {\n        const props: CellStyleProps = {};\n        const dateString = date.format(\"YYYY-MM-DD\");\n        const isCurrentMonth = calendarDate.month() === date.month();\n\n        if (!isCurrentMonth && showActiveMonthDaysOnly) {\n            props.labelType = \"hidden\";\n            return props;\n        }\n\n        // Base label type\n        if (!isCurrentMonth) {\n            props.labelType = \"unavailable\";\n        } else if (dayjs().isSame(date, \"day\") && !disabled) {\n            props.labelType = \"current\";\n        }\n\n        // Selected state overrides\n        if (selectedDates.includes(dateString)) {\n            props.labelType = \"selected\";\n            props.circleLeft = \"selected-outline\";\n            props.circleRight = \"selected-outline\";\n        }\n\n        // Hover state\n        if (hoverDate && date.isSame(hoverDate, \"day\")) {\n            if (selectedDates.includes(dateString)) {\n                props.labelType = \"selected-hover\";\n                props.circleLeft = \"selected-hover-outline\";\n                props.circleRight = \"selected-hover-outline\";\n            } else {\n                props.labelType = \"hover\";\n                props.circleLeft = \"hover-subtle\";\n                props.circleRight = \"hover-subtle\";\n            }\n        }\n\n        return props;\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const commonProps: DayCellProps = {\n        date,\n        calendarDate,\n        disabled,\n        interactive,\n        currentDateIndicator: true,\n        onSelect: handleSelect,\n        onHover: handleHover,\n        onFocus: handleFocus,\n        onKeyDown: handleKeyDown,\n        role: \"gridcell\",\n        focusDate: dayjs(focusDate),\n        tabIndex,\n    };\n\n    return <DayCell {...commonProps} {...getCellStyleProps()} />;\n};\n"],"names":["date","calendarDate","selectedDates","hoverDate","focusDate","minDate","maxDate","disabledDates","allowDisabledSelection","showActiveMonthDaysOnly","onSelect","onHover","onFocus","setFocusCell","tabIndex","disabled","CalendarHelper","isDisabledDay","interactive","handleSelect","commonProps","currentDateIndicator","format","onKeyDown","event","selectedKey","key","preventDefault","newFocusSelection","action","ArrowLeft","subtract","ArrowRight","add","ArrowUp","ArrowDown","Home","startOf","End","endOf","PageUp","shiftKey","PageDown","handleKeyNavigation","role","dayjs","_jsx","DayCell","Object","assign","props","dateString","isCurrentMonth","month","labelType","isSame","includes","circleLeft","circleRight","getCellStyleProps"],"mappings":"4VAyByB,EACrBA,OACAC,eACAC,gBACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAMA,MAAMC,EAAWC,EAAAA,eAAeC,cAC5BjB,EACAO,EACAF,EACAC,GAEEY,GAAeH,GAAYP,EAK3BW,EAAe,KACjBT,EAASV,GAAOkB,EAAY,EAuG1BE,EAA4B,CAC9BpB,OACAC,eACAc,WACAG,cACAG,sBAAsB,EACtBX,SAAUS,EACVR,QA3GgB,KAChBA,EAAQX,EAAKsB,OAAO,eAAgBJ,EAAY,EA2GhDN,QAxGgB,KAChBA,EAAQZ,EAAKsB,OAAO,cAAc,EAwGlCC,UAvEmBC,IACnB,MACMC,EADgBD,EACYE,IAElC,GAAoB,UAAhBD,GAA2C,MAAhBA,EAK3B,OAJAD,EAAMG,sBACFT,GACAC,KArCgB,CAACK,IACzB,IAAII,EAEJ,MAmBMC,EAnBgD,CAClDC,UAAW,IAAM9B,EAAK+B,SAAS,EAAG,OAClCC,WAAY,IAAMhC,EAAKiC,IAAI,EAAG,OAC9BC,QAAS,IAAMlC,EAAK+B,SAAS,EAAG,OAChCI,UAAW,IAAMnC,EAAKiC,IAAI,EAAG,OAC7BG,KAAM,IAAMpC,EAAKqC,QAAQ,QACzBC,IAAK,IAAMtC,EAAKuC,MAAM,QACtBC,OAAQ,IACGhB,EAAMiB,SACPzC,EAAK+B,SAAS,EAAG,QACjB/B,EAAK+B,SAAS,EAAG,SAE3BW,SAAU,IACClB,EAAMiB,SACPzC,EAAKiC,IAAI,EAAG,QACZjC,EAAKiC,IAAI,EAAG,UAIAT,EAAME,KAC5BG,IACAL,EAAMG,iBACNC,EAAoBC,IACpBhB,EAAae,EAAkBN,OAAO,eAC1C,EAeAqB,CAAoBnB,EAAM,EA4D1BoB,KAAM,WACNxC,UAAWyC,EAAAA,QAAMzC,GACjBU,YAGJ,OAAOgC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAAA,EAAK7B,EA1DM,MACtB,MAAM8B,EAAwB,CAAA,EACxBC,EAAanD,EAAKsB,OAAO,cACzB8B,EAAiBnD,EAAaoD,UAAYrD,EAAKqD,QAErD,OAAKD,GAAkB3C,GACnByC,EAAMI,UAAY,SACXJ,IAINE,EAEMP,EAAAA,UAAQU,OAAOvD,EAAM,SAAWe,IACvCmC,EAAMI,UAAY,WAFlBJ,EAAMI,UAAY,cAMlBpD,EAAcsD,SAASL,KACvBD,EAAMI,UAAY,WAClBJ,EAAMO,WAAa,mBACnBP,EAAMQ,YAAc,oBAIpBvD,GAAaH,EAAKuD,OAAOpD,EAAW,SAChCD,EAAcsD,SAASL,IACvBD,EAAMI,UAAY,iBAClBJ,EAAMO,WAAa,yBACnBP,EAAMQ,YAAc,2BAEpBR,EAAMI,UAAY,QAClBJ,EAAMO,WAAa,eACnBP,EAAMQ,YAAc,iBAIrBR,EAAK,EAqBqBS,IAAuB"}

package/cjs/shared/internal-calendar/single/single-calendar-day-view.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("../../../external/dayjs/dayjs.min.js"),t=require("../../../external/dayjs/plugin/isBetween.js"),l=require("react"),r=require("../../../util/calendar-helper.js");require("../standard/standard-calendar-day-view.js");var n=require("../standard/standard-calendar-day-view.style.js"),d=require("./single-cell.js");a.default.extend(t.default);exports.SingleCalendarDayView=({calendarDate:t,disabledDates:s,selectedDate:i,onSelect:u,onHover:o,minDate:c,maxDate:f,allowDisabledSelection:m,showActiveMonthDaysOnly:D,setCalendarDate:h})=>{const y=l.useRef(null);l.useEffect((()=>{if(y.current){const e=y.current;y.current=null,g(e)}}),[t]);const j=l.useCallback((()=>i&&a.default(i).isSame(t,"month")?a.default(i):a.default().isSame(t,"month")?a.default():c&&t.isSame(a.default(c),"month")?a.default(c):a.default(t).startOf("month")),[i,t,c]),v=e=>{const l=a.default(e);if(r.CalendarHelper.isWithinRange(l,c?a.default(c):void 0,f?a.default(f):void 0)){if(!l.isSame(t,"month"))return null==h||h(e),void(y.current=e);g(e)}},S=l.useMemo((()=>r.CalendarHelper.generateDays(t)),[t]),x=l.useMemo((()=>j()),[j]),[w,g]=l.useState(""),[p,C]=l.useState(""),b=(e,a)=>{a&&!m||u(e)},q=(e,a)=>{a&&!m||(C(e),o(e))},H=e=>{C(e),o(e)},M=()=>{C(""),o("")};return e.jsxs(n.Wrapper,{role:"grid",onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(g(""),C(""),o(""))},"data-testid":"calendar-content","aria-label":"Date grid",children:[S[0].map(((t,l)=>e.jsx(n.HeaderCell,{"aria-hidden":!0,children:a.default(t).format("ddd")},`week-day-${l}`))),S.map(((l,r)=>e.jsx(n.RowDayCell,{role:"row","aria-label":`Week ${r+1}`,onMouseLeave:M,children:l.map(((l,r)=>e.jsx(d.SingleCell,{date:l,calendarDate:t,selectedDate:i,hoverDate:p,focusDate:w,minDate:c,maxDate:f,disabledDates:s,allowDisabledSelection:m,showActiveMonthDaysOnly:D,onSelect:b,onHover:q,onFocus:H,setFocusCell:v,tabIndex:a.default(l).isSame(x,"day")?0:-1},`day-${r}`)))},r)))]})};
+"use strict";var e=require("react/jsx-runtime"),a=require("../../../external/dayjs/dayjs.min.js"),t=require("../../../external/dayjs/plugin/isBetween.js"),l=require("react"),r=require("../../../util/calendar-helper.js"),s=require("../standard/standard-calendar-day-view.styles.js"),n=require("./single-cell.js");a.default.extend(t.default);exports.SingleCalendarDayView=({calendarDate:t,disabledDates:d,selectedDate:i,onSelect:u,onHover:o,minDate:c,maxDate:m,allowDisabledSelection:f,showActiveMonthDaysOnly:D,setCalendarDate:h})=>{const y=l.useRef(null);l.useEffect((()=>{if(y.current){const e=y.current;y.current=null,g(e)}}),[t]);const v=l.useCallback((()=>i&&a.default(i).isSame(t,"month")?a.default(i):a.default().isSame(t,"month")?a.default():c&&t.isSame(a.default(c),"month")?a.default(c):a.default(t).startOf("month")),[i,t,c]),j=e=>{const l=a.default(e);if(r.CalendarHelper.isWithinRange(l,c?a.default(c):void 0,m?a.default(m):void 0)){if(!l.isSame(t,"month"))return null==h||h(e),void(y.current=e);g(e)}},S=l.useMemo((()=>r.CalendarHelper.generateDays(t)),[t]),x=l.useMemo((()=>v()),[v]),[w,g]=l.useState(""),[p,C]=l.useState(""),b=(e,a)=>{a&&!f||u(e)},q=(e,a)=>{a&&!f||(C(e),o(e))},M=e=>{C(e),o(e)},H=()=>{C(""),o("")};return e.jsxs("div",{role:"grid",onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(g(""),C(""),o(""))},"data-testid":"calendar-content","aria-label":"Date grid",className:s.wrapper,children:[S[0].map(((t,l)=>e.jsx("div",{className:s.headerCell,"aria-hidden":!0,children:a.default(t).format("ddd")},`week-day-${l}`))),S.map(((l,r)=>e.jsx("div",{role:"row","aria-label":`Week ${r+1}`,onMouseLeave:H,className:s.rowDayCell,children:l.map(((l,r)=>e.jsx(n.SingleCell,{date:l,calendarDate:t,selectedDate:i,hoverDate:p,focusDate:w,minDate:c,maxDate:m,disabledDates:d,allowDisabledSelection:f,showActiveMonthDaysOnly:D,onSelect:b,onHover:q,onFocus:M,setFocusCell:j,tabIndex:a.default(l).isSame(x,"day")?0:-1},`day-${r}`)))},r)))]})};
 //# sourceMappingURL=single-calendar-day-view.js.map

package/cjs/shared/internal-calendar/single/single-calendar-day-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"single-calendar-day-view.js","sources":["../../../../../src/shared/internal-calendar/single/single-calendar-day-view.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport { HeaderCell, RowDayCell, Wrapper } from \"../standard\";\nimport type { CommonCalendarProps } from \"../types\";\nimport { SingleCell } from \"./single-cell\";\n\ndayjs.extend(isBetween);\n\n// TODO: to remove after all references have been cleaned up\nexport type DayVariant = \"default\" | \"other-month\" | \"today\";\n\ninterface CalendarDayViewProps extends CommonCalendarProps {\n    selectedDate: string | undefined;\n    calendarDate: Dayjs;\n    onSelect: (value: Dayjs) => void;\n    onHover: (value: string) => void;\n    setCalendarDate?: ((date: string | undefined) => void) | undefined;\n}\n\nexport const SingleCalendarDayView = ({\n    calendarDate,\n    disabledDates,\n    selectedDate,\n    onSelect,\n    onHover,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    showActiveMonthDaysOnly,\n    setCalendarDate,\n}: CalendarDayViewProps) => {\n    // =============================================================================\n    // REFS, EFFECTS\n    // =============================================================================\n    const pendingFocusRef = useRef<string | null>(null);\n\n    useEffect(() => {\n        if (pendingFocusRef.current) {\n            const next = pendingFocusRef.current;\n            pendingFocusRef.current = null;\n            setFocusValue(next);\n        }\n    }, [calendarDate]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getDateToFocus = useCallback(() => {\n        // As specified in the Grid Pattern, only one element in the calendar grid is in the Tab sequence.\n        // This function determines which date should be focused based on the state of the calendar.\n\n        // Selected date is in the current month\n        if (selectedDate && dayjs(selectedDate).isSame(calendarDate, \"month\")) {\n            return dayjs(selectedDate);\n        }\n\n        // Today is in the current month\n        if (dayjs().isSame(calendarDate, \"month\")) {\n            return dayjs();\n        }\n\n        // Choose min date if it is in the current month\n        if (minDate && calendarDate.isSame(dayjs(minDate), \"month\")) {\n            return dayjs(minDate);\n        }\n\n        // Otherwise, return the first day of the month\n        return dayjs(calendarDate).startOf(\"month\");\n    }, [selectedDate, calendarDate, minDate]);\n\n    const setFocusCell = (value: string) => {\n        const valueDayjs = dayjs(value);\n\n        if (\n            CalendarHelper.isWithinRange(\n                valueDayjs,\n                minDate ? dayjs(minDate) : undefined,\n                maxDate ? dayjs(maxDate) : undefined\n            )\n        ) {\n            if (!valueDayjs.isSame(calendarDate, \"month\")) {\n                setCalendarDate?.(value);\n                pendingFocusRef.current = value;\n                return;\n            }\n            setFocusValue(value);\n        }\n    };\n\n    // =============================================================================\n    // CONST, STATE\n    // =============================================================================\n    const weeksOfTheMonth = useMemo(\n        (): Dayjs[][] => CalendarHelper.generateDays(calendarDate),\n        [calendarDate]\n    );\n    const dateToFocus = useMemo(\n        (): Dayjs => getDateToFocus(),\n        [getDateToFocus]\n    );\n\n    const [focusValue, setFocusValue] = useState<string>(\"\");\n    const [hoverValue, setHoverValue] = useState<string>(\"\");\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDayClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\n\n        onSelect(value);\n    };\n\n    const handleHoverCell = (value: string, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\n\n        setHoverValue(value);\n        onHover(value);\n    };\n\n    const handleFocusCell = (value: string) => {\n        // Always hover the cell when it is focused\n        setHoverValue(value);\n        onHover(value);\n    };\n\n    const handleMouseLeaveCell = () => {\n        setHoverValue(\"\");\n        onHover(\"\");\n    };\n\n    const handleOnBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n        if (e.currentTarget.contains(e.relatedTarget as Node)) {\n            return;\n        }\n\n        // Reset focus date when the component loses focus\n        setFocusValue(\"\");\n        setHoverValue(\"\");\n        onHover(\"\");\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderHeader = () => {\n        return weeksOfTheMonth[0].map((day, index) => (\n            <HeaderCell key={`week-day-${index}`} aria-hidden>\n                {dayjs(day).format(\"ddd\")}\n            </HeaderCell>\n        ));\n    };\n\n    const renderDayCells = () => {\n        return weeksOfTheMonth.map((week, weekIndex) => {\n            return (\n                <RowDayCell\n                    role=\"row\"\n                    aria-label={`Week ${weekIndex + 1}`}\n                    key={weekIndex}\n                    onMouseLeave={handleMouseLeaveCell}\n                >\n                    {week.map((day, dayIndex) => {\n                        return (\n                            <SingleCell\n                                key={`day-${dayIndex}`}\n                                date={day}\n                                calendarDate={calendarDate}\n                                selectedDate={selectedDate}\n                                hoverDate={hoverValue}\n                                focusDate={focusValue}\n                                minDate={minDate}\n                                maxDate={maxDate}\n                                disabledDates={disabledDates}\n                                allowDisabledSelection={allowDisabledSelection}\n                                showActiveMonthDaysOnly={\n                                    showActiveMonthDaysOnly\n                                }\n                                onSelect={handleDayClick}\n                                onHover={handleHoverCell}\n                                onFocus={handleFocusCell}\n                                setFocusCell={setFocusCell}\n                                tabIndex={\n                                    dayjs(day).isSame(dateToFocus, \"day\")\n                                        ? 0\n                                        : -1\n                                }\n                            />\n                        );\n                    })}\n                </RowDayCell>\n            );\n        });\n    };\n\n    return (\n        <Wrapper\n            role=\"grid\"\n            onBlur={handleOnBlur}\n            data-testid=\"calendar-content\"\n            aria-label=\"Date grid\"\n        >\n            {renderHeader()}\n            {renderDayCells()}\n        </Wrapper>\n    );\n};\n"],"names":["dayjs","extend","isBetween","calendarDate","disabledDates","selectedDate","onSelect","onHover","minDate","maxDate","allowDisabledSelection","showActiveMonthDaysOnly","setCalendarDate","pendingFocusRef","useRef","useEffect","current","next","setFocusValue","getDateToFocus","useCallback","isSame","startOf","setFocusCell","value","valueDayjs","CalendarHelper","isWithinRange","undefined","weeksOfTheMonth","useMemo","generateDays","dateToFocus","focusValue","useState","hoverValue","setHoverValue","handleDayClick","isDisabled","handleHoverCell","handleFocusCell","handleMouseLeaveCell","_jsxs","Wrapper","role","onBlur","e","currentTarget","contains","relatedTarget","children","map","day","index","_jsx","HeaderCell","format","week","weekIndex","RowDayCell","onMouseLeave","dayIndex","SingleCell","date","hoverDate","focusDate","onFocus","tabIndex"],"mappings":"gXAUAA,EAAAA,QAAMC,OAAOC,EAAAA,uCAawB,EACjCC,eACAC,gBACAC,eACAC,WACAC,UACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAAA,OAAsB,MAE9CC,EAAAA,WAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACd,IAKJ,MAAMgB,EAAiBC,EAAAA,aAAY,IAK3Bf,GAAgBL,EAAAA,QAAMK,GAAcgB,OAAOlB,EAAc,SAClDH,EAAAA,QAAMK,GAIbL,EAAAA,UAAQqB,OAAOlB,EAAc,SACtBH,YAIPQ,GAAWL,EAAakB,OAAOrB,EAAAA,QAAMQ,GAAU,SACxCR,EAAAA,QAAMQ,GAIVR,UAAMG,GAAcmB,QAAQ,UACpC,CAACjB,EAAcF,EAAcK,IAE1Be,EAAgBC,IAClB,MAAMC,EAAazB,EAAAA,QAAMwB,GAEzB,GACIE,EAAAA,eAAeC,cACXF,EACAjB,EAAUR,EAAAA,QAAMQ,QAAWoB,EAC3BnB,EAAUT,EAAAA,QAAMS,QAAWmB,GAEjC,CACE,IAAKH,EAAWJ,OAAOlB,EAAc,SAGjC,OAFAS,SAAAA,EAAkBY,QAClBX,EAAgBG,QAAUQ,GAG9BN,EAAcM,EAClB,GAMEK,EAAkBC,EAAAA,SACpB,IAAiBJ,EAAAA,eAAeK,aAAa5B,IAC7C,CAACA,IAEC6B,EAAcF,EAAAA,SAChB,IAAaX,KACb,CAACA,KAGEc,EAAYf,GAAiBgB,EAAAA,SAAiB,KAC9CC,EAAYC,GAAiBF,EAAAA,SAAiB,IAK/CG,EAAiB,CAACb,EAAcc,KAC9BA,IAAe5B,GAEnBJ,EAASkB,EAAM,EAGbe,EAAkB,CAACf,EAAec,KAChCA,IAAe5B,IAEnB0B,EAAcZ,GACdjB,EAAQiB,GAAM,EAGZgB,EAAmBhB,IAErBY,EAAcZ,GACdjB,EAAQiB,EAAM,EAGZiB,EAAuB,KACzBL,EAAc,IACd7B,EAAQ,GAAG,EAmEf,OACImC,EAAAA,KAACC,EAAAA,QAAO,CACJC,KAAK,OACLC,OAnEcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/B/B,EAAc,IACdkB,EAAc,IACd7B,EAAQ,IAAG,gBA4DK,mBAAkB,aACnB,YAAW2C,SAAA,CAtDnBrB,EAAgB,GAAGsB,KAAI,CAACC,EAAKC,IAChCC,EAAAA,IAACC,aAAU,CAAA,eAAA,EAAAL,SACNlD,UAAMoD,GAAKI,OAAO,QADN,YAAYH,OAO1BxB,EAAgBsB,KAAI,CAACM,EAAMC,IAE1BJ,EAAAA,IAACK,EAAAA,WAAU,CACPf,KAAK,MAAK,aACE,QAAQc,EAAY,IAEhCE,aAAcnB,EAAoBS,SAEjCO,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAAAA,IAACQ,EAAAA,WAAU,CAEPC,KAAMX,EACNjD,aAAcA,EACdE,aAAcA,EACd2D,UAAW7B,EACX8B,UAAWhC,EACXzB,QAASA,EACTC,QAASA,EACTL,cAAeA,EACfM,uBAAwBA,EACxBC,wBACIA,EAEJL,SAAU+B,EACV9B,QAASgC,EACT2B,QAAS1B,EACTjB,aAAcA,EACd4C,SACInE,EAAAA,QAAMoD,GAAK/B,OAAOW,EAAa,OACzB,GACA,GApBL,OAAO6B,QANnBH,OA6CP"}
+{"version":3,"file":"single-calendar-day-view.js","sources":["../../../../../src/shared/internal-calendar/single/single-calendar-day-view.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport * as styles from \"../standard/standard-calendar-day-view.styles\";\nimport type { CommonCalendarProps } from \"../types\";\nimport { SingleCell } from \"./single-cell\";\n\ndayjs.extend(isBetween);\n\ninterface CalendarDayViewProps extends CommonCalendarProps {\n    selectedDate: string | undefined;\n    calendarDate: Dayjs;\n    onSelect: (value: Dayjs) => void;\n    onHover: (value: string) => void;\n    setCalendarDate?: ((date: string | undefined) => void) | undefined;\n}\n\nexport const SingleCalendarDayView = ({\n    calendarDate,\n    disabledDates,\n    selectedDate,\n    onSelect,\n    onHover,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    showActiveMonthDaysOnly,\n    setCalendarDate,\n}: CalendarDayViewProps) => {\n    // =============================================================================\n    // REFS, EFFECTS\n    // =============================================================================\n    const pendingFocusRef = useRef<string | null>(null);\n\n    useEffect(() => {\n        if (pendingFocusRef.current) {\n            const next = pendingFocusRef.current;\n            pendingFocusRef.current = null;\n            setFocusValue(next);\n        }\n    }, [calendarDate]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getDateToFocus = useCallback(() => {\n        // As specified in the Grid Pattern, only one element in the calendar grid is in the Tab sequence.\n        // This function determines which date should be focused based on the state of the calendar.\n\n        // Selected date is in the current month\n        if (selectedDate && dayjs(selectedDate).isSame(calendarDate, \"month\")) {\n            return dayjs(selectedDate);\n        }\n\n        // Today is in the current month\n        if (dayjs().isSame(calendarDate, \"month\")) {\n            return dayjs();\n        }\n\n        // Choose min date if it is in the current month\n        if (minDate && calendarDate.isSame(dayjs(minDate), \"month\")) {\n            return dayjs(minDate);\n        }\n\n        // Otherwise, return the first day of the month\n        return dayjs(calendarDate).startOf(\"month\");\n    }, [selectedDate, calendarDate, minDate]);\n\n    const setFocusCell = (value: string) => {\n        const valueDayjs = dayjs(value);\n\n        if (\n            CalendarHelper.isWithinRange(\n                valueDayjs,\n                minDate ? dayjs(minDate) : undefined,\n                maxDate ? dayjs(maxDate) : undefined\n            )\n        ) {\n            if (!valueDayjs.isSame(calendarDate, \"month\")) {\n                setCalendarDate?.(value);\n                pendingFocusRef.current = value;\n                return;\n            }\n            setFocusValue(value);\n        }\n    };\n\n    // =============================================================================\n    // CONST, STATE\n    // =============================================================================\n    const weeksOfTheMonth = useMemo(\n        (): Dayjs[][] => CalendarHelper.generateDays(calendarDate),\n        [calendarDate]\n    );\n    const dateToFocus = useMemo(\n        (): Dayjs => getDateToFocus(),\n        [getDateToFocus]\n    );\n\n    const [focusValue, setFocusValue] = useState<string>(\"\");\n    const [hoverValue, setHoverValue] = useState<string>(\"\");\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDayClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\n\n        onSelect(value);\n    };\n\n    const handleHoverCell = (value: string, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\n\n        setHoverValue(value);\n        onHover(value);\n    };\n\n    const handleFocusCell = (value: string) => {\n        // Always hover the cell when it is focused\n        setHoverValue(value);\n        onHover(value);\n    };\n\n    const handleMouseLeaveCell = () => {\n        setHoverValue(\"\");\n        onHover(\"\");\n    };\n\n    const handleOnBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n        if (e.currentTarget.contains(e.relatedTarget as Node)) {\n            return;\n        }\n\n        // Reset focus date when the component loses focus\n        setFocusValue(\"\");\n        setHoverValue(\"\");\n        onHover(\"\");\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderHeader = () => {\n        return weeksOfTheMonth[0].map((day, index) => (\n            <div\n                key={`week-day-${index}`}\n                className={styles.headerCell}\n                aria-hidden\n            >\n                {dayjs(day).format(\"ddd\")}\n            </div>\n        ));\n    };\n\n    const renderDayCells = () => {\n        return weeksOfTheMonth.map((week, weekIndex) => {\n            return (\n                <div\n                    role=\"row\"\n                    aria-label={`Week ${weekIndex + 1}`}\n                    key={weekIndex}\n                    onMouseLeave={handleMouseLeaveCell}\n                    className={styles.rowDayCell}\n                >\n                    {week.map((day, dayIndex) => {\n                        return (\n                            <SingleCell\n                                key={`day-${dayIndex}`}\n                                date={day}\n                                calendarDate={calendarDate}\n                                selectedDate={selectedDate}\n                                hoverDate={hoverValue}\n                                focusDate={focusValue}\n                                minDate={minDate}\n                                maxDate={maxDate}\n                                disabledDates={disabledDates}\n                                allowDisabledSelection={allowDisabledSelection}\n                                showActiveMonthDaysOnly={\n                                    showActiveMonthDaysOnly\n                                }\n                                onSelect={handleDayClick}\n                                onHover={handleHoverCell}\n                                onFocus={handleFocusCell}\n                                setFocusCell={setFocusCell}\n                                tabIndex={\n                                    dayjs(day).isSame(dateToFocus, \"day\")\n                                        ? 0\n                                        : -1\n                                }\n                            />\n                        );\n                    })}\n                </div>\n            );\n        });\n    };\n\n    return (\n        <div\n            role=\"grid\"\n            onBlur={handleOnBlur}\n            data-testid=\"calendar-content\"\n            aria-label=\"Date grid\"\n            className={styles.wrapper}\n        >\n            {renderHeader()}\n            {renderDayCells()}\n        </div>\n    );\n};\n"],"names":["dayjs","extend","isBetween","calendarDate","disabledDates","selectedDate","onSelect","onHover","minDate","maxDate","allowDisabledSelection","showActiveMonthDaysOnly","setCalendarDate","pendingFocusRef","useRef","useEffect","current","next","setFocusValue","getDateToFocus","useCallback","isSame","startOf","setFocusCell","value","valueDayjs","CalendarHelper","isWithinRange","undefined","weeksOfTheMonth","useMemo","generateDays","dateToFocus","focusValue","useState","hoverValue","setHoverValue","handleDayClick","isDisabled","handleHoverCell","handleFocusCell","handleMouseLeaveCell","_jsxs","role","onBlur","e","currentTarget","contains","relatedTarget","className","styles.wrapper","children","map","day","index","_jsx","styles.headerCell","format","week","weekIndex","onMouseLeave","styles.rowDayCell","dayIndex","SingleCell","date","hoverDate","focusDate","onFocus","tabIndex"],"mappings":"wTAUAA,EAAAA,QAAMC,OAAOC,EAAAA,uCAUwB,EACjCC,eACAC,gBACAC,eACAC,WACAC,UACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAAA,OAAsB,MAE9CC,EAAAA,WAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACd,IAKJ,MAAMgB,EAAiBC,EAAAA,aAAY,IAK3Bf,GAAgBL,EAAAA,QAAMK,GAAcgB,OAAOlB,EAAc,SAClDH,EAAAA,QAAMK,GAIbL,EAAAA,UAAQqB,OAAOlB,EAAc,SACtBH,YAIPQ,GAAWL,EAAakB,OAAOrB,EAAAA,QAAMQ,GAAU,SACxCR,EAAAA,QAAMQ,GAIVR,UAAMG,GAAcmB,QAAQ,UACpC,CAACjB,EAAcF,EAAcK,IAE1Be,EAAgBC,IAClB,MAAMC,EAAazB,EAAAA,QAAMwB,GAEzB,GACIE,EAAAA,eAAeC,cACXF,EACAjB,EAAUR,EAAAA,QAAMQ,QAAWoB,EAC3BnB,EAAUT,EAAAA,QAAMS,QAAWmB,GAEjC,CACE,IAAKH,EAAWJ,OAAOlB,EAAc,SAGjC,OAFAS,SAAAA,EAAkBY,QAClBX,EAAgBG,QAAUQ,GAG9BN,EAAcM,EAClB,GAMEK,EAAkBC,EAAAA,SACpB,IAAiBJ,EAAAA,eAAeK,aAAa5B,IAC7C,CAACA,IAEC6B,EAAcF,EAAAA,SAChB,IAAaX,KACb,CAACA,KAGEc,EAAYf,GAAiBgB,EAAAA,SAAiB,KAC9CC,EAAYC,GAAiBF,EAAAA,SAAiB,IAK/CG,EAAiB,CAACb,EAAcc,KAC9BA,IAAe5B,GAEnBJ,EAASkB,EAAM,EAGbe,EAAkB,CAACf,EAAec,KAChCA,IAAe5B,IAEnB0B,EAAcZ,GACdjB,EAAQiB,GAAM,EAGZgB,EAAmBhB,IAErBY,EAAcZ,GACdjB,EAAQiB,EAAM,EAGZiB,EAAuB,KACzBL,EAAc,IACd7B,EAAQ,GAAG,EAwEf,OACImC,EAAAA,KAAA,MAAA,CACIC,KAAK,OACLC,OAxEcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/B9B,EAAc,IACdkB,EAAc,IACd7B,EAAQ,IAAG,EAgEa,cACR,mBAAkB,aACnB,YACX0C,UAAWC,EAAAA,QAAcC,SAAA,CA5DtBtB,EAAgB,GAAGuB,KAAI,CAACC,EAAKC,IAChCC,MAAA,MAAA,CAEIN,UAAWO,EAAAA,qCAGVxD,EAAAA,QAAMqD,GAAKI,OAAO,QAJd,YAAYH,OAUlBzB,EAAgBuB,KAAI,CAACM,EAAMC,IAE1BJ,EAAAA,IAAA,MAAA,CACIZ,KAAK,MAAK,aACE,QAAQgB,EAAY,IAEhCC,aAAcnB,EACdQ,UAAWY,sBAEVH,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAAAA,IAACQ,EAAAA,WAAU,CAEPC,KAAMX,EACNlD,aAAcA,EACdE,aAAcA,EACd4D,UAAW9B,EACX+B,UAAWjC,EACXzB,QAASA,EACTC,QAASA,EACTL,cAAeA,EACfM,uBAAwBA,EACxBC,wBACIA,EAEJL,SAAU+B,EACV9B,QAASgC,EACT4B,QAAS3B,EACTjB,aAAcA,EACd6C,SACIpE,EAAAA,QAAMqD,GAAKhC,OAAOW,EAAa,OACzB,GACA,GApBL,OAAO8B,QAPnBH,OA+CX"}

package/cjs/shared/internal-calendar/single/single-cell.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../../../external/dayjs/dayjs.min.js"),a=require("../../../util/calendar-helper.js");require("react"),require("../../../util/string-helper.js");var r=require("../day-cell/day-cell.js");exports.SingleCell=({date:l,calendarDate:n,selectedDate:o,hoverDate:s,focusDate:c,minDate:d,maxDate:i,disabledDates:u,allowDisabledSelection:y,showActiveMonthDaysOnly:D,onSelect:h,onHover:b,onFocus:f,setFocusCell:v,tabIndex:m})=>{const p=a.CalendarHelper.isDisabledDay(l,u,d,i),Y=!p||y,w=()=>{h(l,!Y)},g={date:l,calendarDate:n,disabled:p,interactive:Y,currentDateIndicator:!0,onSelect:w,onHover:()=>{b(l.format("YYYY-MM-DD"),!Y)},onFocus:()=>{f(l.format("YYYY-MM-DD"))},onKeyDown:e=>{const t=e.key;if("Enter"===t||" "===t)return e.preventDefault(),void(Y&&w());(e=>{let t;const a={ArrowLeft:()=>l.subtract(1,"day"),ArrowRight:()=>l.add(1,"day"),ArrowUp:()=>l.subtract(7,"day"),ArrowDown:()=>l.add(7,"day"),Home:()=>l.startOf("week"),End:()=>l.endOf("week"),PageUp:()=>e.shiftKey?l.subtract(1,"year"):l.subtract(1,"month"),PageDown:()=>e.shiftKey?l.add(1,"year"):l.add(1,"month")}[e.key];a&&(e.preventDefault(),t=a(),v(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t.default(c),tabIndex:m};return e.jsx(r.DayCell,Object.assign({},g,(()=>{const e={};n.month()!==l.month()?e.labelType=D?"hidden":"unavailable":t.default().isSame(l,"day")&&!p&&(e.labelType="current");const a=l.isSame(o,"day"),r=l.isSame(s,"day");return a&&r?(e.labelType="selected-hover",e.circleLeft="selected-hover-outline",e.circleRight="selected-hover-outline"):a?(e.labelType="selected",e.circleLeft="selected-outline",e.circleRight="selected-outline"):r&&(e.labelType="hover",e.circleLeft="hover-subtle",e.circleRight="hover-subtle"),e})()))};
+"use strict";var e=require("react/jsx-runtime"),t=require("../../../external/dayjs/dayjs.min.js"),r=require("../../../util/calendar-helper.js");require("react"),require("../../../util/simple-id-generator.js"),require("../../../util/string-helper.js"),require("@react-aria/live-announcer");var a=require("../day-cell/day-cell.js");exports.SingleCell=({date:l,calendarDate:n,selectedDate:i,hoverDate:o,focusDate:s,minDate:c,maxDate:d,disabledDates:u,allowDisabledSelection:y,showActiveMonthDaysOnly:D,onSelect:h,onHover:b,onFocus:f,setFocusCell:v,tabIndex:m})=>{const p=r.CalendarHelper.isDisabledDay(l,u,c,d),Y=!p||y,g=()=>{h(l,!Y)},w={date:l,calendarDate:n,disabled:p,interactive:Y,currentDateIndicator:!0,onSelect:g,onHover:()=>{b(l.format("YYYY-MM-DD"),!Y)},onFocus:()=>{f(l.format("YYYY-MM-DD"))},onKeyDown:e=>{const t=e.key;if("Enter"===t||" "===t)return e.preventDefault(),void(Y&&g());(e=>{let t;const r={ArrowLeft:()=>l.subtract(1,"day"),ArrowRight:()=>l.add(1,"day"),ArrowUp:()=>l.subtract(7,"day"),ArrowDown:()=>l.add(7,"day"),Home:()=>l.startOf("week"),End:()=>l.endOf("week"),PageUp:()=>e.shiftKey?l.subtract(1,"year"):l.subtract(1,"month"),PageDown:()=>e.shiftKey?l.add(1,"year"):l.add(1,"month")}[e.key];r&&(e.preventDefault(),t=r(),v(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t.default(s),tabIndex:m};return e.jsx(a.DayCell,Object.assign({},w,(()=>{const e={};n.month()!==l.month()?e.labelType=D?"hidden":"unavailable":t.default().isSame(l,"day")&&!p&&(e.labelType="current");const r=l.isSame(i,"day"),a=l.isSame(o,"day");return r&&a?(e.labelType="selected-hover",e.circleLeft="selected-hover-outline",e.circleRight="selected-hover-outline"):r?(e.labelType="selected",e.circleLeft="selected-outline",e.circleRight="selected-outline"):a&&(e.labelType="hover",e.circleLeft="hover-subtle",e.circleRight="hover-subtle"),e})()))};
 //# sourceMappingURL=single-cell.js.map

package/cjs/shared/internal-calendar/single/single-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"single-cell.js","sources":["../../../../../src/shared/internal-calendar/single/single-cell.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\n\nimport { CalendarHelper } from \"../../../util\";\nimport type { CellStyleProps, DayCellProps } from \"../day-cell\";\nimport { DayCell } from \"../day-cell\";\n\ninterface Props {\n    date: Dayjs;\n    calendarDate: Dayjs;\n    selectedDate: string | undefined;\n    hoverDate: string | undefined;\n    focusDate: string;\n    minDate?: string | undefined;\n    maxDate?: string | undefined;\n    disabledDates?: string[] | undefined;\n    allowDisabledSelection?: boolean | undefined;\n    showActiveMonthDaysOnly?: boolean | undefined;\n    onSelect: (value: Dayjs, disabled: boolean) => void;\n    onHover: (value: string, disabled: boolean) => void;\n    onFocus: (value: string) => void;\n    setFocusCell: (value: string) => void;\n    tabIndex: number;\n}\n\nexport const SingleCell = ({\n    date,\n    calendarDate,\n    selectedDate,\n    hoverDate,\n    focusDate,\n    minDate,\n    maxDate,\n    disabledDates,\n    allowDisabledSelection,\n    showActiveMonthDaysOnly,\n    onSelect,\n    onHover,\n    onFocus,\n    setFocusCell,\n    tabIndex,\n}: Props) => {\n    // =========================================================================\n    // CONSTS\n    // =========================================================================\n    const disabled = CalendarHelper.isDisabledDay(\n        date,\n        disabledDates,\n        minDate,\n        maxDate\n    );\n    const interactive = !disabled || allowDisabledSelection;\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleSelect = () => {\n        onSelect(date, !interactive);\n    };\n\n    const handleHover = () => {\n        onHover(date.format(\"YYYY-MM-DD\"), !interactive);\n    };\n\n    const handleFocus = () => {\n        onFocus(date.format(\"YYYY-MM-DD\"));\n    };\n\n    const handleKeyNavigation = (event: React.KeyboardEvent) => {\n        let newFocusSelection: Dayjs | undefined;\n\n        const keyActions: Record<string, () => dayjs.Dayjs> = {\n            ArrowLeft: () => date.subtract(1, \"day\"),\n            ArrowRight: () => date.add(1, \"day\"),\n            ArrowUp: () => date.subtract(7, \"day\"),\n            ArrowDown: () => date.add(7, \"day\"),\n            Home: () => date.startOf(\"week\"),\n            End: () => date.endOf(\"week\"),\n            PageUp: () => {\n                return event.shiftKey\n                    ? date.subtract(1, \"year\")\n                    : date.subtract(1, \"month\");\n            },\n            PageDown: () => {\n                return event.shiftKey\n                    ? date.add(1, \"year\")\n                    : date.add(1, \"month\");\n            },\n        };\n\n        const action = keyActions[event.key];\n        if (action) {\n            event.preventDefault();\n            newFocusSelection = action();\n            setFocusCell(newFocusSelection.format(\"YYYY-MM-DD\"));\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n        const selectedKey = keyboardEvent.key;\n\n        if (selectedKey === \"Enter\" || selectedKey === \" \") {\n            event.preventDefault();\n            if (interactive) {\n                handleSelect();\n            }\n            return;\n        }\n\n        handleKeyNavigation(event);\n    };\n\n    // =========================================================================\n    // HELPERS\n    // =========================================================================\n    const getCellStyle = () => {\n        const props: CellStyleProps = {};\n\n        if (calendarDate.month() !== date.month()) {\n            props.labelType = showActiveMonthDaysOnly\n                ? \"hidden\"\n                : \"unavailable\";\n        } else if (dayjs().isSame(date, \"day\") && !disabled) {\n            props.labelType = \"current\";\n        }\n\n        const isSelected = date.isSame(selectedDate, \"day\");\n        const isHover = date.isSame(hoverDate, \"day\");\n\n        if (isSelected && isHover) {\n            props.labelType = \"selected-hover\";\n            props.circleLeft = \"selected-hover-outline\";\n            props.circleRight = \"selected-hover-outline\";\n        } else if (isSelected) {\n            props.labelType = \"selected\";\n            props.circleLeft = \"selected-outline\";\n            props.circleRight = \"selected-outline\";\n        } else if (isHover) {\n            props.labelType = \"hover\";\n            props.circleLeft = \"hover-subtle\";\n            props.circleRight = \"hover-subtle\";\n        }\n\n        return props;\n    };\n\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n\n    const commonProps: DayCellProps = {\n        date,\n        calendarDate,\n        disabled,\n        interactive,\n        currentDateIndicator: true,\n        onSelect: handleSelect,\n        onHover: handleHover,\n        onFocus: handleFocus,\n        onKeyDown: handleKeyDown,\n        role: \"gridcell\",\n        focusDate: dayjs(focusDate),\n        tabIndex,\n    };\n\n    return <DayCell {...commonProps} {...getCellStyle()} />;\n};\n"],"names":["date","calendarDate","selectedDate","hoverDate","focusDate","minDate","maxDate","disabledDates","allowDisabledSelection","showActiveMonthDaysOnly","onSelect","onHover","onFocus","setFocusCell","tabIndex","disabled","CalendarHelper","isDisabledDay","interactive","handleSelect","commonProps","currentDateIndicator","format","onKeyDown","event","selectedKey","key","preventDefault","newFocusSelection","action","ArrowLeft","subtract","ArrowRight","add","ArrowUp","ArrowDown","Home","startOf","End","endOf","PageUp","shiftKey","PageDown","handleKeyNavigation","role","dayjs","_jsx","DayCell","Object","assign","props","month","labelType","isSame","isSelected","isHover","circleLeft","circleRight","getCellStyle"],"mappings":"uQAyB0B,EACtBA,OACAC,eACAC,eACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAKA,MAAMC,EAAWC,EAAAA,eAAeC,cAC5BjB,EACAO,EACAF,EACAC,GAEEY,GAAeH,GAAYP,EAK3BW,EAAe,KACjBT,EAASV,GAAOkB,EAAY,EA8F1BE,EAA4B,CAC9BpB,OACAC,eACAc,WACAG,cACAG,sBAAsB,EACtBX,SAAUS,EACVR,QAlGgB,KAChBA,EAAQX,EAAKsB,OAAO,eAAgBJ,EAAY,EAkGhDN,QA/FgB,KAChBA,EAAQZ,EAAKsB,OAAO,cAAc,EA+FlCC,UA9DmBC,IACnB,MACMC,EADgBD,EACYE,IAElC,GAAoB,UAAhBD,GAA2C,MAAhBA,EAK3B,OAJAD,EAAMG,sBACFT,GACAC,KArCgB,CAACK,IACzB,IAAII,EAEJ,MAmBMC,EAnBgD,CAClDC,UAAW,IAAM9B,EAAK+B,SAAS,EAAG,OAClCC,WAAY,IAAMhC,EAAKiC,IAAI,EAAG,OAC9BC,QAAS,IAAMlC,EAAK+B,SAAS,EAAG,OAChCI,UAAW,IAAMnC,EAAKiC,IAAI,EAAG,OAC7BG,KAAM,IAAMpC,EAAKqC,QAAQ,QACzBC,IAAK,IAAMtC,EAAKuC,MAAM,QACtBC,OAAQ,IACGhB,EAAMiB,SACPzC,EAAK+B,SAAS,EAAG,QACjB/B,EAAK+B,SAAS,EAAG,SAE3BW,SAAU,IACClB,EAAMiB,SACPzC,EAAKiC,IAAI,EAAG,QACZjC,EAAKiC,IAAI,EAAG,UAIAT,EAAME,KAC5BG,IACAL,EAAMG,iBACNC,EAAoBC,IACpBhB,EAAae,EAAkBN,OAAO,eAC1C,EAeAqB,CAAoBnB,EAAM,EAmD1BoB,KAAM,WACNxC,UAAWyC,EAAAA,QAAMzC,GACjBU,YAGJ,OAAOgC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAAA,EAAK7B,EAlDC,MACjB,MAAM8B,EAAwB,CAAA,EAE1BjD,EAAakD,UAAYnD,EAAKmD,QAC9BD,EAAME,UAAY3C,EACZ,SACA,cACCoC,EAAAA,UAAQQ,OAAOrD,EAAM,SAAWe,IACvCmC,EAAME,UAAY,WAGtB,MAAME,EAAatD,EAAKqD,OAAOnD,EAAc,OACvCqD,EAAUvD,EAAKqD,OAAOlD,EAAW,OAgBvC,OAdImD,GAAcC,GACdL,EAAME,UAAY,iBAClBF,EAAMM,WAAa,yBACnBN,EAAMO,YAAc,0BACbH,GACPJ,EAAME,UAAY,WAClBF,EAAMM,WAAa,mBACnBN,EAAMO,YAAc,oBACbF,IACPL,EAAME,UAAY,QAClBF,EAAMM,WAAa,eACnBN,EAAMO,YAAc,gBAGjBP,CAAK,EAsBqBQ,IAAkB"}
+{"version":3,"file":"single-cell.js","sources":["../../../../../src/shared/internal-calendar/single/single-cell.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\n\nimport { CalendarHelper } from \"../../../util\";\nimport type { CellStyleProps, DayCellProps } from \"../day-cell\";\nimport { DayCell } from \"../day-cell\";\n\ninterface Props {\n    date: Dayjs;\n    calendarDate: Dayjs;\n    selectedDate: string | undefined;\n    hoverDate: string | undefined;\n    focusDate: string;\n    minDate?: string | undefined;\n    maxDate?: string | undefined;\n    disabledDates?: string[] | undefined;\n    allowDisabledSelection?: boolean | undefined;\n    showActiveMonthDaysOnly?: boolean | undefined;\n    onSelect: (value: Dayjs, disabled: boolean) => void;\n    onHover: (value: string, disabled: boolean) => void;\n    onFocus: (value: string) => void;\n    setFocusCell: (value: string) => void;\n    tabIndex: number;\n}\n\nexport const SingleCell = ({\n    date,\n    calendarDate,\n    selectedDate,\n    hoverDate,\n    focusDate,\n    minDate,\n    maxDate,\n    disabledDates,\n    allowDisabledSelection,\n    showActiveMonthDaysOnly,\n    onSelect,\n    onHover,\n    onFocus,\n    setFocusCell,\n    tabIndex,\n}: Props) => {\n    // =========================================================================\n    // CONSTS\n    // =========================================================================\n    const disabled = CalendarHelper.isDisabledDay(\n        date,\n        disabledDates,\n        minDate,\n        maxDate\n    );\n    const interactive = !disabled || allowDisabledSelection;\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleSelect = () => {\n        onSelect(date, !interactive);\n    };\n\n    const handleHover = () => {\n        onHover(date.format(\"YYYY-MM-DD\"), !interactive);\n    };\n\n    const handleFocus = () => {\n        onFocus(date.format(\"YYYY-MM-DD\"));\n    };\n\n    const handleKeyNavigation = (event: React.KeyboardEvent) => {\n        let newFocusSelection: Dayjs | undefined;\n\n        const keyActions: Record<string, () => dayjs.Dayjs> = {\n            ArrowLeft: () => date.subtract(1, \"day\"),\n            ArrowRight: () => date.add(1, \"day\"),\n            ArrowUp: () => date.subtract(7, \"day\"),\n            ArrowDown: () => date.add(7, \"day\"),\n            Home: () => date.startOf(\"week\"),\n            End: () => date.endOf(\"week\"),\n            PageUp: () => {\n                return event.shiftKey\n                    ? date.subtract(1, \"year\")\n                    : date.subtract(1, \"month\");\n            },\n            PageDown: () => {\n                return event.shiftKey\n                    ? date.add(1, \"year\")\n                    : date.add(1, \"month\");\n            },\n        };\n\n        const action = keyActions[event.key];\n        if (action) {\n            event.preventDefault();\n            newFocusSelection = action();\n            setFocusCell(newFocusSelection.format(\"YYYY-MM-DD\"));\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n        const selectedKey = keyboardEvent.key;\n\n        if (selectedKey === \"Enter\" || selectedKey === \" \") {\n            event.preventDefault();\n            if (interactive) {\n                handleSelect();\n            }\n            return;\n        }\n\n        handleKeyNavigation(event);\n    };\n\n    // =========================================================================\n    // HELPERS\n    // =========================================================================\n    const getCellStyle = () => {\n        const props: CellStyleProps = {};\n\n        if (calendarDate.month() !== date.month()) {\n            props.labelType = showActiveMonthDaysOnly\n                ? \"hidden\"\n                : \"unavailable\";\n        } else if (dayjs().isSame(date, \"day\") && !disabled) {\n            props.labelType = \"current\";\n        }\n\n        const isSelected = date.isSame(selectedDate, \"day\");\n        const isHover = date.isSame(hoverDate, \"day\");\n\n        if (isSelected && isHover) {\n            props.labelType = \"selected-hover\";\n            props.circleLeft = \"selected-hover-outline\";\n            props.circleRight = \"selected-hover-outline\";\n        } else if (isSelected) {\n            props.labelType = \"selected\";\n            props.circleLeft = \"selected-outline\";\n            props.circleRight = \"selected-outline\";\n        } else if (isHover) {\n            props.labelType = \"hover\";\n            props.circleLeft = \"hover-subtle\";\n            props.circleRight = \"hover-subtle\";\n        }\n\n        return props;\n    };\n\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n\n    const commonProps: DayCellProps = {\n        date,\n        calendarDate,\n        disabled,\n        interactive,\n        currentDateIndicator: true,\n        onSelect: handleSelect,\n        onHover: handleHover,\n        onFocus: handleFocus,\n        onKeyDown: handleKeyDown,\n        role: \"gridcell\",\n        focusDate: dayjs(focusDate),\n        tabIndex,\n    };\n\n    return <DayCell {...commonProps} {...getCellStyle()} />;\n};\n"],"names":["date","calendarDate","selectedDate","hoverDate","focusDate","minDate","maxDate","disabledDates","allowDisabledSelection","showActiveMonthDaysOnly","onSelect","onHover","onFocus","setFocusCell","tabIndex","disabled","CalendarHelper","isDisabledDay","interactive","handleSelect","commonProps","currentDateIndicator","format","onKeyDown","event","selectedKey","key","preventDefault","newFocusSelection","action","ArrowLeft","subtract","ArrowRight","add","ArrowUp","ArrowDown","Home","startOf","End","endOf","PageUp","shiftKey","PageDown","handleKeyNavigation","role","dayjs","_jsx","DayCell","Object","assign","props","month","labelType","isSame","isSelected","isHover","circleLeft","circleRight","getCellStyle"],"mappings":"6VAyB0B,EACtBA,OACAC,eACAC,eACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAKA,MAAMC,EAAWC,EAAAA,eAAeC,cAC5BjB,EACAO,EACAF,EACAC,GAEEY,GAAeH,GAAYP,EAK3BW,EAAe,KACjBT,EAASV,GAAOkB,EAAY,EA8F1BE,EAA4B,CAC9BpB,OACAC,eACAc,WACAG,cACAG,sBAAsB,EACtBX,SAAUS,EACVR,QAlGgB,KAChBA,EAAQX,EAAKsB,OAAO,eAAgBJ,EAAY,EAkGhDN,QA/FgB,KAChBA,EAAQZ,EAAKsB,OAAO,cAAc,EA+FlCC,UA9DmBC,IACnB,MACMC,EADgBD,EACYE,IAElC,GAAoB,UAAhBD,GAA2C,MAAhBA,EAK3B,OAJAD,EAAMG,sBACFT,GACAC,KArCgB,CAACK,IACzB,IAAII,EAEJ,MAmBMC,EAnBgD,CAClDC,UAAW,IAAM9B,EAAK+B,SAAS,EAAG,OAClCC,WAAY,IAAMhC,EAAKiC,IAAI,EAAG,OAC9BC,QAAS,IAAMlC,EAAK+B,SAAS,EAAG,OAChCI,UAAW,IAAMnC,EAAKiC,IAAI,EAAG,OAC7BG,KAAM,IAAMpC,EAAKqC,QAAQ,QACzBC,IAAK,IAAMtC,EAAKuC,MAAM,QACtBC,OAAQ,IACGhB,EAAMiB,SACPzC,EAAK+B,SAAS,EAAG,QACjB/B,EAAK+B,SAAS,EAAG,SAE3BW,SAAU,IACClB,EAAMiB,SACPzC,EAAKiC,IAAI,EAAG,QACZjC,EAAKiC,IAAI,EAAG,UAIAT,EAAME,KAC5BG,IACAL,EAAMG,iBACNC,EAAoBC,IACpBhB,EAAae,EAAkBN,OAAO,eAC1C,EAeAqB,CAAoBnB,EAAM,EAmD1BoB,KAAM,WACNxC,UAAWyC,EAAAA,QAAMzC,GACjBU,YAGJ,OAAOgC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAAA,EAAK7B,EAlDC,MACjB,MAAM8B,EAAwB,CAAA,EAE1BjD,EAAakD,UAAYnD,EAAKmD,QAC9BD,EAAME,UAAY3C,EACZ,SACA,cACCoC,EAAAA,UAAQQ,OAAOrD,EAAM,SAAWe,IACvCmC,EAAME,UAAY,WAGtB,MAAME,EAAatD,EAAKqD,OAAOnD,EAAc,OACvCqD,EAAUvD,EAAKqD,OAAOlD,EAAW,OAgBvC,OAdImD,GAAcC,GACdL,EAAME,UAAY,iBAClBF,EAAMM,WAAa,yBACnBN,EAAMO,YAAc,0BACbH,GACPJ,EAAME,UAAY,WAClBF,EAAMM,WAAa,mBACnBN,EAAMO,YAAc,oBACbF,IACPL,EAAME,UAAY,QAClBF,EAAMM,WAAa,eACnBN,EAAMO,YAAc,gBAGjBP,CAAK,EAsBqBQ,IAAkB"}

package/cjs/shared/internal-calendar/standard/standard-calendar-day-view.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("../../../external/dayjs/dayjs.min.js"),t=require("../../../external/dayjs/plugin/isBetween.js"),r=require("react"),l=require("../../../util/calendar-helper.js"),n=require("./standard-calendar-day-view.style.js"),d=require("./standard-cell.js");a.default.extend(t.default);exports.StandardCalendarDayView=({calendarDate:t,currentFocus:s,disabledDates:i,selectedStartDate:u,selectedEndDate:o,onSelect:c,onHover:f,isNewSelection:m,minDate:D,maxDate:h,allowDisabledSelection:S,showActiveMonthDaysOnly:y,setCalendarDate:j})=>{const w=r.useRef(null);r.useEffect((()=>{if(w.current){const e=w.current;w.current=null,g(e)}}),[t]);const x=r.useCallback((()=>u&&a.default(u).isSame(t,"month")?a.default(u):o&&a.default(o).isSame(t,"month")?a.default(o):a.default().isSame(t,"month")?a.default():D&&t.isSame(a.default(D),"month")?a.default(D):a.default(t).startOf("month")),[u,t,o,D]),v=e=>{const r=a.default(e);if(l.CalendarHelper.isWithinRange(r,D?a.default(D):void 0,h?a.default(h):void 0)){if(!r.isSame(t,"month"))return null==j||j(e),void(w.current=e);g(e)}},p=r.useMemo((()=>l.CalendarHelper.generateDays(t)),[t]),C=r.useMemo((()=>x()),[x]),[b,g]=r.useState(""),[q,H]=r.useState(""),M=(e,a)=>{a&&!S||c(e)},F=(e,a)=>{a&&!S||(H(e),f(e))},k=e=>{H(e),f(e)},O=()=>{H(""),f("")};return e.jsxs(n.Wrapper,{role:"grid","aria-label":"Date grid","data-testid":"calendar-content",onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(g(""),H(""),f(""))},children:[p[0].map(((t,r)=>e.jsx(n.HeaderCell,{"aria-hidden":!0,children:a.default(t).format("ddd")},`week-day-${r}`))),p.map(((a,r)=>e.jsx(n.RowDayCell,{role:"row","aria-label":`Week ${r+1}`,onMouseLeave:O,children:a.map(((a,r)=>e.jsx(d.StandardCell,{date:a,calendarDate:t,startDate:u,endDate:o,hoverDate:q,focusDate:b,currentFocus:s,minDate:D,maxDate:h,disabledDates:i,allowDisabledSelection:S,isNewSelection:m,showActiveMonthDaysOnly:y,onSelect:M,onHover:F,onFocus:k,setFocusCell:v,tabIndex:a.isSame(C,"day")?0:-1},`day-${r}`)))},r)))]})};
+"use strict";var e=require("react/jsx-runtime"),a=require("../../../external/dayjs/dayjs.min.js"),t=require("../../../external/dayjs/plugin/isBetween.js"),r=require("react"),l=require("../../../util/calendar-helper.js"),n=require("./standard-calendar-day-view.styles.js"),s=require("./standard-cell.js");a.default.extend(t.default);exports.StandardCalendarDayView=({calendarDate:t,currentFocus:d,disabledDates:i,selectedStartDate:u,selectedEndDate:o,onSelect:c,onHover:m,isNewSelection:f,minDate:D,maxDate:h,allowDisabledSelection:S,showActiveMonthDaysOnly:y,setCalendarDate:v})=>{const j=r.useRef(null);r.useEffect((()=>{if(j.current){const e=j.current;j.current=null,g(e)}}),[t]);const w=r.useCallback((()=>u&&a.default(u).isSame(t,"month")?a.default(u):o&&a.default(o).isSame(t,"month")?a.default(o):a.default().isSame(t,"month")?a.default():D&&t.isSame(a.default(D),"month")?a.default(D):a.default(t).startOf("month")),[u,t,o,D]),x=e=>{const r=a.default(e);if(l.CalendarHelper.isWithinRange(r,D?a.default(D):void 0,h?a.default(h):void 0)){if(!r.isSame(t,"month"))return null==v||v(e),void(j.current=e);g(e)}},p=r.useMemo((()=>l.CalendarHelper.generateDays(t)),[t]),C=r.useMemo((()=>w()),[w]),[b,g]=r.useState(""),[q,M]=r.useState(""),N=(e,a)=>{a&&!S||c(e)},F=(e,a)=>{a&&!S||(M(e),m(e))},H=e=>{M(e),m(e)},k=()=>{M(""),m("")};return e.jsxs("div",{role:"grid","aria-label":"Date grid","data-testid":"calendar-content",onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(g(""),M(""),m(""))},className:n.wrapper,children:[p[0].map(((t,r)=>e.jsx("div",{className:n.headerCell,"aria-hidden":!0,children:a.default(t).format("ddd")},`week-day-${r}`))),p.map(((a,r)=>e.jsx("div",{role:"row","aria-label":`Week ${r+1}`,onMouseLeave:k,className:n.rowDayCell,children:a.map(((a,r)=>e.jsx(s.StandardCell,{date:a,calendarDate:t,startDate:u,endDate:o,hoverDate:q,focusDate:b,currentFocus:d,minDate:D,maxDate:h,disabledDates:i,allowDisabledSelection:S,isNewSelection:f,showActiveMonthDaysOnly:y,onSelect:N,onHover:F,onFocus:H,setFocusCell:x,tabIndex:a.isSame(C,"day")?0:-1},`day-${r}`)))},r)))]})};
 //# sourceMappingURL=standard-calendar-day-view.js.map

package/cjs/shared/internal-calendar/standard/standard-calendar-day-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"standard-calendar-day-view.js","sources":["../../../../../src/shared/internal-calendar/standard/standard-calendar-day-view.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport type { CommonCalendarProps, FocusType } from \"../types\";\nimport {\n    HeaderCell,\n    RowDayCell,\n    Wrapper,\n} from \"./standard-calendar-day-view.style\";\nimport { StandardCell } from \"./standard-cell\";\n\ndayjs.extend(isBetween);\n\n// TODO: to remove after all references have been cleaned up\nexport type DayVariant = \"default\" | \"other-month\" | \"today\";\n\ninterface CalendarDayViewProps extends CommonCalendarProps {\n    selectedStartDate: string | undefined;\n    selectedEndDate: string | undefined;\n    calendarDate: Dayjs;\n    currentFocus?: FocusType | undefined;\n    isNewSelection: boolean;\n    onSelect: (value: Dayjs) => void;\n    onHover: (value: string) => void;\n    setCalendarDate?: ((date: string | undefined) => void) | undefined;\n}\n\nexport const StandardCalendarDayView = ({\n    calendarDate,\n    currentFocus,\n    disabledDates,\n    selectedStartDate,\n    selectedEndDate,\n    onSelect,\n    onHover,\n    isNewSelection,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    showActiveMonthDaysOnly,\n    setCalendarDate,\n}: CalendarDayViewProps) => {\n    // =============================================================================\n    // REFS, EFFECTS\n    // =============================================================================\n    const pendingFocusRef = useRef<string | null>(null);\n\n    useEffect(() => {\n        if (pendingFocusRef.current) {\n            const next = pendingFocusRef.current;\n            pendingFocusRef.current = null;\n            setFocusValue(next);\n        }\n    }, [calendarDate]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getDateToFocus = useCallback(() => {\n        // As specified in the Grid Pattern, only one element in the calendar grid is in the Tab sequence.\n        // This function determines which date should be focused based on the state of the calendar.\n\n        // Selected start date is in the current month\n        if (\n            selectedStartDate &&\n            dayjs(selectedStartDate).isSame(calendarDate, \"month\")\n        ) {\n            return dayjs(selectedStartDate);\n        }\n        // Selected end date is in the current month\n        if (\n            selectedEndDate &&\n            dayjs(selectedEndDate).isSame(calendarDate, \"month\")\n        ) {\n            return dayjs(selectedEndDate);\n        }\n\n        // Today is in the current month\n        if (dayjs().isSame(calendarDate, \"month\")) {\n            return dayjs();\n        }\n\n        // Choose min date if it is in the current month\n        if (minDate && calendarDate.isSame(dayjs(minDate), \"month\")) {\n            return dayjs(minDate);\n        }\n\n        // Otherwise, return the first day of the month\n        return dayjs(calendarDate).startOf(\"month\");\n    }, [selectedStartDate, calendarDate, selectedEndDate, minDate]);\n\n    const setFocusCell = (value: string) => {\n        const valueDayjs = dayjs(value);\n\n        if (\n            CalendarHelper.isWithinRange(\n                valueDayjs,\n                minDate ? dayjs(minDate) : undefined,\n                maxDate ? dayjs(maxDate) : undefined\n            )\n        ) {\n            if (!valueDayjs.isSame(calendarDate, \"month\")) {\n                setCalendarDate?.(value);\n                pendingFocusRef.current = value;\n                return;\n            }\n            setFocusValue(value);\n        }\n    };\n\n    // =============================================================================\n    // CONST, STATE\n    // =============================================================================\n    const weeksOfTheMonth = useMemo(\n        (): Dayjs[][] => CalendarHelper.generateDays(calendarDate),\n        [calendarDate]\n    );\n\n    const dateToFocus = useMemo(\n        (): Dayjs => getDateToFocus(),\n        [getDateToFocus]\n    );\n\n    const [focusValue, setFocusValue] = useState<string>(\"\");\n    const [hoverValue, setHoverValue] = useState<string>(\"\");\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDayClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\n\n        onSelect(value);\n    };\n\n    const handleHoverCell = (value: string, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\n\n        setHoverValue(value);\n        onHover(value);\n    };\n\n    const handleFocusCell = (value: string) => {\n        // Always hover the cell when it is focused\n        setHoverValue(value);\n        onHover(value);\n    };\n\n    const handleMouseLeaveCell = () => {\n        setHoverValue(\"\");\n        onHover(\"\");\n    };\n\n    const handleOnBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n        if (e.currentTarget.contains(e.relatedTarget as Node)) {\n            return;\n        }\n\n        // Reset focus date when the component loses focus\n        setFocusValue(\"\");\n        setHoverValue(\"\");\n        onHover(\"\");\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderHeader = () => {\n        return weeksOfTheMonth[0].map((day, index) => (\n            <HeaderCell key={`week-day-${index}`} aria-hidden>\n                {dayjs(day).format(\"ddd\")}\n            </HeaderCell>\n        ));\n    };\n\n    const renderDayCells = () => {\n        return weeksOfTheMonth.map((week, weekIndex) => {\n            return (\n                <RowDayCell\n                    role=\"row\"\n                    aria-label={`Week ${weekIndex + 1}`}\n                    key={weekIndex}\n                    onMouseLeave={handleMouseLeaveCell}\n                >\n                    {week.map((day, dayIndex) => {\n                        return (\n                            <StandardCell\n                                key={`day-${dayIndex}`}\n                                date={day}\n                                calendarDate={calendarDate}\n                                startDate={selectedStartDate}\n                                endDate={selectedEndDate}\n                                hoverDate={hoverValue}\n                                focusDate={focusValue}\n                                currentFocus={currentFocus}\n                                minDate={minDate}\n                                maxDate={maxDate}\n                                disabledDates={disabledDates}\n                                allowDisabledSelection={allowDisabledSelection}\n                                isNewSelection={isNewSelection}\n                                showActiveMonthDaysOnly={\n                                    showActiveMonthDaysOnly\n                                }\n                                onSelect={handleDayClick}\n                                onHover={handleHoverCell}\n                                onFocus={handleFocusCell}\n                                setFocusCell={setFocusCell}\n                                tabIndex={\n                                    day.isSame(dateToFocus, \"day\") ? 0 : -1\n                                }\n                            />\n                        );\n                    })}\n                </RowDayCell>\n            );\n        });\n    };\n\n    return (\n        <Wrapper\n            role=\"grid\"\n            aria-label=\"Date grid\"\n            data-testid=\"calendar-content\"\n            onBlur={handleOnBlur}\n        >\n            {renderHeader()}\n            {renderDayCells()}\n        </Wrapper>\n    );\n};\n"],"names":["dayjs","extend","isBetween","calendarDate","currentFocus","disabledDates","selectedStartDate","selectedEndDate","onSelect","onHover","isNewSelection","minDate","maxDate","allowDisabledSelection","showActiveMonthDaysOnly","setCalendarDate","pendingFocusRef","useRef","useEffect","current","next","setFocusValue","getDateToFocus","useCallback","isSame","startOf","setFocusCell","value","valueDayjs","CalendarHelper","isWithinRange","undefined","weeksOfTheMonth","useMemo","generateDays","dateToFocus","focusValue","useState","hoverValue","setHoverValue","handleDayClick","isDisabled","handleHoverCell","handleFocusCell","handleMouseLeaveCell","_jsxs","Wrapper","role","onBlur","e","currentTarget","contains","relatedTarget","children","map","day","index","_jsx","HeaderCell","format","week","weekIndex","RowDayCell","onMouseLeave","dayIndex","StandardCell","date","startDate","endDate","hoverDate","focusDate","onFocus","tabIndex"],"mappings":"+SAcAA,EAAAA,QAAMC,OAAOC,EAAAA,yCAgB0B,EACnCC,eACAC,eACAC,gBACAC,oBACAC,kBACAC,WACAC,UACAC,iBACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAAA,OAAsB,MAE9CC,EAAAA,WAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACjB,IAKJ,MAAMmB,EAAiBC,EAAAA,aAAY,IAM3BjB,GACAN,EAAAA,QAAMM,GAAmBkB,OAAOrB,EAAc,SAEvCH,EAAAA,QAAMM,GAIbC,GACAP,EAAAA,QAAMO,GAAiBiB,OAAOrB,EAAc,SAErCH,EAAAA,QAAMO,GAIbP,EAAAA,UAAQwB,OAAOrB,EAAc,SACtBH,YAIPW,GAAWR,EAAaqB,OAAOxB,EAAAA,QAAMW,GAAU,SACxCX,EAAAA,QAAMW,GAIVX,UAAMG,GAAcsB,QAAQ,UACpC,CAACnB,EAAmBH,EAAcI,EAAiBI,IAEhDe,EAAgBC,IAClB,MAAMC,EAAa5B,EAAAA,QAAM2B,GAEzB,GACIE,EAAAA,eAAeC,cACXF,EACAjB,EAAUX,EAAAA,QAAMW,QAAWoB,EAC3BnB,EAAUZ,EAAAA,QAAMY,QAAWmB,GAEjC,CACE,IAAKH,EAAWJ,OAAOrB,EAAc,SAGjC,OAFAY,SAAAA,EAAkBY,QAClBX,EAAgBG,QAAUQ,GAG9BN,EAAcM,EAClB,GAMEK,EAAkBC,EAAAA,SACpB,IAAiBJ,EAAAA,eAAeK,aAAa/B,IAC7C,CAACA,IAGCgC,EAAcF,EAAAA,SAChB,IAAaX,KACb,CAACA,KAGEc,EAAYf,GAAiBgB,EAAAA,SAAiB,KAC9CC,EAAYC,GAAiBF,EAAAA,SAAiB,IAK/CG,EAAiB,CAACb,EAAcc,KAC9BA,IAAe5B,GAEnBL,EAASmB,EAAM,EAGbe,EAAkB,CAACf,EAAec,KAChCA,IAAe5B,IAEnB0B,EAAcZ,GACdlB,EAAQkB,GAAM,EAGZgB,EAAmBhB,IAErBY,EAAcZ,GACdlB,EAAQkB,EAAM,EAGZiB,EAAuB,KACzBL,EAAc,IACd9B,EAAQ,GAAG,EAoEf,OACIoC,EAAAA,KAACC,EAAAA,QAAO,CACJC,KAAK,OAAM,aACA,YAAW,cACV,mBACZC,OAtEcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/B/B,EAAc,IACdkB,EAAc,IACd9B,EAAQ,IAAG,EA8Da4C,SAAA,CAvDjBrB,EAAgB,GAAGsB,KAAI,CAACC,EAAKC,IAChCC,EAAAA,IAACC,aAAU,CAAA,eAAA,EAAAL,SACNrD,UAAMuD,GAAKI,OAAO,QADN,YAAYH,OAO1BxB,EAAgBsB,KAAI,CAACM,EAAMC,IAE1BJ,EAAAA,IAACK,EAAAA,WAAU,CACPf,KAAK,MAAK,aACE,QAAQc,EAAY,IAEhCE,aAAcnB,EAAoBS,SAEjCO,EAAKN,KAAI,CAACC,EAAKS,IAERP,MAACQ,EAAAA,aAAY,CAETC,KAAMX,EACNpD,aAAcA,EACdgE,UAAW7D,EACX8D,QAAS7D,EACT8D,UAAW/B,EACXgC,UAAWlC,EACXhC,aAAcA,EACdO,QAASA,EACTC,QAASA,EACTP,cAAeA,EACfQ,uBAAwBA,EACxBH,eAAgBA,EAChBI,wBACIA,EAEJN,SAAUgC,EACV/B,QAASiC,EACT6B,QAAS5B,EACTjB,aAAcA,EACd8C,SACIjB,EAAI/B,OAAOW,EAAa,OAAS,GAAI,GArBpC,OAAO6B,QANnBH,OA8CP"}
+{"version":3,"file":"standard-calendar-day-view.js","sources":["../../../../../src/shared/internal-calendar/standard/standard-calendar-day-view.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport type { CommonCalendarProps, FocusType } from \"../types\";\nimport * as styles from \"./standard-calendar-day-view.styles\";\nimport { StandardCell } from \"./standard-cell\";\n\ndayjs.extend(isBetween);\n\ninterface CalendarDayViewProps extends CommonCalendarProps {\n    selectedStartDate: string | undefined;\n    selectedEndDate: string | undefined;\n    calendarDate: Dayjs;\n    currentFocus?: FocusType | undefined;\n    isNewSelection: boolean;\n    onSelect: (value: Dayjs) => void;\n    onHover: (value: string) => void;\n    setCalendarDate?: ((date: string | undefined) => void) | undefined;\n}\n\nexport const StandardCalendarDayView = ({\n    calendarDate,\n    currentFocus,\n    disabledDates,\n    selectedStartDate,\n    selectedEndDate,\n    onSelect,\n    onHover,\n    isNewSelection,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    showActiveMonthDaysOnly,\n    setCalendarDate,\n}: CalendarDayViewProps) => {\n    // =============================================================================\n    // REFS, EFFECTS\n    // =============================================================================\n    const pendingFocusRef = useRef<string | null>(null);\n\n    useEffect(() => {\n        if (pendingFocusRef.current) {\n            const next = pendingFocusRef.current;\n            pendingFocusRef.current = null;\n            setFocusValue(next);\n        }\n    }, [calendarDate]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getDateToFocus = useCallback(() => {\n        // As specified in the Grid Pattern, only one element in the calendar grid is in the Tab sequence.\n        // This function determines which date should be focused based on the state of the calendar.\n\n        // Selected start date is in the current month\n        if (\n            selectedStartDate &&\n            dayjs(selectedStartDate).isSame(calendarDate, \"month\")\n        ) {\n            return dayjs(selectedStartDate);\n        }\n        // Selected end date is in the current month\n        if (\n            selectedEndDate &&\n            dayjs(selectedEndDate).isSame(calendarDate, \"month\")\n        ) {\n            return dayjs(selectedEndDate);\n        }\n\n        // Today is in the current month\n        if (dayjs().isSame(calendarDate, \"month\")) {\n            return dayjs();\n        }\n\n        // Choose min date if it is in the current month\n        if (minDate && calendarDate.isSame(dayjs(minDate), \"month\")) {\n            return dayjs(minDate);\n        }\n\n        // Otherwise, return the first day of the month\n        return dayjs(calendarDate).startOf(\"month\");\n    }, [selectedStartDate, calendarDate, selectedEndDate, minDate]);\n\n    const setFocusCell = (value: string) => {\n        const valueDayjs = dayjs(value);\n\n        if (\n            CalendarHelper.isWithinRange(\n                valueDayjs,\n                minDate ? dayjs(minDate) : undefined,\n                maxDate ? dayjs(maxDate) : undefined\n            )\n        ) {\n            if (!valueDayjs.isSame(calendarDate, \"month\")) {\n                setCalendarDate?.(value);\n                pendingFocusRef.current = value;\n                return;\n            }\n            setFocusValue(value);\n        }\n    };\n\n    // =============================================================================\n    // CONST, STATE\n    // =============================================================================\n    const weeksOfTheMonth = useMemo(\n        (): Dayjs[][] => CalendarHelper.generateDays(calendarDate),\n        [calendarDate]\n    );\n\n    const dateToFocus = useMemo(\n        (): Dayjs => getDateToFocus(),\n        [getDateToFocus]\n    );\n\n    const [focusValue, setFocusValue] = useState<string>(\"\");\n    const [hoverValue, setHoverValue] = useState<string>(\"\");\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDayClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\n\n        onSelect(value);\n    };\n\n    const handleHoverCell = (value: string, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\n\n        setHoverValue(value);\n        onHover(value);\n    };\n\n    const handleFocusCell = (value: string) => {\n        // Always hover the cell when it is focused\n        setHoverValue(value);\n        onHover(value);\n    };\n\n    const handleMouseLeaveCell = () => {\n        setHoverValue(\"\");\n        onHover(\"\");\n    };\n\n    const handleOnBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n        if (e.currentTarget.contains(e.relatedTarget as Node)) {\n            return;\n        }\n\n        // Reset focus date when the component loses focus\n        setFocusValue(\"\");\n        setHoverValue(\"\");\n        onHover(\"\");\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderHeader = () => {\n        return weeksOfTheMonth[0].map((day, index) => (\n            <div\n                key={`week-day-${index}`}\n                className={styles.headerCell}\n                aria-hidden\n            >\n                {dayjs(day).format(\"ddd\")}\n            </div>\n        ));\n    };\n\n    const renderDayCells = () => {\n        return weeksOfTheMonth.map((week, weekIndex) => {\n            return (\n                <div\n                    role=\"row\"\n                    aria-label={`Week ${weekIndex + 1}`}\n                    key={weekIndex}\n                    onMouseLeave={handleMouseLeaveCell}\n                    className={styles.rowDayCell}\n                >\n                    {week.map((day, dayIndex) => {\n                        return (\n                            <StandardCell\n                                key={`day-${dayIndex}`}\n                                date={day}\n                                calendarDate={calendarDate}\n                                startDate={selectedStartDate}\n                                endDate={selectedEndDate}\n                                hoverDate={hoverValue}\n                                focusDate={focusValue}\n                                currentFocus={currentFocus}\n                                minDate={minDate}\n                                maxDate={maxDate}\n                                disabledDates={disabledDates}\n                                allowDisabledSelection={allowDisabledSelection}\n                                isNewSelection={isNewSelection}\n                                showActiveMonthDaysOnly={\n                                    showActiveMonthDaysOnly\n                                }\n                                onSelect={handleDayClick}\n                                onHover={handleHoverCell}\n                                onFocus={handleFocusCell}\n                                setFocusCell={setFocusCell}\n                                tabIndex={\n                                    day.isSame(dateToFocus, \"day\") ? 0 : -1\n                                }\n                            />\n                        );\n                    })}\n                </div>\n            );\n        });\n    };\n\n    return (\n        <div\n            role=\"grid\"\n            aria-label=\"Date grid\"\n            data-testid=\"calendar-content\"\n            onBlur={handleOnBlur}\n            className={styles.wrapper}\n        >\n            {renderHeader()}\n            {renderDayCells()}\n        </div>\n    );\n};\n"],"names":["dayjs","extend","isBetween","calendarDate","currentFocus","disabledDates","selectedStartDate","selectedEndDate","onSelect","onHover","isNewSelection","minDate","maxDate","allowDisabledSelection","showActiveMonthDaysOnly","setCalendarDate","pendingFocusRef","useRef","useEffect","current","next","setFocusValue","getDateToFocus","useCallback","isSame","startOf","setFocusCell","value","valueDayjs","CalendarHelper","isWithinRange","undefined","weeksOfTheMonth","useMemo","generateDays","dateToFocus","focusValue","useState","hoverValue","setHoverValue","handleDayClick","isDisabled","handleHoverCell","handleFocusCell","handleMouseLeaveCell","_jsxs","role","onBlur","e","currentTarget","contains","relatedTarget","className","styles.wrapper","children","map","day","index","_jsx","styles.headerCell","format","week","weekIndex","onMouseLeave","styles.rowDayCell","dayIndex","StandardCell","date","startDate","endDate","hoverDate","focusDate","onFocus","tabIndex"],"mappings":"gTAUAA,EAAAA,QAAMC,OAAOC,EAAAA,yCAa0B,EACnCC,eACAC,eACAC,gBACAC,oBACAC,kBACAC,WACAC,UACAC,iBACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAAA,OAAsB,MAE9CC,EAAAA,WAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACjB,IAKJ,MAAMmB,EAAiBC,EAAAA,aAAY,IAM3BjB,GACAN,EAAAA,QAAMM,GAAmBkB,OAAOrB,EAAc,SAEvCH,EAAAA,QAAMM,GAIbC,GACAP,EAAAA,QAAMO,GAAiBiB,OAAOrB,EAAc,SAErCH,EAAAA,QAAMO,GAIbP,EAAAA,UAAQwB,OAAOrB,EAAc,SACtBH,YAIPW,GAAWR,EAAaqB,OAAOxB,EAAAA,QAAMW,GAAU,SACxCX,EAAAA,QAAMW,GAIVX,UAAMG,GAAcsB,QAAQ,UACpC,CAACnB,EAAmBH,EAAcI,EAAiBI,IAEhDe,EAAgBC,IAClB,MAAMC,EAAa5B,EAAAA,QAAM2B,GAEzB,GACIE,EAAAA,eAAeC,cACXF,EACAjB,EAAUX,EAAAA,QAAMW,QAAWoB,EAC3BnB,EAAUZ,EAAAA,QAAMY,QAAWmB,GAEjC,CACE,IAAKH,EAAWJ,OAAOrB,EAAc,SAGjC,OAFAY,SAAAA,EAAkBY,QAClBX,EAAgBG,QAAUQ,GAG9BN,EAAcM,EAClB,GAMEK,EAAkBC,EAAAA,SACpB,IAAiBJ,EAAAA,eAAeK,aAAa/B,IAC7C,CAACA,IAGCgC,EAAcF,EAAAA,SAChB,IAAaX,KACb,CAACA,KAGEc,EAAYf,GAAiBgB,EAAAA,SAAiB,KAC9CC,EAAYC,GAAiBF,EAAAA,SAAiB,IAK/CG,EAAiB,CAACb,EAAcc,KAC9BA,IAAe5B,GAEnBL,EAASmB,EAAM,EAGbe,EAAkB,CAACf,EAAec,KAChCA,IAAe5B,IAEnB0B,EAAcZ,GACdlB,EAAQkB,GAAM,EAGZgB,EAAmBhB,IAErBY,EAAcZ,GACdlB,EAAQkB,EAAM,EAGZiB,EAAuB,KACzBL,EAAc,IACd9B,EAAQ,GAAG,EAyEf,OACIoC,EAAAA,KAAA,MAAA,CACIC,KAAK,OAAM,aACA,YAAW,cACV,mBACZC,OA3EcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/B9B,EAAc,IACdkB,EAAc,IACd9B,EAAQ,IAAG,EAoEP2C,UAAWC,EAAAA,QAAcC,SAAA,CA7DtBtB,EAAgB,GAAGuB,KAAI,CAACC,EAAKC,IAChCC,MAAA,MAAA,CAEIN,UAAWO,EAAAA,qCAGV3D,EAAAA,QAAMwD,GAAKI,OAAO,QAJd,YAAYH,OAUlBzB,EAAgBuB,KAAI,CAACM,EAAMC,IAE1BJ,EAAAA,IAAA,MAAA,CACIZ,KAAK,MAAK,aACE,QAAQgB,EAAY,IAEhCC,aAAcnB,EACdQ,UAAWY,sBAEVH,EAAKN,KAAI,CAACC,EAAKS,IAERP,MAACQ,EAAAA,aAAY,CAETC,KAAMX,EACNrD,aAAcA,EACdiE,UAAW9D,EACX+D,QAAS9D,EACT+D,UAAWhC,EACXiC,UAAWnC,EACXhC,aAAcA,EACdO,QAASA,EACTC,QAASA,EACTP,cAAeA,EACfQ,uBAAwBA,EACxBH,eAAgBA,EAChBI,wBACIA,EAEJN,SAAUgC,EACV/B,QAASiC,EACT8B,QAAS7B,EACTjB,aAAcA,EACd+C,SACIjB,EAAIhC,OAAOW,EAAa,OAAS,GAAI,GArBpC,OAAO8B,QAPnBH,OAgDX"}

package/cjs/shared/internal-calendar/standard/standard-calendar-day-view.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./standard-calendar-day-view.styles_1dbvup3.css");exports.headerCell="hd5h60i",exports.rowDayCell="r7m17b5",exports.wrapper="w1fb9dn4";
+//# sourceMappingURL=standard-calendar-day-view.styles.js.map

package/cjs/shared/internal-calendar/standard/standard-calendar-day-view.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"standard-calendar-day-view.styles.js","sources":["../../../../../src/shared/internal-calendar/standard/standard-calendar-day-view.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font } from \"../../../theme\";\n\nexport const wrapper = css`\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    row-gap: 0.25rem;\n`;\n\nexport const headerCell = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 2.5rem;\n    pointer-events: none;\n    user-select: none;\n\n    ${Font[\"body-sm-semibold\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const rowDayCell = css`\n    grid-column: 1 / -1;\n    display: flex;\n`;\n"],"names":[],"mappings":"4IAWuB,6BAYA,0BAnBH"}

package/cjs/shared/internal-calendar/standard/standard-calendar-day-view.styles_1dbvup3.css

@@ -0,0 +1,3 @@
+.w1fb9dn4{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:repeat(7, 1fr);grid-template-columns:repeat(7, 1fr);row-gap:0.25rem;}
+.hd5h60i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:2.5rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);color:var(--fds-colour-text);}
+.r7m17b5{-ms-grid-column:1/-1;grid-column:1/-1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

package/cjs/shared/internal-calendar/standard/standard-cell.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../../../external/dayjs/dayjs.min.js"),a=require("../../../util/calendar-helper.js");require("react"),require("../../../util/string-helper.js");var r=require("../day-cell/day-cell.js");exports.StandardCell=({date:l,calendarDate:n,startDate:o,endDate:s,currentFocus:i,hoverDate:d,focusDate:c,minDate:u,maxDate:y,disabledDates:h,allowDisabledSelection:f,isNewSelection:v,showActiveMonthDaysOnly:b,onSelect:D,onHover:p,onFocus:m,setFocusCell:S,tabIndex:g})=>{const w=a.CalendarHelper.isDisabledDay(l,h,u,y),Y=!w||f,T=()=>{D(l,!Y)},j=()=>{const e=t.default(d),a=e.isBefore(s,"day"),r=e.isAfter(o,"day");let l,n,c,u;return"start"===i&&s&&a&&(o&&r?(c=d,u=s):(l=d,n=o||s)),"end"===i&&o&&r&&(s&&a?(c=o,u=d):(l=s||o,n=d)),{hoverStart:l,hoverEnd:n,overlapStart:c,overlapEnd:u}},x={date:l,calendarDate:n,disabled:w,interactive:Y,currentDateIndicator:!0,onSelect:T,onHover:()=>{p(l.format("YYYY-MM-DD"),!Y)},onFocus:()=>{m(l.format("YYYY-MM-DD"))},onKeyDown:e=>{const t=e.key;if("Enter"===t||" "===t)return e.preventDefault(),void(Y&&T());(e=>{let t;const a={ArrowLeft:()=>l.subtract(1,"day"),ArrowRight:()=>l.add(1,"day"),ArrowUp:()=>l.subtract(7,"day"),ArrowDown:()=>l.add(7,"day"),Home:()=>l.startOf("week"),End:()=>l.endOf("week"),PageUp:()=>e.shiftKey?l.subtract(1,"year"):l.subtract(1,"month"),PageDown:()=>e.shiftKey?l.add(1,"year"):l.add(1,"month")}[e.key];a&&(e.preventDefault(),t=a(),S(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t.default(c),tabIndex:g};return e.jsx(r.DayCell,Object.assign({},x,(()=>{const e={};if(n.month()!==l.month())e.labelType=b?"hidden":"unavailable";else if(t.default().isSame(l,"day")&&!w)e.labelType="current";else if(v){const t="end"===i&&o&&l.isBefore(o),a="start"===i&&s&&l.isAfter(s);(t||a)&&(e.labelType="unavailable")}return e})(),(()=>{const e={},t=l.isSame(o,"day"),a=l.isSame(s,"day");return b&&n.month()!==l.month()?(e.labelType="hidden",e):((o&&t||s&&a)&&(e.labelType="selected",e.circleLeft="selected-outline",e.circleRight="selected-outline"),o&&s&&l.isBetween(o,s,"day","[]")&&(e.labelType="selected",t||(e.bgLeft="selected-outline-subtle"),a||(e.bgRight="selected-outline-subtle")),e)})(),(()=>{if(!d)return{};const e={},t=l.isSame(d,"day"),{hoverStart:a,hoverEnd:r,overlapStart:n,overlapEnd:i}=j();if(t){const t=l.isSame(o,"day"),a=l.isSame(s,"day");t||a?(e.labelType="selected-hover",e.circleLeft="selected-hover-outline",e.circleRight="selected-hover-outline"):(e.labelType="hover",e.circleLeft="hover",e.circleRight="hover")}if(a&&r){if(l.isBetween(a,r,"day","[]")){const t=l.isSame(a,"day"),n=l.isSame(r,"day");t||(e.labelType="hover",e.bgLeft="hover-outline"),n||(e.labelType="hover",e.bgRight="hover-outline")}return e}return n&&i?(l.isBetween(n,i,"day","[]")&&t&&(e.labelType="selected-hover",e.circleLeft="selected-hover",e.circleRight="selected-hover"),e):e})()))};
+"use strict";var e=require("react/jsx-runtime"),t=require("../../../external/dayjs/dayjs.min.js"),r=require("../../../util/calendar-helper.js");require("react"),require("../../../util/simple-id-generator.js"),require("../../../util/string-helper.js"),require("@react-aria/live-announcer");var a=require("../day-cell/day-cell.js");exports.StandardCell=({date:l,calendarDate:i,startDate:n,endDate:o,currentFocus:s,hoverDate:d,focusDate:c,minDate:u,maxDate:y,disabledDates:h,allowDisabledSelection:v,isNewSelection:f,showActiveMonthDaysOnly:b,onSelect:D,onHover:p,onFocus:m,setFocusCell:g,tabIndex:S})=>{const w=r.CalendarHelper.isDisabledDay(l,h,u,y),Y=!w||v,T=()=>{D(l,!Y)},j=()=>{const e=t.default(d),r=e.isBefore(o,"day"),a=e.isAfter(n,"day");let l,i,c,u;return"start"===s&&o&&r&&(n&&a?(c=d,u=o):(l=d,i=n||o)),"end"===s&&n&&a&&(o&&r?(c=n,u=d):(l=o||n,i=d)),{hoverStart:l,hoverEnd:i,overlapStart:c,overlapEnd:u}},q={date:l,calendarDate:i,disabled:w,interactive:Y,currentDateIndicator:!0,onSelect:T,onHover:()=>{p(l.format("YYYY-MM-DD"),!Y)},onFocus:()=>{m(l.format("YYYY-MM-DD"))},onKeyDown:e=>{const t=e.key;if("Enter"===t||" "===t)return e.preventDefault(),void(Y&&T());(e=>{let t;const r={ArrowLeft:()=>l.subtract(1,"day"),ArrowRight:()=>l.add(1,"day"),ArrowUp:()=>l.subtract(7,"day"),ArrowDown:()=>l.add(7,"day"),Home:()=>l.startOf("week"),End:()=>l.endOf("week"),PageUp:()=>e.shiftKey?l.subtract(1,"year"):l.subtract(1,"month"),PageDown:()=>e.shiftKey?l.add(1,"year"):l.add(1,"month")}[e.key];r&&(e.preventDefault(),t=r(),g(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t.default(c),tabIndex:S};return e.jsx(a.DayCell,Object.assign({},q,(()=>{const e={};if(i.month()!==l.month())e.labelType=b?"hidden":"unavailable";else if(t.default().isSame(l,"day")&&!w)e.labelType="current";else if(f){const t="end"===s&&n&&l.isBefore(n),r="start"===s&&o&&l.isAfter(o);(t||r)&&(e.labelType="unavailable")}return e})(),(()=>{const e={},t=l.isSame(n,"day"),r=l.isSame(o,"day");return b&&i.month()!==l.month()?(e.labelType="hidden",e):((n&&t||o&&r)&&(e.labelType="selected",e.circleLeft="selected-outline",e.circleRight="selected-outline"),n&&o&&l.isBetween(n,o,"day","[]")&&(e.labelType="selected",t||(e.bgLeft="selected-outline-subtle"),r||(e.bgRight="selected-outline-subtle")),e)})(),(()=>{if(!d)return{};const e={},t=l.isSame(d,"day"),{hoverStart:r,hoverEnd:a,overlapStart:i,overlapEnd:s}=j();if(t){const t=l.isSame(n,"day"),r=l.isSame(o,"day");t||r?(e.labelType="selected-hover",e.circleLeft="selected-hover-outline",e.circleRight="selected-hover-outline"):(e.labelType="hover",e.circleLeft="hover",e.circleRight="hover")}if(r&&a){if(l.isBetween(r,a,"day","[]")){const t=l.isSame(r,"day"),i=l.isSame(a,"day");t||(e.labelType="hover",e.bgLeft="hover-outline"),i||(e.labelType="hover",e.bgRight="hover-outline")}return e}return i&&s?(l.isBetween(i,s,"day","[]")&&t&&(e.labelType="selected-hover",e.circleLeft="selected-hover",e.circleRight="selected-hover"),e):e})()))};
 //# sourceMappingURL=standard-cell.js.map