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

package/cjs/shared/internal-calendar/calendar-manager.styles_1q13ylk.css

@@ -0,0 +1,22 @@
+.idyldum{color:var(--fds-colour-icon);height:1rem;width:1rem;}
+.islfrvo{-webkit-transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;margin-left:0.5rem;}
+.i9mhzaa{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
+.c1pjct36{position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:var(--fds-internal-calendarDropdown-verticalInset);padding-bottom:var(--fds-internal-calendarDropdown-verticalInset);}
+.tnbj4wx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}
+.d1wdaxlf{isolation:isolate;width:100%;padding-left:var(--fds-internal-calendarDropdown-horizontalInset);padding-right:var(--fds-internal-calendarDropdown-horizontalInset);}
+.o9us63x{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--fds-colour-bg);padding-left:var(--fds-internal-calendarDropdown-horizontalInset);padding-right:var(--fds-internal-calendarDropdown-horizontalInset);}
+.h1vuzb9k{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;padding-left:var(
+        --fds-internal-calendarDropdown-horizontalInset,
+        var(--fds-internal-calendarDropdown-horizontalInset)
+    );padding-right:var(
+        --fds-internal-calendarDropdown-horizontalInset,
+        var(--fds-internal-calendarDropdown-horizontalInset)
+    );padding-bottom:var(--fds-internal-calendarDropdown-headerBottomSpacing);}
+.hwdoiu6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.d11dpfam{border:none;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;padding:0.5rem;background:transparent;cursor:pointer;}
+.d14qnn0y{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);color:var(--fds-colour-text);}
+.h6pztie{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.h1g80qmc{margin:auto 0;padding:0.75rem;}.h1g80qmc:disabled{cursor:not-allowed;}
+.h1eddcvs{display:none;}
+.ah8v88g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.5rem;margin-top:1.5rem;padding-left:var(--fds-internal-calendarDropdown-horizontalInset);padding-right:var(--fds-internal-calendarDropdown-horizontalInset);}
+.am01jhq{-webkit-flex:1;-ms-flex:1;flex:1;}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),l=require("../../../external/dayjs/dayjs.min.js"),a=require("react"),r=require("./day-cell.style.js");exports.DayCell=({bgLeft:t,bgRight:i,circleLeft:n,circleRight:s,labelType:d,disabled:c,interactive:o,currentDateIndicator:u,date:b,onSelect:y,onHover:f,onFocus:j,onHoverEnd:x,onKeyDown:v,focusDate:$,label:h,ariaHidden:p,tabIndex:L=-1,role:g="button"})=>{const D=l.default().isSame(b,"day"),M=!!$&&$.isSame(b,"day"),m=`${b.format("D MMMM YYYY dddd")}, ${c?"Unavailable":"Available"}`,C=a.useRef(null);a.useEffect((()=>{var e;M&&C.current&&(null===(e=C.current)||void 0===e||e.focus())}),[M]);return e.jsxs(r.Cell,{"aria-hidden":p,children:[e.jsx(r.LeftHalf,{$type:t}),e.jsx(r.LeftCircle,{$type:n}),e.jsx(r.RightHalf,{$type:i}),e.jsx(r.RightCircle,{$type:s}),e.jsx(r.LabelWrapper,{$interactive:o,children:e.jsxs(r.Label,{ref:C,tabIndex:L,role:g,"aria-label":h||m,"aria-disabled":!o,"aria-selected":"selected"===d||"selected-hover"===d,$type:d,$disabled:c,$interactive:o,onClick:()=>{null==y||y(b)},onKeyDown:e=>{null==v||v(e)},onMouseEnter:()=>{null==f||f(b)},onMouseLeave:()=>{null==x||x(b)},onFocus:()=>{null==j||j(b)},children:[b.date(),u&&D&&e.jsx(r.Indicator,{$disabled:c})]})})]})};
+"use strict";var e=require("react/jsx-runtime"),a=require("../../../external/dayjs/dayjs.min.js"),l=require("react"),d=require("./day-cell.styles.js");exports.DayCell=({bgLeft:t,bgRight:s,circleLeft:i,circleRight:r,labelType:c,disabled:n,interactive:o=!1,currentDateIndicator:u,date:y,onSelect:v,onHover:b,onFocus:f,onHoverEnd:m,onKeyDown:j,focusDate:x,label:p,ariaHidden:h,tabIndex:N=-1,role:g="button"})=>{const M=!!x&&x.isSame(y,"day"),D=`${y.format("D MMMM YYYY dddd")}, ${n?"Unavailable":"Available"}`,H="gridcell"===g,q="selected"===c||"selected-hover"===c,C=p||D,Y=n&&"hidden"!==c?void 0:c,E=l.useMemo((()=>a.default().isSame(y,"day")),[y]);let I="default";o?I="interactive":n&&(I="disabled");const L=l.useRef(null);l.useEffect((()=>{var e;M&&(null===(e=L.current)||void 0===e||e.focus())}),[M]);return e.jsxs("div",{className:d.cell,"aria-hidden":h,children:[e.jsx("div",{className:d.leftHalf,"data-day-cell-type":t}),e.jsx("div",{className:d.leftCircle,"data-day-cell-type":i}),e.jsx("div",{className:d.rightHalf,"data-day-cell-type":s}),e.jsx("div",{className:d.rightCircle,"data-day-cell-type":r}),e.jsx("span",{className:d.labelWrapper,"data-day-cell-state":I,children:e.jsxs("button",{type:"button",className:d.label,"data-day-cell-state":I,"data-day-cell-label-type":Y,"data-day-cell-disabled":n,ref:L,tabIndex:N,role:g,"aria-label":C,"aria-disabled":!(!n||o)||void 0,"aria-selected":H?q:void 0,onClick:o?()=>{null==v||v(y)}:void 0,onKeyDown:e=>{null==j||j(e)},onMouseEnter:o?()=>{null==b||b(y)}:void 0,onMouseLeave:o?()=>{null==m||m(y)}:void 0,onFocus:()=>{null==f||f(y)},children:[y.date(),u&&E&&e.jsx("div",{className:d.indicator})]})})]})};
 //# sourceMappingURL=day-cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"day-cell.js","sources":["../../../../../src/shared/internal-calendar/day-cell/day-cell.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { useEffect, useRef } from \"react\";\n\nimport {\n    Cell,\n    Indicator,\n    Label,\n    LabelWrapper,\n    LeftCircle,\n    LeftHalf,\n    RightCircle,\n    RightHalf,\n} from \"./day-cell.style\";\nimport type { DayCellProps } from \"./types\";\n\nexport const DayCell = ({\n    bgLeft,\n    bgRight,\n    circleLeft,\n    circleRight,\n    labelType,\n    disabled,\n    interactive,\n    currentDateIndicator,\n    date,\n    onSelect,\n    onHover,\n    onFocus,\n    onHoverEnd,\n    onKeyDown,\n    focusDate,\n    label,\n    ariaHidden,\n    tabIndex = -1,\n    role = \"button\",\n}: DayCellProps) => {\n    // =========================================================================\n    // CONST\n    // =========================================================================\n    const today = dayjs().isSame(date, \"day\");\n    const isFocused = focusDate ? focusDate.isSame(date, \"day\") : false;\n    const defaultLabel = `${date.format(\"D MMMM YYYY dddd\")}, ${\n        disabled ? \"Unavailable\" : \"Available\"\n    }`; // e.g. 1 January 2025 Tuesday, Unavailable\n\n    // =============================================================================\n    // REFS, EFFECTS\n    // =============================================================================\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (isFocused && ref.current) {\n            ref.current?.focus();\n        }\n    }, [isFocused]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleClick = () => {\n        onSelect?.(date);\n    };\n\n    const handleHover = () => {\n        onHover?.(date);\n    };\n\n    const handleFocus = () => {\n        onFocus?.(date);\n    };\n\n    const handleMouseout = () => {\n        onHoverEnd?.(date);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTION\n    // =========================================================================\n    return (\n        <Cell aria-hidden={ariaHidden}>\n            <LeftHalf $type={bgLeft}></LeftHalf>\n            <LeftCircle $type={circleLeft} />\n            <RightHalf $type={bgRight}></RightHalf>\n            <RightCircle $type={circleRight} />\n            <LabelWrapper $interactive={interactive}>\n                <Label\n                    ref={ref}\n                    tabIndex={tabIndex}\n                    role={role}\n                    aria-label={label || defaultLabel}\n                    aria-disabled={!interactive}\n                    aria-selected={\n                        labelType === \"selected\" ||\n                        labelType === \"selected-hover\"\n                    }\n                    $type={labelType}\n                    $disabled={disabled}\n                    $interactive={interactive}\n                    onClick={handleClick}\n                    onKeyDown={(event) => {\n                        onKeyDown?.(event);\n                    }}\n                    onMouseEnter={handleHover}\n                    onMouseLeave={handleMouseout}\n                    onFocus={handleFocus}\n                >\n                    {date.date()}\n                    {currentDateIndicator && today && (\n                        <Indicator $disabled={disabled} />\n                    )}\n                </Label>\n            </LabelWrapper>\n        </Cell>\n    );\n};\n"],"names":["bgLeft","bgRight","circleLeft","circleRight","labelType","disabled","interactive","currentDateIndicator","date","onSelect","onHover","onFocus","onHoverEnd","onKeyDown","focusDate","label","ariaHidden","tabIndex","role","today","dayjs","isSame","isFocused","defaultLabel","format","ref","useRef","useEffect","current","_a","focus","_jsxs","Cell","children","_jsx","LeftHalf","$type","LeftCircle","RightHalf","RightCircle","LabelWrapper","$interactive","Label","$disabled","onClick","event","onMouseEnter","onMouseLeave","Indicator"],"mappings":"sKAeuB,EACnBA,SACAC,UACAC,aACAC,cACAC,YACAC,WACAC,cACAC,uBACAC,OACAC,WACAC,UACAC,UACAC,aACAC,YACAC,YACAC,QACAC,aACAC,YAAW,EACXC,OAAO,aAKP,MAAMC,EAAQC,EAAAA,UAAQC,OAAOb,EAAM,OAC7Bc,IAAYR,GAAYA,EAAUO,OAAOb,EAAM,OAC/Ce,EAAe,GAAGf,EAAKgB,OAAO,wBAChCnB,EAAW,cAAgB,cAMzBoB,EAAMC,EAAAA,OAAuB,MAEnCC,EAAAA,WAAU,WACFL,GAAaG,EAAIG,UACN,QAAXC,EAAAJ,EAAIG,eAAO,IAAAC,GAAAA,EAAEC,QACjB,GACD,CAACR,IAwBJ,OACIS,OAACC,EAAAA,KAAI,CAAA,cAAchB,EAAUiB,SAAA,CACzBC,EAAAA,IAACC,EAAAA,SAAQ,CAAAC,MAAQpC,IACjBkC,MAACG,EAAAA,WAAU,CAAAD,MAAQlC,IACnBgC,EAAAA,IAACI,YAAS,CAAAF,MAAQnC,IAClBiC,EAAAA,IAACK,EAAAA,YAAW,CAAAH,MAAQjC,IACpB+B,EAAAA,IAACM,EAAAA,aAAY,CAAAC,aAAenC,EAAW2B,SACnCF,EAAAA,KAACW,EAAAA,MAAK,CACFjB,IAAKA,EACLR,SAAUA,EACVC,KAAMA,EAAI,aACEH,GAASQ,EAAY,iBACjBjB,EAAW,gBAET,aAAdF,GACc,mBAAdA,EAA8BgC,MAE3BhC,EAASuC,UACLtC,eACGC,EACdsC,QAvCI,KAChBnC,SAAAA,EAAWD,EAAK,EAuCJK,UAAYgC,IACRhC,SAAAA,EAAYgC,EAAM,EAEtBC,aAvCI,KAChBpC,SAAAA,EAAUF,EAAK,EAuCHuC,aAhCO,KACnBnC,SAAAA,EAAaJ,EAAK,EAgCNG,QArCI,KAChBA,SAAAA,EAAUH,EAAK,EAoCiByB,SAAA,CAEnBzB,EAAKA,OACLD,GAAwBY,GACrBe,EAAAA,IAACc,YAAS,CAAAL,UAAYtC,WAI/B"}
