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

package/cjs/shared/input-wrapper/input-wrapper.styles_je6maw.css

@@ -0,0 +1,14 @@
+@layer fds{.i156rlh{border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);}.i156rlh:focus-within,.i156rlh[data-focused="true"]{outline-offset:-1px;outline:var(--fds-border-width-020) var(--fds-border-style-solid) var(--fds-colour-border-focus);}
+.irl4gvd{border-color:transparent;padding:0;background:transparent!important;}.irl4gvd:focus-within,.irl4gvd[data-focused="true"]{outline-color:var(--fds-colour-border-focus);}
+.iwp8knk{background:var(--fds-colour-bg-disabled);cursor:not-allowed;}.iwp8knk:focus-within,.iwp8knk[data-focused="true"]{outline-color:var(--fds-colour-border-disabled);}
+.i1ec8vtj{border-color:var(--fds-colour-border-error);}.i1ec8vtj:focus-within,.i1ec8vtj[data-focused="true"]{outline-color:var(--fds-colour-border-error-focus);}
+.ijzjlan{border-color:transparent;background:transparent;}.ijzjlan:focus-within,.ijzjlan[data-focused="true"]{outline:none;}
+.i2dsxxh{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;position:relative;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;padding:0 var(--fds-spacing-16) 0 var(--fds-spacing-16);}
+.i1mziqol{padding-left:0;}
+.iyqh66s{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
+.b168rpxy{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);display:block;background:transparent;border:none;outline:none;box-shadow:none;padding:0;margin:0;--webkit-appearance:none;--moz-appearance:textfield;}.b168rpxy:disabled{color:var(--fds-colour-text-subtler);}.b168rpxy:disabled:hover{cursor:not-allowed;}.b168rpxy::-webkit-input-placeholder{color:var(--fds-colour-text-subtler);}.b168rpxy::-webkit-outer-spin-button,.b168rpxy::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}.b168rpxy::-webkit-input-placeholder{color:var(--fds-colour-text-subtler);}.b168rpxy::-moz-placeholder{color:var(--fds-colour-text-subtler);}.b168rpxy:-ms-input-placeholder{color:var(--fds-colour-text-subtler);}.b168rpxy::placeholder{color:var(--fds-colour-text-subtler);}
+.b1df0tus{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
+.b191fi5o{background:transparent;border:none;outline:none;}.b191fi5o:focus,.b191fi5o:active{outline:none;}.b191fi5o:focus-visible{outline:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border-focus);border-radius:var(--fds-radius-sm);}
+.c179s2uy{background:transparent;border:none;outline:none;height:auto;padding:var(--fds-spacing-12) var(--fds-spacing-16);margin:calc(var(--fds-spacing-12) * -1) calc(var(--fds-spacing-16) * -1);cursor:pointer;color:var(--fds-colour-icon);}.c179s2uy:focus,.c179s2uy:active{outline:none;}.c179s2uy:focus-visible{outline:2px solid var(--fds-colour-border-focus);border-radius:var(--fds-radius-sm);}
+.c1buolhy{height:1.25rem;width:1.25rem;vertical-align:middle;}
+.ccmyj2w{position:absolute;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;right:var(--fds-spacing-16);}}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../dropdown-wrapper/element-with-dropdown.js"),n=require("./calendar-dropdown.style.js"),a=require("./internal-calendar.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=d(r).default.forwardRef(((r,d)=>{const{elementWidth:s,setFloatingRef:o,getFloatingProps:i,styles:l}=t.useDropdownRender();return e.jsx(n.CalendarWrapper,Object.assign({$width:s,"data-testid":"calendar-dropdown",ref:o,style:l},i(),{children:e.jsx(a.InternalCalendar,Object.assign({ref:d},r))}))}));exports.CalendarDropdown=s;
+"use strict";var e=require("react/jsx-runtime"),r=require("react");require("../../theme/theme-provider/index.js"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js"),require("../../theme/tokens/font.js"),require("../../theme/tokens/media-query.js");var t=require("../../theme/utils/use-apply-styles.js");require("../../theme/utils/use-media-query.js"),require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js");var s=require("../../util/merge-refs.js");require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer");var i=require("../dropdown-wrapper/element-with-dropdown.js"),n=require("./calendar-dropdown.styles.js"),a=require("./internal-calendar.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=u(r).default.forwardRef(((u,l)=>{const{elementWidth:d,setFloatingRef:o,getFloatingProps:j,styles:p}=i.useDropdownRender(),c=r.useRef(null);return t.useApplyStyle(c,Object.assign({[n.tokens.width]:`${d}px`},p)),e.jsx("div",Object.assign({className:n.calendarWrapper,"data-testid":"calendar-dropdown",ref:s.mergeRefs(o,c)},j(),{children:e.jsx(a.InternalCalendar,Object.assign({ref:l},u))}))}));exports.CalendarDropdown=l;
 //# sourceMappingURL=calendar-dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar-dropdown.js","sources":["../../../../src/shared/internal-calendar/calendar-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDropdownRender } from \"../dropdown-wrapper\";\nimport { CalendarWrapper } from \"./calendar-dropdown.style\";\nimport { InternalCalendar } from \"./internal-calendar\";\nimport { CalendarDropdownProps, InternalCalendarRef } from \"./types\";\n\nconst Component = (\n    props: CalendarDropdownProps,\n    ref: React.ForwardedRef<InternalCalendarRef>\n) => {\n    const { elementWidth, setFloatingRef, getFloatingProps, styles } =\n        useDropdownRender();\n    return (\n        <CalendarWrapper\n            $width={elementWidth}\n            data-testid=\"calendar-dropdown\"\n            ref={setFloatingRef}\n            style={styles}\n            {...getFloatingProps()}\n        >\n            <InternalCalendar ref={ref} {...props} />\n        </CalendarWrapper>\n    );\n};\n\nexport const CalendarDropdown = React.forwardRef(Component);\n"],"names":["CalendarDropdown","React","forwardRef","props","ref","elementWidth","setFloatingRef","getFloatingProps","styles","useDropdownRender","_jsx","CalendarWrapper","Object","assign","$width","style","children","InternalCalendar"],"mappings":"mRAMA,MAmBaA,OAAmBC,QAAMC,YAnBpB,CACdC,EACAC,KAEA,MAAMC,aAAEA,EAAYC,eAAEA,EAAcC,iBAAEA,EAAgBC,OAAEA,GACpDC,EAAAA,oBACJ,OACIC,EAAAA,IAACC,EAAAA,gBAAeC,OAAAC,OAAA,CAAAC,OACJT,EAAY,cACR,oBACZD,IAAKE,EACLS,MAAOP,GACHD,IAAkB,CAAAS,SAEtBN,MAACO,EAAAA,iBAAgBL,OAAAC,OAAA,CAACT,IAAKA,GAASD,MAClB"}
+{"version":3,"file":"calendar-dropdown.js","sources":["../../../../src/shared/internal-calendar/calendar-dropdown.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport { useApplyStyle } from \"../../theme\";\nimport { mergeRefs } from \"../../util\";\nimport { useDropdownRender } from \"../dropdown-wrapper\";\nimport * as styles from \"./calendar-dropdown.styles\";\nimport { InternalCalendar } from \"./internal-calendar\";\nimport type { CalendarDropdownProps, InternalCalendarRef } from \"./types\";\n\nconst Component = (\n    props: CalendarDropdownProps,\n    ref: React.ForwardedRef<InternalCalendarRef>\n) => {\n    const {\n        elementWidth,\n        setFloatingRef,\n        getFloatingProps,\n        styles: positioningStyles,\n    } = useDropdownRender();\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    useApplyStyle(wrapperRef, {\n        [styles.tokens.width]: `${elementWidth}px`,\n        ...positioningStyles,\n    });\n\n    return (\n        <div\n            className={styles.calendarWrapper}\n            data-testid=\"calendar-dropdown\"\n            ref={mergeRefs(setFloatingRef, wrapperRef)}\n            {...getFloatingProps()}\n        >\n            <InternalCalendar ref={ref} {...props} />\n        </div>\n    );\n};\n\nexport const CalendarDropdown = React.forwardRef(Component);\n"],"names":["CalendarDropdown","React","forwardRef","props","ref","elementWidth","setFloatingRef","getFloatingProps","styles","positioningStyles","useDropdownRender","wrapperRef","useRef","useApplyStyle","Object","assign","styles.tokens","width","_jsx","className","styles.calendarWrapper","mergeRefs","children","InternalCalendar"],"mappings":"43BASA,MA8BaA,OAAmBC,QAAMC,YA9BpB,CACdC,EACAC,KAEA,MAAMC,aACFA,EAAYC,eACZA,EAAcC,iBACdA,EACAC,OAAQC,GACRC,sBAEEC,EAAaC,EAAAA,OAAuB,MAO1C,OALAC,EAAAA,cAAcF,EAAUG,OAAAC,OAAA,CACpB,CAACC,EAAAA,OAAcC,OAAQ,GAAGZ,OACvBI,IAIHS,EAAAA,IAAA,MAAAJ,OAAAC,OAAA,CACII,UAAWC,kBAAsB,cACrB,oBACZhB,IAAKiB,EAAAA,UAAUf,EAAgBK,IAC3BJ,IAAkB,CAAAe,SAEtBJ,EAAAA,IAACK,EAAAA,iBAAgBT,OAAAC,OAAA,CAACX,IAAKA,GAASD,MAC9B"}

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

@@ -0,0 +1,2 @@
+"use strict";require("./calendar-dropdown.styles_wybjai.css");exports.calendarWrapper="cfbaf44",exports.tokens={width:"--fds-internal-calendarDropdown-width"};
+//# sourceMappingURL=calendar-dropdown.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-dropdown.styles.js","sources":["../../../../src/shared/internal-calendar/calendar-dropdown.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, MediaQuery, Radius, Spacing } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const tokens = {\n    headerBottomSpacing: \"--fds-internal-calendarDropdown-headerBottomSpacing\",\n    horizontalInset: \"--fds-internal-calendarDropdown-horizontalInset\",\n    verticalInset: \"--fds-internal-calendarDropdown-verticalInset\",\n    width: \"--fds-internal-calendarDropdown-width\",\n};\n\nexport const calendarWrapper = css`\n    ${tokens.verticalInset}: ${Spacing[\"spacing-24\"]};\n    ${tokens.horizontalInset}: ${Spacing[\"spacing-20\"]};\n    ${tokens.headerBottomSpacing}: ${Spacing[\"spacing-4\"]};\n\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    overflow: hidden;\n\n    ${tokens.width}: initial;\n    width: var(${tokens.width});\n    max-width: 41rem;\n    min-width: 21rem;\n\n    ${MediaQuery.MaxWidth.sm} {\n        min-width: 17.5rem;\n    }\n`;\n"],"names":["width"],"mappings":"8HAc4B,yBAPN,CAIlBA,MAAO"}

package/cjs/shared/internal-calendar/calendar-dropdown.styles_wybjai.css

