@lifesg/react-design-system 3.5.0-canary.7 → 4.0.0-alpha.10

package/shared/internal-calendar/internal-calendar-year.styles_therlc.css

@@ -0,0 +1,9 @@
+@layer fds{.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-body);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/shared/internal-calendar/internal-calendar.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { InternalCalendarProps, InternalCalendarRef } from "./types";
+import type { InternalCalendarProps, InternalCalendarRef } from "./types";
 export declare const 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, }: InternalCalendarProps, ref: React.ForwardedRef<InternalCalendarRef>) => import("react/jsx-runtime").JSX.Element;
 export declare const InternalCalendar: (props: InternalCalendarProps & React.RefAttributes<InternalCalendarRef>) => React.ReactElement | null;

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

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

package/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 { Dayjs } from \"dayjs\";\nimport React, { useImperativeHandle, useRef } from \"react\";\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 {\n    CalendarManagerRef,\n    InternalCalendarProps,\n    InternalCalendarRef,\n} from \"./types\";\nimport { WeekCalendarDayView } from \"./week\";\nimport { MultiCalendarDayView } from \"./multi\";\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        <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","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","Container","children","CalendarManager","doneButtonDisabled","isDisabled","isDoneButtonDisabled","onCalendarDateChange","isSame","month","year","calendarDate","WeekCalendarDayView","FixedRangeCalendarDayView","SingleCalendarDayView","selectedDate","MultiCalendarDayView","StandardCalendarDayView","isNewSelection","renderCalendarDay","InternalCalendar","React","forwardRef"],"mappings":"upBAeO,MAAMA,EAAY,EAEjBC,gBACAC,2BACAC,WACAC,UACAC,YACAC,MAAOC,EACPC,SAAUC,EACVC,OAAQC,EAAgB,GACxBC,gBACAC,gBACAC,eACAC,aACAC,UACAC,UACAC,UACAC,yBACAC,qBAAoB,EACpBC,sBACAC,eACAC,WACAC,2BAA0B,EAC1BC,eAAc,GAElBC,KAKA,MAAMC,EAAqBC,EAA2B,MAChDC,EAAuBD,OAA0BE,GACjDC,EAAeH,EAAuB,MAK5CI,EAAoBN,GAAK,KACd,CACH,KAAAO,SAC8B,QAA1BC,EAAAP,EAAmBQ,eAAO,IAAAD,GAAAA,EAAEE,WAChC,EACA,eAAAC,CAAgB/B,SACc,QAA1B4B,EAAAP,EAAmBQ,eAAO,IAAAD,GAAAA,EAAEG,gBAAgB/B,EAChD,EACA,QAAAgC,CAASC,SACL,OAA2B,QAApBL,EAAAH,EAAaI,eAAO,IAAAD,OAAA,EAAAA,EAAEI,SAASC,MAAS,CACnD,MAOR,MAAMC,EAAoBlC,UACtB,MAAMmC,EAAcnC,EAAMoC,OAAO,cACP,QAA1BR,EAAAP,EAAmBQ,eAAO,IAAAD,GAAAA,EAAEG,gBAAgBI,GAC5CtC,SAAAA,EAAWsC,EAAY,EAGrBE,EAAmBrC,IACrBF,SAAAA,EAAUE,EAAM,EAGdsC,EAAyBtC,IAC3B,MAAMmC,EAAcnC,EAAMoC,OAAO,cACjC,GAAI/B,EAAckC,SAASJ,GAAc,CACrC,MAAMK,EAAgBnC,EAAcoC,QAC/BC,GAASA,IAASP,IAIvBlB,SAAAA,EAAWuB,EACf,KAAO,CACH,QACsBhB,IAAlBjB,GACAF,EAAcsC,QAAUpC,EAExB,OAEJU,SAAAA,EAAW,IAAIZ,EAAe8B,GAClC,GAyIJ,OACIS,EAACC,EAAS,CAACzB,IAAKK,EAAYqB,SACxBF,EAACG,GACG3B,IAAKC,EACLZ,WAAYA,EACZuC,mBAxHiB,MACzB,IAAKvC,EAAY,OAEjB,IAAIwC,GAAa,EAEjB,OAAQvC,GACJ,IAAK,SACDuC,GAAa,EACb,MACJ,IAAK,QACL,IAAK,cAEDA,IAAehD,KAAwBE,EACvC,MACJ,IAAK,OACD8C,GAAchD,IAAsBE,EACpC,MACJ,IAAK,QACD8C,EAC6B,IAAzB5C,EAAcsC,aACKnB,IAAlBlB,GACGD,EAAcsC,OAASrC,EAIvC,OAAO2C,CAAU,EA+FWC,GACpBnD,UAAWA,EACXY,QAASA,EACTC,QAASA,EACTE,kBAAmBA,EACnBN,aAAcA,EACdP,kBAAmBA,EACnBE,gBAAiBA,EACjBU,uBAAwBA,EACxBsC,qBApJsBnD,UAEzBuB,EAAqBM,SACrBN,EAAqBM,QAAQuB,OAAOpD,EAAO,WAElB,QAA1B4B,EAAAP,EAAmBQ,eAAO,IAAAD,GAAAA,EAAEG,gBACxB/B,EAAMoC,OAAO,eAEjBxC,SAAAA,EAA2B,CACvByD,MAAOrD,EAAMqD,QAAU,EACvBC,KAAMtD,EAAMsD,UAGpB/B,EAAqBM,QAAU7B,CAAK,EAwI5Be,oBAAqBA,EACrBI,YAAaA,WAEZ,EAAGoC,kBAtGU,CAACA,UACvB,MAAMxB,EAA4C,QAA1BH,EAAAP,EAAmBQ,eAAO,IAAAD,OAAA,EAAAA,EAAEG,gBACpD,OAAQrB,GACJ,IAAK,OACD,OACIkC,EAACY,GACGD,aAAcA,EACd5D,cAAeA,EACfM,kBAAmBA,EACnBU,QAASA,EACTC,QAASA,EACTC,uBAAwBA,EACxBhB,SAAUqC,EACVpC,QAASuC,EACTN,gBAAiBA,IAG7B,IAAK,cACD,OACIa,EAACa,EAAyB,CACtBF,aAAcA,EACd5D,cAAeA,EACfM,kBAAmBA,EACnBU,QAASA,EACTC,QAASA,EACTC,uBAAwBA,EACxBhB,SAAUqC,EACVpC,QAASuC,EACTrB,aAAcA,EACde,gBAAiBA,IAG7B,IAAK,SACD,OACIa,EAACc,EAAqB,CAClBH,aAAcA,EACd5D,cAAeA,EACfgE,aAAc1D,EACdU,QAASA,EACTC,QAASA,EACTC,uBAAwBA,EACxBK,wBAAyBA,EACzBrB,SAAUqC,EACVpC,QAASuC,EACTN,gBAAiBA,IAG7B,IAAK,QACD,OACIa,EAACgB,EAAoB,CACjBL,aAAcA,EACd5D,cAAeA,EACfU,cAAeA,EACfM,QAASA,EACTC,QAASA,EACTC,uBAAwBA,EACxBK,wBAAyBA,EACzBrB,SAAUyC,EACVxC,QAASuC,EACTN,gBAAiBA,IAI7B,QACI,OACIa,EAACiB,EAAuB,CACpBN,aAAcA,EACd/C,aAAcA,EACdb,cAAeA,EACfM,kBAAmBA,EACnBE,gBAAiBA,EACjBQ,QAASA,EACTC,QAASA,EACTkD,eAAgBhD,EAChBD,uBAAwBA,EACxBK,wBAAyBA,EACzBrB,SAAUqC,EACVpC,QAASuC,EACTN,gBAAiBA,MAwBFgC,CAAkBR,MAErC,EAIPS,EAAmBC,EAAMC,WAAWxE"}
+{"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":"imBAgBO,MAAMA,EAAY,EAEjBC,gBACAC,2BACAC,WACAC,UACAC,YACAC,MAAOC,EACPC,SAAUC,EACVC,OAAQC,EAAgB,GACxBC,gBACAC,gBACAC,eACAC,aACAC,UACAC,UACAC,UACAC,yBACAC,qBAAoB,EACpBC,sBACAC,eACAC,WACAC,2BAA0B,EAC1BC,eAAc,GAElBC,KAKA,MAAMC,EAAqBC,EAA2B,MAChDC,EAAuBD,OAA0BE,GACjDC,EAAeH,EAAuB,MAK5CI,EAAoBN,GAAK,KACd,CACH,KAAAO,SAC8B,QAA1BC,EAAAP,EAAmBQ,eAAO,IAAAD,GAAAA,EAAEE,WAChC,EACA,eAAAC,CAAgB/B,SACc,QAA1B4B,EAAAP,EAAmBQ,eAAO,IAAAD,GAAAA,EAAEG,gBAAgB/B,EAChD,EACA,QAAAgC,CAASC,SACL,OAA2B,QAApBL,EAAAH,EAAaI,eAAO,IAAAD,OAAA,EAAAA,EAAEI,SAASC,MAAS,CACnD,MAOR,MAAMC,EAAoBlC,UACtB,MAAMmC,EAAcnC,EAAMoC,OAAO,cACP,QAA1BR,EAAAP,EAAmBQ,eAAO,IAAAD,GAAAA,EAAEG,gBAAgBI,GAC5CtC,SAAAA,EAAWsC,EAAY,EAGrBE,EAAmBrC,IACrBF,SAAAA,EAAUE,EAAM,EAGdsC,EAAyBtC,IAC3B,MAAMmC,EAAcnC,EAAMoC,OAAO,cACjC,GAAI/B,EAAckC,SAASJ,GAAc,CACrC,MAAMK,EAAgBnC,EAAcoC,QAC/BC,GAASA,IAASP,IAIvBlB,SAAAA,EAAWuB,EACf,KAAO,CACH,QACsBhB,IAAlBjB,GACAF,EAAcsC,QAAUpC,EAExB,OAEJU,SAAAA,EAAW,IAAIZ,EAAe8B,GAClC,GAyIJ,OACIS,EAAA,MAAA,CAAKC,UAAWC,EAAkB1B,IAAKK,WACnCmB,EAACG,GACG3B,IAAKC,EACLZ,WAAYA,EACZuC,mBAxHiB,MACzB,IAAKvC,EAAY,OAEjB,IAAIwC,GAAa,EAEjB,OAAQvC,GACJ,IAAK,SACDuC,GAAa,EACb,MACJ,IAAK,QACL,IAAK,cAEDA,IAAehD,KAAwBE,EACvC,MACJ,IAAK,OACD8C,GAAchD,IAAsBE,EACpC,MACJ,IAAK,QACD8C,EAC6B,IAAzB5C,EAAcsC,aACKnB,IAAlBlB,GACGD,EAAcsC,OAASrC,EAIvC,OAAO2C,CAAU,EA+FWC,GACpBnD,UAAWA,EACXY,QAASA,EACTC,QAASA,EACTE,kBAAmBA,EACnBN,aAAcA,EACdP,kBAAmBA,EACnBE,gBAAiBA,EACjBU,uBAAwBA,EACxBsC,qBApJsBnD,UAEzBuB,EAAqBM,SACrBN,EAAqBM,QAAQuB,OAAOpD,EAAO,WAElB,QAA1B4B,EAAAP,EAAmBQ,eAAO,IAAAD,GAAAA,EAAEG,gBACxB/B,EAAMoC,OAAO,eAEjBxC,SAAAA,EAA2B,CACvByD,MAAOrD,EAAMqD,QAAU,EACvBC,KAAMtD,EAAMsD,UAGpB/B,EAAqBM,QAAU7B,CAAK,EAwI5Be,oBAAqBA,EACrBI,YAAaA,EAAWoC,SAEvB,EAAGC,kBAtGU,CAACA,UACvB,MAAMzB,EAA4C,QAA1BH,EAAAP,EAAmBQ,eAAO,IAAAD,OAAA,EAAAA,EAAEG,gBACpD,OAAQrB,GACJ,IAAK,OACD,OACIkC,EAACa,GACGD,aAAcA,EACd7D,cAAeA,EACfM,kBAAmBA,EACnBU,QAASA,EACTC,QAASA,EACTC,uBAAwBA,EACxBhB,SAAUqC,EACVpC,QAASuC,EACTN,gBAAiBA,IAG7B,IAAK,cACD,OACIa,EAACc,EAAyB,CACtBF,aAAcA,EACd7D,cAAeA,EACfM,kBAAmBA,EACnBU,QAASA,EACTC,QAASA,EACTC,uBAAwBA,EACxBhB,SAAUqC,EACVpC,QAASuC,EACTrB,aAAcA,EACde,gBAAiBA,IAG7B,IAAK,SACD,OACIa,EAACe,EAAqB,CAClBH,aAAcA,EACd7D,cAAeA,EACfiE,aAAc3D,EACdU,QAASA,EACTC,QAASA,EACTC,uBAAwBA,EACxBK,wBAAyBA,EACzBrB,SAAUqC,EACVpC,QAASuC,EACTN,gBAAiBA,IAG7B,IAAK,QACD,OACIa,EAACiB,EAAoB,CACjBL,aAAcA,EACd7D,cAAeA,EACfU,cAAeA,EACfM,QAASA,EACTC,QAASA,EACTC,uBAAwBA,EACxBK,wBAAyBA,EACzBrB,SAAUyC,EACVxC,QAASuC,EACTN,gBAAiBA,IAI7B,QACI,OACIa,EAACkB,EAAuB,CACpBN,aAAcA,EACdhD,aAAcA,EACdb,cAAeA,EACfM,kBAAmBA,EACnBE,gBAAiBA,EACjBQ,QAASA,EACTC,QAASA,EACTmD,eAAgBjD,EAChBD,uBAAwBA,EACxBK,wBAAyBA,EACzBrB,SAAUqC,EACVpC,QAASuC,EACTN,gBAAiBA,MAwBFiC,CAAkBR,MAE3C,EAIDS,EAAmBC,EAAMC,WAAWzE"}