+{"version":3,"file":"day-cell.js","sources":["../../../../../src/shared/internal-calendar/day-cell/day-cell.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { useEffect, useMemo, useRef } from \"react\";\n\nimport * as styles from \"./day-cell.styles\";\nimport type { DayCellProps } from \"./types\";\n\nexport const DayCell = ({\n    bgLeft,\n    bgRight,\n    circleLeft,\n    circleRight,\n    labelType,\n    disabled,\n    interactive = false,\n    currentDateIndicator,\n    date,\n    onSelect,\n    onHover,\n    onFocus,\n    onHoverEnd,\n    onKeyDown,\n    focusDate,\n    label,\n    ariaHidden,\n    tabIndex = -1,\n    role = \"button\",\n}: DayCellProps) => {\n    // =========================================================================\n    // CONST\n    // =========================================================================\n    const isFocused = focusDate ? focusDate.isSame(date, \"day\") : false;\n    const defaultLabel = `${date.format(\"D MMMM YYYY dddd\")}, ${\n        disabled ? \"Unavailable\" : \"Available\"\n    }`; // e.g. 1 January 2025 Tuesday, Unavailable\n    const isGridcellRole = role === \"gridcell\";\n    const isSelected =\n        labelType === \"selected\" || labelType === \"selected-hover\";\n    const labelText = label || defaultLabel;\n    const labelTypeAttr =\n        disabled && labelType !== \"hidden\" ? undefined : labelType;\n    const isToday = useMemo(() => dayjs().isSame(date, \"day\"), [date]);\n    let interactionState = \"default\";\n    if (interactive) {\n        interactionState = \"interactive\";\n    } else if (disabled) {\n        interactionState = \"disabled\";\n    }\n\n    // =============================================================================\n    // REFS, EFFECTS\n    // =============================================================================\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    useEffect(() => {\n        if (isFocused) {\n            buttonRef.current?.focus();\n        }\n    }, [isFocused]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleClick = () => {\n        onSelect?.(date);\n    };\n\n    const handleHover = () => {\n        onHover?.(date);\n    };\n\n    const handleFocus = () => {\n        onFocus?.(date);\n    };\n\n    const handleMouseLeave = () => {\n        onHoverEnd?.(date);\n    };\n\n    const handleLabelKeyDown = (event: React.KeyboardEvent) => {\n        onKeyDown?.(event);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTION\n    // =========================================================================\n    return (\n        <div className={styles.cell} aria-hidden={ariaHidden}>\n            <div className={styles.leftHalf} data-day-cell-type={bgLeft} />\n            <div\n                className={styles.leftCircle}\n                data-day-cell-type={circleLeft}\n            />\n            <div className={styles.rightHalf} data-day-cell-type={bgRight} />\n            <div\n                className={styles.rightCircle}\n                data-day-cell-type={circleRight}\n            />\n            <span\n                className={styles.labelWrapper}\n                data-day-cell-state={interactionState}\n            >\n                <button\n                    type=\"button\"\n                    className={styles.label}\n                    data-day-cell-state={interactionState}\n                    data-day-cell-label-type={labelTypeAttr}\n                    data-day-cell-disabled={disabled}\n                    ref={buttonRef}\n                    tabIndex={tabIndex}\n                    role={role}\n                    aria-label={labelText}\n                    aria-disabled={disabled && !interactive ? true : undefined}\n                    aria-selected={isGridcellRole ? isSelected : undefined}\n                    onClick={interactive ? handleClick : undefined}\n                    onKeyDown={handleLabelKeyDown}\n                    onMouseEnter={interactive ? handleHover : undefined}\n                    onMouseLeave={interactive ? handleMouseLeave : undefined}\n                    onFocus={handleFocus}\n                >\n                    {date.date()}\n                    {currentDateIndicator && isToday && (\n                        <div className={styles.indicator} />\n                    )}\n                </button>\n            </span>\n        </div>\n    );\n};\n"],"names":["bgLeft","bgRight","circleLeft","circleRight","labelType","disabled","interactive","currentDateIndicator","date","onSelect","onHover","onFocus","onHoverEnd","onKeyDown","focusDate","label","ariaHidden","tabIndex","role","isFocused","isSame","defaultLabel","format","isGridcellRole","isSelected","labelText","labelTypeAttr","undefined","isToday","useMemo","dayjs","interactionState","buttonRef","useRef","useEffect","_a","current","focus","_jsxs","className","styles.cell","children","_jsx","styles.leftHalf","styles.leftCircle","styles.rightHalf","styles.rightCircle","styles.labelWrapper","type","styles.label","ref","onClick","event","onMouseEnter","onMouseLeave","styles.indicator"],"mappings":"uKAMuB,EACnBA,SACAC,UACAC,aACAC,cACAC,YACAC,WACAC,eAAc,EACdC,uBACAC,OACAC,WACAC,UACAC,UACAC,aACAC,YACAC,YACAC,QACAC,aACAC,YAAW,EACXC,OAAO,aAKP,MAAMC,IAAYL,GAAYA,EAAUM,OAAOZ,EAAM,OAC/Ca,EAAe,GAAGb,EAAKc,OAAO,wBAChCjB,EAAW,cAAgB,cAEzBkB,EAA0B,aAATL,EACjBM,EACY,aAAdpB,GAA0C,mBAAdA,EAC1BqB,EAAYV,GAASM,EACrBK,EACFrB,GAA0B,WAAdD,OAAyBuB,EAAYvB,EAC/CwB,EAAUC,WAAQ,IAAMC,YAAQV,OAAOZ,EAAM,QAAQ,CAACA,IAC5D,IAAIuB,EAAmB,UACnBzB,EACAyB,EAAmB,cACZ1B,IACP0B,EAAmB,YAMvB,MAAMC,EAAYC,EAAAA,OAA0B,MAE5CC,EAAAA,WAAU,WACFf,IACiB,QAAjBgB,EAAAH,EAAUI,eAAO,IAAAD,GAAAA,EAAEE,QACvB,GACD,CAAClB,IA4BJ,OACImB,OAAA,MAAA,CAAKC,UAAWC,EAAAA,KAAW,cAAexB,EAAUyB,SAAA,CAChDC,EAAAA,IAAA,MAAA,CAAKH,UAAWI,EAAAA,SAAe,qBAAsB3C,IACrD0C,EAAAA,IAAA,MAAA,CACIH,UAAWK,EAAAA,WAAiB,qBACR1C,IAExBwC,EAAAA,IAAA,MAAA,CAAKH,UAAWM,EAAAA,UAAgB,qBAAsB5C,IACtDyC,EAAAA,WACIH,UAAWO,EAAAA,YAAkB,qBACT3C,IAExBuC,EAAAA,IAAA,OAAA,CACIH,UAAWQ,EAAAA,aAAmB,sBACThB,EAAgBU,SAErCH,EAAAA,KAAA,SAAA,CACIU,KAAK,SACLT,UAAWU,EAAAA,MAAY,sBACFlB,6BACKL,EAAa,yBACfrB,EACxB6C,IAAKlB,EACLf,SAAUA,EACVC,KAAMA,EAAI,aACEO,EAAS,mBACNpB,GAAaC,SAAqBqB,EAAS,gBAC3CJ,EAAiBC,OAAaG,EAC7CwB,QAAS7C,EAnDL,KAChBG,SAAAA,EAAWD,EAAK,OAkDiCmB,EACrCd,UApCYuC,IACxBvC,SAAAA,EAAYuC,EAAM,EAoCNC,aAAc/C,EAjDV,KAChBI,SAAAA,EAAUF,EAAK,OAgDuCmB,EAC1C2B,aAAchD,EA1CL,KACrBM,SAAAA,EAAaJ,EAAK,OAyCyCmB,EAC/ChB,QA/CI,KAChBA,SAAAA,EAAUH,EAAK,EA8CiBiC,SAAA,CAEnBjC,EAAKA,OACLD,GAAwBqB,GACrBc,EAAAA,IAAA,MAAA,CAAKH,UAAWgB,EAAAA,mBAI1B"}

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("../../../theme/tokens/border.js"),o=require("../../../theme/tokens/colour.js");require("../../../theme/tokens/font.js"),require("../../../theme/tokens/media-query.js");var r=require("../../../theme/tokens/motion.js"),l=require("../../../theme/tokens/radius.js");require("./day-cell.styles_vazxvn.css");r.Motion["duration-150"],r.Motion["ease-default"],e.Border["width-010"],e.Border.solid,o.Colour["bg-hover"],o.Colour["bg-hover"],o.Colour["bg-hover"],o.Colour["bg-hover-strong"],o.Colour["bg-hover-strong"],o.Colour["bg-hover-strong"],o.Colour["bg-hover-subtle"],o.Colour["border-hover"],o.Colour["border-hover"],o.Colour["bg-selected"],o.Colour["border-selected"],o.Colour["border-selected"],o.Colour["bg-selected"],o.Colour["border-selected-subtle"],o.Colour["border-selected-subtle"],o.Colour["bg-selected-hover"],o.Colour["bg-selected-hover"],o.Colour["border-selected-hover"],o.Colour["border-selected-hover"];r.Motion["duration-150"],r.Motion["ease-default"],e.Border["width-010"],e.Border.solid,l.Radius.md,o.Colour["bg-hover"],o.Colour["bg-hover"],o.Colour["bg-hover-strong"],o.Colour["bg-hover-strong"],o.Colour["bg-hover-subtle"],o.Colour["border-hover"],o.Colour["bg-selected"],o.Colour["border-selected"],o.Colour["bg-selected"],o.Colour["border-selected-subtle"],o.Colour["bg-selected-hover"],o.Colour["bg-selected-hover"],o.Colour["border-selected-hover"];exports.cell="cgev3fe",exports.indicator="i8ea7e7",exports.label="lm3qs71",exports.labelWrapper="lxr1b4f",exports.leftCircle="lyjz5wx",exports.leftHalf="l1vee93p",exports.rightCircle="r1l3qdei",exports.rightHalf="ri6o55u";
+//# sourceMappingURL=day-cell.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"day-cell.styles.js","sources":["../../../../../src/shared/internal-calendar/day-cell/day-cell.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Motion, Radius } from \"../../../theme/tokens\";\n\nexport const cell = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    width: 100%;\n    height: 2.5rem;\n`;\n\nexport const half = `\n    position: absolute;\n    height: 2.5rem;\n    width: 50%;\n    transition: ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} transparent;\n    border-left: none;\n    border-right: none;\n    background-clip: border-box;\n\n    &[data-day-cell-type=\"hover-subtle\"] {\n        background-color: ${Colour[\"bg-hover\"]};\n        border-top-color: ${Colour[\"bg-hover\"]};\n        border-bottom-color: ${Colour[\"bg-hover\"]};\n    }\n\n    &[data-day-cell-type=\"hover\"] {\n        background-color: ${Colour[\"bg-hover-strong\"]};\n        border-top-color: ${Colour[\"bg-hover-strong\"]};\n        border-bottom-color: ${Colour[\"bg-hover-strong\"]};\n    }\n\n    &[data-day-cell-type=\"hover-outline\"] {\n        background-color: ${Colour[\"bg-hover-subtle\"]};\n        border-top-color: ${Colour[\"border-hover\"]};\n        border-bottom-color: ${Colour[\"border-hover\"]};\n    }\n\n    &[data-day-cell-type=\"selected-outline\"] {\n        background-color: ${Colour[\"bg-selected\"]};\n        border-top-color: ${Colour[\"border-selected\"]};\n        border-bottom-color: ${Colour[\"border-selected\"]};\n    }\n\n    &[data-day-cell-type=\"selected-outline-subtle\"] {\n        background-color: ${Colour[\"bg-selected\"]};\n        border-top-color: ${Colour[\"border-selected-subtle\"]};\n        border-bottom-color: ${Colour[\"border-selected-subtle\"]};\n    }\n\n    &[data-day-cell-type=\"selected-hover\"] {\n        background-color: ${Colour[\"bg-selected-hover\"]};\n    }\n\n    &[data-day-cell-type=\"selected-hover-outline\"] {\n        background-color: ${Colour[\"bg-selected-hover\"]};\n        border-top-color: ${Colour[\"border-selected-hover\"]};\n        border-bottom-color: ${Colour[\"border-selected-hover\"]};\n    }\n`;\n\nexport const leftHalf = css`\n    ${half}\n    left: 0;\n`;\n\nexport const rightHalf = css`\n    ${half}\n    right: 0;\n`;\n\nexport const circle = `\n    position: absolute;\n    z-index: 1;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 2.5rem;\n    width: 2.5rem;\n    transition: ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} transparent;\n    border-radius: ${Radius[\"md\"]};\n    background-clip: content-box;\n\n    &[data-day-cell-type=\"hover-subtle\"] {\n        background-color: ${Colour[\"bg-hover\"]};\n        border-color: ${Colour[\"bg-hover\"]};\n    }\n\n    &[data-day-cell-type=\"hover\"] {\n        background-color: ${Colour[\"bg-hover-strong\"]};\n        border-color: ${Colour[\"bg-hover-strong\"]};\n    }\n\n    &[data-day-cell-type=\"hover-outline\"] {\n        background-color: ${Colour[\"bg-hover-subtle\"]};\n        border-color: ${Colour[\"border-hover\"]};\n    }\n\n    &[data-day-cell-type=\"selected-outline\"] {\n        background-color: ${Colour[\"bg-selected\"]};\n        border-color: ${Colour[\"border-selected\"]};\n    }\n\n    &[data-day-cell-type=\"selected-outline-subtle\"] {\n        background-color: ${Colour[\"bg-selected\"]};\n        border-color: ${Colour[\"border-selected-subtle\"]};\n    }\n\n    &[data-day-cell-type=\"selected-hover\"] {\n        background-color: ${Colour[\"bg-selected-hover\"]};\n    }\n\n    &[data-day-cell-type=\"selected-hover-outline\"] {\n        background-color: ${Colour[\"bg-selected-hover\"]};\n        border-color: ${Colour[\"border-selected-hover\"]};\n    }\n`;\n\nexport const leftCircle = css`\n    ${circle}\n    right: calc(50% - 1.25rem);\n    clip-path: inset(-3px 1.25rem -3px -3px);\n`;\n\nexport const rightCircle = css`\n    ${circle}\n    left: calc(50% - 1.25rem);\n    clip-path: inset(-3px -3px -3px 1.25rem);\n`;\n\nexport const labelWrapper = css`\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: 2;\n    cursor: default;\n\n    &[data-day-cell-state=\"interactive\"] {\n        cursor: pointer;\n    }\n\n    &[data-day-cell-state=\"disabled\"] {\n        cursor: not-allowed;\n    }\n`;\n\nexport const label = css`\n    all: unset;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 2.5rem;\n    width: 2.5rem;\n    ${Font[\"body-md-regular\"]}\n    transition: ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n    pointer-events: none;\n    color: ${Colour[\"text\"]};\n\n    &[data-day-cell-state=\"interactive\"] {\n        pointer-events: auto;\n    }\n\n    &[data-day-cell-label-type=\"selected\"] {\n        font-weight: ${Font.Spec[\"weight-semibold\"]};\n        color: ${Colour[\"text-selected\"]};\n    }\n\n    &[data-day-cell-label-type=\"selected-hover\"] {\n        font-weight: ${Font.Spec[\"weight-semibold\"]};\n        color: ${Colour[\"text-selected-hover\"]};\n    }\n\n    &[data-day-cell-label-type=\"current\"] {\n        font-weight: ${Font.Spec[\"weight-semibold\"]};\n        color: ${Colour[\"text-primary\"]};\n    }\n\n    &[data-day-cell-label-type=\"hover\"] {\n        font-weight: ${Font.Spec[\"weight-semibold\"]};\n        color: ${Colour[\"text-hover\"]};\n    }\n\n    &[data-day-cell-label-type=\"unavailable\"] {\n        color: ${Colour[\"text-disabled-subtlest\"]};\n    }\n\n    &[data-day-cell-label-type=\"hidden\"] {\n        visibility: hidden;\n    }\n\n    &[data-day-cell-disabled=\"true\"] {\n        color: ${Colour[\"text-disabled-subtlest\"]};\n    }\n\n    &:focus {\n        outline: none;\n    }\n`;\n\nexport const indicator = css`\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background-color: currentColor;\n    border-radius: 100%;\n    bottom: 4px;\n`;\n"],"names":["Motion","Border","Colour","Radius"],"mappings":"2XAiBkBA,EAAAA,OAAO,gBAAmBA,EAAAA,OAAO,gBACrCC,EAAAA,OAAO,aAAgBA,EAAAA,OAAc,MAMvBC,EAAAA,OAAO,YACPA,EAAAA,OAAO,YACJA,EAAAA,OAAO,YAIVA,EAAAA,OAAO,mBACPA,EAAAA,OAAO,mBACJA,EAAAA,OAAO,mBAIVA,EAAAA,OAAO,mBACPA,EAAAA,OAAO,gBACJA,EAAAA,OAAO,gBAIVA,EAAAA,OAAO,eACPA,EAAAA,OAAO,mBACJA,EAAAA,OAAO,mBAIVA,EAAAA,OAAO,eACPA,EAAAA,OAAO,0BACJA,EAAAA,OAAO,0BAIVA,EAAAA,OAAO,qBAIPA,EAAAA,OAAO,qBACPA,EAAAA,OAAO,yBACJA,EAAAA,OAAO,yBAuBpBF,EAAAA,OAAO,gBAAmBA,EAAAA,OAAO,gBAErCC,EAAAA,OAAO,aAAgBA,EAAAA,OAAc,MAC9BE,EAAAA,OAAW,GAIJD,EAAAA,OAAO,YACXA,EAAAA,OAAO,YAIHA,EAAAA,OAAO,mBACXA,EAAAA,OAAO,mBAIHA,EAAAA,OAAO,mBACXA,EAAAA,OAAO,gBAIHA,EAAAA,OAAO,eACXA,EAAAA,OAAO,mBAIHA,EAAAA,OAAO,eACXA,EAAAA,OAAO,0BAIHA,EAAAA,OAAO,qBAIPA,EAAAA,OAAO,qBACXA,EAAAA,OAAO,sCApHd,4BAyMK,wBArDJ,+BAhBO,6BAZF,2BA5DF,+BAkEG,6BA7DF"}