@@ -0,0 +1 @@
+@layer fds{.cfbaf44{--fds-internal-calendarDropdown-verticalInset:var(--fds-spacing-24);--fds-internal-calendarDropdown-horizontalInset:var(--fds-spacing-20);--fds-internal-calendarDropdown-headerBottomSpacing:var(--fds-spacing-4);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);overflow:hidden;--fds-internal-calendarDropdown-width:initial;width:var(--fds-internal-calendarDropdown-width);max-width:41rem;min-width:21rem;}:where(body.fds-breakpoint-sm-max) .cfbaf44{min-width:17.5rem;}}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),a=require("../../external/dayjs/dayjs.min.js"),r=require("react"),n=require("../../util/calendar-helper.js"),o=require("../../util/date-helper.js");require("../../util/date-input-helper.js"),require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer");var i=require("../accessibility/index.js"),l=require("./calendar-manager.style.js"),s=require("./internal-calendar-month.js"),d=require("./internal-calendar-year.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const c=u(r).default.forwardRef(((u,c)=>{var{children:h,initialCalendarDate:f,minDate:D,maxDate:p,currentFocus:y,selectedStartDate:w,selectedEndDate:b,selectWithinRange:g,dynamicHeight:j=!1,allowDisabledSelection:m,onCalendarDateChange:x,withButton:v,doneButtonDisabled:C,onDismiss:H,showNavigationHeader:A=!0,getLeftArrowDate:k,getRightArrowDate:M,isLeftArrowDisabled:R,isRightArrowDisabled:S,getMonthHeaderLabel:q,getYearHeaderLabel:Y,isFocusable:$=!1}=u,B=e.__rest(u,["children","initialCalendarDate","minDate","maxDate","currentFocus","selectedStartDate","selectedEndDate","selectWithinRange","dynamicHeight","allowDisabledSelection","onCalendarDateChange","withButton","doneButtonDisabled","onDismiss","showNavigationHeader","getLeftArrowDate","getRightArrowDate","isLeftArrowDisabled","isRightArrowDisabled","getMonthHeaderLabel","getYearHeaderLabel","isFocusable"]);const[I,W]=r.useState(o.DateHelper.toDayjs(f)),[E,F]=r.useState(o.DateHelper.toDayjs(f)),[L,N]=r.useState("default"),O=r.useRef(null),U=r.useRef(null),V=r.useRef(null),P=r.useRef(null);r.useImperativeHandle(c,(()=>({defaultView(){N("default")},resetView(){const e=o.DateHelper.toDayjs(f);W(e),F(e),N("default")},setCalendarDate(e){const t=o.DateHelper.toDayjs(e);W(t),F(t)}}))),r.useEffect((()=>{const e=o.DateHelper.toDayjs(f);W(e),F(e)}),[f]),r.useEffect((()=>{X(E)}),[E]);const T=()=>{var e;"month-options"!==L?(N("month-options"),null===(e=V.current)||void 0===e||e.focus()):(N("default"),W(E))},_=e=>{var t;if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),T(),null===(t=P.current)||void 0===t||t.focus()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const t="ArrowUp"===e.key?I.subtract(1,"month"):I.add(1,"month");if(!n.CalendarHelper.isWithinRange(t,D?a.default(D):void 0,p?a.default(p):void 0,"month"))return;W(t),"default"===L&&F(t)}},K=()=>{"default"!==L?(N("default"),W(E)):N("year-options")},Z=e=>{if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),K()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();let t;if(t="year-options"===L?"ArrowUp"===e.key?I.subtract(10,"year"):I.add(10,"year"):"ArrowUp"===e.key?I.subtract(1,"year"):I.add(1,"year"),!n.CalendarHelper.isWithinRange(t,D?a.default(D):void 0,p?a.default(p):void 0,"year"))return;W(t),"default"===L&&F(t)}},z=()=>{var e;null===(e=V.current)||void 0===e||e.focus();const t=k?k(I):I.subtract(1,"month");switch(L){case"default":F(t),W(t);break;case"month-options":W((e=>e.subtract(1,"year")));break;case"year-options":W((e=>e.subtract(10,"year")))}},G=()=>{var e;null===(e=V.current)||void 0===e||e.focus();const t=M?M(I):I.add(1,"month");switch(L){case"default":F(t),W(t);break;case"month-options":W((e=>e.add(1,"year")));break;case"year-options":W((e=>e.add(10,"year")))}},J=e=>{W(e),F(e),v||N("default")},Q=()=>{const e=o.DateHelper.toDayjs(f);W(e),F(e),"default"===L?ee("reset"):N("default")},X=e=>{x&&x(e)},ee=e=>{H&&H(e)},te=()=>{if(!D||m)return!1;const e=a.default(D);return"month-options"===L?!n.CalendarHelper.isPreviousYearWithinRange(I,e):"year-options"===L?!n.CalendarHelper.isPreviousDecadeWithinRange(I,e):R?R(I):!n.CalendarHelper.isPreviousMonthWithinRange(I,e)},ae=()=>{if(!p||m)return!1;const e=a.default(p);return"month-options"===L?!n.CalendarHelper.isNextYearWithinRange(I,e):"year-options"===L?!n.CalendarHelper.isNextDecadeWithinRange(I,e):S?S(I):!n.CalendarHelper.isNextMonthWithinRange(I,e)},re=()=>{const e=q?q(I):I.format("MMM"),r=a.default(e,"MMM").format("MMMM"),o=(()=>{if("year-options"===L){const{beginDecade:e,endDecade:t}=n.CalendarHelper.getStartEndDecade(I);return`${e} to ${t}`}return Y?Y(I):I.format("YYYY")})(),i={"month-options":`${o}, Close month selection`,"year-options":`${o}, Close year selection`,default:`${o}, Select year`};return t.jsxs(t.Fragment,{children:[t.jsxs(l.DropdownButton,{"aria-label":`${r}, Select month`,type:"button",$expanded:"month-options"===L,$visible:"default"===L,id:"month-dropdown",onClick:T,onKeyDown:_,tabIndex:$?0:-1,children:[t.jsx(l.DropdownText,{children:e}),t.jsx(l.IconChevronDown,{})]}),t.jsxs(l.DropdownButton,{ref:P,"aria-label":i[L],type:"button",$expanded:"default"!==L,id:"year-dropdown",onClick:K,onKeyDown:Z,tabIndex:$?0:-1,children:[t.jsx(l.DropdownText,{children:o}),t.jsx(l.IconChevronDown,{})]})]})},ne=()=>{switch(L){case"month-options":return t.jsx(s.InternalCalendarMonth,{calendarDate:I,currentFocus:y,minDate:D,maxDate:p,selectedStartDate:w,selectedEndDate:b,viewCalendarDate:E,isNewSelection:!!g,onMonthSelect:J,allowDisabledSelection:m});case"year-options":return t.jsx(d.InternalCalendarYear,{setCalendarDate:W,calendarDate:I,currentFocus:y,minDate:D,maxDate:p,selectedStartDate:w,selectedEndDate:b,viewCalendarDate:E,isNewSelection:!!g,onYearSelect:J,allowDisabledSelection:m});default:return null}};return t.jsxs(l.Container,Object.assign({ref:V,"data-id":"calendar-container","data-testid":"calendar-container","aria-label":E.format("MMMM, YYYY"),role:"group"},B,{children:[A&&(()=>{const e={"month-options":"year","year-options":"decade",default:"month"}[L];return t.jsxs(l.Header,{"data-id":"calendar-header","data-testid":"calendar-header",children:[t.jsx(l.HeaderInputDropdown,{children:re()}),t.jsxs(l.HeaderArrows,{children:[t.jsx(l.HeaderArrowButton,{"aria-label":`Previous ${e}`,"data-testid":"left-arrow-btn",disabled:te(),focusHighlight:!1,focusOutline:"browser",onClick:z,tabIndex:$?0:-1,children:t.jsx(l.ArrowLeft,{})}),t.jsx(l.HeaderArrowButton,{"aria-label":`Next ${e}`,"data-testid":"right-arrow-btn",disabled:ae(),focusHighlight:!1,focusOutline:"browser",onClick:G,tabIndex:$?0:-1,children:t.jsx(l.ArrowRight,{})})]})]})})(),t.jsx(l.ToggleZone,{children:(()=>{const e="function"==typeof h?h({calendarDate:E,currentView:L}):h;if(j)return t.jsxs(t.Fragment,{children:["default"===L&&e,ne()]});{const a="default"===L;return t.jsxs(t.Fragment,{children:[t.jsx(l.DefaultView,{inert:i.inertValue(!a),children:e}),t.jsx(l.OptionsOverlay,{$visible:!a,children:ne()})]})}})()}),(()=>{if(!v)return;const e=!!("default"===L)&&C;return t.jsxs(l.ActionButtonSection,{children:[t.jsx(l.ActionButton,{ref:U,"data-testid":"cancel-button",styleType:"light",type:"button",onClick:Q,children:"Cancel"}),t.jsx(l.ActionButton,{"data-testid":"done-button",ref:O,type:"button",onClick:()=>{e||(W(E),"default"===L?ee("confirmed"):N("default"))},disabled:e,children:"Done"})]})})()]}))}));exports.CalendarManager=c;
+"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),a=require("@lifesg/react-icons/chevron-down"),n=require("@lifesg/react-icons/chevron-left"),r=require("@lifesg/react-icons/chevron-right"),o=require("clsx"),i=require("../../external/dayjs/dayjs.min.js"),s=require("react"),l=require("../../button/button.js"),d=require("../../util/calendar-helper.js"),c=require("../../util/date-helper.js");require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer");var u=require("../accessibility/index.js"),h=require("../clickable-icon/clickable-icon.js"),f=require("./calendar-manager.styles.js"),D=require("./internal-calendar-month.js"),p=require("./internal-calendar-year.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=m(o);const w=m(s).default.forwardRef(((o,m)=>{var{children:w,initialCalendarDate:y,minDate:g,maxDate:v,currentFocus:j,selectedStartDate:x,selectedEndDate:C,selectWithinRange:N,dynamicHeight:H=!1,allowDisabledSelection:k,onCalendarDateChange:M,withButton:R,doneButtonDisabled:q,onDismiss:S,showNavigationHeader:A=!0,getLeftArrowDate:I,getRightArrowDate:Y,isLeftArrowDisabled:B,isRightArrowDisabled:E,getMonthHeaderLabel:W,getYearHeaderLabel:F,isFocusable:L=!1}=o,$=e.__rest(o,["children","initialCalendarDate","minDate","maxDate","currentFocus","selectedStartDate","selectedEndDate","selectWithinRange","dynamicHeight","allowDisabledSelection","onCalendarDateChange","withButton","doneButtonDisabled","onDismiss","showNavigationHeader","getLeftArrowDate","getRightArrowDate","isLeftArrowDisabled","isRightArrowDisabled","getMonthHeaderLabel","getYearHeaderLabel","isFocusable"]);const[T,U]=s.useState(c.DateHelper.toDayjs(y)),[V,O]=s.useState(c.DateHelper.toDayjs(y)),[P,_]=s.useState("default"),z=s.useRef(null),K=s.useRef(null),Z=s.useRef(null),G=s.useRef(null);s.useImperativeHandle(m,(()=>({defaultView(){_("default")},resetView(){const e=c.DateHelper.toDayjs(y);U(e),O(e),_("default")},setCalendarDate(e){const t=c.DateHelper.toDayjs(e);U(t),O(t)}}))),s.useEffect((()=>{const e=c.DateHelper.toDayjs(y);U(e),O(e)}),[y]),s.useEffect((()=>{oe(V)}),[V]);const J=()=>{var e;"month-options"!==P?(_("month-options"),null===(e=Z.current)||void 0===e||e.focus()):(_("default"),U(V))},Q=e=>{var t;if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),J(),null===(t=G.current)||void 0===t||t.focus()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const t="ArrowUp"===e.key?T.subtract(1,"month"):T.add(1,"month");if(!d.CalendarHelper.isWithinRange(t,g?i.default(g):void 0,v?i.default(v):void 0,"month"))return;U(t),"default"===P&&O(t)}},X=()=>{"default"!==P?(_("default"),U(V)):_("year-options")},ee=e=>{if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),X()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();let t;if(t="year-options"===P?"ArrowUp"===e.key?T.subtract(10,"year"):T.add(10,"year"):"ArrowUp"===e.key?T.subtract(1,"year"):T.add(1,"year"),!d.CalendarHelper.isWithinRange(t,g?i.default(g):void 0,v?i.default(v):void 0,"year"))return;U(t),"default"===P&&O(t)}},te=()=>{var e;null===(e=Z.current)||void 0===e||e.focus();const t=I?I(T):T.subtract(1,"month");switch(P){case"default":O(t),U(t);break;case"month-options":U((e=>e.subtract(1,"year")));break;case"year-options":U((e=>e.subtract(10,"year")))}},ae=()=>{var e;null===(e=Z.current)||void 0===e||e.focus();const t=Y?Y(T):T.add(1,"month");switch(P){case"default":O(t),U(t);break;case"month-options":U((e=>e.add(1,"year")));break;case"year-options":U((e=>e.add(10,"year")))}},ne=e=>{U(e),O(e),R||_("default")},re=()=>{const e=c.DateHelper.toDayjs(y);U(e),O(e),"default"===P?ie("reset"):_("default")},oe=e=>{M&&M(e)},ie=e=>{S&&S(e)},se=()=>{if(!g||k)return!1;const e=i.default(g);return"month-options"===P?!d.CalendarHelper.isPreviousYearWithinRange(T,e):"year-options"===P?!d.CalendarHelper.isPreviousDecadeWithinRange(T,e):B?B(T):!d.CalendarHelper.isPreviousMonthWithinRange(T,e)},le=()=>{if(!v||k)return!1;const e=i.default(v);return"month-options"===P?!d.CalendarHelper.isNextYearWithinRange(T,e):"year-options"===P?!d.CalendarHelper.isNextDecadeWithinRange(T,e):E?E(T):!d.CalendarHelper.isNextMonthWithinRange(T,e)},de=()=>{const e=W?W(T):T.format("MMM"),n=i.default(e,"MMM").format("MMMM"),r=(()=>{if("year-options"===P){const{beginDecade:e,endDecade:t}=d.CalendarHelper.getStartEndDecade(T);return`${e} to ${t}`}return F?F(T):T.format("YYYY")})(),o={"month-options":`${r}, Close month selection`,"year-options":`${r}, Close year selection`,default:`${r}, Select year`};return t.jsxs(t.Fragment,{children:[t.jsxs("button",{className:b.default(f.dropdownButton,"default"!==P&&f.hidden),"aria-label":`${n}, Select month`,type:"button",id:"month-dropdown",onClick:J,onKeyDown:Q,tabIndex:L?0:-1,children:[t.jsx("span",{className:f.dropdownText,children:e}),t.jsx(a.ChevronDownIcon,{className:b.default(f.icon,f.iconChevronDown,"month-options"===P&&f.iconChevronDownExpanded)})]}),t.jsxs("button",{ref:G,className:f.dropdownButton,"aria-label":o[P],type:"button",id:"year-dropdown",onClick:X,onKeyDown:ee,tabIndex:L?0:-1,children:[t.jsx("span",{className:f.dropdownText,children:r}),t.jsx(a.ChevronDownIcon,{className:b.default(f.icon,f.iconChevronDown,"default"!==P&&f.iconChevronDownExpanded)})]})]})},ce=()=>{switch(P){case"month-options":return t.jsx(D.InternalCalendarMonth,{calendarDate:T,currentFocus:j,minDate:g,maxDate:v,selectedStartDate:x,selectedEndDate:C,viewCalendarDate:V,isNewSelection:!!N,onMonthSelect:ne,allowDisabledSelection:k});case"year-options":return t.jsx(p.InternalCalendarYear,{setCalendarDate:U,calendarDate:T,currentFocus:j,minDate:g,maxDate:v,selectedStartDate:x,selectedEndDate:C,viewCalendarDate:V,isNewSelection:!!N,onYearSelect:ne,allowDisabledSelection:k});default:return null}};return t.jsxs("div",Object.assign({className:f.container,ref:Z,"data-id":"calendar-container","data-testid":"calendar-container","aria-label":V.format("MMMM, YYYY"),role:"group"},$,{children:[A&&(()=>{const e={"month-options":"year","year-options":"decade",default:"month"}[P];return t.jsxs("div",{className:f.header,"data-id":"calendar-header","data-testid":"calendar-header",children:[t.jsx("div",{className:f.headerInputDropdown,children:de()}),t.jsxs("div",{className:f.headerArrows,children:[t.jsx(h.ClickableIcon,{className:f.headerArrowButton,"aria-label":`Previous ${e}`,"data-testid":"left-arrow-btn",disabled:se(),focusHighlight:!1,focusOutline:"browser",onClick:te,tabIndex:L?0:-1,children:t.jsx(n.ChevronLeftIcon,{className:f.icon})}),t.jsx(h.ClickableIcon,{className:f.headerArrowButton,"aria-label":`Next ${e}`,"data-testid":"right-arrow-btn",disabled:le(),focusHighlight:!1,focusOutline:"browser",onClick:ae,tabIndex:L?0:-1,children:t.jsx(r.ChevronRightIcon,{className:f.icon})})]})]})})(),t.jsx("div",{className:f.toggleZone,"data-testid":"toggle-zone",children:(()=>{const e="function"==typeof w?w({calendarDate:V,currentView:P}):w;if(H)return t.jsxs(t.Fragment,{children:["default"===P&&e,ce()]});{const a="default"===P;return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:f.defaultView,inert:u.inertValue(!a),children:e}),t.jsx("div",{className:b.default(f.optionsOverlay,a&&f.hidden),children:ce()})]})}})()}),(()=>{if(!R)return;const e=!!("default"===P)&&q;return t.jsxs("div",{className:f.actionButtonSection,children:[t.jsx(l.Button,{className:f.actionButton,ref:K,"data-testid":"cancel-button",styleType:"light",type:"button",onClick:re,sizeType:"small",children:"Cancel"}),t.jsx(l.Button,{className:f.actionButton,"data-testid":"done-button",ref:z,type:"button",onClick:()=>{e||(U(V),"default"===P?ie("confirmed"):_("default"))},disabled:e,sizeType:"small",children:"Done"})]})})()]}))}));exports.CalendarManager=w;
 //# sourceMappingURL=calendar-manager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar-manager.js","sources":["../../../../src/shared/internal-calendar/calendar-manager.tsx"],"sourcesContent":["import dayjs, { Dayjs } from \"dayjs\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport { DateHelper } from \"../../util\";\nimport { CalendarHelper } from \"../../util/calendar-helper\";\nimport { inertValue } from \"../accessibility\";\nimport {\n    ActionButton,\n    ActionButtonSection,\n    ArrowLeft,\n    ArrowRight,\n    Container,\n    DefaultView,\n    DropdownButton,\n    DropdownText,\n    Header,\n    HeaderArrowButton,\n    HeaderArrows,\n    HeaderInputDropdown,\n    IconChevronDown,\n    OptionsOverlay,\n    ToggleZone,\n} from \"./calendar-manager.style\";\nimport { InternalCalendarMonth } from \"./internal-calendar-month\";\nimport { InternalCalendarYear } from \"./internal-calendar-year\";\nimport {\n    CalendarAction,\n    CalendarManagerProps,\n    CalendarManagerRef,\n    View,\n} from \"./types\";\n\nconst Component = (\n    {\n        children,\n        initialCalendarDate,\n        minDate,\n        maxDate,\n        currentFocus,\n        selectedStartDate,\n        selectedEndDate,\n        selectWithinRange,\n        dynamicHeight = false,\n        allowDisabledSelection,\n        onCalendarDateChange,\n        /* action button props */\n        withButton,\n        doneButtonDisabled,\n        onDismiss,\n        /* header props */\n        showNavigationHeader = true,\n        getLeftArrowDate,\n        getRightArrowDate,\n        isLeftArrowDisabled: _isLeftArrowDisabled,\n        isRightArrowDisabled: _isRightArrowDisabled,\n        getMonthHeaderLabel,\n        getYearHeaderLabel,\n        isFocusable = false,\n        ...otherProps\n    }: CalendarManagerProps,\n    ref: React.ForwardedRef<CalendarManagerRef>\n) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    // the current visible date in month/year views and header\n    const [calendarDate, setCalendarDate] = useState<Dayjs>(\n        DateHelper.toDayjs(initialCalendarDate)\n    );\n    // the selected date in month/year views and the current visible date in day view\n    const [viewCalendarDate, setViewCalendarDate] = useState<Dayjs>(\n        DateHelper.toDayjs(initialCalendarDate)\n    );\n    const [currentView, setCurrentView] = useState<View>(\"default\");\n\n    const doneButtonRef = useRef<HTMLButtonElement>(null);\n    const cancelButtonRef = useRef<HTMLButtonElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const yearDropdownRef = useRef<HTMLButtonElement>(null);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useImperativeHandle(ref, () => {\n        return {\n            defaultView() {\n                setCurrentView(\"default\");\n            },\n            resetView() {\n                const date = DateHelper.toDayjs(initialCalendarDate);\n                setCalendarDate(date);\n                setViewCalendarDate(date);\n\n                setCurrentView(\"default\");\n            },\n            setCalendarDate(value?: string) {\n                const date = DateHelper.toDayjs(value);\n                setCalendarDate(date);\n                setViewCalendarDate(date);\n            },\n        };\n    });\n\n    useEffect(() => {\n        const date = DateHelper.toDayjs(initialCalendarDate);\n        setCalendarDate(date);\n        setViewCalendarDate(date);\n    }, [initialCalendarDate]);\n\n    useEffect(() => {\n        performOnCalendarDateChange(viewCalendarDate);\n        // more accurate than calendarDate since it accounts for selection state\n        // in month/year views\n    }, [viewCalendarDate]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleMonthDropdownClick = () => {\n        if (currentView !== \"month-options\") {\n            setCurrentView(\"month-options\");\n\n            // Maintain focus when selecting month dropdown\n            containerRef.current?.focus();\n        } else {\n            setCurrentView(\"default\");\n            setCalendarDate(viewCalendarDate);\n        }\n    };\n\n    const handleMonthDropdownKeydown = (\n        event: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            handleMonthDropdownClick();\n            yearDropdownRef.current?.focus(); // Focus on year dropdown after month selection\n        }\n\n        // Up and Down arrow keys will change the month\n        if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n            event.preventDefault();\n            const nextDate =\n                event.key === \"ArrowUp\"\n                    ? calendarDate.subtract(1, \"month\")\n                    : calendarDate.add(1, \"month\");\n\n            if (\n                !CalendarHelper.isWithinRange(\n                    nextDate,\n                    minDate ? dayjs(minDate) : undefined,\n                    maxDate ? dayjs(maxDate) : undefined,\n                    \"month\"\n                )\n            )\n                return;\n            setCalendarDate(nextDate);\n\n            if (currentView === \"default\") {\n                setViewCalendarDate(nextDate);\n            }\n        }\n    };\n\n    const handleYearDropdownClick = () => {\n        /**\n         * If the view is in the month options view,\n         * then clicking will send the view back to\n         * default\n         */\n        if (currentView !== \"default\") {\n            setCurrentView(\"default\");\n            setCalendarDate(viewCalendarDate);\n        } else {\n            setCurrentView(\"year-options\");\n        }\n    };\n\n    const handleYearDropdownKeydown = (\n        event: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            handleYearDropdownClick();\n        }\n\n        // Up and Down arrow keys will change the year\n        if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n            event.preventDefault();\n            const isYearView = currentView === \"year-options\";\n            let nextDate: Dayjs;\n\n            if (isYearView) {\n                // In year options view, change decade\n                nextDate =\n                    event.key === \"ArrowUp\"\n                        ? calendarDate.subtract(10, \"year\")\n                        : calendarDate.add(10, \"year\");\n            } else {\n                // In default view, change year\n                nextDate =\n                    event.key === \"ArrowUp\"\n                        ? calendarDate.subtract(1, \"year\")\n                        : calendarDate.add(1, \"year\");\n            }\n\n            if (\n                !CalendarHelper.isWithinRange(\n                    nextDate,\n                    minDate ? dayjs(minDate) : undefined,\n                    maxDate ? dayjs(maxDate) : undefined,\n                    \"year\"\n                )\n            )\n                return;\n\n            setCalendarDate(nextDate);\n\n            if (currentView === \"default\") {\n                setViewCalendarDate(nextDate);\n            }\n        }\n    };\n\n    const handleLeftArrowClick = () => {\n        // Maintain focus as button could become disabled\n        containerRef.current?.focus();\n\n        const nextDate = getLeftArrowDate\n            ? getLeftArrowDate(calendarDate)\n            : calendarDate.subtract(1, \"month\");\n\n        switch (currentView) {\n            case \"default\":\n                setViewCalendarDate(nextDate);\n                setCalendarDate(nextDate);\n                break;\n            case \"month-options\":\n                setCalendarDate((date) => date.subtract(1, \"year\"));\n                break;\n            case \"year-options\":\n                setCalendarDate((date) => date.subtract(10, \"year\"));\n                break;\n        }\n    };\n\n    const handleRightArrowClick = () => {\n        // Maintain focus as button could become disabled\n        containerRef.current?.focus();\n\n        const nextDate = getRightArrowDate\n            ? getRightArrowDate(calendarDate)\n            : calendarDate.add(1, \"month\");\n\n        switch (currentView) {\n            case \"default\":\n                setViewCalendarDate(nextDate);\n                setCalendarDate(nextDate);\n                break;\n            case \"month-options\":\n                setCalendarDate((date) => date.add(1, \"year\"));\n                break;\n            case \"year-options\":\n                setCalendarDate((date) => date.add(10, \"year\"));\n                break;\n        }\n    };\n\n    const handleMonthYearSelect = (value: Dayjs) => {\n        setCalendarDate(value);\n        setViewCalendarDate(value);\n\n        if (!withButton) {\n            setCurrentView(\"default\");\n        }\n    };\n\n    const handleCancelButton = () => {\n        const initialValue = DateHelper.toDayjs(initialCalendarDate);\n        setCalendarDate(initialValue);\n        setViewCalendarDate(initialValue);\n\n        if (currentView === \"default\") {\n            performOnDismissHandler(\"reset\");\n        } else {\n            setCurrentView(\"default\");\n        }\n    };\n\n    const handleDoneButton = (isDisabled: boolean | undefined) => {\n        if (isDisabled) return;\n\n        setCalendarDate(viewCalendarDate);\n\n        if (currentView === \"default\") {\n            performOnDismissHandler(\"confirmed\");\n        } else {\n            setCurrentView(\"default\");\n        }\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnCalendarDateChange = (date: Dayjs) => {\n        if (onCalendarDateChange) {\n            onCalendarDateChange(date);\n        }\n    };\n\n    const performOnDismissHandler = (action: CalendarAction) => {\n        if (onDismiss) {\n            onDismiss(action);\n        }\n    };\n\n    const isLeftArrowDisabled = () => {\n        if (!minDate || allowDisabledSelection) {\n            return false;\n        }\n\n        const min = dayjs(minDate);\n        if (currentView === \"month-options\") {\n            return !CalendarHelper.isPreviousYearWithinRange(calendarDate, min);\n        } else if (currentView === \"year-options\") {\n            return !CalendarHelper.isPreviousDecadeWithinRange(\n                calendarDate,\n                min\n            );\n        } else {\n            if (_isLeftArrowDisabled) {\n                return _isLeftArrowDisabled(calendarDate);\n            }\n            return !CalendarHelper.isPreviousMonthWithinRange(\n                calendarDate,\n                min\n            );\n        }\n    };\n\n    const isRightArrowDisabled = () => {\n        if (!maxDate || allowDisabledSelection) {\n            return false;\n        }\n\n        const max = dayjs(maxDate);\n        if (currentView === \"month-options\") {\n            return !CalendarHelper.isNextYearWithinRange(calendarDate, max);\n        } else if (currentView === \"year-options\") {\n            return !CalendarHelper.isNextDecadeWithinRange(calendarDate, max);\n        } else {\n            if (_isRightArrowDisabled) {\n                return _isRightArrowDisabled(calendarDate);\n            }\n            return !CalendarHelper.isNextMonthWithinRange(calendarDate, max);\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const getYearHeaderText = (): string => {\n        if (currentView === \"year-options\") {\n            const { beginDecade, endDecade } =\n                CalendarHelper.getStartEndDecade(calendarDate);\n\n            return `${beginDecade} to ${endDecade}`;\n        } else {\n            return getYearHeaderLabel\n                ? getYearHeaderLabel(calendarDate)\n                : calendarDate.format(\"YYYY\");\n        }\n    };\n\n    const renderDropdownButtons = () => {\n        const monthLabel = getMonthHeaderLabel\n            ? getMonthHeaderLabel(calendarDate)\n            : calendarDate.format(\"MMM\");\n\n        const fullMonthLabel = dayjs(monthLabel, \"MMM\").format(\"MMMM\");\n\n        const yearLabel = getYearHeaderText();\n        const viewToYearLabel: Record<View, string> = {\n            \"month-options\": `${yearLabel}, Close month selection`,\n            \"year-options\": `${yearLabel}, Close year selection`,\n            default: `${yearLabel}, Select year`,\n        };\n\n        return (\n            <>\n                <DropdownButton\n                    aria-label={`${fullMonthLabel}, Select month`}\n                    type=\"button\"\n                    $expanded={currentView === \"month-options\"}\n                    $visible={currentView === \"default\"}\n                    id=\"month-dropdown\"\n                    onClick={handleMonthDropdownClick}\n                    onKeyDown={handleMonthDropdownKeydown}\n                    tabIndex={isFocusable ? 0 : -1}\n                >\n                    <DropdownText>{monthLabel}</DropdownText>\n                    <IconChevronDown />\n                </DropdownButton>\n                <DropdownButton\n                    ref={yearDropdownRef}\n                    aria-label={viewToYearLabel[currentView]}\n                    type=\"button\"\n                    $expanded={currentView !== \"default\"}\n                    id=\"year-dropdown\"\n                    onClick={handleYearDropdownClick}\n                    onKeyDown={handleYearDropdownKeydown}\n                    tabIndex={isFocusable ? 0 : -1}\n                >\n                    <DropdownText>{yearLabel}</DropdownText>\n                    <IconChevronDown />\n                </DropdownButton>\n            </>\n        );\n    };\n\n    const renderOptionsOverlay = () => {\n        switch (currentView) {\n            case \"month-options\":\n                return (\n                    <InternalCalendarMonth\n                        calendarDate={calendarDate}\n                        currentFocus={currentFocus}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        selectedStartDate={selectedStartDate}\n                        selectedEndDate={selectedEndDate}\n                        viewCalendarDate={viewCalendarDate}\n                        isNewSelection={!!selectWithinRange}\n                        onMonthSelect={handleMonthYearSelect}\n                        allowDisabledSelection={allowDisabledSelection}\n                    />\n                );\n            case \"year-options\":\n                return (\n                    <InternalCalendarYear\n                        setCalendarDate={setCalendarDate}\n                        calendarDate={calendarDate}\n                        currentFocus={currentFocus}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        selectedStartDate={selectedStartDate}\n                        selectedEndDate={selectedEndDate}\n                        viewCalendarDate={viewCalendarDate}\n                        isNewSelection={!!selectWithinRange}\n                        onYearSelect={handleMonthYearSelect}\n                        allowDisabledSelection={allowDisabledSelection}\n                    />\n                );\n            default:\n                return null;\n        }\n    };\n\n    const renderHeader = () => {\n        const viewToSelection: Record<View, string> = {\n            \"month-options\": \"year\",\n            \"year-options\": \"decade\",\n            default: \"month\",\n        };\n\n        const selection = viewToSelection[currentView];\n\n        return (\n            <Header data-id=\"calendar-header\" data-testid=\"calendar-header\">\n                <HeaderInputDropdown>\n                    {renderDropdownButtons()}\n                </HeaderInputDropdown>\n                <HeaderArrows>\n                    <HeaderArrowButton\n                        aria-label={`Previous ${selection}`}\n                        data-testid=\"left-arrow-btn\"\n                        disabled={isLeftArrowDisabled()}\n                        focusHighlight={false}\n                        focusOutline=\"browser\"\n                        onClick={handleLeftArrowClick}\n                        tabIndex={isFocusable ? 0 : -1}\n                    >\n                        <ArrowLeft />\n                    </HeaderArrowButton>\n                    <HeaderArrowButton\n                        aria-label={`Next ${selection}`}\n                        data-testid=\"right-arrow-btn\"\n                        disabled={isRightArrowDisabled()}\n                        focusHighlight={false}\n                        focusOutline=\"browser\"\n                        onClick={handleRightArrowClick}\n                        tabIndex={isFocusable ? 0 : -1}\n                    >\n                        <ArrowRight />\n                    </HeaderArrowButton>\n                </HeaderArrows>\n            </Header>\n        );\n    };\n\n    const renderActionButtons = () => {\n        if (!withButton) return;\n\n        const isDayView = currentView === \"default\";\n\n        const disabled = !isDayView ? false : doneButtonDisabled;\n\n        return (\n            <ActionButtonSection>\n                <ActionButton\n                    ref={cancelButtonRef}\n                    data-testid=\"cancel-button\"\n                    styleType=\"light\"\n                    type=\"button\"\n                    onClick={handleCancelButton}\n                >\n                    Cancel\n                </ActionButton>\n                <ActionButton\n                    data-testid=\"done-button\"\n                    ref={doneButtonRef}\n                    type=\"button\"\n                    onClick={() => handleDoneButton(disabled)}\n                    disabled={disabled}\n                >\n                    Done\n                </ActionButton>\n            </ActionButtonSection>\n        );\n    };\n\n    const renderViews = () => {\n        const defaultView =\n            typeof children === \"function\"\n                ? children({ calendarDate: viewCalendarDate, currentView })\n                : children;\n\n        if (dynamicHeight) {\n            return (\n                <>\n                    {currentView === \"default\" && defaultView}\n                    {renderOptionsOverlay()}\n                </>\n            );\n        } else {\n            const isDefaultView = currentView === \"default\";\n            return (\n                // Prevent interaction with the default view when options are open\n                <>\n                    <DefaultView inert={inertValue(!isDefaultView)}>\n                        {defaultView}\n                    </DefaultView>\n                    <OptionsOverlay $visible={!isDefaultView}>\n                        {renderOptionsOverlay()}\n                    </OptionsOverlay>\n                </>\n            );\n        }\n    };\n\n    return (\n        <Container\n            ref={containerRef}\n            data-id=\"calendar-container\"\n            data-testid=\"calendar-container\"\n            aria-label={viewCalendarDate.format(\"MMMM, YYYY\")}\n            role=\"group\"\n            {...otherProps}\n        >\n            {showNavigationHeader && renderHeader()}\n            <ToggleZone>{renderViews()}</ToggleZone>\n            {renderActionButtons()}\n        </Container>\n    );\n};\n\nexport const CalendarManager = React.forwardRef(Component);\n"],"names":["CalendarManager","React","forwardRef","_a","ref","children","initialCalendarDate","minDate","maxDate","currentFocus","selectedStartDate","selectedEndDate","selectWithinRange","dynamicHeight","allowDisabledSelection","onCalendarDateChange","withButton","doneButtonDisabled","onDismiss","showNavigationHeader","getLeftArrowDate","getRightArrowDate","isLeftArrowDisabled","_isLeftArrowDisabled","isRightArrowDisabled","_isRightArrowDisabled","getMonthHeaderLabel","getYearHeaderLabel","isFocusable","otherProps","__rest","calendarDate","setCalendarDate","useState","DateHelper","toDayjs","viewCalendarDate","setViewCalendarDate","currentView","setCurrentView","doneButtonRef","useRef","cancelButtonRef","containerRef","yearDropdownRef","useImperativeHandle","defaultView","resetView","date","value","useEffect","performOnCalendarDateChange","handleMonthDropdownClick","current","focus","handleMonthDropdownKeydown","event","key","preventDefault","nextDate","subtract","add","CalendarHelper","isWithinRange","dayjs","undefined","handleYearDropdownClick","handleYearDropdownKeydown","handleLeftArrowClick","handleRightArrowClick","handleMonthYearSelect","handleCancelButton","initialValue","performOnDismissHandler","action","min","isPreviousYearWithinRange","isPreviousDecadeWithinRange","isPreviousMonthWithinRange","max","isNextYearWithinRange","isNextDecadeWithinRange","isNextMonthWithinRange","renderDropdownButtons","monthLabel","format","fullMonthLabel","yearLabel","beginDecade","endDecade","getStartEndDecade","getYearHeaderText","viewToYearLabel","default","_jsxs","_Fragment","DropdownButton","type","$visible","id","onClick","onKeyDown","tabIndex","_jsx","DropdownText","IconChevronDown","$expanded","renderOptionsOverlay","InternalCalendarMonth","isNewSelection","onMonthSelect","InternalCalendarYear","onYearSelect","Container","role","selection","Header","HeaderInputDropdown","HeaderArrows","HeaderArrowButton","disabled","focusHighlight","focusOutline","ArrowLeft","ArrowRight","renderHeader","ToggleZone","isDefaultView","DefaultView","inert","inertValue","OptionsOverlay","renderViews","ActionButtonSection","ActionButton","styleType","renderActionButtons"],"mappings":"8nBA+BA,MAiiBaA,OAAkBC,QAAMC,YAjiBnB,CACdC,EA2BAC,SA3BAC,SACIA,EAAQC,oBACRA,EAAmBC,QACnBA,EAAOC,QACPA,EAAOC,aACPA,EAAYC,kBACZA,EAAiBC,gBACjBA,EAAeC,kBACfA,EAAiBC,cACjBA,GAAgB,EAAKC,uBACrBA,EAAsBC,qBACtBA,EAAoBC,WAEpBA,EAAUC,mBACVA,EAAkBC,UAClBA,EAASC,qBAETA,GAAuB,EAAIC,iBAC3BA,EAAgBC,kBAChBA,EACAC,oBAAqBC,EACrBC,qBAAsBC,EAAqBC,oBAC3CA,EAAmBC,mBACnBA,EAAkBC,YAClBA,GAAc,GAAKzB,EAChB0B,EAAUC,EAAAA,OAAA3B,EAzBjB,CAAA,WAAA,sBAAA,UAAA,UAAA,eAAA,oBAAA,kBAAA,oBAAA,gBAAA,yBAAA,uBAAA,aAAA,qBAAA,YAAA,uBAAA,mBAAA,oBAAA,sBAAA,uBAAA,sBAAA,qBAAA,gBAiCA,MAAO4B,EAAcC,GAAmBC,EAAAA,SACpCC,aAAWC,QAAQ7B,KAGhB8B,EAAkBC,GAAuBJ,EAAAA,SAC5CC,aAAWC,QAAQ7B,KAEhBgC,EAAaC,GAAkBN,EAAAA,SAAe,WAE/CO,EAAgBC,EAAAA,OAA0B,MAC1CC,EAAkBD,EAAAA,OAA0B,MAC5CE,EAAeF,EAAAA,OAAuB,MACtCG,EAAkBH,EAAAA,OAA0B,MAKlDI,EAAAA,oBAAoBzC,GAAK,KACd,CACH,WAAA0C,GACIP,EAAe,UACnB,EACA,SAAAQ,GACI,MAAMC,EAAOd,EAAAA,WAAWC,QAAQ7B,GAChC0B,EAAgBgB,GAChBX,EAAoBW,GAEpBT,EAAe,UACnB,EACA,eAAAP,CAAgBiB,GACZ,MAAMD,EAAOd,EAAAA,WAAWC,QAAQc,GAChCjB,EAAgBgB,GAChBX,EAAoBW,EACxB,MAIRE,EAAAA,WAAU,KACN,MAAMF,EAAOd,EAAAA,WAAWC,QAAQ7B,GAChC0B,EAAgBgB,GAChBX,EAAoBW,EAAK,GAC1B,CAAC1C,IAEJ4C,EAAAA,WAAU,KACNC,EAA4Bf,EAAiB,GAG9C,CAACA,IAKJ,MAAMgB,EAA2B,WACT,kBAAhBd,GACAC,EAAe,iBAGK,QAApBpC,EAAAwC,EAAaU,eAAO,IAAAlD,GAAAA,EAAEmD,UAEtBf,EAAe,WACfP,EAAgBI,GACpB,EAGEmB,EACFC,UASA,GAPkB,UAAdA,EAAMC,KAAiC,MAAdD,EAAMC,MAC/BD,EAAME,iBACNN,IACuB,QAAvBjD,EAAAyC,EAAgBS,eAAO,IAAAlD,GAAAA,EAAEmD,SAIX,YAAdE,EAAMC,KAAmC,cAAdD,EAAMC,IAAqB,CACtDD,EAAME,iBACN,MAAMC,EACY,YAAdH,EAAMC,IACA1B,EAAa6B,SAAS,EAAG,SACzB7B,EAAa8B,IAAI,EAAG,SAE9B,IACKC,EAAAA,eAAeC,cACZJ,EACApD,EAAUyD,EAAAA,QAAMzD,QAAW0D,EAC3BzD,EAAUwD,EAAAA,QAAMxD,QAAWyD,EAC3B,SAGJ,OACJjC,EAAgB2B,GAEI,YAAhBrB,GACAD,EAAoBsB,EAE5B,GAGEO,EAA0B,KAMR,YAAhB5B,GACAC,EAAe,WACfP,EAAgBI,IAEhBG,EAAe,eACnB,EAGE4B,EACFX,IAQA,GANkB,UAAdA,EAAMC,KAAiC,MAAdD,EAAMC,MAC/BD,EAAME,iBACNQ,KAIc,YAAdV,EAAMC,KAAmC,cAAdD,EAAMC,IAAqB,CACtDD,EAAME,iBAEN,IAAIC,EAgBJ,GAZIA,EAL+B,iBAAhBrB,EAMG,YAAdkB,EAAMC,IACA1B,EAAa6B,SAAS,GAAI,QAC1B7B,EAAa8B,IAAI,GAAI,QAIb,YAAdL,EAAMC,IACA1B,EAAa6B,SAAS,EAAG,QACzB7B,EAAa8B,IAAI,EAAG,SAI7BC,EAAAA,eAAeC,cACZJ,EACApD,EAAUyD,EAAAA,QAAMzD,QAAW0D,EAC3BzD,EAAUwD,EAAAA,QAAMxD,QAAWyD,EAC3B,QAGJ,OAEJjC,EAAgB2B,GAEI,YAAhBrB,GACAD,EAAoBsB,EAE5B,GAGES,EAAuB,WAEL,QAApBjE,EAAAwC,EAAaU,eAAO,IAAAlD,GAAAA,EAAEmD,QAEtB,MAAMK,EAAWvC,EACXA,EAAiBW,GACjBA,EAAa6B,SAAS,EAAG,SAE/B,OAAQtB,GACJ,IAAK,UACDD,EAAoBsB,GACpB3B,EAAgB2B,GAChB,MACJ,IAAK,gBACD3B,GAAiBgB,GAASA,EAAKY,SAAS,EAAG,UAC3C,MACJ,IAAK,eACD5B,GAAiBgB,GAASA,EAAKY,SAAS,GAAI,YAKlDS,EAAwB,WAEN,QAApBlE,EAAAwC,EAAaU,eAAO,IAAAlD,GAAAA,EAAEmD,QAEtB,MAAMK,EAAWtC,EACXA,EAAkBU,GAClBA,EAAa8B,IAAI,EAAG,SAE1B,OAAQvB,GACJ,IAAK,UACDD,EAAoBsB,GACpB3B,EAAgB2B,GAChB,MACJ,IAAK,gBACD3B,GAAiBgB,GAASA,EAAKa,IAAI,EAAG,UACtC,MACJ,IAAK,eACD7B,GAAiBgB,GAASA,EAAKa,IAAI,GAAI,YAK7CS,EAAyBrB,IAC3BjB,EAAgBiB,GAChBZ,EAAoBY,GAEfjC,GACDuB,EAAe,UACnB,EAGEgC,EAAqB,KACvB,MAAMC,EAAetC,EAAAA,WAAWC,QAAQ7B,GACxC0B,EAAgBwC,GAChBnC,EAAoBmC,GAEA,YAAhBlC,EACAmC,GAAwB,SAExBlC,EAAe,UACnB,EAkBEY,EAA+BH,IAC7BjC,GACAA,EAAqBiC,EACzB,EAGEyB,GAA2BC,IACzBxD,GACAA,EAAUwD,EACd,EAGEpD,GAAsB,KACxB,IAAKf,GAAWO,EACZ,OAAO,EAGX,MAAM6D,EAAMX,EAAAA,QAAMzD,GAClB,MAAoB,kBAAhB+B,GACQwB,EAAAA,eAAec,0BAA0B7C,EAAc4C,GACxC,iBAAhBrC,GACCwB,EAAAA,eAAee,4BACnB9C,EACA4C,GAGApD,EACOA,EAAqBQ,IAExB+B,EAAAA,eAAegB,2BACnB/C,EACA4C,EAER,EAGEnD,GAAuB,KACzB,IAAKhB,GAAWM,EACZ,OAAO,EAGX,MAAMiE,EAAMf,EAAAA,QAAMxD,GAClB,MAAoB,kBAAhB8B,GACQwB,EAAAA,eAAekB,sBAAsBjD,EAAcgD,GACpC,iBAAhBzC,GACCwB,EAAAA,eAAemB,wBAAwBlD,EAAcgD,GAEzDtD,EACOA,EAAsBM,IAEzB+B,EAAAA,eAAeoB,uBAAuBnD,EAAcgD,EAChE,EAoBEI,GAAwB,KAC1B,MAAMC,EAAa1D,EACbA,EAAoBK,GACpBA,EAAasD,OAAO,OAEpBC,EAAiBtB,EAAAA,QAAMoB,EAAY,OAAOC,OAAO,QAEjDE,EApBgB,MACtB,GAAoB,iBAAhBjD,EAAgC,CAChC,MAAMkD,YAAEA,EAAWC,UAAEA,GACjB3B,EAAAA,eAAe4B,kBAAkB3D,GAErC,MAAO,GAAGyD,QAAkBC,GAChC,CACI,OAAO9D,EACDA,EAAmBI,GACnBA,EAAasD,OAAO,OAC9B,EAUkBM,GACZC,EAAwC,CAC1C,gBAAiB,GAAGL,2BACpB,eAAgB,GAAGA,0BACnBM,QAAS,GAAGN,kBAGhB,OACIO,EAAAA,KAAAC,EAAAA,SAAA,CAAA1F,SAAA,CACIyF,OAACE,EAAAA,eAAc,CAAA,aACC,GAAGV,kBACfW,KAAK,mBACsB,kBAAhB3D,EAA+B4D,SAChB,YAAhB5D,EACV6D,GAAG,iBACHC,QAAShD,EACTiD,UAAW9C,EACX+C,SAAU1E,EAAc,GAAI,EAAEvB,SAAA,CAE9BkG,EAAAA,IAACC,eAAY,CAAAnG,SAAE+E,IACfmB,EAAAA,IAACE,EAAAA,gBAAe,CAAA,MAEpBX,OAACE,EAAAA,eAAc,CACX5F,IAAKwC,EAAe,aACRgD,EAAgBtD,GAC5B2D,KAAK,SAAQS,UACc,YAAhBpE,EACX6D,GAAG,gBACHC,QAASlC,EACTmC,UAAWlC,EACXmC,SAAU1E,EAAc,GAAI,YAE5B2E,EAAAA,IAACC,EAAAA,aAAY,CAAAnG,SAAEkF,IACfgB,MAACE,EAAAA,gBAAe,CAAA,QAErB,EAILE,GAAuB,KACzB,OAAQrE,GACJ,IAAK,gBACD,OACIiE,MAACK,EAAAA,sBAAqB,CAClB7E,aAAcA,EACdtB,aAAcA,EACdF,QAASA,EACTC,QAASA,EACTE,kBAAmBA,EACnBC,gBAAiBA,EACjByB,iBAAkBA,EAClByE,iBAAkBjG,EAClBkG,cAAexC,EACfxD,uBAAwBA,IAGpC,IAAK,eACD,OACIyF,EAAAA,IAACQ,EAAAA,qBAAoB,CACjB/E,gBAAiBA,EACjBD,aAAcA,EACdtB,aAAcA,EACdF,QAASA,EACTC,QAASA,EACTE,kBAAmBA,EACnBC,gBAAiBA,EACjByB,iBAAkBA,EAClByE,iBAAkBjG,EAClBoG,aAAc1C,EACdxD,uBAAwBA,IAGpC,QACI,OAAO,OA0GnB,OACIgF,EAAAA,KAACmB,EAAAA,yBACG7G,IAAKuC,EAAY,UACT,qBAAoB,cAChB,kCACAP,EAAiBiD,OAAO,cACpC6B,KAAK,SACDrF,EAAU,CAAAxB,SAAA,CAEbc,GA/GY,MACjB,MAMMgG,EANwC,CAC1C,gBAAiB,OACjB,eAAgB,SAChBtB,QAAS,SAGqBvD,GAElC,OACIwD,EAAAA,KAACsB,EAAAA,OAAM,CAAA,UAAS,gCAA8B,kBAAiB/G,SAAA,CAC3DkG,EAAAA,IAACc,EAAAA,oBAAmB,CAAAhH,SACf8E,OAELW,EAAAA,KAACwB,EAAAA,aAAY,CAAAjH,SAAA,CACTkG,EAAAA,IAACgB,EAAAA,kBAAiB,CAAA,aACF,YAAYJ,IAAW,cACvB,iBACZK,SAAUlG,KACVmG,gBAAgB,EAChBC,aAAa,UACbtB,QAAShC,EACTkC,SAAU1E,EAAc,GAAI,EAAEvB,SAE9BkG,EAAAA,IAACoB,EAAAA,UAAS,CAAA,KAEdpB,EAAAA,IAACgB,EAAAA,kBAAiB,CAAA,aACF,QAAQJ,kBACR,kBACZK,SAAUhG,KACViG,gBAAgB,EAChBC,aAAa,UACbtB,QAAS/B,EACTiC,SAAU1E,EAAc,GAAI,EAAEvB,SAE9BkG,EAAAA,IAACqB,wBAGJ,EAyEgBC,GACzBtB,EAAAA,IAACuB,EAAAA,WAAU,CAAAzH,SAvCC,MAChB,MAAMyC,EACkB,mBAAbzC,EACDA,EAAS,CAAE0B,aAAcK,EAAkBE,gBAC3CjC,EAEV,GAAIQ,EACA,OACIiF,EAAAA,KAAAC,WAAA,CAAA1F,SAAA,CACqB,YAAhBiC,GAA6BQ,EAC7B6D,QAGN,CACH,MAAMoB,EAAgC,YAAhBzF,EACtB,OAEIwD,EAAAA,KAAAC,EAAAA,SAAA,CAAA1F,SAAA,CACIkG,EAAAA,IAACyB,cAAW,CAACC,MAAOC,EAAAA,YAAYH,GAAc1H,SACzCyC,IAELyD,EAAAA,IAAC4B,EAAAA,eAAc,CAAAjC,UAAY6B,EAAa1H,SACnCsG,SAIjB,GAaiByB,KAtEO,MACxB,IAAKpH,EAAY,OAEjB,MAEMwG,KAF4B,YAAhBlF,IAEoBrB,EAEtC,OACI6E,EAAAA,KAACuC,EAAAA,oBAAmB,CAAAhI,SAAA,CAChBkG,EAAAA,IAAC+B,EAAAA,aAAY,CACTlI,IAAKsC,EAAe,cACR,gBACZ6F,UAAU,QACVtC,KAAK,SACLG,QAAS7B,EAAkBlE,SAAA,WAI/BkG,MAAC+B,EAAAA,aAAY,CAAA,cACG,cACZlI,IAAKoC,EACLyD,KAAK,SACLG,QAAS,KAAuBoB,IAvO5CxF,EAAgBI,GAEI,YAAhBE,EACAmC,GAAwB,aAExBlC,EAAe,WAkOkC,EACzCiF,SAAUA,EAAQnH,SAAA,WAIJ,EA4CrBmI,MACO"}
+{"version":3,"file":"calendar-manager.js","sources":["../../../../src/shared/internal-calendar/calendar-manager.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport { ChevronLeftIcon } from \"@lifesg/react-icons/chevron-left\";\nimport { ChevronRightIcon } from \"@lifesg/react-icons/chevron-right\";\nimport clsx from \"clsx\";\nimport type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\n\nimport { Button } from \"../../button\";\nimport { DateHelper } from \"../../util\";\nimport { CalendarHelper } from \"../../util/calendar-helper\";\nimport { inertValue } from \"../accessibility\";\nimport { ClickableIcon } from \"../clickable-icon\";\nimport * as styles from \"./calendar-manager.styles\";\nimport { InternalCalendarMonth } from \"./internal-calendar-month\";\nimport { InternalCalendarYear } from \"./internal-calendar-year\";\nimport type {\n    CalendarAction,\n    CalendarManagerProps,\n    CalendarManagerRef,\n    View,\n} from \"./types\";\n\nconst Component = (\n    {\n        children,\n        initialCalendarDate,\n        minDate,\n        maxDate,\n        currentFocus,\n        selectedStartDate,\n        selectedEndDate,\n        selectWithinRange,\n        dynamicHeight = false,\n        allowDisabledSelection,\n        onCalendarDateChange,\n        /* action button props */\n        withButton,\n        doneButtonDisabled,\n        onDismiss,\n        /* header props */\n        showNavigationHeader = true,\n        getLeftArrowDate,\n        getRightArrowDate,\n        isLeftArrowDisabled: _isLeftArrowDisabled,\n        isRightArrowDisabled: _isRightArrowDisabled,\n        getMonthHeaderLabel,\n        getYearHeaderLabel,\n        isFocusable = false,\n        ...otherProps\n    }: CalendarManagerProps,\n    ref: React.ForwardedRef<CalendarManagerRef>\n) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    // the current visible date in month/year views and header\n    const [calendarDate, setCalendarDate] = useState<Dayjs>(\n        DateHelper.toDayjs(initialCalendarDate)\n    );\n    // the selected date in month/year views and the current visible date in day view\n    const [viewCalendarDate, setViewCalendarDate] = useState<Dayjs>(\n        DateHelper.toDayjs(initialCalendarDate)\n    );\n    const [currentView, setCurrentView] = useState<View>(\"default\");\n\n    const doneButtonRef = useRef<HTMLButtonElement>(null);\n    const cancelButtonRef = useRef<HTMLButtonElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const yearDropdownRef = useRef<HTMLButtonElement>(null);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useImperativeHandle(ref, () => {\n        return {\n            defaultView() {\n                setCurrentView(\"default\");\n            },\n            resetView() {\n                const date = DateHelper.toDayjs(initialCalendarDate);\n                setCalendarDate(date);\n                setViewCalendarDate(date);\n\n                setCurrentView(\"default\");\n            },\n            setCalendarDate(value?: string) {\n                const date = DateHelper.toDayjs(value);\n                setCalendarDate(date);\n                setViewCalendarDate(date);\n            },\n        };\n    });\n\n    useEffect(() => {\n        const date = DateHelper.toDayjs(initialCalendarDate);\n        setCalendarDate(date);\n        setViewCalendarDate(date);\n    }, [initialCalendarDate]);\n\n    useEffect(() => {\n        performOnCalendarDateChange(viewCalendarDate);\n        // more accurate than calendarDate since it accounts for selection state\n        // in month/year views\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [viewCalendarDate]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleMonthDropdownClick = () => {\n        if (currentView !== \"month-options\") {\n            setCurrentView(\"month-options\");\n\n            // Maintain focus when selecting month dropdown\n            containerRef.current?.focus();\n        } else {\n            setCurrentView(\"default\");\n            setCalendarDate(viewCalendarDate);\n        }\n    };\n\n    const handleMonthDropdownKeydown = (\n        event: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            handleMonthDropdownClick();\n            yearDropdownRef.current?.focus(); // Focus on year dropdown after month selection\n        }\n\n        // Up and Down arrow keys will change the month\n        if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n            event.preventDefault();\n            const nextDate =\n                event.key === \"ArrowUp\"\n                    ? calendarDate.subtract(1, \"month\")\n                    : calendarDate.add(1, \"month\");\n\n            if (\n                !CalendarHelper.isWithinRange(\n                    nextDate,\n                    minDate ? dayjs(minDate) : undefined,\n                    maxDate ? dayjs(maxDate) : undefined,\n                    \"month\"\n                )\n            )\n                return;\n            setCalendarDate(nextDate);\n\n            if (currentView === \"default\") {\n                setViewCalendarDate(nextDate);\n            }\n        }\n    };\n\n    const handleYearDropdownClick = () => {\n        /**\n         * If the view is in the month options view,\n         * then clicking will send the view back to\n         * default\n         */\n        if (currentView !== \"default\") {\n            setCurrentView(\"default\");\n            setCalendarDate(viewCalendarDate);\n        } else {\n            setCurrentView(\"year-options\");\n        }\n    };\n\n    const handleYearDropdownKeydown = (\n        event: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            handleYearDropdownClick();\n        }\n\n        // Up and Down arrow keys will change the year\n        if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n            event.preventDefault();\n            const isYearView = currentView === \"year-options\";\n            let nextDate: Dayjs;\n\n            if (isYearView) {\n                // In year options view, change decade\n                nextDate =\n                    event.key === \"ArrowUp\"\n                        ? calendarDate.subtract(10, \"year\")\n                        : calendarDate.add(10, \"year\");\n            } else {\n                // In default view, change year\n                nextDate =\n                    event.key === \"ArrowUp\"\n                        ? calendarDate.subtract(1, \"year\")\n                        : calendarDate.add(1, \"year\");\n            }\n\n            if (\n                !CalendarHelper.isWithinRange(\n                    nextDate,\n                    minDate ? dayjs(minDate) : undefined,\n                    maxDate ? dayjs(maxDate) : undefined,\n                    \"year\"\n                )\n            )\n                return;\n\n            setCalendarDate(nextDate);\n\n            if (currentView === \"default\") {\n                setViewCalendarDate(nextDate);\n            }\n        }\n    };\n\n    const handleLeftArrowClick = () => {\n        // Maintain focus as button could become disabled\n        containerRef.current?.focus();\n\n        const nextDate = getLeftArrowDate\n            ? getLeftArrowDate(calendarDate)\n            : calendarDate.subtract(1, \"month\");\n\n        switch (currentView) {\n            case \"default\":\n                setViewCalendarDate(nextDate);\n                setCalendarDate(nextDate);\n                break;\n            case \"month-options\":\n                setCalendarDate((date) => date.subtract(1, \"year\"));\n                break;\n            case \"year-options\":\n                setCalendarDate((date) => date.subtract(10, \"year\"));\n                break;\n        }\n    };\n\n    const handleRightArrowClick = () => {\n        // Maintain focus as button could become disabled\n        containerRef.current?.focus();\n\n        const nextDate = getRightArrowDate\n            ? getRightArrowDate(calendarDate)\n            : calendarDate.add(1, \"month\");\n\n        switch (currentView) {\n            case \"default\":\n                setViewCalendarDate(nextDate);\n                setCalendarDate(nextDate);\n                break;\n            case \"month-options\":\n                setCalendarDate((date) => date.add(1, \"year\"));\n                break;\n            case \"year-options\":\n                setCalendarDate((date) => date.add(10, \"year\"));\n                break;\n        }\n    };\n\n    const handleMonthYearSelect = (value: Dayjs) => {\n        setCalendarDate(value);\n        setViewCalendarDate(value);\n\n        if (!withButton) {\n            setCurrentView(\"default\");\n        }\n    };\n\n    const handleCancelButton = () => {\n        const initialValue = DateHelper.toDayjs(initialCalendarDate);\n        setCalendarDate(initialValue);\n        setViewCalendarDate(initialValue);\n\n        if (currentView === \"default\") {\n            performOnDismissHandler(\"reset\");\n        } else {\n            setCurrentView(\"default\");\n        }\n    };\n\n    const handleDoneButton = (isDisabled: boolean | undefined) => {\n        if (isDisabled) return;\n\n        setCalendarDate(viewCalendarDate);\n\n        if (currentView === \"default\") {\n            performOnDismissHandler(\"confirmed\");\n        } else {\n            setCurrentView(\"default\");\n        }\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnCalendarDateChange = (date: Dayjs) => {\n        if (onCalendarDateChange) {\n            onCalendarDateChange(date);\n        }\n    };\n\n    const performOnDismissHandler = (action: CalendarAction) => {\n        if (onDismiss) {\n            onDismiss(action);\n        }\n    };\n\n    const isLeftArrowDisabled = () => {\n        if (!minDate || allowDisabledSelection) {\n            return false;\n        }\n\n        const min = dayjs(minDate);\n        if (currentView === \"month-options\") {\n            return !CalendarHelper.isPreviousYearWithinRange(calendarDate, min);\n        } else if (currentView === \"year-options\") {\n            return !CalendarHelper.isPreviousDecadeWithinRange(\n                calendarDate,\n                min\n            );\n        } else {\n            if (_isLeftArrowDisabled) {\n                return _isLeftArrowDisabled(calendarDate);\n            }\n            return !CalendarHelper.isPreviousMonthWithinRange(\n                calendarDate,\n                min\n            );\n        }\n    };\n\n    const isRightArrowDisabled = () => {\n        if (!maxDate || allowDisabledSelection) {\n            return false;\n        }\n\n        const max = dayjs(maxDate);\n        if (currentView === \"month-options\") {\n            return !CalendarHelper.isNextYearWithinRange(calendarDate, max);\n        } else if (currentView === \"year-options\") {\n            return !CalendarHelper.isNextDecadeWithinRange(calendarDate, max);\n        } else {\n            if (_isRightArrowDisabled) {\n                return _isRightArrowDisabled(calendarDate);\n            }\n            return !CalendarHelper.isNextMonthWithinRange(calendarDate, max);\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const getYearHeaderText = (): string => {\n        if (currentView === \"year-options\") {\n            const { beginDecade, endDecade } =\n                CalendarHelper.getStartEndDecade(calendarDate);\n\n            return `${beginDecade} to ${endDecade}`;\n        } else {\n            return getYearHeaderLabel\n                ? getYearHeaderLabel(calendarDate)\n                : calendarDate.format(\"YYYY\");\n        }\n    };\n\n    const renderDropdownButtons = () => {\n        const monthLabel = getMonthHeaderLabel\n            ? getMonthHeaderLabel(calendarDate)\n            : calendarDate.format(\"MMM\");\n\n        const fullMonthLabel = dayjs(monthLabel, \"MMM\").format(\"MMMM\");\n\n        const yearLabel = getYearHeaderText();\n        const viewToYearLabel: Record<View, string> = {\n            \"month-options\": `${yearLabel}, Close month selection`,\n            \"year-options\": `${yearLabel}, Close year selection`,\n            default: `${yearLabel}, Select year`,\n        };\n\n        return (\n            <>\n                <button\n                    className={clsx(\n                        styles.dropdownButton,\n                        currentView !== \"default\" && styles.hidden\n                    )}\n                    aria-label={`${fullMonthLabel}, Select month`}\n                    type=\"button\"\n                    id=\"month-dropdown\"\n                    onClick={handleMonthDropdownClick}\n                    onKeyDown={handleMonthDropdownKeydown}\n                    tabIndex={isFocusable ? 0 : -1}\n                >\n                    <span className={styles.dropdownText}>{monthLabel}</span>\n                    <ChevronDownIcon\n                        className={clsx(\n                            styles.icon,\n                            styles.iconChevronDown,\n                            currentView === \"month-options\" &&\n                                styles.iconChevronDownExpanded\n                        )}\n                    />\n                </button>\n                <button\n                    ref={yearDropdownRef}\n                    className={styles.dropdownButton}\n                    aria-label={viewToYearLabel[currentView]}\n                    type=\"button\"\n                    id=\"year-dropdown\"\n                    onClick={handleYearDropdownClick}\n                    onKeyDown={handleYearDropdownKeydown}\n                    tabIndex={isFocusable ? 0 : -1}\n                >\n                    <span className={styles.dropdownText}>{yearLabel}</span>\n                    <ChevronDownIcon\n                        className={clsx(\n                            styles.icon,\n                            styles.iconChevronDown,\n                            currentView !== \"default\" &&\n                                styles.iconChevronDownExpanded\n                        )}\n                    />\n                </button>\n            </>\n        );\n    };\n\n    const renderOptionsOverlay = () => {\n        switch (currentView) {\n            case \"month-options\":\n                return (\n                    <InternalCalendarMonth\n                        calendarDate={calendarDate}\n                        currentFocus={currentFocus}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        selectedStartDate={selectedStartDate}\n                        selectedEndDate={selectedEndDate}\n                        viewCalendarDate={viewCalendarDate}\n                        isNewSelection={!!selectWithinRange}\n                        onMonthSelect={handleMonthYearSelect}\n                        allowDisabledSelection={allowDisabledSelection}\n                    />\n                );\n            case \"year-options\":\n                return (\n                    <InternalCalendarYear\n                        setCalendarDate={setCalendarDate}\n                        calendarDate={calendarDate}\n                        currentFocus={currentFocus}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        selectedStartDate={selectedStartDate}\n                        selectedEndDate={selectedEndDate}\n                        viewCalendarDate={viewCalendarDate}\n                        isNewSelection={!!selectWithinRange}\n                        onYearSelect={handleMonthYearSelect}\n                        allowDisabledSelection={allowDisabledSelection}\n                    />\n                );\n            default:\n                return null;\n        }\n    };\n\n    const renderHeader = () => {\n        const viewToSelection: Record<View, string> = {\n            \"month-options\": \"year\",\n            \"year-options\": \"decade\",\n            default: \"month\",\n        };\n\n        const selection = viewToSelection[currentView];\n\n        return (\n            <div\n                className={styles.header}\n                data-id=\"calendar-header\"\n                data-testid=\"calendar-header\"\n            >\n                <div className={styles.headerInputDropdown}>\n                    {renderDropdownButtons()}\n                </div>\n                <div className={styles.headerArrows}>\n                    <ClickableIcon\n                        className={styles.headerArrowButton}\n                        aria-label={`Previous ${selection}`}\n                        data-testid=\"left-arrow-btn\"\n                        disabled={isLeftArrowDisabled()}\n                        focusHighlight={false}\n                        focusOutline=\"browser\"\n                        onClick={handleLeftArrowClick}\n                        tabIndex={isFocusable ? 0 : -1}\n                    >\n                        <ChevronLeftIcon className={styles.icon} />\n                    </ClickableIcon>\n                    <ClickableIcon\n                        className={styles.headerArrowButton}\n                        aria-label={`Next ${selection}`}\n                        data-testid=\"right-arrow-btn\"\n                        disabled={isRightArrowDisabled()}\n                        focusHighlight={false}\n                        focusOutline=\"browser\"\n                        onClick={handleRightArrowClick}\n                        tabIndex={isFocusable ? 0 : -1}\n                    >\n                        <ChevronRightIcon className={styles.icon} />\n                    </ClickableIcon>\n                </div>\n            </div>\n        );\n    };\n\n    const renderActionButtons = () => {\n        if (!withButton) return;\n\n        const isDayView = currentView === \"default\";\n\n        const disabled = !isDayView ? false : doneButtonDisabled;\n\n        return (\n            <div className={styles.actionButtonSection}>\n                <Button\n                    className={styles.actionButton}\n                    ref={cancelButtonRef}\n                    data-testid=\"cancel-button\"\n                    styleType=\"light\"\n                    type=\"button\"\n                    onClick={handleCancelButton}\n                    sizeType=\"small\"\n                >\n                    Cancel\n                </Button>\n                <Button\n                    className={styles.actionButton}\n                    data-testid=\"done-button\"\n                    ref={doneButtonRef}\n                    type=\"button\"\n                    onClick={() => handleDoneButton(disabled)}\n                    disabled={disabled}\n                    sizeType=\"small\"\n                >\n                    Done\n                </Button>\n            </div>\n        );\n    };\n\n    const renderViews = () => {\n        const defaultView =\n            typeof children === \"function\"\n                ? children({ calendarDate: viewCalendarDate, currentView })\n                : children;\n\n        if (dynamicHeight) {\n            return (\n                <>\n                    {currentView === \"default\" && defaultView}\n                    {renderOptionsOverlay()}\n                </>\n            );\n        } else {\n            const isDefaultView = currentView === \"default\";\n            return (\n                // Prevent interaction with the default view when options are open\n                <>\n                    <div\n                        className={styles.defaultView}\n                        inert={inertValue(!isDefaultView)}\n                    >\n                        {defaultView}\n                    </div>\n                    <div\n                        className={clsx(\n                            styles.optionsOverlay,\n                            isDefaultView && styles.hidden\n                        )}\n                    >\n                        {renderOptionsOverlay()}\n                    </div>\n                </>\n            );\n        }\n    };\n\n    return (\n        <div\n            className={styles.container}\n            ref={containerRef}\n            data-id=\"calendar-container\"\n            data-testid=\"calendar-container\"\n            aria-label={viewCalendarDate.format(\"MMMM, YYYY\")}\n            role=\"group\"\n            {...otherProps}\n        >\n            {showNavigationHeader && renderHeader()}\n            <div className={styles.toggleZone} data-testid=\"toggle-zone\">\n                {renderViews()}\n            </div>\n            {renderActionButtons()}\n        </div>\n    );\n};\n\nexport const CalendarManager = React.forwardRef(Component);\n"],"names":["CalendarManager","React","forwardRef","_a","ref","children","initialCalendarDate","minDate","maxDate","currentFocus","selectedStartDate","selectedEndDate","selectWithinRange","dynamicHeight","allowDisabledSelection","onCalendarDateChange","withButton","doneButtonDisabled","onDismiss","showNavigationHeader","getLeftArrowDate","getRightArrowDate","isLeftArrowDisabled","_isLeftArrowDisabled","isRightArrowDisabled","_isRightArrowDisabled","getMonthHeaderLabel","getYearHeaderLabel","isFocusable","otherProps","__rest","calendarDate","setCalendarDate","useState","DateHelper","toDayjs","viewCalendarDate","setViewCalendarDate","currentView","setCurrentView","doneButtonRef","useRef","cancelButtonRef","containerRef","yearDropdownRef","useImperativeHandle","defaultView","resetView","date","value","useEffect","performOnCalendarDateChange","handleMonthDropdownClick","current","focus","handleMonthDropdownKeydown","event","key","preventDefault","nextDate","subtract","add","CalendarHelper","isWithinRange","dayjs","undefined","handleYearDropdownClick","handleYearDropdownKeydown","handleLeftArrowClick","handleRightArrowClick","handleMonthYearSelect","handleCancelButton","initialValue","performOnDismissHandler","action","min","isPreviousYearWithinRange","isPreviousDecadeWithinRange","isPreviousMonthWithinRange","max","isNextYearWithinRange","isNextDecadeWithinRange","isNextMonthWithinRange","renderDropdownButtons","monthLabel","format","fullMonthLabel","yearLabel","beginDecade","endDecade","getStartEndDecade","getYearHeaderText","viewToYearLabel","default","_jsxs","_Fragment","className","clsx","styles.dropdownButton","styles.hidden","type","id","onClick","onKeyDown","tabIndex","_jsx","styles.dropdownText","ChevronDownIcon","styles.icon","styles.iconChevronDown","styles.iconChevronDownExpanded","renderOptionsOverlay","InternalCalendarMonth","isNewSelection","onMonthSelect","InternalCalendarYear","onYearSelect","styles.container","role","selection","styles.header","styles.headerInputDropdown","styles.headerArrows","ClickableIcon","styles.headerArrowButton","disabled","focusHighlight","focusOutline","ChevronLeftIcon","ChevronRightIcon","renderHeader","styles.toggleZone","isDefaultView","styles.defaultView","inert","inertValue","styles.optionsOverlay","renderViews","styles.actionButtonSection","Button","styles.actionButton","styleType","sizeType","renderActionButtons"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";require("./calendar-manager.styles_1njwkj2.css");exports.actionButton="am01jhq",exports.actionButtonSection="ah8v88g",exports.container="c1pjct36",exports.defaultView="d1wdaxlf",exports.dropdownButton="d11dpfam",exports.dropdownText="d14qnn0y",exports.header="h1vuzb9k",exports.headerArrowButton="h1g80qmc",exports.headerArrows="h6pztie",exports.headerInputDropdown="hwdoiu6",exports.hidden="h1eddcvs",exports.icon="idyldum",exports.iconChevronDown="islfrvo",exports.iconChevronDownExpanded="i9mhzaa",exports.optionsOverlay="o9us63x",exports.toggleZone="tnbj4wx";
+//# sourceMappingURL=calendar-manager.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-manager.styles.js","sources":["../../../../src/shared/internal-calendar/calendar-manager.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font } from \"../../theme\";\nimport * as calendarDropdownStyles from \"../internal-calendar/calendar-dropdown.styles\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\n// -----------------------------------------------------------------------------\n// ICONS\n// -----------------------------------------------------------------------------\nexport const icon = css`\n    color: ${Colour[\"icon\"]};\n    height: 1rem;\n    width: 1rem;\n`;\n\nexport const iconChevronDown = css`\n    transition: transform 250ms ease-in-out;\n    margin-left: 0.5rem;\n`;\n\nexport const iconChevronDownExpanded = css`\n    transform: rotate(180deg);\n`;\n\n// -----------------------------------------------------------------------------\n// MAIN\n// -----------------------------------------------------------------------------\nexport const container = css`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    padding-top: var(${calendarDropdownStyles.tokens.verticalInset});\n    padding-bottom: var(${calendarDropdownStyles.tokens.verticalInset});\n`;\n\nexport const toggleZone = css`\n    display: flex;\n    flex: 1;\n    position: relative;\n    overflow-y: scroll;\n`;\n\nexport const defaultView = css`\n    isolation: isolate;\n    width: 100%;\n\n    padding-left: var(${calendarDropdownStyles.tokens.horizontalInset});\n    padding-right: var(${calendarDropdownStyles.tokens.horizontalInset});\n`;\n\nexport const optionsOverlay = css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background: ${Colour[\"bg\"]};\n\n    padding-left: var(${calendarDropdownStyles.tokens.horizontalInset});\n    padding-right: var(${calendarDropdownStyles.tokens.horizontalInset});\n`;\n\n// -----------------------------------------------------------------------------\n// HEADER\n// -----------------------------------------------------------------------------\nexport const header = css`\n    display: flex;\n    justify-content: space-between;\n\n    padding-left: var(\n        ${calendarDropdownStyles.tokens.horizontalInset},\n        var(${calendarDropdownStyles.tokens.horizontalInset})\n    );\n    padding-right: var(\n        ${calendarDropdownStyles.tokens.horizontalInset},\n        var(${calendarDropdownStyles.tokens.horizontalInset})\n    );\n    padding-bottom: var(${calendarDropdownStyles.tokens.headerBottomSpacing});\n`;\n\nexport const headerInputDropdown = css`\n    display: flex;\n`;\n\nexport const dropdownButton = css`\n    border: none;\n    display: flex;\n    align-items: center;\n    padding: 0.5rem;\n    background: transparent;\n    cursor: pointer;\n`;\n\nexport const dropdownText = css`\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const headerArrows = css`\n    display: flex;\n`;\n\nexport const headerArrowButton = css`\n    margin: auto 0;\n    padding: 0.75rem;\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// COMMON\n// -----------------------------------------------------------------------------\nexport const hidden = css`\n    display: none;\n`;\n\n// -----------------------------------------------------------------------------\n// ACTION BUTTONS\n// -----------------------------------------------------------------------------\nexport const actionButtonSection = css`\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n\n    padding-left: var(${calendarDropdownStyles.tokens.horizontalInset});\n    padding-right: var(${calendarDropdownStyles.tokens.horizontalInset});\n`;\n\nexport const actionButton = css`\n    flex: 1;\n`;\n"],"names":[],"mappings":"2HAsIyB,sCATO,4BAhGV,+BAiBE,kCA0CG,gCASF,0BA5BN,qCAqCW,gCAJL,sCAlBO,yBAkCb,wBA3GF,kCAMW,0CAKQ,iCAgCT,6BAfJ"}

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

@@ -0,0 +1,22 @@
+@layer fds{.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;overflow-y:scroll;}
+.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-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);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\";\nimport {\n    Cell,\n    Indicator,\n    Label,\n    LabelWrapper,\n    LeftCircle,\n    LeftHalf,\n    RightCircle,\n    RightHalf,\n} from \"./day-cell.style\";\nimport { 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":"sKAcuB,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_1t5oqc1.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":"4XAiBkBA,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_1t5oqc1.css

@@ -0,0 +1,8 @@
+@layer fds{.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-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);-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 dayjs, { Dayjs } from \"dayjs\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport { HeaderCell, RowDayCell, Wrapper } from \"../standard\";\nimport { CommonCalendarProps } from \"../types\";\nimport { 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":"8VAgByC,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("../../../util/date-input-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:h})=>{const g=t.CalendarHelper.isDisabledDay(d,D,c,u),M=!g||y,{start:Y,end:j}=i?t.CalendarHelper.getFixedRangeStartEnd(r.DateHelper.toDayjs(i),f):{start:void 0,end:void 0},{start:w,end:q}=s?t.CalendarHelper.getFixedRangeStartEnd(r.DateHelper.toDayjs(s),f):{start:void 0,end:void 0},x=!!i&&d.isBetween(Y,j,"day","[]"),S=!!s&&d.isBetween(w,q,"day","[]"),H=x&&d.isSame(Y,"day")||S&&d.isSame(w,"day"),F=x&&d.isSame(j,"day")||S&&d.isSame(q,"day"),C=`From ${a.default(w).format("D MMMM")} to ${a.default(q).format("D MMMM")}, ${g?"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:g,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:h,label:C};return e.jsx(l.DayCell,Object.assign({},k,(()=>{const e={};return x||S?e.labelType="selected":n.month()!==d.month()?e.labelType="unavailable":a.default().isSame(d,"day")&&!g&&(e.labelType="current"),e})(),(()=>{const e={},a=d.format("YYYY-MM-DD");return S&&A(e,"hover",a===w,a===q),x&&A(e,"selected-outline",a===Y,a===j),x&&S&&(A(e,"selected-hover-outline",H,F),a===w&&a!==Y&&(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