package/shared/internal-calendar/internal-calendar.styles.d.ts

@@ -0,0 +1 @@
+export declare const container: import("@linaria/core").LinariaClassName;

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

@@ -0,0 +1,2 @@
+import"./internal-calendar.styles_gnc3eq.css";const n="c3n22sv";export{n as container};
+//# sourceMappingURL=internal-calendar.styles.js.map

package/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":["container"],"mappings":"sFAOO,MAAMA,EAAS"}

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

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

package/shared/internal-calendar/multi/multi-calendar-day-view.d.ts

@@ -1,5 +1,5 @@
-import { Dayjs } from "dayjs";
-import { CommonCalendarProps } from "../types";
+import type { Dayjs } from "dayjs";
+import type { CommonCalendarProps } from "../types";
 interface MultiCalendarDayViewProps extends CommonCalendarProps {
     selectedDates: string[];
     calendarDate: Dayjs;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"multi-calendar-day-view.js","sources":["../../../../src/shared/internal-calendar/multi/multi-calendar-day-view.tsx"],"sourcesContent":["import dayjs, { Dayjs } from \"dayjs\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport { CommonCalendarProps } from \"../types\";\nimport {\n    HeaderCell,\n    RowDayCell,\n    Wrapper,\n} from \"../standard/standard-calendar-day-view.style\";\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            <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                            <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                </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":["MultiCalendarDayView","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","Wrapper","role","onBlur","e","currentTarget","contains","relatedTarget","children","map","day","index","_jsx","HeaderCell","format","week","weekIndex","RowDayCell","onMouseLeave","dayIndex","MultiCell","date","hoverDate","focusDate","onFocus","tabIndex"],"mappings":"wZAmBO,MAAMA,EAAuB,EAChCC,eACAC,gBACAC,gBACAC,WACAC,UACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAsB,MAE9CC,GAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACd,IAKJ,MAAMgB,EAAiBC,GAAY,KAI/B,MAAMC,EAA6BhB,EAAciB,MAAMC,GACnDC,EAAMD,GAAcE,OAAOtB,EAAc,WAI7C,OAAIkB,EACOG,EAAMH,GAIbG,IAAQC,OAAOtB,EAAc,SACtBqB,IAIPhB,GAAWL,EAAasB,OAAOD,EAAMhB,GAAU,SACxCgB,EAAMhB,GAIVgB,EAAMrB,GAAcuB,QAAQ,QAAQ,GAC5C,CAACrB,EAAeF,EAAcK,IAE3BmB,EAAgBC,IAClB,MAAMC,EAAaL,EAAMI,GAEzB,GACIE,EAAeC,cACXF,EACArB,EAAUgB,EAAMhB,QAAWwB,EAC3BvB,EAAUe,EAAMf,QAAWuB,GAEjC,CACE,IAAKH,EAAWJ,OAAOtB,EAAc,SAGjC,OAFAS,SAAAA,EAAkBgB,QAClBf,EAAgBG,QAAUY,GAG9BV,EAAcU,EAClB,GAMEK,EAAkBC,GACpB,IAAiBJ,EAAeK,aAAahC,IAC7C,CAACA,IAGCiC,EAAcF,GAChB,IAAaf,KACb,CAACA,KAGEkB,EAAYnB,GAAiBoB,EAAiB,KAC9CC,EAAYC,GAAiBF,EAAiB,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,EAmEf,OACIuC,EAACC,EAAO,CACJC,KAAK,OACLC,OAnEcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/BnC,EAAc,IACdsB,EAAc,IACdjC,EAAQ,IAAG,gBA4DK,mBAAkB,aACnB,YAAW+C,SAAA,CAtDnBrB,EAAgB,GAAGsB,KAAI,CAACC,EAAKC,IAChCC,EAACC,EAAU,CAAA,eAAA,EAAAL,SACN9B,EAAMgC,GAAKI,OAAO,QADN,YAAYH,OAO1BxB,EAAgBsB,KAAI,CAACM,EAAMC,IAE1BJ,EAACK,EAAU,CACPf,KAAK,MAAK,aACE,QAAQc,EAAY,IAEhCE,aAAcnB,EAAoBS,SAEjCO,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAACQ,EAAS,CAENC,KAAMX,EACNrD,aAAcA,EACdE,cAAeA,EACf+D,UAAW7B,EACX8B,UAAWhC,EACX7B,QAASA,EACTC,QAASA,EACTL,cAAeA,EACfM,uBAAwBA,EACxBC,wBACIA,EAEJL,SAAUmC,EACVlC,QAASoC,EACT2B,QAAS1B,EACTjB,aAAcA,EACd4C,SACI/C,EAAMgC,GAAK/B,OAAOW,EAAa,OACzB,GACA,GApBL,OAAO6B,QANnBH,OA6CP"}
+{"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":["MultiCalendarDayView","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":"yZAiBO,MAAMA,EAAuB,EAChCC,eACAC,gBACAC,gBACAC,WACAC,UACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAsB,MAE9CC,GAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACd,IAKJ,MAAMgB,EAAiBC,GAAY,KAI/B,MAAMC,EAA6BhB,EAAciB,MAAMC,GACnDC,EAAMD,GAAcE,OAAOtB,EAAc,WAI7C,OAAIkB,EACOG,EAAMH,GAIbG,IAAQC,OAAOtB,EAAc,SACtBqB,IAIPhB,GAAWL,EAAasB,OAAOD,EAAMhB,GAAU,SACxCgB,EAAMhB,GAIVgB,EAAMrB,GAAcuB,QAAQ,QAAQ,GAC5C,CAACrB,EAAeF,EAAcK,IAE3BmB,EAAgBC,IAClB,MAAMC,EAAaL,EAAMI,GAEzB,GACIE,EAAeC,cACXF,EACArB,EAAUgB,EAAMhB,QAAWwB,EAC3BvB,EAAUe,EAAMf,QAAWuB,GAEjC,CACE,IAAKH,EAAWJ,OAAOtB,EAAc,SAGjC,OAFAS,SAAAA,EAAkBgB,QAClBf,EAAgBG,QAAUY,GAG9BV,EAAcU,EAClB,GAMEK,EAAkBC,GACpB,IAAiBJ,EAAeK,aAAahC,IAC7C,CAACA,IAGCiC,EAAcF,GAChB,IAAaf,KACb,CAACA,KAGEkB,EAAYnB,GAAiBoB,EAAiB,KAC9CC,EAAYC,GAAiBF,EAAiB,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,EAAA,MAAA,CACIC,KAAK,OACLC,OAxEcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/BlC,EAAc,IACdsB,EAAc,IACdjC,EAAQ,IAAG,EAgEa,cACR,mBAAkB,aACnB,YACX8C,UAAWC,EAAcC,SAAA,CA5DtBtB,EAAgB,GAAGuB,KAAI,CAACC,EAAKC,IAChCC,EAAA,MAAA,CAEIN,UAAWO,4BAGVpC,EAAMiC,GAAKI,OAAO,QAJd,YAAYH,OAUlBzB,EAAgBuB,KAAI,CAACM,EAAMC,IAE1BJ,EAAA,MAAA,CACIZ,KAAK,MAAK,aACE,QAAQgB,EAAY,IAEhCC,aAAcnB,EACdQ,UAAWY,WAEVH,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAACQ,EAAS,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,EAAMiC,GAAKhC,OAAOW,EAAa,OACzB,GACA,GApBL,OAAO8B,QAPnBH,OA+CX"}

package/shared/internal-calendar/multi/multi-cell.d.ts

@@ -1,4 +1,4 @@
-import { Dayjs } from "dayjs";
+import type { Dayjs } from "dayjs";
 interface Props {
     date: Dayjs;
     calendarDate: Dayjs;

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

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import t from"../../../external/dayjs/dayjs.min.js";import{CalendarHelper as r}from"../../../util/calendar-helper.js";import"../../../util/date-helper.js";import"../../../util/date-input-helper.js";import"react";import"../../../util/simple-id-generator.js";import"../../../util/string-helper.js";import"@react-aria/live-announcer";import{DayCell as a}from"../day-cell/day-cell.js";const l=({date:l,calendarDate:o,selectedDates:i,hoverDate:n,focusDate:c,minDate:s,maxDate:d,disabledDates:u,allowDisabledSelection:m,showActiveMonthDaysOnly:p,onSelect:D,onHover:y,onFocus:h,setFocusCell:f,tabIndex:b})=>{const v=r.isDisabledDay(l,u,s,d),Y=!v||m,j=()=>{D(l,!Y)},w={date:l,calendarDate:o,disabled:v,interactive:Y,currentDateIndicator:!0,onSelect:j,onHover:()=>{y(l.format("YYYY-MM-DD"),!Y)},onFocus:()=>{h(l.format("YYYY-MM-DD"))},onKeyDown:e=>{const t=e.key;if("Enter"===t||" "===t)return e.preventDefault(),void(Y&&j());(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(),f(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t(c),tabIndex:b};return e(a,Object.assign({},w,(()=>{const e={},r=l.format("YYYY-MM-DD"),a=o.month()===l.month();return!a&&p?(e.labelType="hidden",e):(a?t().isSame(l,"day")&&!v&&(e.labelType="current"):e.labelType="unavailable",i.includes(r)&&(e.labelType="selected",e.circleLeft="selected-outline",e.circleRight="selected-outline"),n&&l.isSame(n,"day")&&(i.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)})()))};export{l as MultiCell};
+import{jsx as e}from"react/jsx-runtime";import t from"../../../external/dayjs/dayjs.min.js";import{CalendarHelper as a}from"../../../util/calendar-helper.js";import"react";import"../../../util/simple-id-generator.js";import"../../../util/string-helper.js";import"@react-aria/live-announcer";import{DayCell as r}from"../day-cell/day-cell.js";const l=({date:l,calendarDate:o,selectedDates:n,hoverDate:i,focusDate:c,minDate:s,maxDate:d,disabledDates:u,allowDisabledSelection:m,showActiveMonthDaysOnly:D,onSelect:y,onHover:h,onFocus:p,setFocusCell:f,tabIndex:b})=>{const v=a.isDisabledDay(l,u,s,d),Y=!v||m,w=()=>{y(l,!Y)},g={date:l,calendarDate:o,disabled:v,interactive:Y,currentDateIndicator:!0,onSelect:w,onHover:()=>{h(l.format("YYYY-MM-DD"),!Y)},onFocus:()=>{p(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(),f(t.format("YYYY-MM-DD")))})(e)},role:"gridcell",focusDate:t(c),tabIndex:b};return e(r,Object.assign({},g,(()=>{const e={},a=l.format("YYYY-MM-DD"),r=o.month()===l.month();return!r&&D?(e.labelType="hidden",e):(r?t().isSame(l,"day")&&!v&&(e.labelType="current"):e.labelType="unavailable",n.includes(a)&&(e.labelType="selected",e.circleLeft="selected-outline",e.circleRight="selected-outline"),i&&l.isSame(i,"day")&&(n.includes(a)?(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)})()))};export{l as MultiCell};
 //# sourceMappingURL=multi-cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"multi-cell.js","sources":["../../../../src/shared/internal-calendar/multi/multi-cell.tsx"],"sourcesContent":["import dayjs, { Dayjs } from \"dayjs\";\nimport { CalendarHelper } from \"../../../util\";\nimport { DayCell } from \"../day-cell/day-cell\";\nimport { 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":["MultiCell","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":"qaAuBO,MAAMA,EAAY,EACrBC,OACAC,eACAC,gBACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAMA,MAAMC,EAAWC,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,EAAMzC,GACjBU,YAGJ,OAAOgC,EAACC,EAAOC,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,IAAQU,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"}
+{"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":["MultiCell","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":"qVAyBO,MAAMA,EAAY,EACrBC,OACAC,eACAC,gBACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAMA,MAAMC,EAAWC,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,EAAMzC,GACjBU,YAGJ,OAAOgC,EAACC,EAAOC,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,IAAQU,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/shared/internal-calendar/single/single-calendar-day-view.d.ts

@@ -1,6 +1,5 @@
-import { Dayjs } from "dayjs";
-import { CommonCalendarProps } from "../types";
-export type DayVariant = "default" | "other-month" | "today";
+import type { Dayjs } from "dayjs";
+import type { CommonCalendarProps } from "../types";
 interface CalendarDayViewProps extends CommonCalendarProps {
     selectedDate: string | undefined;
     calendarDate: Dayjs;

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

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

package/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 dayjs, { Dayjs } from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport { HeaderCell, RowDayCell, Wrapper } from \"../standard\";\nimport { 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","SingleCalendarDayView","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":"ugBAQAA,EAAMC,OAAOC,GAaN,MAAMC,EAAwB,EACjCC,eACAC,gBACAC,eACAC,WACAC,UACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAsB,MAE9CC,GAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACd,IAKJ,MAAMgB,EAAiBC,GAAY,IAK3Bf,GAAgBN,EAAMM,GAAcgB,OAAOlB,EAAc,SAClDJ,EAAMM,GAIbN,IAAQsB,OAAOlB,EAAc,SACtBJ,IAIPS,GAAWL,EAAakB,OAAOtB,EAAMS,GAAU,SACxCT,EAAMS,GAIVT,EAAMI,GAAcmB,QAAQ,UACpC,CAACjB,EAAcF,EAAcK,IAE1Be,EAAgBC,IAClB,MAAMC,EAAa1B,EAAMyB,GAEzB,GACIE,EAAeC,cACXF,EACAjB,EAAUT,EAAMS,QAAWoB,EAC3BnB,EAAUV,EAAMU,QAAWmB,GAEjC,CACE,IAAKH,EAAWJ,OAAOlB,EAAc,SAGjC,OAFAS,SAAAA,EAAkBY,QAClBX,EAAgBG,QAAUQ,GAG9BN,EAAcM,EAClB,GAMEK,EAAkBC,GACpB,IAAiBJ,EAAeK,aAAa5B,IAC7C,CAACA,IAEC6B,EAAcF,GAChB,IAAaX,KACb,CAACA,KAGEc,EAAYf,GAAiBgB,EAAiB,KAC9CC,EAAYC,GAAiBF,EAAiB,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,EAACC,EAAO,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,EAACC,EAAU,CAAA,eAAA,EAAAL,SACNnD,EAAMqD,GAAKI,OAAO,QADN,YAAYH,OAO1BxB,EAAgBsB,KAAI,CAACM,EAAMC,IAE1BJ,EAACK,EAAU,CACPf,KAAK,MAAK,aACE,QAAQc,EAAY,IAEhCE,aAAcnB,EAAoBS,SAEjCO,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAACQ,EAAU,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,SACIpE,EAAMqD,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","SingleCalendarDayView","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":"sdAUAA,EAAMC,OAAOC,GAUN,MAAMC,EAAwB,EACjCC,eACAC,gBACAC,eACAC,WACAC,UACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAsB,MAE9CC,GAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACd,IAKJ,MAAMgB,EAAiBC,GAAY,IAK3Bf,GAAgBN,EAAMM,GAAcgB,OAAOlB,EAAc,SAClDJ,EAAMM,GAIbN,IAAQsB,OAAOlB,EAAc,SACtBJ,IAIPS,GAAWL,EAAakB,OAAOtB,EAAMS,GAAU,SACxCT,EAAMS,GAIVT,EAAMI,GAAcmB,QAAQ,UACpC,CAACjB,EAAcF,EAAcK,IAE1Be,EAAgBC,IAClB,MAAMC,EAAa1B,EAAMyB,GAEzB,GACIE,EAAeC,cACXF,EACAjB,EAAUT,EAAMS,QAAWoB,EAC3BnB,EAAUV,EAAMU,QAAWmB,GAEjC,CACE,IAAKH,EAAWJ,OAAOlB,EAAc,SAGjC,OAFAS,SAAAA,EAAkBY,QAClBX,EAAgBG,QAAUQ,GAG9BN,EAAcM,EAClB,GAMEK,EAAkBC,GACpB,IAAiBJ,EAAeK,aAAa5B,IAC7C,CAACA,IAEC6B,EAAcF,GAChB,IAAaX,KACb,CAACA,KAGEc,EAAYf,GAAiBgB,EAAiB,KAC9CC,EAAYC,GAAiBF,EAAiB,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,EAAA,MAAA,CACIC,KAAK,OACLC,OAxEcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/B9B,EAAc,IACdkB,EAAc,IACd7B,EAAQ,IAAG,EAgEa,cACR,mBAAkB,aACnB,YACX0C,UAAWC,EAAcC,SAAA,CA5DtBtB,EAAgB,GAAGuB,KAAI,CAACC,EAAKC,IAChCC,EAAA,MAAA,CAEIN,UAAWO,4BAGVzD,EAAMsD,GAAKI,OAAO,QAJd,YAAYH,OAUlBzB,EAAgBuB,KAAI,CAACM,EAAMC,IAE1BJ,EAAA,MAAA,CACIZ,KAAK,MAAK,aACE,QAAQgB,EAAY,IAEhCC,aAAcnB,EACdQ,UAAWY,WAEVH,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAACQ,EAAU,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,SACIrE,EAAMsD,GAAKhC,OAAOW,EAAa,OACzB,GACA,GApBL,OAAO8B,QAPnBH,OA+CX"}

package/shared/internal-calendar/single/single-cell.d.ts

@@ -1,4 +1,4 @@
-import { Dayjs } from "dayjs";
+import type { Dayjs } from "dayjs";
 interface Props {
     date: Dayjs;
     calendarDate: Dayjs;

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

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

package/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 dayjs, { Dayjs } from \"dayjs\";\nimport { CalendarHelper } from \"../../../util\";\nimport { CellStyleProps, DayCell, DayCellProps } 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 = selectedDate && 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":["SingleCell","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":"qaAsBO,MAAMA,EAAa,EACtBC,OACAC,eACAC,eACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAKA,MAAMC,EAAWC,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,EAAMzC,GACjBU,YAGJ,OAAOgC,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAK7B,EAlDC,MACjB,MAAM8B,EAAwB,CAAA,EAE1BjD,EAAakD,UAAYnD,EAAKmD,QAC9BD,EAAME,UAAY3C,EACZ,SACA,cACCoC,IAAQQ,OAAOrD,EAAM,SAAWe,IACvCmC,EAAME,UAAY,WAGtB,MAAME,EAAapD,GAAgBF,EAAKqD,OAAOnD,EAAc,OACvDqD,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 = selectedDate && 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":["SingleCell","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":"qVAyBO,MAAMA,EAAa,EACtBC,OACAC,eACAC,eACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,0BACAC,WACAC,UACAC,UACAC,eACAC,eAKA,MAAMC,EAAWC,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,EAAMzC,GACjBU,YAGJ,OAAOgC,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAK7B,EAlDC,MACjB,MAAM8B,EAAwB,CAAA,EAE1BjD,EAAakD,UAAYnD,EAAKmD,QAC9BD,EAAME,UAAY3C,EACZ,SACA,cACCoC,IAAQQ,OAAOrD,EAAM,SAAWe,IACvCmC,EAAME,UAAY,WAGtB,MAAME,EAAapD,GAAgBF,EAAKqD,OAAOnD,EAAc,OACvDqD,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/shared/internal-calendar/standard/index.d.ts

@@ -1,2 +1 @@
 export * from "./standard-calendar-day-view";
-export * from "./standard-calendar-day-view.style";

package/shared/internal-calendar/standard/standard-calendar-day-view.d.ts

@@ -1,6 +1,5 @@
-import { Dayjs } from "dayjs";
-import { CommonCalendarProps, FocusType } from "../types";
-export type DayVariant = "default" | "other-month" | "today";
+import type { Dayjs } from "dayjs";
+import type { CommonCalendarProps, FocusType } from "../types";
 interface CalendarDayViewProps extends CommonCalendarProps {
     selectedStartDate: string | undefined;
     selectedEndDate: string | undefined;

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

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

package/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 dayjs, { Dayjs } from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport { 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","StandardCalendarDayView","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":"+cAYAA,EAAMC,OAAOC,GAgBN,MAAMC,EAA0B,EACnCC,eACAC,eACAC,gBACAC,oBACAC,kBACAC,WACAC,UACAC,iBACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAsB,MAE9CC,GAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACjB,IAKJ,MAAMmB,EAAiBC,GAAY,IAM3BjB,GACAP,EAAMO,GAAmBkB,OAAOrB,EAAc,SAEvCJ,EAAMO,GAIbC,GACAR,EAAMQ,GAAiBiB,OAAOrB,EAAc,SAErCJ,EAAMQ,GAIbR,IAAQyB,OAAOrB,EAAc,SACtBJ,IAIPY,GAAWR,EAAaqB,OAAOzB,EAAMY,GAAU,SACxCZ,EAAMY,GAIVZ,EAAMI,GAAcsB,QAAQ,UACpC,CAACnB,EAAmBH,EAAcI,EAAiBI,IAEhDe,EAAgBC,IAClB,MAAMC,EAAa7B,EAAM4B,GAEzB,GACIE,EAAeC,cACXF,EACAjB,EAAUZ,EAAMY,QAAWoB,EAC3BnB,EAAUb,EAAMa,QAAWmB,GAEjC,CACE,IAAKH,EAAWJ,OAAOrB,EAAc,SAGjC,OAFAY,SAAAA,EAAkBY,QAClBX,EAAgBG,QAAUQ,GAG9BN,EAAcM,EAClB,GAMEK,EAAkBC,GACpB,IAAiBJ,EAAeK,aAAa/B,IAC7C,CAACA,IAGCgC,EAAcF,GAChB,IAAaX,KACb,CAACA,KAGEc,EAAYf,GAAiBgB,EAAiB,KAC9CC,EAAYC,GAAiBF,EAAiB,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,EAACC,EAAO,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,EAACC,EAAU,CAAA,eAAA,EAAAL,SACNtD,EAAMwD,GAAKI,OAAO,QADN,YAAYH,OAO1BxB,EAAgBsB,KAAI,CAACM,EAAMC,IAE1BJ,EAACK,EAAU,CACPf,KAAK,MAAK,aACE,QAAQc,EAAY,IAEhCE,aAAcnB,EAAoBS,SAEjCO,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAACQ,EAAY,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","StandardCalendarDayView","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":"gdAUAA,EAAMC,OAAOC,GAaN,MAAMC,EAA0B,EACnCC,eACAC,eACAC,gBACAC,oBACAC,kBACAC,WACAC,UACAC,iBACAC,UACAC,UACAC,yBACAC,0BACAC,sBAKA,MAAMC,EAAkBC,EAAsB,MAE9CC,GAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACjB,IAKJ,MAAMmB,EAAiBC,GAAY,IAM3BjB,GACAP,EAAMO,GAAmBkB,OAAOrB,EAAc,SAEvCJ,EAAMO,GAIbC,GACAR,EAAMQ,GAAiBiB,OAAOrB,EAAc,SAErCJ,EAAMQ,GAIbR,IAAQyB,OAAOrB,EAAc,SACtBJ,IAIPY,GAAWR,EAAaqB,OAAOzB,EAAMY,GAAU,SACxCZ,EAAMY,GAIVZ,EAAMI,GAAcsB,QAAQ,UACpC,CAACnB,EAAmBH,EAAcI,EAAiBI,IAEhDe,EAAgBC,IAClB,MAAMC,EAAa7B,EAAM4B,GAEzB,GACIE,EAAeC,cACXF,EACAjB,EAAUZ,EAAMY,QAAWoB,EAC3BnB,EAAUb,EAAMa,QAAWmB,GAEjC,CACE,IAAKH,EAAWJ,OAAOrB,EAAc,SAGjC,OAFAY,SAAAA,EAAkBY,QAClBX,EAAgBG,QAAUQ,GAG9BN,EAAcM,EAClB,GAMEK,EAAkBC,GACpB,IAAiBJ,EAAeK,aAAa/B,IAC7C,CAACA,IAGCgC,EAAcF,GAChB,IAAaX,KACb,CAACA,KAGEc,EAAYf,GAAiBgB,EAAiB,KAC9CC,EAAYC,GAAiBF,EAAiB,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,EAAA,MAAA,CACIC,KAAK,OAAM,aACA,YAAW,cACV,mBACZC,OA3EcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/B9B,EAAc,IACdkB,EAAc,IACd9B,EAAQ,IAAG,EAoEP2C,UAAWC,EAAcC,SAAA,CA7DtBtB,EAAgB,GAAGuB,KAAI,CAACC,EAAKC,IAChCC,EAAA,MAAA,CAEIN,UAAWO,4BAGV5D,EAAMyD,GAAKI,OAAO,QAJd,YAAYH,OAUlBzB,EAAgBuB,KAAI,CAACM,EAAMC,IAE1BJ,EAAA,MAAA,CACIZ,KAAK,MAAK,aACE,QAAQgB,EAAY,IAEhCC,aAAcnB,EACdQ,UAAWY,WAEVH,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAACQ,EAAY,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/shared/internal-calendar/standard/standard-calendar-day-view.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const wrapper: import("@linaria/core").LinariaClassName;
+export declare const headerCell: import("@linaria/core").LinariaClassName;
+export declare const rowDayCell: import("@linaria/core").LinariaClassName;

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

@@ -0,0 +1,2 @@
+import"./standard-calendar-day-view.styles_1bw26au.css";const a="w1fb9dn4",d="hd5h60i",r="r7m17b5";export{d as headerCell,r as rowDayCell,a as wrapper};
+//# sourceMappingURL=standard-calendar-day-view.styles.js.map

package/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":["wrapper","headerCell","rowDayCell"],"mappings":"yGAIO,MAAMA,EAAO,WAOPC,EAAU,UAYVC,EAAU"}

package/shared/internal-calendar/standard/standard-calendar-day-view.styles_1bw26au.css

@@ -0,0 +1,3 @@
+@layer fds{.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-body);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/shared/internal-calendar/standard/standard-cell.d.ts

@@ -1,5 +1,5 @@
-import { Dayjs } from "dayjs";
-import { FocusType } from "../types";
+import type { Dayjs } from "dayjs";
+import type { FocusType } from "../types";
 interface Props {
     date: Dayjs;
     calendarDate: Dayjs;