package/cjs/shared/internal-calendar/day-cell/day-cell.styles_vazxvn.css

@@ -0,0 +1,8 @@
+.cgev3fe{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;position:relative;width:100%;height:2.5rem;}
+.l1vee93p{position:absolute;height:2.5rem;width:50%;-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);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;border-left:none;border-right:none;-webkit-background-clip:border-box;background-clip:border-box;left:0;}.l1vee93p[data-day-cell-type="hover-subtle"]{background-color:var(--fds-colour-bg-hover);border-top-color:var(--fds-colour-bg-hover);border-bottom-color:var(--fds-colour-bg-hover);}.l1vee93p[data-day-cell-type="hover"]{background-color:var(--fds-colour-bg-hover-strong);border-top-color:var(--fds-colour-bg-hover-strong);border-bottom-color:var(--fds-colour-bg-hover-strong);}.l1vee93p[data-day-cell-type="hover-outline"]{background-color:var(--fds-colour-bg-hover-subtle);border-top-color:var(--fds-colour-border-hover);border-bottom-color:var(--fds-colour-border-hover);}.l1vee93p[data-day-cell-type="selected-outline"]{background-color:var(--fds-colour-bg-selected);border-top-color:var(--fds-colour-border-selected);border-bottom-color:var(--fds-colour-border-selected);}.l1vee93p[data-day-cell-type="selected-outline-subtle"]{background-color:var(--fds-colour-bg-selected);border-top-color:var(--fds-colour-border-selected-subtle);border-bottom-color:var(--fds-colour-border-selected-subtle);}.l1vee93p[data-day-cell-type="selected-hover"]{background-color:var(--fds-colour-bg-selected-hover);}.l1vee93p[data-day-cell-type="selected-hover-outline"]{background-color:var(--fds-colour-bg-selected-hover);border-top-color:var(--fds-colour-border-selected-hover);border-bottom-color:var(--fds-colour-border-selected-hover);}
+.ri6o55u{position:absolute;height:2.5rem;width:50%;-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);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;border-left:none;border-right:none;-webkit-background-clip:border-box;background-clip:border-box;right:0;}.ri6o55u[data-day-cell-type="hover-subtle"]{background-color:var(--fds-colour-bg-hover);border-top-color:var(--fds-colour-bg-hover);border-bottom-color:var(--fds-colour-bg-hover);}.ri6o55u[data-day-cell-type="hover"]{background-color:var(--fds-colour-bg-hover-strong);border-top-color:var(--fds-colour-bg-hover-strong);border-bottom-color:var(--fds-colour-bg-hover-strong);}.ri6o55u[data-day-cell-type="hover-outline"]{background-color:var(--fds-colour-bg-hover-subtle);border-top-color:var(--fds-colour-border-hover);border-bottom-color:var(--fds-colour-border-hover);}.ri6o55u[data-day-cell-type="selected-outline"]{background-color:var(--fds-colour-bg-selected);border-top-color:var(--fds-colour-border-selected);border-bottom-color:var(--fds-colour-border-selected);}.ri6o55u[data-day-cell-type="selected-outline-subtle"]{background-color:var(--fds-colour-bg-selected);border-top-color:var(--fds-colour-border-selected-subtle);border-bottom-color:var(--fds-colour-border-selected-subtle);}.ri6o55u[data-day-cell-type="selected-hover"]{background-color:var(--fds-colour-bg-selected-hover);}.ri6o55u[data-day-cell-type="selected-hover-outline"]{background-color:var(--fds-colour-bg-selected-hover);border-top-color:var(--fds-colour-border-selected-hover);border-bottom-color:var(--fds-colour-border-selected-hover);}
+.lyjz5wx{position:absolute;z-index:1;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;width:2.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);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;border-radius:var(--fds-radius-md);-webkit-background-clip:content-box;background-clip:content-box;right:calc(50% - 1.25rem);-webkit-clip-path:inset(-3px 1.25rem -3px -3px);clip-path:inset(-3px 1.25rem -3px -3px);}.lyjz5wx[data-day-cell-type="hover-subtle"]{background-color:var(--fds-colour-bg-hover);border-color:var(--fds-colour-bg-hover);}.lyjz5wx[data-day-cell-type="hover"]{background-color:var(--fds-colour-bg-hover-strong);border-color:var(--fds-colour-bg-hover-strong);}.lyjz5wx[data-day-cell-type="hover-outline"]{background-color:var(--fds-colour-bg-hover-subtle);border-color:var(--fds-colour-border-hover);}.lyjz5wx[data-day-cell-type="selected-outline"]{background-color:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected);}.lyjz5wx[data-day-cell-type="selected-outline-subtle"]{background-color:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected-subtle);}.lyjz5wx[data-day-cell-type="selected-hover"]{background-color:var(--fds-colour-bg-selected-hover);}.lyjz5wx[data-day-cell-type="selected-hover-outline"]{background-color:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);}
+.r1l3qdei{position:absolute;z-index:1;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;width:2.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);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;border-radius:var(--fds-radius-md);-webkit-background-clip:content-box;background-clip:content-box;left:calc(50% - 1.25rem);-webkit-clip-path:inset(-3px -3px -3px 1.25rem);clip-path:inset(-3px -3px -3px 1.25rem);}.r1l3qdei[data-day-cell-type="hover-subtle"]{background-color:var(--fds-colour-bg-hover);border-color:var(--fds-colour-bg-hover);}.r1l3qdei[data-day-cell-type="hover"]{background-color:var(--fds-colour-bg-hover-strong);border-color:var(--fds-colour-bg-hover-strong);}.r1l3qdei[data-day-cell-type="hover-outline"]{background-color:var(--fds-colour-bg-hover-subtle);border-color:var(--fds-colour-border-hover);}.r1l3qdei[data-day-cell-type="selected-outline"]{background-color:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected);}.r1l3qdei[data-day-cell-type="selected-outline-subtle"]{background-color:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected-subtle);}.r1l3qdei[data-day-cell-type="selected-hover"]{background-color:var(--fds-colour-bg-selected-hover);}.r1l3qdei[data-day-cell-type="selected-hover-outline"]{background-color:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);}
+.lxr1b4f{position:absolute;top:0;bottom:0;z-index:2;cursor:default;}.lxr1b4f[data-day-cell-state="interactive"]{cursor:pointer;}.lxr1b4f[data-day-cell-state="disabled"]{cursor:not-allowed;}
+.lm3qs71{all:unset;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;width:2.5rem;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);-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);pointer-events:none;color:var(--fds-colour-text);}.lm3qs71[data-day-cell-state="interactive"]{pointer-events:auto;}.lm3qs71[data-day-cell-label-type="selected"]{font-weight:var(--fds-font-weight-semibold);color:var(--fds-colour-text-selected);}.lm3qs71[data-day-cell-label-type="selected-hover"]{font-weight:var(--fds-font-weight-semibold);color:var(--fds-colour-text-selected-hover);}.lm3qs71[data-day-cell-label-type="current"]{font-weight:var(--fds-font-weight-semibold);color:var(--fds-colour-text-primary);}.lm3qs71[data-day-cell-label-type="hover"]{font-weight:var(--fds-font-weight-semibold);color:var(--fds-colour-text-hover);}.lm3qs71[data-day-cell-label-type="unavailable"]{color:var(--fds-colour-text-disabled-subtlest);}.lm3qs71[data-day-cell-label-type="hidden"]{visibility:hidden;}.lm3qs71[data-day-cell-disabled="true"]{color:var(--fds-colour-text-disabled-subtlest);}.lm3qs71:focus{outline:none;}
+.i8ea7e7{position:absolute;width:4px;height:4px;background-color:currentColor;border-radius:100%;bottom:4px;}

package/cjs/shared/internal-calendar/fixed-range/fixed-range-calendar-day-view.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"fixed-range-calendar-day-view.js","sources":["../../../../../src/shared/internal-calendar/fixed-range/fixed-range-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 { HeaderCell, RowDayCell, Wrapper } from \"../standard\";\nimport type { CommonCalendarProps } from \"../types\";\nimport { FixedRangeDayCell } from \"./fixed-range-cell\";\n\ninterface FixedRangeCalendarDayViewProps extends CommonCalendarProps {\n    selectedStartDate: string | undefined;\n    numberOfDays: number | 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 FixedRangeCalendarDayView = ({\n    calendarDate,\n    disabledDates,\n    selectedStartDate,\n    onSelect,\n    onHover,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    numberOfDays,\n    setCalendarDate,\n}: FixedRangeCalendarDayViewProps) => {\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 (\n            selectedStartDate &&\n            dayjs(selectedStartDate).isSame(calendarDate, \"month\")\n        ) {\n            return dayjs(selectedStartDate);\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, 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        if (!!value && !dayjs(value).isSame(value, \"month\")) {\n            setHoverValue(\"\");\n        }\n    };\n\n    const handleHoverCell = (value: string, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\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                    key={weekIndex}\n                    onMouseLeave={handleMouseLeaveCell}\n                >\n                    {week.map((day, dayIndex) => {\n                        return (\n                            <FixedRangeDayCell\n                                key={`day-${dayIndex}`}\n                                date={day}\n                                calendarDate={calendarDate}\n                                selectedDate={selectedStartDate}\n                                hoverDate={hoverValue}\n                                focusDate={focusValue}\n                                minDate={minDate}\n                                maxDate={maxDate}\n                                disabledDates={disabledDates}\n                                allowDisabledSelection={allowDisabledSelection}\n                                onSelect={handleDayClick}\n                                onHover={handleHoverCell}\n                                numberOfDays={numberOfDays}\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":["calendarDate","disabledDates","selectedStartDate","onSelect","onHover","minDate","maxDate","allowDisabledSelection","numberOfDays","setCalendarDate","pendingFocusRef","useRef","useEffect","current","next","setFocusValue","getDateToFocus","useCallback","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","FixedRangeDayCell","date","selectedDate","hoverDate","focusDate","onFocus","tabIndex"],"mappings":"8VAkByC,EACrCA,eACAC,gBACAC,oBACAC,WACAC,UACAC,UACAC,UACAC,yBACAC,eACAC,sBAKA,MAAMC,EAAkBC,EAAAA,OAAsB,MAE9CC,EAAAA,WAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACd,IAKJ,MAAMgB,EAAiBC,EAAAA,aAAY,IAM3Bf,GACAgB,EAAAA,QAAMhB,GAAmBiB,OAAOnB,EAAc,SAEvCkB,EAAAA,QAAMhB,GAIbgB,EAAAA,UAAQC,OAAOnB,EAAc,SACtBkB,YAIPb,GAAWL,EAAamB,OAAOD,EAAAA,QAAMb,GAAU,SACxCa,EAAAA,QAAMb,GAIVa,UAAMlB,GAAcoB,QAAQ,UACpC,CAAClB,EAAmBF,EAAcK,IAE/BgB,EAAgBC,IAClB,MAAMC,EAAaL,EAAAA,QAAMI,GAEzB,GACIE,EAAAA,eAAeC,cACXF,EACAlB,EAAUa,EAAAA,QAAMb,QAAWqB,EAC3BpB,EAAUY,EAAAA,QAAMZ,QAAWoB,GAEjC,CACE,IAAKH,EAAWJ,OAAOnB,EAAc,SAGjC,OAFAS,SAAAA,EAAkBa,QAClBZ,EAAgBG,QAAUS,GAG9BP,EAAcO,EAClB,GAMEK,EAAkBC,EAAAA,SACpB,IAAiBJ,EAAAA,eAAeK,aAAa7B,IAC7C,CAACA,IAEC8B,EAAcF,EAAAA,SAChB,IAAaZ,KACb,CAACA,KAGEe,EAAYhB,GAAiBiB,EAAAA,SAAiB,KAC9CC,EAAYC,GAAiBF,EAAAA,SAAiB,IAK/CG,EAAiB,CAACb,EAAcc,KAC9BA,IAAe7B,IAEnBJ,EAASmB,GAEHA,IAAUJ,EAAAA,QAAMI,GAAOH,OAAOG,EAAO,UACvCY,EAAc,IAClB,EAGEG,EAAkB,CAACf,EAAec,KAChCA,IAAe7B,IACnB2B,EAAcZ,GACdlB,EAAQkB,GAAM,EAGZgB,EAAmBhB,IAErBY,EAAcZ,GACdlB,EAAQkB,EAAM,EAGZiB,EAAuB,KACzBL,EAAc,IACd9B,EAAQ,GAAG,EAgEf,OACIoC,EAAAA,KAACC,EAAAA,QAAO,CACJC,KAAK,OACLC,OAhEcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/BhC,EAAc,IACdmB,EAAc,IACd9B,EAAQ,IAAG,gBAyDK,mBAAkB,aACnB,YAAW4C,SAAA,CAnDnBrB,EAAgB,GAAGsB,KAAI,CAACC,EAAKC,IAChCC,EAAAA,IAACC,aAAU,CAAA,eAAA,EAAAL,SACN9B,UAAMgC,GAAKI,OAAO,QADN,YAAYH,OAO1BxB,EAAgBsB,KAAI,CAACM,EAAMC,IAE1BJ,EAAAA,IAACK,EAAAA,WAAU,CACPf,KAAK,MAELgB,aAAcnB,EAAoBS,SAEjCO,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAAAA,IAACQ,EAAAA,kBAAiB,CAEdC,KAAMX,EACNlD,aAAcA,EACd8D,aAAc5D,EACd6D,UAAW9B,EACX+B,UAAWjC,EACX1B,QAASA,EACTC,QAASA,EACTL,cAAeA,EACfM,uBAAwBA,EACxBJ,SAAUgC,EACV/B,QAASiC,EACT7B,aAAcA,EACdyD,QAAS3B,EACTjB,aAAcA,EACd6C,SACIhD,EAAAA,QAAMgC,GAAK/B,OAAOW,EAAa,OACzB,GACA,GAlBL,OAAO6B,QANnBH,OA2CP"}
+{"version":3,"file":"fixed-range-calendar-day-view.js","sources":["../../../../../src/shared/internal-calendar/fixed-range/fixed-range-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 { FixedRangeDayCell } from \"./fixed-range-cell\";\n\ninterface FixedRangeCalendarDayViewProps extends CommonCalendarProps {\n    selectedStartDate: string | undefined;\n    numberOfDays: number | 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 FixedRangeCalendarDayView = ({\n    calendarDate,\n    disabledDates,\n    selectedStartDate,\n    onSelect,\n    onHover,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    numberOfDays,\n    setCalendarDate,\n}: FixedRangeCalendarDayViewProps) => {\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 (\n            selectedStartDate &&\n            dayjs(selectedStartDate).isSame(calendarDate, \"month\")\n        ) {\n            return dayjs(selectedStartDate);\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, 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        if (!!value && !dayjs(value).isSame(value, \"month\")) {\n            setHoverValue(\"\");\n        }\n    };\n\n    const handleHoverCell = (value: string, isDisabled: boolean) => {\n        if (isDisabled && !allowDisabledSelection) return;\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                    key={weekIndex}\n                    onMouseLeave={handleMouseLeaveCell}\n                    className={styles.rowDayCell}\n                >\n                    {week.map((day, dayIndex) => {\n                        return (\n                            <FixedRangeDayCell\n                                key={`day-${dayIndex}`}\n                                date={day}\n                                calendarDate={calendarDate}\n                                selectedDate={selectedStartDate}\n                                hoverDate={hoverValue}\n                                focusDate={focusValue}\n                                minDate={minDate}\n                                maxDate={maxDate}\n                                disabledDates={disabledDates}\n                                allowDisabledSelection={allowDisabledSelection}\n                                onSelect={handleDayClick}\n                                onHover={handleHoverCell}\n                                numberOfDays={numberOfDays}\n                                onFocus={handleFocusCell}\n                                setFocusCell={setFocusCell}\n                                tabIndex={\n                                    dayjs(day).isSame(dateToFocus, \"day\")\n                                        ? 0\n                                        : -1\n                                }\n                            />\n                        );\n                    })}\n                </div>\n            );\n        });\n    };\n\n    return (\n        <div\n            role=\"grid\"\n            onBlur={handleOnBlur}\n            data-testid=\"calendar-content\"\n            aria-label=\"Date grid\"\n            className={styles.wrapper}\n        >\n            {renderHeader()}\n            {renderDayCells()}\n        </div>\n    );\n};\n"],"names":["calendarDate","disabledDates","selectedStartDate","onSelect","onHover","minDate","maxDate","allowDisabledSelection","numberOfDays","setCalendarDate","pendingFocusRef","useRef","useEffect","current","next","setFocusValue","getDateToFocus","useCallback","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","FixedRangeDayCell","date","selectedDate","hoverDate","focusDate","onFocus","tabIndex"],"mappings":"sSAkByC,EACrCA,eACAC,gBACAC,oBACAC,WACAC,UACAC,UACAC,UACAC,yBACAC,eACAC,sBAKA,MAAMC,EAAkBC,EAAAA,OAAsB,MAE9CC,EAAAA,WAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACd,IAKJ,MAAMgB,EAAiBC,EAAAA,aAAY,IAM3Bf,GACAgB,EAAAA,QAAMhB,GAAmBiB,OAAOnB,EAAc,SAEvCkB,EAAAA,QAAMhB,GAIbgB,EAAAA,UAAQC,OAAOnB,EAAc,SACtBkB,YAIPb,GAAWL,EAAamB,OAAOD,EAAAA,QAAMb,GAAU,SACxCa,EAAAA,QAAMb,GAIVa,UAAMlB,GAAcoB,QAAQ,UACpC,CAAClB,EAAmBF,EAAcK,IAE/BgB,EAAgBC,IAClB,MAAMC,EAAaL,EAAAA,QAAMI,GAEzB,GACIE,EAAAA,eAAeC,cACXF,EACAlB,EAAUa,EAAAA,QAAMb,QAAWqB,EAC3BpB,EAAUY,EAAAA,QAAMZ,QAAWoB,GAEjC,CACE,IAAKH,EAAWJ,OAAOnB,EAAc,SAGjC,OAFAS,SAAAA,EAAkBa,QAClBZ,EAAgBG,QAAUS,GAG9BP,EAAcO,EAClB,GAMEK,EAAkBC,EAAAA,SACpB,IAAiBJ,EAAAA,eAAeK,aAAa7B,IAC7C,CAACA,IAEC8B,EAAcF,EAAAA,SAChB,IAAaZ,KACb,CAACA,KAGEe,EAAYhB,GAAiBiB,EAAAA,SAAiB,KAC9CC,EAAYC,GAAiBF,EAAAA,SAAiB,IAK/CG,EAAiB,CAACb,EAAcc,KAC9BA,IAAe7B,IAEnBJ,EAASmB,GAEHA,IAAUJ,EAAAA,QAAMI,GAAOH,OAAOG,EAAO,UACvCY,EAAc,IAClB,EAGEG,EAAkB,CAACf,EAAec,KAChCA,IAAe7B,IACnB2B,EAAcZ,GACdlB,EAAQkB,GAAM,EAGZgB,EAAmBhB,IAErBY,EAAcZ,GACdlB,EAAQkB,EAAM,EAGZiB,EAAuB,KACzBL,EAAc,IACd9B,EAAQ,GAAG,EAqEf,OACIoC,EAAAA,KAAA,MAAA,CACIC,KAAK,OACLC,OArEcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/B/B,EAAc,IACdmB,EAAc,IACd9B,EAAQ,IAAG,EA6Da,cACR,mBAAkB,aACnB,YACX2C,UAAWC,EAAAA,QAAcC,SAAA,CAzDtBtB,EAAgB,GAAGuB,KAAI,CAACC,EAAKC,IAChCC,MAAA,MAAA,CAEIN,UAAWO,EAAAA,qCAGVpC,EAAAA,QAAMiC,GAAKI,OAAO,QAJd,YAAYH,OAUlBzB,EAAgBuB,KAAI,CAACM,EAAMC,IAE1BJ,EAAAA,IAAA,MAAA,CACIZ,KAAK,MAELiB,aAAcnB,EACdQ,UAAWY,EAAAA,WAAiBV,SAE3BO,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAAAA,IAACQ,EAAAA,kBAAiB,CAEdC,KAAMX,EACNnD,aAAcA,EACd+D,aAAc7D,EACd8D,UAAW/B,EACXgC,UAAWlC,EACX1B,QAASA,EACTC,QAASA,EACTL,cAAeA,EACfM,uBAAwBA,EACxBJ,SAAUgC,EACV/B,QAASiC,EACT7B,aAAcA,EACd0D,QAAS5B,EACTjB,aAAcA,EACd8C,SACIjD,EAAAA,QAAMiC,GAAKhC,OAAOW,EAAa,OACzB,GACA,GAlBL,OAAO8B,QAPnBH,OA6CX"}

package/cjs/shared/internal-calendar/fixed-range/fixed-range-cell.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("../../../external/dayjs/dayjs.min.js"),t=require("../../../util/calendar-helper.js"),r=require("../../../util/date-helper.js");require("react"),require("../../../util/string-helper.js");var l=require("../day-cell/day-cell.js");exports.FixedRangeDayCell=({date:d,calendarDate:n,selectedDate:s,hoverDate:o,focusDate:i,minDate:c,maxDate:u,disabledDates:D,allowDisabledSelection:y,numberOfDays:f=1,onSelect:m,onHover:b,onFocus:v,setFocusCell:h,tabIndex:p})=>{const M=t.CalendarHelper.isDisabledDay(d,D,c,u),Y=!M||y,{start:g,end:j}=s?t.CalendarHelper.getFixedRangeStartEnd(r.DateHelper.toDayjs(s),f):{start:void 0,end:void 0},{start:w,end:x}=o?t.CalendarHelper.getFixedRangeStartEnd(r.DateHelper.toDayjs(o),f):{start:void 0,end:void 0},S=!!s&&d.isBetween(g,j,"day","[]"),H=!!o&&d.isBetween(w,x,"day","[]"),q=S&&d.isSame(g,"day")||H&&d.isSame(w,"day"),F=S&&d.isSame(j,"day")||H&&d.isSame(x,"day"),C=`From ${a.default(w).format("D MMMM")} to ${a.default(x).format("D MMMM")}, ${M?"Unavailable":"Available"}`,R=()=>{m(d,!Y)},A=(e,a,t,r)=>{t?e.circleLeft=a:e.bgLeft=a,r?e.circleRight=a:e.bgRight=a},k={date:d,calendarDate:n,disabled:M,interactive:Y,currentDateIndicator:!0,onSelect:R,onHover:()=>{b(d.format("YYYY-MM-DD"),!Y)},onFocus:()=>{v(d.format("YYYY-MM-DD"))},onKeyDown:e=>{const a=e.key;if("Enter"===a||" "===a)return e.preventDefault(),void(Y&&R());(e=>{let a;const t={ArrowLeft:()=>d.subtract(1,"day"),ArrowRight:()=>d.add(1,"day"),ArrowUp:()=>d.subtract(7,"day"),ArrowDown:()=>d.add(7,"day"),Home:()=>d.startOf("week"),End:()=>d.endOf("week"),PageUp:()=>e.shiftKey?d.subtract(1,"year"):d.subtract(1,"month"),PageDown:()=>e.shiftKey?d.add(1,"year"):d.add(1,"month")}[e.key];t&&(e.preventDefault(),a=t(),h(a.format("YYYY-MM-DD")))})(e)},focusDate:a.default(i),role:"gridcell",tabIndex:p,label:C};return e.jsx(l.DayCell,Object.assign({},k,(()=>{const e={};return S||H?e.labelType="selected":n.month()!==d.month()?e.labelType="unavailable":a.default().isSame(d,"day")&&!M&&(e.labelType="current"),e})(),(()=>{const e={},a=d.format("YYYY-MM-DD");return H&&A(e,"hover",a===w,a===x),S&&A(e,"selected-outline",a===g,a===j),S&&H&&(A(e,"selected-hover-outline",q,F),a===w&&a!==g&&(e.circleLeft="selected-hover")),e})()))};
+"use strict";var e=require("react/jsx-runtime"),a=require("../../../external/dayjs/dayjs.min.js"),t=require("../../../util/calendar-helper.js"),r=require("../../../util/date-helper.js");require("react"),require("../../../util/simple-id-generator.js"),require("../../../util/string-helper.js"),require("@react-aria/live-announcer");var l=require("../day-cell/day-cell.js");exports.FixedRangeDayCell=({date:d,calendarDate:n,selectedDate:i,hoverDate:s,focusDate:o,minDate:c,maxDate:u,disabledDates:D,allowDisabledSelection:y,numberOfDays:f=1,onSelect:m,onHover:b,onFocus:v,setFocusCell:p,tabIndex:g})=>{const h=t.CalendarHelper.isDisabledDay(d,D,c,u),M=!h||y,{start:Y,end:j}=i?t.CalendarHelper.getFixedRangeStartEnd(r.DateHelper.toDayjs(i),f):{start:void 0,end:void 0},{start:w,end:x}=s?t.CalendarHelper.getFixedRangeStartEnd(r.DateHelper.toDayjs(s),f):{start:void 0,end:void 0},S=!!i&&d.isBetween(Y,j,"day","[]"),q=!!s&&d.isBetween(w,x,"day","[]"),H=S&&d.isSame(Y,"day")||q&&d.isSame(w,"day"),F=S&&d.isSame(j,"day")||q&&d.isSame(x,"day"),C=`From ${a.default(w).format("D MMMM")} to ${a.default(x).format("D MMMM")}, ${h?"Unavailable":"Available"}`,R=()=>{m(d,!M)},A=(e,a,t,r)=>{t?e.circleLeft=a:e.bgLeft=a,r?e.circleRight=a:e.bgRight=a},k={date:d,calendarDate:n,disabled:h,interactive:M,currentDateIndicator:!0,onSelect:R,onHover:()=>{b(d.format("YYYY-MM-DD"),!M)},onFocus:()=>{v(d.format("YYYY-MM-DD"))},onKeyDown:e=>{const a=e.key;if("Enter"===a||" "===a)return e.preventDefault(),void(M&&R());(e=>{let a;const t={ArrowLeft:()=>d.subtract(1,"day"),ArrowRight:()=>d.add(1,"day"),ArrowUp:()=>d.subtract(7,"day"),ArrowDown:()=>d.add(7,"day"),Home:()=>d.startOf("week"),End:()=>d.endOf("week"),PageUp:()=>e.shiftKey?d.subtract(1,"year"):d.subtract(1,"month"),PageDown:()=>e.shiftKey?d.add(1,"year"):d.add(1,"month")}[e.key];t&&(e.preventDefault(),a=t(),p(a.format("YYYY-MM-DD")))})(e)},focusDate:a.default(o),role:"gridcell",tabIndex:g,label:C};return e.jsx(l.DayCell,Object.assign({},k,(()=>{const e={};return S||q?e.labelType="selected":n.month()!==d.month()?e.labelType="unavailable":a.default().isSame(d,"day")&&!h&&(e.labelType="current"),e})(),(()=>{const e={},a=d.format("YYYY-MM-DD");return q&&A(e,"hover",a===w,a===x),S&&A(e,"selected-outline",a===Y,a===j),S&&q&&(A(e,"selected-hover-outline",H,F),a===w&&a!==Y&&(e.circleLeft="selected-hover")),e})()))};
 //# sourceMappingURL=fixed-range-cell.js.map

package/cjs/shared/internal-calendar/fixed-range/fixed-range-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"fixed-range-cell.js","sources":["../../../../../src/shared/internal-calendar/fixed-range/fixed-range-cell.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\n\nimport { CalendarHelper, DateHelper } from \"../../../util\";\nimport type { CellStyleProps, CellType, DayCellProps } from \"../day-cell\";\nimport { DayCell } from \"../day-cell\";\n\ninterface Props {\n    date: Dayjs;\n    calendarDate: Dayjs;\n    selectedDate: string | undefined;\n    focusDate: string;\n    hoverDate: string | undefined;\n    minDate?: string | undefined;\n    maxDate?: string | undefined;\n    disabledDates?: string[] | undefined;\n    allowDisabledSelection?: boolean | undefined;\n    numberOfDays?: number | 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 FixedRangeDayCell = ({\n    date,\n    calendarDate,\n    selectedDate,\n    hoverDate,\n    focusDate,\n    minDate,\n    maxDate,\n    disabledDates,\n    allowDisabledSelection,\n    numberOfDays = 1,\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    const { start: rangeStart, end: rangeEnd } = selectedDate\n        ? CalendarHelper.getFixedRangeStartEnd(\n              DateHelper.toDayjs(selectedDate),\n              numberOfDays\n          )\n        : { start: undefined, end: undefined };\n    const { start: hoverStart, end: hoverEnd } = hoverDate\n        ? CalendarHelper.getFixedRangeStartEnd(\n              DateHelper.toDayjs(hoverDate),\n              numberOfDays\n          )\n        : { start: undefined, end: undefined };\n\n    const isSelected =\n        !!selectedDate && date.isBetween(rangeStart, rangeEnd, \"day\", \"[]\");\n    const isHover =\n        !!hoverDate && date.isBetween(hoverStart, hoverEnd, \"day\", \"[]\");\n    const isStart =\n        (isSelected && date.isSame(rangeStart, \"day\")) ||\n        (isHover && date.isSame(hoverStart, \"day\"));\n    const isEnd =\n        (isSelected && date.isSame(rangeEnd, \"day\")) ||\n        (isHover && date.isSame(hoverEnd, \"day\"));\n\n    // For accessible label\n    const label = `From ${dayjs(hoverStart).format(\"D MMMM\")} to ${dayjs(\n        hoverEnd\n    ).format(\"D MMMM\")}, ${disabled ? \"Unavailable\" : \"Available\"}`;\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 applyRange = (\n        props: CellStyleProps,\n        type: CellType,\n        start: boolean,\n        end: boolean\n    ) => {\n        if (start) {\n            props.circleLeft = type;\n        } else {\n            props.bgLeft = type;\n        }\n\n        if (end) {\n            props.circleRight = type;\n        } else {\n            props.bgRight = type;\n        }\n    };\n\n    const getRangeStyle = (): CellStyleProps => {\n        const props: CellStyleProps = {};\n\n        const formattedDate = date.format(\"YYYY-MM-DD\");\n\n        if (isHover) {\n            applyRange(\n                props,\n                \"hover\",\n                formattedDate === hoverStart,\n                formattedDate === hoverEnd\n            );\n        }\n        if (isSelected) {\n            applyRange(\n                props,\n                \"selected-outline\",\n                formattedDate === rangeStart,\n                formattedDate === rangeEnd\n            );\n        }\n        if (isSelected && isHover) {\n            applyRange(props, \"selected-hover-outline\", isStart, isEnd);\n\n            if (formattedDate === hoverStart && formattedDate !== rangeStart) {\n                props.circleLeft = \"selected-hover\";\n            }\n        }\n\n        return props;\n    };\n\n    const getCellStyle = () => {\n        const props: CellStyleProps = {};\n\n        if (isSelected || isHover) {\n            props.labelType = \"selected\";\n        } else if (calendarDate.month() !== date.month()) {\n            props.labelType = \"unavailable\";\n        } else if (dayjs().isSame(date, \"day\") && !disabled) {\n            props.labelType = \"current\";\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        focusDate: dayjs(focusDate),\n        role: \"gridcell\",\n        tabIndex,\n        label,\n    };\n\n    return (\n        <DayCell {...commonProps} {...getCellStyle()} {...getRangeStyle()} />\n    );\n};\n"],"names":["date","calendarDate","selectedDate","hoverDate","focusDate","minDate","maxDate","disabledDates","allowDisabledSelection","numberOfDays","onSelect","onHover","onFocus","setFocusCell","tabIndex","disabled","CalendarHelper","isDisabledDay","interactive","start","rangeStart","end","rangeEnd","getFixedRangeStartEnd","DateHelper","toDayjs","undefined","hoverStart","hoverEnd","isSelected","isBetween","isHover","isStart","isSame","isEnd","label","dayjs","format","handleSelect","applyRange","props","type","circleLeft","bgLeft","circleRight","bgRight","commonProps","currentDateIndicator","onKeyDown","event","selectedKey","key","preventDefault","newFocusSelection","action","ArrowLeft","subtract","ArrowRight","add","ArrowUp","ArrowDown","Home","startOf","End","endOf","PageUp","shiftKey","PageDown","handleKeyNavigation","role","_jsx","DayCell","Object","assign","labelType","month","getCellStyle","formattedDate","getRangeStyle"],"mappings":"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"}
+{"version":3,"file":"fixed-range-cell.js","sources":["../../../../../src/shared/internal-calendar/fixed-range/fixed-range-cell.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\n\nimport { CalendarHelper, DateHelper } from \"../../../util\";\nimport type { CellStyleProps, CellType, DayCellProps } from \"../day-cell\";\nimport { DayCell } from \"../day-cell\";\n\ninterface Props {\n    date: Dayjs;\n    calendarDate: Dayjs;\n    selectedDate: string | undefined;\n    focusDate: string;\n    hoverDate: string | undefined;\n    minDate?: string | undefined;\n    maxDate?: string | undefined;\n    disabledDates?: string[] | undefined;\n    allowDisabledSelection?: boolean | undefined;\n    numberOfDays?: number | 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 FixedRangeDayCell = ({\n    date,\n    calendarDate,\n    selectedDate,\n    hoverDate,\n    focusDate,\n    minDate,\n    maxDate,\n    disabledDates,\n    allowDisabledSelection,\n    numberOfDays = 1,\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    const { start: rangeStart, end: rangeEnd } = selectedDate\n        ? CalendarHelper.getFixedRangeStartEnd(\n              DateHelper.toDayjs(selectedDate),\n              numberOfDays\n          )\n        : { start: undefined, end: undefined };\n    const { start: hoverStart, end: hoverEnd } = hoverDate\n        ? CalendarHelper.getFixedRangeStartEnd(\n              DateHelper.toDayjs(hoverDate),\n              numberOfDays\n          )\n        : { start: undefined, end: undefined };\n\n    const isSelected =\n        !!selectedDate && date.isBetween(rangeStart, rangeEnd, \"day\", \"[]\");\n    const isHover =\n        !!hoverDate && date.isBetween(hoverStart, hoverEnd, \"day\", \"[]\");\n    const isStart =\n        (isSelected && date.isSame(rangeStart, \"day\")) ||\n        (isHover && date.isSame(hoverStart, \"day\"));\n    const isEnd =\n        (isSelected && date.isSame(rangeEnd, \"day\")) ||\n        (isHover && date.isSame(hoverEnd, \"day\"));\n\n    // For accessible label\n    const label = `From ${dayjs(hoverStart).format(\"D MMMM\")} to ${dayjs(\n        hoverEnd\n    ).format(\"D MMMM\")}, ${disabled ? \"Unavailable\" : \"Available\"}`;\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 applyRange = (\n        props: CellStyleProps,\n        type: CellType,\n        start: boolean,\n        end: boolean\n    ) => {\n        if (start) {\n            props.circleLeft = type;\n        } else {\n            props.bgLeft = type;\n        }\n\n        if (end) {\n            props.circleRight = type;\n        } else {\n            props.bgRight = type;\n        }\n    };\n\n    const getRangeStyle = (): CellStyleProps => {\n        const props: CellStyleProps = {};\n\n        const formattedDate = date.format(\"YYYY-MM-DD\");\n\n        if (isHover) {\n            applyRange(\n                props,\n                \"hover\",\n                formattedDate === hoverStart,\n                formattedDate === hoverEnd\n            );\n        }\n        if (isSelected) {\n            applyRange(\n                props,\n                \"selected-outline\",\n                formattedDate === rangeStart,\n                formattedDate === rangeEnd\n            );\n        }\n        if (isSelected && isHover) {\n            applyRange(props, \"selected-hover-outline\", isStart, isEnd);\n\n            if (formattedDate === hoverStart && formattedDate !== rangeStart) {\n                props.circleLeft = \"selected-hover\";\n            }\n        }\n\n        return props;\n    };\n\n    const getCellStyle = () => {\n        const props: CellStyleProps = {};\n\n        if (isSelected || isHover) {\n            props.labelType = \"selected\";\n        } else if (calendarDate.month() !== date.month()) {\n            props.labelType = \"unavailable\";\n        } else if (dayjs().isSame(date, \"day\") && !disabled) {\n            props.labelType = \"current\";\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        focusDate: dayjs(focusDate),\n        role: \"gridcell\",\n        tabIndex,\n        label,\n    };\n\n    return (\n        <DayCell {...commonProps} {...getCellStyle()} {...getRangeStyle()} />\n    );\n};\n"],"names":["date","calendarDate","selectedDate","hoverDate","focusDate","minDate","maxDate","disabledDates","allowDisabledSelection","numberOfDays","onSelect","onHover","onFocus","setFocusCell","tabIndex","disabled","CalendarHelper","isDisabledDay","interactive","start","rangeStart","end","rangeEnd","getFixedRangeStartEnd","DateHelper","toDayjs","undefined","hoverStart","hoverEnd","isSelected","isBetween","isHover","isStart","isSame","isEnd","label","dayjs","format","handleSelect","applyRange","props","type","circleLeft","bgLeft","circleRight","bgRight","commonProps","currentDateIndicator","onKeyDown","event","selectedKey","key","preventDefault","newFocusSelection","action","ArrowLeft","subtract","ArrowRight","add","ArrowUp","ArrowDown","Home","startOf","End","endOf","PageUp","shiftKey","PageDown","handleKeyNavigation","role","_jsx","DayCell","Object","assign","labelType","month","getCellStyle","formattedDate","getRangeStyle"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../../external/dayjs/dayjs.min.js"),n=require("react"),a=require("../../util/calendar-helper.js"),r=require("./internal-calendar-month.style.js");exports.InternalCalendarMonth=({calendarDate:l,currentFocus:s,selectedStartDate:i,selectedEndDate:o,viewCalendarDate:c,isNewSelection:d,minDate:u,maxDate:h,allowDisabledSelection:m,onMonthSelect:f})=>{const v=n.useMemo((()=>a.CalendarHelper.generateMonths(t.default(l))),[l]),D=n.useRef(new Array(v.length).fill(null)),[b,p]=n.useState(v.findIndex((e=>e.isSame(c,"month"))));n.useEffect((()=>{var e;null!==b&&(null===(e=D.current[b])||void 0===e||e.focus())}),[b,v]);const w=(e,t)=>{t||f(e)},x=e=>{const t="start"===s&&o&&e.isAfter(o,"month")&&d,n="end"===s&&i&&e.isBefore(i,"month")&&d;return!(!t&&!n)},y=e=>{const n=e.format("MMMM"),r=(l=e,!a.CalendarHelper.isWithinRange(l,u?t.default(u):void 0,h?t.default(h):void 0,"month"));var l;const s=c.isSame(e,"month"),i=s?"selected-month":t.default().isSame(e,"month")?"current-month":"default",o=c.isSame(e,"year")?s?0:-1:0===e.month()?0:-1;return{disabledDisplay:r||x(e),interactive:!r||m,month:n,variant:i,tabIndex:o}};return v.length?e.jsx(r.Wrapper,{onBlur:()=>{p(null)},children:v.map(((t,n)=>{const{disabledDisplay:a,interactive:l,variant:s,month:i,tabIndex:o}=y(t);return e.jsx(r.MonthCell,{ref:e=>D.current[n]=e,tabIndex:o,role:"button","aria-disabled":!l,"aria-selected":"selected-month"===s,$variant:s,$disabledDisplay:a,$interactive:l,onClick:()=>w(t,!l),onKeyDown:e=>{((e,t,n)=>{const a=e.key;let r;const l=v.indexOf(t);switch(a){case"Enter":case" ":e.preventDefault(),w(t,n);break;case"ArrowLeft":r=l-1;break;case"ArrowRight":r=l+1;break;case"ArrowUp":r=l-2;break;case"ArrowDown":r=l+2}void 0!==r&&r>=0&&r<v.length&&(e.preventDefault(),p(r))})(e,t,!l)},children:i},i)}))}):null};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),n=require("../../external/dayjs/dayjs.min.js"),r=require("react"),a=require("../../util/calendar-helper.js"),l=require("./internal-calendar-month.styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t);exports.InternalCalendarMonth=({calendarDate:t,currentFocus:o,selectedStartDate:i,selectedEndDate:c,viewCalendarDate:d,isNewSelection:u,minDate:h,maxDate:m,allowDisabledSelection:f,onMonthSelect:v})=>{const D=r.useMemo((()=>a.CalendarHelper.generateMonths(n.default(t))),[t]),b=r.useRef(new Array(D.length).fill(null)),[p,C]=r.useState(D.findIndex((e=>e.isSame(d,"month"))));r.useEffect((()=>{var e;null!==p&&(null===(e=b.current[p])||void 0===e||e.focus())}),[p,D]);const w=(e,t)=>{t||v(e)},x=e=>{const t="start"===o&&c&&e.isAfter(c,"month")&&u,n="end"===o&&i&&e.isBefore(i,"month")&&u;return!(!t&&!n)},y=e=>{const t=e.format("MMMM"),r=(l=e,!a.CalendarHelper.isWithinRange(l,h?n.default(h):void 0,m?n.default(m):void 0,"month"));var l;const o=d.isSame(e,"month"),s=o?"selected-month":n.default().isSame(e,"month")?"current-month":"default",i=d.isSame(e,"year")?o?0:-1:0===e.month()?0:-1;return{disabledDisplay:r||x(e),interactive:!r||f,month:t,variant:s,tabIndex:i}};return D.length?e.jsx("div",{className:l.wrapper,onBlur:()=>{C(null)},children:D.map(((t,n)=>{const{disabledDisplay:r,interactive:a,variant:o,month:i,tabIndex:c}=y(t);return e.jsx("div",{ref:e=>b.current[n]=e,tabIndex:c,role:"button","aria-disabled":!a,"aria-selected":"selected-month"===o,className:s.default(l.monthCell,r&&l.monthCellDisabledDisplay,a&&l.monthCellInteractive,"current-month"===o&&l.monthCellCurrentMonth,"selected-month"===o&&l.monthCellSelectedMonth,a&&"selected-month"!==o&&l.monthCellDefaultHover,a&&"selected-month"===o&&l.monthCellSelectedHover),onClick:()=>w(t,!a),onKeyDown:e=>{((e,t,n)=>{const r=e.key;let a;const l=D.indexOf(t);switch(r){case"Enter":case" ":e.preventDefault(),w(t,n);break;case"ArrowLeft":a=l-1;break;case"ArrowRight":a=l+1;break;case"ArrowUp":a=l-2;break;case"ArrowDown":a=l+2}void 0!==a&&a>=0&&a<D.length&&(e.preventDefault(),C(a))})(e,t,!a)},children:i},i)}))}):null};
 //# sourceMappingURL=internal-calendar-month.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"internal-calendar-month.js","sources":["../../../../src/shared/internal-calendar/internal-calendar-month.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../util/calendar-helper\";\nimport { MonthCell, Wrapper } from \"./internal-calendar-month.style\";\nimport type { FocusType, InternalCalendarProps } from \"./types\";\n\nexport type MonthVariant = \"default\" | \"current-month\" | \"selected-month\";\n\ninterface Props\n    extends Pick<\n        InternalCalendarProps,\n        \"minDate\" | \"maxDate\" | \"allowDisabledSelection\"\n    > {\n    calendarDate: Dayjs;\n    currentFocus?: FocusType | undefined;\n    selectedStartDate: string | undefined;\n    selectedEndDate?: string | undefined;\n    viewCalendarDate: Dayjs;\n    isNewSelection: boolean;\n    onMonthSelect: (value: Dayjs) => void;\n}\n\nexport const InternalCalendarMonth = ({\n    calendarDate,\n    currentFocus,\n    selectedStartDate,\n    selectedEndDate,\n    viewCalendarDate,\n    isNewSelection,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    onMonthSelect,\n}: Props) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const months = useMemo<Dayjs[]>(\n        () => CalendarHelper.generateMonths(dayjs(calendarDate)),\n        [calendarDate]\n    );\n    const monthRefs = useRef<Array<HTMLDivElement | null>>(\n        new Array(months.length).fill(null)\n    );\n\n    const [focusedMonthIndex, setFocusedMonthIndex] = useState<number | null>(\n        months.findIndex((month) => month.isSame(viewCalendarDate, \"month\"))\n    );\n    useEffect(() => {\n        // Focus the month cell that corresponds to the focused month\n        if (focusedMonthIndex === null) return;\n\n        monthRefs.current[focusedMonthIndex]?.focus();\n    }, [focusedMonthIndex, months]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleOnBlur = () => {\n        // Reset focused year when the component loses focus\n        setFocusedMonthIndex(null);\n    };\n\n    const handleMonthClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled) return;\n\n        onMonthSelect(value);\n    };\n\n    const handleKeyDown = (\n        event: React.KeyboardEvent<HTMLDivElement>,\n        value: Dayjs,\n        isDisabled: boolean\n    ) => {\n        const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n        const selectedKey = keyboardEvent.key;\n\n        let newMonthSelection: number | undefined;\n        const currentIndex = months.indexOf(value);\n        switch (selectedKey) {\n            case \"Enter\":\n            case \" \":\n                event.preventDefault();\n                handleMonthClick(value, isDisabled);\n                break;\n            case \"ArrowLeft\":\n                newMonthSelection = currentIndex - 1;\n                break;\n            case \"ArrowRight\":\n                newMonthSelection = currentIndex + 1;\n                break;\n            case \"ArrowUp\":\n                newMonthSelection = currentIndex - 2;\n                break;\n            case \"ArrowDown\":\n                newMonthSelection = currentIndex + 2;\n                break;\n            default:\n                break;\n        }\n\n        if (\n            newMonthSelection !== undefined &&\n            newMonthSelection >= 0 &&\n            newMonthSelection < months.length\n        ) {\n            event.preventDefault();\n            setFocusedMonthIndex(newMonthSelection);\n        }\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const isDisabled = (day: Dayjs): boolean => {\n        const isWithinRange = CalendarHelper.isWithinRange(\n            day,\n            minDate ? dayjs(minDate) : undefined,\n            maxDate ? dayjs(maxDate) : undefined,\n            \"month\"\n        );\n\n        return !isWithinRange;\n    };\n\n    const isOutsideSelectedRange = (day: Dayjs): boolean => {\n        const isStartAfterEnd =\n            currentFocus === \"start\" &&\n            selectedEndDate &&\n            day.isAfter(selectedEndDate, \"month\") &&\n            isNewSelection;\n\n        const isEndBeforeStart =\n            currentFocus === \"end\" &&\n            selectedStartDate &&\n            day.isBefore(selectedStartDate, \"month\") &&\n            isNewSelection;\n\n        return !!(isStartAfterEnd || isEndBeforeStart);\n    };\n\n    const generateMonthStatus = (date: Dayjs) => {\n        const month = date.format(\"MMMM\");\n        const disabled = isDisabled(date);\n        const isSelectedMonth = viewCalendarDate.isSame(date, \"month\");\n\n        const variant: MonthVariant = isSelectedMonth\n            ? \"selected-month\"\n            : dayjs().isSame(date, \"month\")\n            ? \"current-month\"\n            : \"default\";\n\n        // Only selected month in tab order\n        const tabIndex = viewCalendarDate.isSame(date, \"year\")\n            ? isSelectedMonth\n                ? 0\n                : -1\n            : date.month() === 0\n            ? 0\n            : -1;\n\n        return {\n            disabledDisplay: disabled || isOutsideSelectedRange(date),\n            interactive: !disabled || allowDisabledSelection,\n            month,\n            variant,\n            tabIndex,\n        };\n    };\n\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n    if (!months.length) return null;\n\n    return (\n        <Wrapper onBlur={handleOnBlur}>\n            {months.map((date, index) => {\n                const {\n                    disabledDisplay,\n                    interactive,\n                    variant,\n                    month,\n                    tabIndex,\n                } = generateMonthStatus(date);\n\n                return (\n                    <MonthCell\n                        ref={(el) => (monthRefs.current[index] = el)}\n                        tabIndex={tabIndex}\n                        role=\"button\"\n                        aria-disabled={!interactive}\n                        aria-selected={variant === \"selected-month\"}\n                        key={month}\n                        $variant={variant}\n                        $disabledDisplay={disabledDisplay}\n                        $interactive={interactive}\n                        onClick={() => handleMonthClick(date, !interactive)}\n                        onKeyDown={(event) => {\n                            handleKeyDown(event, date, !interactive);\n                        }}\n                    >\n                        {month}\n                    </MonthCell>\n                );\n            })}\n        </Wrapper>\n    );\n};\n"],"names":["calendarDate","currentFocus","selectedStartDate","selectedEndDate","viewCalendarDate","isNewSelection","minDate","maxDate","allowDisabledSelection","onMonthSelect","months","useMemo","CalendarHelper","generateMonths","dayjs","monthRefs","useRef","Array","length","fill","focusedMonthIndex","setFocusedMonthIndex","useState","findIndex","month","isSame","useEffect","_a","current","focus","handleMonthClick","value","isDisabled","isOutsideSelectedRange","day","isStartAfterEnd","isAfter","isEndBeforeStart","isBefore","generateMonthStatus","date","format","disabled","isWithinRange","undefined","isSelectedMonth","variant","tabIndex","disabledDisplay","interactive","_jsx","Wrapper","onBlur","children","map","index","MonthCell","ref","el","role","$variant","$disabledDisplay","$interactive","onClick","onKeyDown","event","selectedKey","key","newMonthSelection","currentIndex","indexOf","preventDefault","handleKeyDown"],"mappings":"2OAwBqC,EACjCA,eACAC,eACAC,oBACAC,kBACAC,mBACAC,iBACAC,UACAC,UACAC,yBACAC,oBAKA,MAAMC,EAASC,WACX,IAAMC,iBAAeC,eAAeC,EAAAA,QAAMd,KAC1C,CAACA,IAECe,EAAYC,EAAAA,OACd,IAAIC,MAAMP,EAAOQ,QAAQC,KAAK,QAG3BC,EAAmBC,GAAwBC,EAAAA,SAC9CZ,EAAOa,WAAWC,GAAUA,EAAMC,OAAOrB,EAAkB,YAE/DsB,EAAAA,WAAU,WAEoB,OAAtBN,IAEgC,QAApCO,EAAAZ,EAAUa,QAAQR,UAAkB,IAAAO,GAAAA,EAAEE,QAAO,GAC9C,CAACT,EAAmBV,IAKvB,MAKMoB,EAAmB,CAACC,EAAcC,KAChCA,GAEJvB,EAAcsB,EAAM,EA2DlBE,EAA0BC,IAC5B,MAAMC,EACe,UAAjBlC,GACAE,GACA+B,EAAIE,QAAQjC,EAAiB,UAC7BE,EAEEgC,EACe,QAAjBpC,GACAC,GACAgC,EAAII,SAASpC,EAAmB,UAChCG,EAEJ,SAAU8B,IAAmBE,EAAiB,EAG5CE,EAAuBC,IACzB,MAAMhB,EAAQgB,EAAKC,OAAO,QACpBC,GA7BUR,EA6BYM,GA5BN5B,EAAAA,eAAe+B,cACjCT,EACA5B,EAAUQ,EAAAA,QAAMR,QAAWsC,EAC3BrC,EAAUO,EAAAA,QAAMP,QAAWqC,EAC3B,UALW,IAACV,EA8BhB,MAAMW,EAAkBzC,EAAiBqB,OAAOe,EAAM,SAEhDM,EAAwBD,EACxB,iBACA/B,YAAQW,OAAOe,EAAM,SACrB,gBACA,UAGAO,EAAW3C,EAAiBqB,OAAOe,EAAM,QACzCK,EACI,GACA,EACa,IAAjBL,EAAKhB,QACL,GACA,EAEN,MAAO,CACHwB,gBAAiBN,GAAYT,EAAuBO,GACpDS,aAAcP,GAAYlC,EAC1BgB,QACAsB,UACAC,WACH,EAML,OAAKrC,EAAOQ,OAGRgC,MAACC,EAAAA,QAAO,CAACC,OAtHQ,KAEjB/B,EAAqB,KAAK,EAoHGgC,SACxB3C,EAAO4C,KAAI,CAACd,EAAMe,KACf,MAAMP,gBACFA,EAAeC,YACfA,EAAWH,QACXA,EAAOtB,MACPA,EAAKuB,SACLA,GACAR,EAAoBC,GAExB,OACIU,EAAAA,IAACM,EAAAA,UAAS,CACNC,IAAMC,GAAQ3C,EAAUa,QAAQ2B,GAASG,EACzCX,SAAUA,EACVY,KAAK,SAAQ,iBACGV,EAAW,gBACA,mBAAZH,EAA4Bc,SAEjCd,EAAOe,iBACCb,EAAec,aACnBb,EACdc,QAAS,IAAMjC,EAAiBU,GAAOS,GACvCe,UAAYC,IAjIV,EAClBA,EACAlC,EACAC,KAEA,MACMkC,EADgBD,EACYE,IAElC,IAAIC,EACJ,MAAMC,EAAe3D,EAAO4D,QAAQvC,GACpC,OAAQmC,GACJ,IAAK,QACL,IAAK,IACDD,EAAMM,iBACNzC,EAAiBC,EAAOC,GACxB,MACJ,IAAK,YACDoC,EAAoBC,EAAe,EACnC,MACJ,IAAK,aACDD,EAAoBC,EAAe,EACnC,MACJ,IAAK,UACDD,EAAoBC,EAAe,EACnC,MACJ,IAAK,YACDD,EAAoBC,EAAe,OAOjBzB,IAAtBwB,GACAA,GAAqB,GACrBA,EAAoB1D,EAAOQ,SAE3B+C,EAAMM,iBACNlD,EAAqB+C,GACzB,EA2FoBI,CAAcP,EAAOzB,GAAOS,EAAY,WAG3CzB,GATIA,EAUG,MA9BD,IAiCb"}
+{"version":3,"file":"internal-calendar-month.js","sources":["../../../../src/shared/internal-calendar/internal-calendar-month.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../util/calendar-helper\";\nimport * as styles from \"./internal-calendar-month.styles\";\nimport type { FocusType, InternalCalendarProps } from \"./types\";\n\nexport type MonthVariant = \"default\" | \"current-month\" | \"selected-month\";\n\ninterface Props\n    extends Pick<\n        InternalCalendarProps,\n        \"minDate\" | \"maxDate\" | \"allowDisabledSelection\"\n    > {\n    calendarDate: Dayjs;\n    currentFocus?: FocusType | undefined;\n    selectedStartDate: string | undefined;\n    selectedEndDate?: string | undefined;\n    viewCalendarDate: Dayjs;\n    isNewSelection: boolean;\n    onMonthSelect: (value: Dayjs) => void;\n}\n\nexport const InternalCalendarMonth = ({\n    calendarDate,\n    currentFocus,\n    selectedStartDate,\n    selectedEndDate,\n    viewCalendarDate,\n    isNewSelection,\n    minDate,\n    maxDate,\n    allowDisabledSelection,\n    onMonthSelect,\n}: Props) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const months = useMemo<Dayjs[]>(\n        () => CalendarHelper.generateMonths(dayjs(calendarDate)),\n        [calendarDate]\n    );\n    const monthRefs = useRef<Array<HTMLDivElement | null>>(\n        new Array(months.length).fill(null)\n    );\n\n    const [focusedMonthIndex, setFocusedMonthIndex] = useState<number | null>(\n        months.findIndex((month) => month.isSame(viewCalendarDate, \"month\"))\n    );\n    useEffect(() => {\n        // Focus the month cell that corresponds to the focused month\n        if (focusedMonthIndex === null) return;\n\n        monthRefs.current[focusedMonthIndex]?.focus();\n    }, [focusedMonthIndex, months]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleOnBlur = () => {\n        // Reset focused year when the component loses focus\n        setFocusedMonthIndex(null);\n    };\n\n    const handleMonthClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled) return;\n\n        onMonthSelect(value);\n    };\n\n    const handleKeyDown = (\n        event: React.KeyboardEvent<HTMLDivElement>,\n        value: Dayjs,\n        isDisabled: boolean\n    ) => {\n        const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n        const selectedKey = keyboardEvent.key;\n\n        let newMonthSelection: number | undefined;\n        const currentIndex = months.indexOf(value);\n        switch (selectedKey) {\n            case \"Enter\":\n            case \" \":\n                event.preventDefault();\n                handleMonthClick(value, isDisabled);\n                break;\n            case \"ArrowLeft\":\n                newMonthSelection = currentIndex - 1;\n                break;\n            case \"ArrowRight\":\n                newMonthSelection = currentIndex + 1;\n                break;\n            case \"ArrowUp\":\n                newMonthSelection = currentIndex - 2;\n                break;\n            case \"ArrowDown\":\n                newMonthSelection = currentIndex + 2;\n                break;\n            default:\n                break;\n        }\n\n        if (\n            newMonthSelection !== undefined &&\n            newMonthSelection >= 0 &&\n            newMonthSelection < months.length\n        ) {\n            event.preventDefault();\n            setFocusedMonthIndex(newMonthSelection);\n        }\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const isDisabled = (day: Dayjs): boolean => {\n        const isWithinRange = CalendarHelper.isWithinRange(\n            day,\n            minDate ? dayjs(minDate) : undefined,\n            maxDate ? dayjs(maxDate) : undefined,\n            \"month\"\n        );\n\n        return !isWithinRange;\n    };\n\n    const isOutsideSelectedRange = (day: Dayjs): boolean => {\n        const isStartAfterEnd =\n            currentFocus === \"start\" &&\n            selectedEndDate &&\n            day.isAfter(selectedEndDate, \"month\") &&\n            isNewSelection;\n\n        const isEndBeforeStart =\n            currentFocus === \"end\" &&\n            selectedStartDate &&\n            day.isBefore(selectedStartDate, \"month\") &&\n            isNewSelection;\n\n        return !!(isStartAfterEnd || isEndBeforeStart);\n    };\n\n    const generateMonthStatus = (date: Dayjs) => {\n        const month = date.format(\"MMMM\");\n        const disabled = isDisabled(date);\n        const isSelectedMonth = viewCalendarDate.isSame(date, \"month\");\n\n        const variant: MonthVariant = isSelectedMonth\n            ? \"selected-month\"\n            : dayjs().isSame(date, \"month\")\n            ? \"current-month\"\n            : \"default\";\n\n        // Only selected month in tab order\n        const tabIndex = viewCalendarDate.isSame(date, \"year\")\n            ? isSelectedMonth\n                ? 0\n                : -1\n            : date.month() === 0\n            ? 0\n            : -1;\n\n        return {\n            disabledDisplay: disabled || isOutsideSelectedRange(date),\n            interactive: !disabled || allowDisabledSelection,\n            month,\n            variant,\n            tabIndex,\n        };\n    };\n\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n    if (!months.length) return null;\n\n    return (\n        <div className={styles.wrapper} onBlur={handleOnBlur}>\n            {months.map((date, index) => {\n                const {\n                    disabledDisplay,\n                    interactive,\n                    variant,\n                    month,\n                    tabIndex,\n                } = generateMonthStatus(date);\n\n                return (\n                    <div\n                        ref={(el) => (monthRefs.current[index] = el)}\n                        tabIndex={tabIndex}\n                        role=\"button\"\n                        aria-disabled={!interactive}\n                        aria-selected={variant === \"selected-month\"}\n                        key={month}\n                        className={clsx(\n                            styles.monthCell,\n                            disabledDisplay && styles.monthCellDisabledDisplay,\n                            interactive && styles.monthCellInteractive,\n                            variant === \"current-month\" &&\n                                styles.monthCellCurrentMonth,\n                            variant === \"selected-month\" &&\n                                styles.monthCellSelectedMonth,\n                            interactive &&\n                                variant !== \"selected-month\" &&\n                                styles.monthCellDefaultHover,\n                            interactive &&\n                                variant === \"selected-month\" &&\n                                styles.monthCellSelectedHover\n                        )}\n                        onClick={() => handleMonthClick(date, !interactive)}\n                        onKeyDown={(event) => {\n                            handleKeyDown(event, date, !interactive);\n                        }}\n                    >\n                        {month}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":["calendarDate","currentFocus","selectedStartDate","selectedEndDate","viewCalendarDate","isNewSelection","minDate","maxDate","allowDisabledSelection","onMonthSelect","months","useMemo","CalendarHelper","generateMonths","dayjs","monthRefs","useRef","Array","length","fill","focusedMonthIndex","setFocusedMonthIndex","useState","findIndex","month","isSame","useEffect","_a","current","focus","handleMonthClick","value","isDisabled","isOutsideSelectedRange","day","isStartAfterEnd","isAfter","isEndBeforeStart","isBefore","generateMonthStatus","date","format","disabled","isWithinRange","undefined","isSelectedMonth","variant","tabIndex","disabledDisplay","interactive","_jsx","className","styles.wrapper","onBlur","children","map","index","ref","el","role","clsx","styles.monthCell","styles.monthCellDisabledDisplay","styles.monthCellInteractive","styles.monthCellCurrentMonth","styles.monthCellSelectedMonth","styles.monthCellDefaultHover","styles.monthCellSelectedHover","onClick","onKeyDown","event","selectedKey","key","newMonthSelection","currentIndex","indexOf","preventDefault","handleKeyDown"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";require("./internal-calendar-month.styles_1pk3ynj.css");exports.monthCell="m37bydr",exports.monthCellCurrentMonth="m1t53w7a",exports.monthCellDefaultHover="mgh0mxh",exports.monthCellDisabledDisplay="m10033nc",exports.monthCellInteractive="mhzr9th",exports.monthCellSelectedHover="mhccb5n",exports.monthCellSelectedMonth="mznpfg",exports.wrapper="w1tx88ym";
+//# sourceMappingURL=internal-calendar-month.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"internal-calendar-month.styles.js","sources":["../../../../src/shared/internal-calendar/internal-calendar-month.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Motion, Radius } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const wrapper = css`\n    width: 100%;\n    height: 100%;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: repeat(6, 2.5rem);\n    align-content: center;\n    justify-content: center;\n\n    gap: 0.5rem 0;\n`;\n\nexport const monthCell = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: ${Radius[\"md\"]};\n    margin: 0 0.5rem;\n    transition: ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n\n    ${Font[\"body-md-regular\"]}\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} transparent;\n    background-clip: border-box;\n    color: ${Colour[\"text\"]};\n    cursor: default;\n`;\n\nexport const monthCellDisabledDisplay = css`\n    cursor: not-allowed;\n    color: ${Colour[\"text-disabled-subtlest\"]};\n`;\n\nexport const monthCellInteractive = css`\n    cursor: pointer;\n`;\n\nexport const monthCellCurrentMonth = css`\n    color: ${Colour[\"text-primary\"]};\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const monthCellSelectedMonth = css`\n    background: ${Colour[\"bg-selected\"]};\n    border-color: ${Colour[\"border-selected\"]};\n    color: ${Colour[\"text-selected\"]};\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const monthCellDefaultHover = css`\n    &:hover {\n        background: ${Colour[\"bg-hover\"]};\n        color: ${Colour[\"text-hover\"]};\n        font-weight: ${Font.Spec[\"weight-semibold\"]};\n    }\n`;\n\nexport const monthCellSelectedHover = css`\n    &:hover {\n        background: ${Colour[\"bg-selected-hover\"]};\n        border-color: ${Colour[\"border-selected-hover\"]};\n        color: ${Colour[\"text-selected-hover\"]};\n        font-weight: ${Font.Spec[\"weight-semibold\"]};\n    }\n`;\n"],"names":[],"mappings":"+HAmBsB,wCAwBY,yCAYA,2CArBG,wCAKJ,yCAwBE,yCAfA,yBAzCf"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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