npm - @lifesg/react-design-system - Versions diffs - 4.0.0-alpha.1 → 4.0.0-alpha.2 - Mend

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

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

Files changed (2348) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar-manager.js","sources":["../../../../src/shared/internal-calendar/calendar-manager.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\n\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 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 }, [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":"ggBAiCA,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"}
1	+ {"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 }, [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}>{renderViews()}</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":"i1BAuBA,MAokBaA,OAAkBC,QAAMC,YApkBnB,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,GAA4Bf,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,GACFX,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,GAAuB,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,GAAwB,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,GAAyBrB,IAC3BjB,EAAgBiB,GAChBZ,EAAoBY,GAEfjC,GACDuB,EAAe,UACnB,EAGEgC,GAAqB,KACvB,MAAMC,EAAetC,EAAAA,WAAWC,QAAQ7B,GACxC0B,EAAgBwC,GAChBnC,EAAoBmC,GAEA,YAAhBlC,EACAmC,GAAwB,SAExBlC,EAAe,UACnB,EAkBEY,GAA+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,OAAAC,EAAAA,SAAA,CAAA1F,SAAA,CACIyF,EAAAA,KAAA,SAAA,CACIE,UAAWC,UACPC,EAAAA,eACgB,YAAhB5D,GAA6B6D,EAAAA,QAChC,aACW,GAAGb,kBACfc,KAAK,SACLC,GAAG,iBACHC,QAASlD,EACTmD,UAAWhD,EACXiD,SAAU5E,EAAc,eAExB6E,EAAAA,IAAA,OAAA,CAAMT,UAAWU,eAAmBrG,SAAG+E,IACvCqB,EAAAA,IAACE,EAAAA,gBAAe,CACZX,UAAWC,UACPW,EAAAA,KACAC,EAAAA,gBACgB,kBAAhBvE,GACIwE,gCAIhBhB,EAAAA,KAAA,SAAA,CACI1F,IAAKwC,EACLoD,UAAWE,EAAAA,eAAqB,aACpBN,EAAgBtD,GAC5B8D,KAAK,SACLC,GAAG,gBACHC,QAASpC,EACTqC,UAAWpC,GACXqC,SAAU5E,EAAc,KAAMvB,SAAA,CAE9BoG,cAAMT,UAAWU,EAAAA,aAAmBrG,SAAGkF,IACvCkB,EAAAA,IAACE,kBAAe,CACZX,UAAWC,EAAAA,QACPW,EAAAA,KACAC,kBACgB,YAAhBvE,GACIwE,EAAAA,gCAIjB,EAILC,GAAuB,KACzB,OAAQzE,GACJ,IAAK,gBACD,OACImE,MAACO,EAAAA,sBAAqB,CAClBjF,aAAcA,EACdtB,aAAcA,EACdF,QAASA,EACTC,QAASA,EACTE,kBAAmBA,EACnBC,gBAAiBA,EACjByB,iBAAkBA,EAClB6E,iBAAkBrG,EAClBsG,cAAe5C,GACfxD,uBAAwBA,IAGpC,IAAK,eACD,OACI2F,EAAAA,IAACU,EAAAA,qBAAoB,CACjBnF,gBAAiBA,EACjBD,aAAcA,EACdtB,aAAcA,EACdF,QAASA,EACTC,QAASA,EACTE,kBAAmBA,EACnBC,gBAAiBA,EACjByB,iBAAkBA,EAClB6E,iBAAkBrG,EAClBwG,aAAc9C,GACdxD,uBAAwBA,IAGpC,QACI,OAAO,OA4HnB,OACIgF,EAAAA,0BACIE,UAAWqB,EAAAA,UACXjH,IAAKuC,YACG,qBAAoB,cAChB,qBAAoB,aACpBP,EAAiBiD,OAAO,cACpCiC,KAAK,SACDzF,EAAU,CAAAxB,SAAA,CAEbc,GAlIY,MACjB,MAMMoG,EANwC,CAC1C,gBAAiB,OACjB,eAAgB,SAChB1B,QAAS,SAGqBvD,GAElC,OACIwD,EAAAA,KAAA,MAAA,CACIE,UAAWwB,EAAAA,OAAa,UAChB,kBAAiB,cACb,kBAAiBnH,SAAA,CAE7BoG,EAAAA,IAAA,MAAA,CAAKT,UAAWyB,sBAA0BpH,SACrC8E,OAELW,OAAA,MAAA,CAAKE,UAAW0B,EAAAA,aAAmBrH,SAAA,CAC/BoG,EAAAA,IAACkB,iBACG3B,UAAW4B,oBAAwB,aACvB,YAAYL,IAAW,cACvB,iBACZM,SAAUvG,KACVwG,gBAAgB,EAChBC,aAAa,UACbzB,QAASlC,GACToC,SAAU5E,EAAc,GAAI,EAAEvB,SAE9BoG,EAAAA,IAACuB,EAAAA,gBAAe,CAAChC,UAAWY,EAAAA,SAEhCH,EAAAA,IAACkB,EAAAA,cAAa,CACV3B,UAAW4B,oBAAwB,aACvB,QAAQL,IAAW,cACnB,kBACZM,SAAUrG,KACVsG,gBAAgB,EAChBC,aAAa,UACbzB,QAASjC,GACTmC,SAAU5E,EAAc,GAAI,EAAEvB,SAE9BoG,EAAAA,IAACwB,EAAAA,kBAAiBjC,UAAWY,gBAGnC,EAsFmBsB,GACzBzB,EAAAA,IAAA,MAAA,CAAKT,UAAWmC,EAAAA,WAAiB9H,SAhDrB,MAChB,MAAMyC,EACkB,mBAAbzC,EACDA,EAAS,CAAE0B,aAAcK,EAAkBE,gBAC3CjC,EAEV,GAAIQ,EACA,OACIiF,EAAAA,KAAAC,WAAA,CAAA1F,SAAA,CACqB,YAAhBiC,GAA6BQ,EAC7BiE,QAGN,CACH,MAAMqB,EAAgC,YAAhB9F,EACtB,OAEIwD,EAAAA,KAAAC,EAAAA,SAAA,CAAA1F,SAAA,CACIoG,EAAAA,WACIT,UAAWqC,EAAAA,YACXC,MAAOC,EAAAA,YAAYH,GAAc/H,SAEhCyC,IAEL2D,EAAAA,IAAA,MAAA,CACIT,UAAWC,EAAAA,QACPuC,EAAAA,eACAJ,GAAiBjC,EAAAA,QACpB9F,SAEA0G,SAIjB,GAcwC0B,KAnFhB,MACxB,IAAKzH,EAAY,OAEjB,MAEM6G,KAF4B,YAAhBvF,IAEoBrB,EAEtC,OACI6E,OAAA,MAAA,CAAKE,UAAW0C,EAAAA,oBAA0BrI,SAAA,CACtCoG,MAACkC,EAAAA,QACG3C,UAAW4C,EAAAA,aACXxI,IAAKsC,gBACO,gBACZmG,UAAU,QACVzC,KAAK,SACLE,QAAS/B,GACTuE,SAAS,QAAOzI,SAAA,WAIpBoG,EAAAA,IAACkC,SAAM,CACH3C,UAAW4C,EAAAA,aAAmB,cAClB,cACZxI,IAAKoC,EACL4D,KAAK,SACLE,QAAS,KAAuBuB,IAhQ5C7F,EAAgBI,GAEI,YAAhBE,EACAmC,GAAwB,aAExBlC,EAAe,WA2PkC,EACzCsF,SAAUA,EACViB,SAAS,QAAOzI,SAAA,WAIlB,EAqDL0I,MACC"}

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

	@@ -0,0 +1,2 @@
1	+ "use strict";require("./calendar-manager.styles_1q13ylk.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";
2	+ //# sourceMappingURL=calendar-manager.styles.js.map

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

@@ -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`;\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":"2HAqIyB,sCATO,4BA/FV,+BAgBE,kCA0CG,gCASF,0BA5BN,qCAqCW,gCAJL,sCAlBO,yBAkCb,wBA1GF,kCAMW,0CAKQ,iCA+BT,6BAdJ"}

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

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

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"day-cell.js","sources":["../../../../../src/shared/internal-calendar/day-cell/day-cell.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { useEffect, useRef } from \"react\";\n\nimport ~~{\n Cell,\n Indicator,\n Label,\n LabelWrapper,\n LeftCircle,\n LeftHalf,\n RightCircle,\n RightHalf,\n}~~ from \"./day-cell.~~style~~\";\nimport type { DayCellProps } from \"./types\";\n\nexport const DayCell = ({\n bgLeft,\n bgRight,\n circleLeft,\n circleRight,\n labelType,\n disabled,\n interactive,\n currentDateIndicator,\n date,\n onSelect,\n onHover,\n onFocus,\n onHoverEnd,\n onKeyDown,\n focusDate,\n label,\n ariaHidden,\n tabIndex = -1,\n role = \"button\",\n}: DayCellProps) => {\n // =========================================================================\n // CONST\n // =========================================================================\n const ~~today = dayjs().isSame(date, \"day\");\n const~~ isFocused = focusDate ? focusDate.isSame(date, \"day\") : false;\n const defaultLabel = `${date.format(\"D MMMM YYYY dddd\")}, ${\n disabled ? \"Unavailable\" : \"Available\"\n }`; // e.g. 1 January 2025 Tuesday, Unavailable\n\n // =============================================================================\n // REFS, EFFECTS\n // =============================================================================\n const ~~ref~~ = useRef<~~HTMLDivElement~~>(null);\n\n useEffect(() => {\n if (isFocused ~~&& ref.current~~) {\n ~~ref~~.current?.focus();\n }\n }, [isFocused]);\n\n // =========================================================================\n // EVENT HANDLERS\n // =========================================================================\n const handleClick = () => {\n onSelect?.(date);\n };\n\n const handleHover = () => {\n onHover?.(date);\n };\n\n const handleFocus = () => {\n onFocus?.(date);\n };\n\n const ~~handleMouseout~~ = () => {\n onHoverEnd?.(date);\n };\n\n // =========================================================================\n // RENDER FUNCTION\n // =========================================================================\n return (\n <~~Cell~~ aria-hidden={ariaHidden}>\n <~~LeftHalf~~ $type={bgLeft}~~></LeftHalf>\~~n <~~LeftCircle $~~type={circleLeft} />\n <~~RightHalf~~ $type={bgRight}~~></RightHalf>\~~n <~~RightCircle $~~type={circleRight} />\n <~~LabelWrapper $interactive~~={~~interactive~~}>\n <~~Label~~\n ~~ref={ref}~~\n ~~tabIndex~~={~~tabIndex~~}\n ~~role~~={~~role~~}\n ~~aria~~-label={~~label \|\| defaultLabel~~}\n ~~aria~~-disabled={~~!interactive~~}\n ~~aria-selected~~={\n ~~labelType ===~~ \~~"selected\" \|\|\~~n ~~labelType === \"selected-hover\"\n~~ }\n ~~$type~~={~~labelType~~}\n $disabled={disabled}\n ~~$interactive~~={~~interactive~~}\n onClick={handleClick}\n onKeyDown={~~(event) => {\n onKeyDown?.(event);\n~~ }}\n onMouseEnter={handleHover}\n onMouseLeave={~~handleMouseout~~}\n onFocus={handleFocus}\n >\n {date.date()}\n {currentDateIndicator && ~~today~~ && (\n <~~Indicator~~ ~~$disabled~~={~~disabled~~} />\n )}\n </~~Label~~>\n </~~LabelWrapper~~>\n </~~Cell~~>\n );\n};\n"],"names":["bgLeft","bgRight","circleLeft","circleRight","labelType","disabled","interactive","currentDateIndicator","date","onSelect","onHover","onFocus","onHoverEnd","onKeyDown","focusDate","label","ariaHidden","tabIndex","role","~~today~~","~~dayjs~~","~~isSame~~","~~isFocused~~","~~defaultLabel~~","~~format~~","~~ref~~","useRef","useEffect","~~current~~","_a","focus","_jsxs","~~Cell~~","~~children~~","~~_jsx~~","~~LeftHalf~~","~~$type~~","~~LeftCircle~~","~~RightHalf~~","~~RightCircle~~","~~LabelWrapper~~","~~$interactive~~","~~Label~~","~~$disabled~~","onClick","event","onMouseEnter","onMouseLeave","~~Indicator~~"],"mappings":"~~sKAeuB~~,EACnBA,SACAC,UACAC,aACAC,cACAC,YACAC,WACAC,~~cACAC~~,uBACAC,OACAC,WACAC,UACAC,UACAC,aACAC,YACAC,YACAC,QACAC,aACAC,YAAW,EACXC,OAAO,aAKP,MAAMC,~~EAAQC~~,~~EAAAA,UAAQC,OAAOb,EAAM,OAC7Bc,IAAYR,~~GAAYA,~~EAAUO~~,~~OAAOb~~,EAAM,OAC/Ce,EAAe,~~GAAGf~~,~~EAAKgB~~,OAAO,~~wBAChCnB~~,EAAW,cAAgB,~~cAMzBoB~~,~~EAAMC~~,EAAAA,~~OAAuB~~,~~MAEnCC~~,EAAAA,WAAU,~~WACFL~~,~~GAAaG~~,~~EAAIG~~,~~UACN~~,~~QAAXC~~,~~EAAAJ,EAAIG,~~eAAO,~~IAAAC~~,GAAAA,~~EAAEC~~,~~QACjB~~,GACD,~~CAACR~~,~~IAwBJ~~,~~OACIS~~,~~OAACC~~,EAAAA,~~KAAI~~,~~CAAA~~,~~cAAchB~~,~~EAAUiB,~~SAAA,~~CACzBC~~,EAAAA,~~IAACC~~,EAAAA,~~SAAQ~~,~~CAAAC~~,~~MAAQpC~~,~~IACjBkC~~,~~MAACG~~,EAAAA,~~WAAU~~,~~CAAAD~~,~~MAAQlC~~,~~IACnBgC~~,EAAAA,~~IAACI~~,~~YAAS~~,~~CAAAF~~,~~MAAQnC~~,~~IAClBiC~~,EAAAA,~~IAACK~~,EAAAA,~~YAAW~~,~~CAAAH~~,~~MAAQjC~~,~~IACpB+B~~,EAAAA,~~IAACM~~,EAAAA,~~aAAY~~,~~CAAAC~~,~~aAAenC~~,~~EAAW2B~~,~~SACnCF~~,EAAAA,~~KAACW~~,~~EAAAA~~,~~MAAK~~,~~CACFjB~~,~~IAAKA~~,~~EACLR~~,SAAUA,EACVC,KAAMA,EAAI,~~aACEH~~,~~GAASQ~~,~~EAAY~~,~~iBACjBjB~~,~~EAAW~~,~~gBAET~~,~~aAAdF~~,~~GACc~~,~~mBAAdA~~,~~EAA8BgC~~,~~MAE3BhC~~,~~EAASuC~~,~~UACLtC~~,~~eACGC,EACdsC,QAvCI,KAChBnC,~~SAAAA,EAAWD,EAAK,~~EAuCJK~~,~~UAAYgC~~,~~IACRhC~~,SAAAA,~~EAAYgC~~,EAAM,~~EAEtBC~~,~~aAvCI~~,~~KAChBpC~~,SAAAA,EAAUF,EAAK,~~EAuCHuC~~,~~aAhCO~~,~~KACnBnC~~,SAAAA,EAAaJ,EAAK,~~EAgCNG~~,~~QArCI~~,KAChBA,SAAAA,EAAUH,EAAK,~~EAoCiByB~~,SAAA,~~CAEnBzB~~,EAAKA,OACLD,~~GAAwBY~~,~~GACrBe~~,EAAAA,~~IAACc~~,~~YAAS~~,~~CAAAL~~,~~UAAYtC~~,~~WAI/B~~"}
1	+ {"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 ADDED Viewed

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fixed-range-calendar-day-view.js","sources":["../../../../../src/shared/internal-calendar/fixed-range/fixed-range-calendar-day-view.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport { HeaderCell, RowDayCell, Wrapper } from \"../standard\";\nimport type { CommonCalendarProps } from \"../types\";\nimport { FixedRangeDayCell } from \"./fixed-range-cell\";\n\ninterface FixedRangeCalendarDayViewProps extends CommonCalendarProps {\n selectedStartDate: string \| undefined;\n numberOfDays: number \| undefined;\n calendarDate: Dayjs;\n onSelect: (value: Dayjs) => void;\n onHover: (value: string) => void;\n setCalendarDate?: ((date: string \| undefined) => void) \| undefined;\n}\n\nexport const FixedRangeCalendarDayView = ({\n calendarDate,\n disabledDates,\n selectedStartDate,\n onSelect,\n onHover,\n minDate,\n maxDate,\n allowDisabledSelection,\n numberOfDays,\n setCalendarDate,\n}: FixedRangeCalendarDayViewProps) => {\n // =============================================================================\n // REFS, EFFECTS\n // =============================================================================\n const pendingFocusRef = useRef<string \| null>(null);\n\n useEffect(() => {\n if (pendingFocusRef.current) {\n const next = pendingFocusRef.current;\n pendingFocusRef.current = null;\n setFocusValue(next);\n }\n }, [calendarDate]);\n\n // =============================================================================\n // HELPER FUNCTIONS\n // =============================================================================\n const getDateToFocus = useCallback(() => {\n // As specified in the Grid Pattern, only one element in the calendar grid is in the Tab sequence.\n // This function determines which date should be focused based on the state of the calendar.\n\n // Selected date is in the current month\n if (\n selectedStartDate &&\n dayjs(selectedStartDate).isSame(calendarDate, \"month\")\n ) {\n return dayjs(selectedStartDate);\n }\n\n // Today is in the current month\n if (dayjs().isSame(calendarDate, \"month\")) {\n return dayjs();\n }\n\n // Choose min date if it is in the current month\n if (minDate && calendarDate.isSame(dayjs(minDate), \"month\")) {\n return dayjs(minDate);\n }\n\n // Otherwise, return the first day of the month\n return dayjs(calendarDate).startOf(\"month\");\n }, [selectedStartDate, calendarDate, minDate]);\n\n const setFocusCell = (value: string) => {\n const valueDayjs = dayjs(value);\n\n if (\n CalendarHelper.isWithinRange(\n valueDayjs,\n minDate ? dayjs(minDate) : undefined,\n maxDate ? dayjs(maxDate) : undefined\n )\n ) {\n if (!valueDayjs.isSame(calendarDate, \"month\")) {\n setCalendarDate?.(value);\n pendingFocusRef.current = value;\n return;\n }\n setFocusValue(value);\n }\n };\n\n // =============================================================================\n // CONST, STATE\n // =============================================================================\n const weeksOfTheMonth = useMemo(\n (): Dayjs[][] => CalendarHelper.generateDays(calendarDate),\n [calendarDate]\n );\n const dateToFocus = useMemo(\n (): Dayjs => getDateToFocus(),\n [getDateToFocus]\n );\n\n const [focusValue, setFocusValue] = useState<string>(\"\");\n const [hoverValue, setHoverValue] = useState<string>(\"\");\n\n // =============================================================================\n // EVENT HANDLERS\n // =============================================================================\n const handleDayClick = (value: Dayjs, isDisabled: boolean) => {\n if (isDisabled && !allowDisabledSelection) return;\n\n onSelect(value);\n\n if (!!value && !dayjs(value).isSame(value, \"month\")) {\n setHoverValue(\"\");\n }\n };\n\n const handleHoverCell = (value: string, isDisabled: boolean) => {\n if (isDisabled && !allowDisabledSelection) return;\n setHoverValue(value);\n onHover(value);\n };\n\n const handleFocusCell = (value: string) => {\n // Always hover the cell when it is focused\n setHoverValue(value);\n onHover(value);\n };\n\n const handleMouseLeaveCell = () => {\n setHoverValue(\"\");\n onHover(\"\");\n };\n\n const handleOnBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n if (e.currentTarget.contains(e.relatedTarget as Node)) {\n return;\n }\n\n // Reset focus date when the component loses focus\n setFocusValue(\"\");\n setHoverValue(\"\");\n onHover(\"\");\n };\n\n // =============================================================================\n // RENDER FUNCTIONS\n // =============================================================================\n const renderHeader = () => {\n return weeksOfTheMonth[0].map((day, index) => (\n <HeaderCell key={`week-day-${index}`} aria-hidden>\n {dayjs(day).format(\"ddd\")}\n </HeaderCell>\n ));\n };\n\n const renderDayCells = () => {\n return weeksOfTheMonth.map((week, weekIndex) => {\n return (\n <RowDayCell\n role=\"row\"\n key={weekIndex}\n onMouseLeave={handleMouseLeaveCell}\n >\n {week.map((day, dayIndex) => {\n return (\n <FixedRangeDayCell\n key={`day-${dayIndex}`}\n date={day}\n calendarDate={calendarDate}\n selectedDate={selectedStartDate}\n hoverDate={hoverValue}\n focusDate={focusValue}\n minDate={minDate}\n maxDate={maxDate}\n disabledDates={disabledDates}\n allowDisabledSelection={allowDisabledSelection}\n onSelect={handleDayClick}\n onHover={handleHoverCell}\n numberOfDays={numberOfDays}\n onFocus={handleFocusCell}\n setFocusCell={setFocusCell}\n tabIndex={\n dayjs(day).isSame(dateToFocus, \"day\")\n ? 0\n : -1\n }\n />\n );\n })}\n </RowDayCell>\n );\n });\n };\n\n return (\n <Wrapper\n role=\"grid\"\n onBlur={handleOnBlur}\n data-testid=\"calendar-content\"\n aria-label=\"Date grid\"\n >\n {renderHeader()}\n {renderDayCells()}\n </Wrapper>\n );\n};\n"],"names":["calendarDate","disabledDates","selectedStartDate","onSelect","onHover","minDate","maxDate","allowDisabledSelection","numberOfDays","setCalendarDate","pendingFocusRef","useRef","useEffect","current","next","setFocusValue","getDateToFocus","useCallback","dayjs","isSame","startOf","setFocusCell","value","valueDayjs","CalendarHelper","isWithinRange","undefined","weeksOfTheMonth","useMemo","generateDays","dateToFocus","focusValue","useState","hoverValue","setHoverValue","handleDayClick","isDisabled","handleHoverCell","handleFocusCell","handleMouseLeaveCell","_jsxs","Wrapper","role","onBlur","e","currentTarget","contains","relatedTarget","children","map","day","index","_jsx","HeaderCell","format","week","weekIndex","RowDayCell","onMouseLeave","dayIndex","FixedRangeDayCell","date","selectedDate","hoverDate","focusDate","onFocus","tabIndex"],"mappings":"8VAkByC,EACrCA,eACAC,gBACAC,oBACAC,WACAC,UACAC,UACAC,UACAC,yBACAC,eACAC,sBAKA,MAAMC,EAAkBC,EAAAA,OAAsB,MAE9CC,EAAAA,WAAU,KACN,GAAIF,EAAgBG,QAAS,CACzB,MAAMC,EAAOJ,EAAgBG,QAC7BH,EAAgBG,QAAU,KAC1BE,EAAcD,EAClB,IACD,CAACd,IAKJ,MAAMgB,EAAiBC,EAAAA,aAAY,IAM3Bf,GACAgB,EAAAA,QAAMhB,GAAmBiB,OAAOnB,EAAc,SAEvCkB,EAAAA,QAAMhB,GAIbgB,EAAAA,UAAQC,OAAOnB,EAAc,SACtBkB,YAIPb,GAAWL,EAAamB,OAAOD,EAAAA,QAAMb,GAAU,SACxCa,EAAAA,QAAMb,GAIVa,UAAMlB,GAAcoB,QAAQ,UACpC,CAAClB,EAAmBF,EAAcK,IAE/BgB,EAAgBC,IAClB,MAAMC,EAAaL,EAAAA,QAAMI,GAEzB,GACIE,EAAAA,eAAeC,cACXF,EACAlB,EAAUa,EAAAA,QAAMb,QAAWqB,EAC3BpB,EAAUY,EAAAA,QAAMZ,QAAWoB,GAEjC,CACE,IAAKH,EAAWJ,OAAOnB,EAAc,SAGjC,OAFAS,SAAAA,EAAkBa,QAClBZ,EAAgBG,QAAUS,GAG9BP,EAAcO,EAClB,GAMEK,EAAkBC,EAAAA,SACpB,IAAiBJ,EAAAA,eAAeK,aAAa7B,IAC7C,CAACA,IAEC8B,EAAcF,EAAAA,SAChB,IAAaZ,KACb,CAACA,KAGEe,EAAYhB,GAAiBiB,EAAAA,SAAiB,KAC9CC,EAAYC,GAAiBF,EAAAA,SAAiB,IAK/CG,EAAiB,CAACb,EAAcc,KAC9BA,IAAe7B,IAEnBJ,EAASmB,GAEHA,IAAUJ,EAAAA,QAAMI,GAAOH,OAAOG,EAAO,UACvCY,EAAc,IAClB,EAGEG,EAAkB,CAACf,EAAec,KAChCA,IAAe7B,IACnB2B,EAAcZ,GACdlB,EAAQkB,GAAM,EAGZgB,EAAmBhB,IAErBY,EAAcZ,GACdlB,EAAQkB,EAAM,EAGZiB,EAAuB,KACzBL,EAAc,IACd9B,EAAQ,GAAG,EAgEf,OACIoC,EAAAA,KAACC,EAAAA,QAAO,CACJC,KAAK,OACLC,OAhEcC,IACdA,EAAEC,cAAcC,SAASF,EAAEG,iBAK/BhC,EAAc,IACdmB,EAAc,IACd9B,EAAQ,IAAG,gBAyDK,mBAAkB,aACnB,YAAW4C,SAAA,CAnDnBrB,EAAgB,GAAGsB,KAAI,CAACC,EAAKC,IAChCC,EAAAA,IAACC,aAAU,CAAA,eAAA,EAAAL,SACN9B,UAAMgC,GAAKI,OAAO,QADN,YAAYH,OAO1BxB,EAAgBsB,KAAI,CAACM,EAAMC,IAE1BJ,EAAAA,IAACK,EAAAA,WAAU,CACPf,KAAK,MAELgB,aAAcnB,EAAoBS,SAEjCO,EAAKN,KAAI,CAACC,EAAKS,IAERP,EAAAA,IAACQ,EAAAA,kBAAiB,CAEdC,KAAMX,EACNlD,aAAcA,EACd8D,aAAc5D,EACd6D,UAAW9B,EACX+B,UAAWjC,EACX1B,QAASA,EACTC,QAASA,EACTL,cAAeA,EACfM,uBAAwBA,EACxBJ,SAAUgC,EACV/B,QAASiC,EACT7B,aAAcA,EACdyD,QAAS3B,EACTjB,aAAcA,EACd6C,SACIhD,EAAAA,QAAMgC,GAAK/B,OAAOW,EAAa,OACzB,GACA,GAlBL,OAAO6B,QANnBH,OA2CP"}
1	+ {"version":3,"file":"fixed-range-calendar-day-view.js","sources":["../../../../../src/shared/internal-calendar/fixed-range/fixed-range-calendar-day-view.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CalendarHelper } from \"../../../util/calendar-helper\";\nimport * 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 CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"fixed-range-cell.js","sources":["../../../../../src/shared/internal-calendar/fixed-range/fixed-range-cell.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\n\nimport { CalendarHelper, DateHelper } from \"../../../util\";\nimport type { CellStyleProps, CellType, DayCellProps } from \"../day-cell\";\nimport { DayCell } from \"../day-cell\";\n\ninterface Props {\n date: Dayjs;\n calendarDate: Dayjs;\n selectedDate: string \| undefined;\n focusDate: string;\n hoverDate: string \| undefined;\n minDate?: string \| undefined;\n maxDate?: string \| undefined;\n disabledDates?: string[] \| undefined;\n allowDisabledSelection?: boolean \| undefined;\n numberOfDays?: number \| undefined;\n onSelect: (value: Dayjs, disabled: boolean) => void;\n onHover: (value: string, disabled: boolean) => void;\n onFocus: (value: string) => void;\n setFocusCell: (value: string) => void;\n tabIndex: number;\n}\n\nexport const FixedRangeDayCell = ({\n date,\n calendarDate,\n selectedDate,\n hoverDate,\n focusDate,\n minDate,\n maxDate,\n disabledDates,\n allowDisabledSelection,\n numberOfDays = 1,\n onSelect,\n onHover,\n onFocus,\n setFocusCell,\n tabIndex,\n}: Props) => {\n // =========================================================================\n // CONSTS\n // =========================================================================\n const disabled = CalendarHelper.isDisabledDay(\n date,\n disabledDates,\n minDate,\n maxDate\n );\n const interactive = !disabled \|\| allowDisabledSelection;\n const { start: rangeStart, end: rangeEnd } = selectedDate\n ? CalendarHelper.getFixedRangeStartEnd(\n DateHelper.toDayjs(selectedDate),\n numberOfDays\n )\n : { start: undefined, end: undefined };\n const { start: hoverStart, end: hoverEnd } = hoverDate\n ? CalendarHelper.getFixedRangeStartEnd(\n DateHelper.toDayjs(hoverDate),\n numberOfDays\n )\n : { start: undefined, end: undefined };\n\n const isSelected =\n !!selectedDate && date.isBetween(rangeStart, rangeEnd, \"day\", \"[]\");\n const isHover =\n !!hoverDate && date.isBetween(hoverStart, hoverEnd, \"day\", \"[]\");\n const isStart =\n (isSelected && date.isSame(rangeStart, \"day\")) \|\|\n (isHover && date.isSame(hoverStart, \"day\"));\n const isEnd =\n (isSelected && date.isSame(rangeEnd, \"day\")) \|\|\n (isHover && date.isSame(hoverEnd, \"day\"));\n\n // For accessible label\n const label = `From ${dayjs(hoverStart).format(\"D MMMM\")} to ${dayjs(\n hoverEnd\n ).format(\"D MMMM\")}, ${disabled ? \"Unavailable\" : \"Available\"}`;\n\n // =========================================================================\n // EVENT HANDLERS\n // =========================================================================\n const handleSelect = () => {\n onSelect(date, !interactive);\n };\n\n const handleHover = () => {\n onHover(date.format(\"YYYY-MM-DD\"), !interactive);\n };\n\n const handleFocus = () => {\n onFocus(date.format(\"YYYY-MM-DD\"));\n };\n\n const handleKeyNavigation = (event: React.KeyboardEvent) => {\n let newFocusSelection: Dayjs \| undefined;\n\n const keyActions: Record<string, () => dayjs.Dayjs> = {\n ArrowLeft: () => date.subtract(1, \"day\"),\n ArrowRight: () => date.add(1, \"day\"),\n ArrowUp: () => date.subtract(7, \"day\"),\n ArrowDown: () => date.add(7, \"day\"),\n Home: () => date.startOf(\"week\"),\n End: () => date.endOf(\"week\"),\n PageUp: () => {\n return event.shiftKey\n ? date.subtract(1, \"year\")\n : date.subtract(1, \"month\");\n },\n PageDown: () => {\n return event.shiftKey\n ? date.add(1, \"year\")\n : date.add(1, \"month\");\n },\n };\n\n const action = keyActions[event.key];\n if (action) {\n event.preventDefault();\n newFocusSelection = action();\n setFocusCell(newFocusSelection.format(\"YYYY-MM-DD\"));\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n const selectedKey = keyboardEvent.key;\n\n if (selectedKey === \"Enter\" \|\| selectedKey === \" \") {\n event.preventDefault();\n if (interactive) {\n handleSelect();\n }\n return;\n }\n\n handleKeyNavigation(event);\n };\n\n // =========================================================================\n // HELPERS\n // =========================================================================\n const applyRange = (\n props: CellStyleProps,\n type: CellType,\n start: boolean,\n end: boolean\n ) => {\n if (start) {\n props.circleLeft = type;\n } else {\n props.bgLeft = type;\n }\n\n if (end) {\n props.circleRight = type;\n } else {\n props.bgRight = type;\n }\n };\n\n const getRangeStyle = (): CellStyleProps => {\n const props: CellStyleProps = {};\n\n const formattedDate = date.format(\"YYYY-MM-DD\");\n\n if (isHover) {\n applyRange(\n props,\n \"hover\",\n formattedDate === hoverStart,\n formattedDate === hoverEnd\n );\n }\n if (isSelected) {\n applyRange(\n props,\n \"selected-outline\",\n formattedDate === rangeStart,\n formattedDate === rangeEnd\n );\n }\n if (isSelected && isHover) {\n applyRange(props, \"selected-hover-outline\", isStart, isEnd);\n\n if (formattedDate === hoverStart && formattedDate !== rangeStart) {\n props.circleLeft = \"selected-hover\";\n }\n }\n\n return props;\n };\n\n const getCellStyle = () => {\n const props: CellStyleProps = {};\n\n if (isSelected \|\| isHover) {\n props.labelType = \"selected\";\n } else if (calendarDate.month() !== date.month()) {\n props.labelType = \"unavailable\";\n } else if (dayjs().isSame(date, \"day\") && !disabled) {\n props.labelType = \"current\";\n }\n\n return props;\n };\n\n // =============================================================================\n // RENDER FUNCTION\n // =============================================================================\n\n const commonProps: DayCellProps = {\n date,\n calendarDate,\n disabled,\n interactive,\n currentDateIndicator: true,\n onSelect: handleSelect,\n onHover: handleHover,\n onFocus: handleFocus,\n onKeyDown: handleKeyDown,\n focusDate: dayjs(focusDate),\n role: \"gridcell\",\n tabIndex,\n label,\n };\n\n return (\n <DayCell {...commonProps} {...getCellStyle()} {...getRangeStyle()} />\n );\n};\n"],"names":["date","calendarDate","selectedDate","hoverDate","focusDate","minDate","maxDate","disabledDates","allowDisabledSelection","numberOfDays","onSelect","onHover","onFocus","setFocusCell","tabIndex","disabled","CalendarHelper","isDisabledDay","interactive","start","rangeStart","end","rangeEnd","getFixedRangeStartEnd","DateHelper","toDayjs","undefined","hoverStart","hoverEnd","isSelected","isBetween","isHover","isStart","isSame","isEnd","label","dayjs","format","handleSelect","applyRange","props","type","circleLeft","bgLeft","circleRight","bgRight","commonProps","currentDateIndicator","onKeyDown","event","selectedKey","key","preventDefault","newFocusSelection","action","ArrowLeft","subtract","ArrowRight","add","ArrowUp","ArrowDown","Home","startOf","End","endOf","PageUp","shiftKey","PageDown","handleKeyNavigation","role","_jsx","DayCell","Object","assign","labelType","month","getCellStyle","formattedDate","getRangeStyle"],"mappings":"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"}
1	+ {"version":3,"file":"fixed-range-cell.js","sources":["../../../../../src/shared/internal-calendar/fixed-range/fixed-range-cell.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\n\nimport { CalendarHelper, DateHelper } from \"../../../util\";\nimport type { CellStyleProps, CellType, DayCellProps } from \"../day-cell\";\nimport { DayCell } from \"../day-cell\";\n\ninterface Props {\n date: Dayjs;\n calendarDate: Dayjs;\n selectedDate: string \| undefined;\n focusDate: string;\n hoverDate: string \| undefined;\n minDate?: string \| undefined;\n maxDate?: string \| undefined;\n disabledDates?: string[] \| undefined;\n allowDisabledSelection?: boolean \| undefined;\n numberOfDays?: number \| undefined;\n onSelect: (value: Dayjs, disabled: boolean) => void;\n onHover: (value: string, disabled: boolean) => void;\n onFocus: (value: string) => void;\n setFocusCell: (value: string) => void;\n tabIndex: number;\n}\n\nexport const FixedRangeDayCell = ({\n date,\n calendarDate,\n selectedDate,\n hoverDate,\n focusDate,\n minDate,\n maxDate,\n disabledDates,\n allowDisabledSelection,\n numberOfDays = 1,\n onSelect,\n onHover,\n onFocus,\n setFocusCell,\n tabIndex,\n}: Props) => {\n // =========================================================================\n // CONSTS\n // =========================================================================\n const disabled = CalendarHelper.isDisabledDay(\n date,\n disabledDates,\n minDate,\n maxDate\n );\n const interactive = !disabled \|\| allowDisabledSelection;\n const { start: rangeStart, end: rangeEnd } = selectedDate\n ? CalendarHelper.getFixedRangeStartEnd(\n DateHelper.toDayjs(selectedDate),\n numberOfDays\n )\n : { start: undefined, end: undefined };\n const { start: hoverStart, end: hoverEnd } = hoverDate\n ? CalendarHelper.getFixedRangeStartEnd(\n DateHelper.toDayjs(hoverDate),\n numberOfDays\n )\n : { start: undefined, end: undefined };\n\n const isSelected =\n !!selectedDate && date.isBetween(rangeStart, rangeEnd, \"day\", \"[]\");\n const isHover =\n !!hoverDate && date.isBetween(hoverStart, hoverEnd, \"day\", \"[]\");\n const isStart =\n (isSelected && date.isSame(rangeStart, \"day\")) \|\|\n (isHover && date.isSame(hoverStart, \"day\"));\n const isEnd =\n (isSelected && date.isSame(rangeEnd, \"day\")) \|\|\n (isHover && date.isSame(hoverEnd, \"day\"));\n\n // For accessible label\n const label = `From ${dayjs(hoverStart).format(\"D MMMM\")} to ${dayjs(\n hoverEnd\n ).format(\"D MMMM\")}, ${disabled ? \"Unavailable\" : \"Available\"}`;\n\n // =========================================================================\n // EVENT HANDLERS\n // =========================================================================\n const handleSelect = () => {\n onSelect(date, !interactive);\n };\n\n const handleHover = () => {\n onHover(date.format(\"YYYY-MM-DD\"), !interactive);\n };\n\n const handleFocus = () => {\n onFocus(date.format(\"YYYY-MM-DD\"));\n };\n\n const handleKeyNavigation = (event: React.KeyboardEvent) => {\n let newFocusSelection: Dayjs \| undefined;\n\n const keyActions: Record<string, () => dayjs.Dayjs> = {\n ArrowLeft: () => date.subtract(1, \"day\"),\n ArrowRight: () => date.add(1, \"day\"),\n ArrowUp: () => date.subtract(7, \"day\"),\n ArrowDown: () => date.add(7, \"day\"),\n Home: () => date.startOf(\"week\"),\n End: () => date.endOf(\"week\"),\n PageUp: () => {\n return event.shiftKey\n ? date.subtract(1, \"year\")\n : date.subtract(1, \"month\");\n },\n PageDown: () => {\n return event.shiftKey\n ? date.add(1, \"year\")\n : date.add(1, \"month\");\n },\n };\n\n const action = keyActions[event.key];\n if (action) {\n event.preventDefault();\n newFocusSelection = action();\n setFocusCell(newFocusSelection.format(\"YYYY-MM-DD\"));\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n const keyboardEvent = event as React.KeyboardEvent<HTMLInputElement>;\n const selectedKey = keyboardEvent.key;\n\n if (selectedKey === \"Enter\" \|\| selectedKey === \" \") {\n event.preventDefault();\n if (interactive) {\n handleSelect();\n }\n return;\n }\n\n handleKeyNavigation(event);\n };\n\n // =========================================================================\n // HELPERS\n // =========================================================================\n const applyRange = (\n props: CellStyleProps,\n type: CellType,\n start: boolean,\n end: boolean\n ) => {\n if (start) {\n props.circleLeft = type;\n } else {\n props.bgLeft = type;\n }\n\n if (end) {\n props.circleRight = type;\n } else {\n props.bgRight = type;\n }\n };\n\n const getRangeStyle = (): CellStyleProps => {\n const props: CellStyleProps = {};\n\n const formattedDate = date.format(\"YYYY-MM-DD\");\n\n if (isHover) {\n applyRange(\n props,\n \"hover\",\n formattedDate === hoverStart,\n formattedDate === hoverEnd\n );\n }\n if (isSelected) {\n applyRange(\n props,\n \"selected-outline\",\n formattedDate === rangeStart,\n formattedDate === rangeEnd\n );\n }\n if (isSelected && isHover) {\n applyRange(props, \"selected-hover-outline\", isStart, isEnd);\n\n if (formattedDate === hoverStart && formattedDate !== rangeStart) {\n props.circleLeft = \"selected-hover\";\n }\n }\n\n return props;\n };\n\n const getCellStyle = () => {\n const props: CellStyleProps = {};\n\n if (isSelected \|\| isHover) {\n props.labelType = \"selected\";\n } else if (calendarDate.month() !== date.month()) {\n props.labelType = \"unavailable\";\n } else if (dayjs().isSame(date, \"day\") && !disabled) {\n props.labelType = \"current\";\n }\n\n return props;\n };\n\n // =============================================================================\n // RENDER FUNCTION\n // =============================================================================\n\n const commonProps: DayCellProps = {\n date,\n calendarDate,\n disabled,\n interactive,\n currentDateIndicator: true,\n onSelect: handleSelect,\n onHover: handleHover,\n onFocus: handleFocus,\n onKeyDown: handleKeyDown,\n focusDate: dayjs(focusDate),\n role: \"gridcell\",\n tabIndex,\n label,\n };\n\n return (\n <DayCell {...commonProps} {...getCellStyle()} {...getRangeStyle()} />\n );\n};\n"],"names":["date","calendarDate","selectedDate","hoverDate","focusDate","minDate","maxDate","disabledDates","allowDisabledSelection","numberOfDays","onSelect","onHover","onFocus","setFocusCell","tabIndex","disabled","CalendarHelper","isDisabledDay","interactive","start","rangeStart","end","rangeEnd","getFixedRangeStartEnd","DateHelper","toDayjs","undefined","hoverStart","hoverEnd","isSelected","isBetween","isHover","isStart","isSame","isEnd","label","dayjs","format","handleSelect","applyRange","props","type","circleLeft","bgLeft","circleRight","bgRight","commonProps","currentDateIndicator","onKeyDown","event","selectedKey","key","preventDefault","newFocusSelection","action","ArrowLeft","subtract","ArrowRight","add","ArrowUp","ArrowDown","Home","startOf","End","endOf","PageUp","shiftKey","PageDown","handleKeyNavigation","role","_jsx","DayCell","Object","assign","labelType","month","getCellStyle","formattedDate","getRangeStyle"],"mappings":"8YAyBiC,EAC7BA,OACAC,eACAC,eACAC,YACAC,YACAC,UACAC,UACAC,gBACAC,yBACAC,eAAe,EACfC,WACAC,UACAC,UACAC,eACAC,eAKA,MAAMC,EAAWC,EAAAA,eAAeC,cAC5BjB,EACAO,EACAF,EACAC,GAEEY,GAAeH,GAAYP,GACzBW,MAAOC,EAAYC,IAAKC,GAAapB,EACvCc,EAAAA,eAAeO,sBACXC,EAAAA,WAAWC,QAAQvB,GACnBO,GAEJ,CAAEU,WAAOO,EAAWL,SAAKK,IACvBP,MAAOQ,EAAYN,IAAKO,GAAazB,EACvCa,EAAAA,eAAeO,sBACXC,EAAAA,WAAWC,QAAQtB,GACnBM,GAEJ,CAAEU,WAAOO,EAAWL,SAAKK,GAEzBG,IACA3B,GAAgBF,EAAK8B,UAAUV,EAAYE,EAAU,MAAO,MAC5DS,IACA5B,GAAaH,EAAK8B,UAAUH,EAAYC,EAAU,MAAO,MACzDI,EACDH,GAAc7B,EAAKiC,OAAOb,EAAY,QACtCW,GAAW/B,EAAKiC,OAAON,EAAY,OAClCO,EACDL,GAAc7B,EAAKiC,OAAOX,EAAU,QACpCS,GAAW/B,EAAKiC,OAAOL,EAAU,OAGhCO,EAAQ,QAAQC,EAAAA,QAAMT,GAAYU,OAAO,gBAAgBD,EAAAA,QAC3DR,GACFS,OAAO,cAActB,EAAW,cAAgB,cAK5CuB,EAAe,KACjB5B,EAASV,GAAOkB,EAAY,EA2D1BqB,EAAa,CACfC,EACAC,EACAtB,EACAE,KAEIF,EACAqB,EAAME,WAAaD,EAEnBD,EAAMG,OAASF,EAGfpB,EACAmB,EAAMI,YAAcH,EAEpBD,EAAMK,QAAUJ,CACpB,EAqDEK,EAA4B,CAC9B9C,OACAC,eACAc,WACAG,cACA6B,sBAAsB,EACtBrC,SAAU4B,EACV3B,QApIgB,KAChBA,EAAQX,EAAKqC,OAAO,eAAgBnB,EAAY,EAoIhDN,QAjIgB,KAChBA,EAAQZ,EAAKqC,OAAO,cAAc,EAiIlCW,UAhGmBC,IACnB,MACMC,EADgBD,EACYE,IAElC,GAAoB,UAAhBD,GAA2C,MAAhBA,EAK3B,OAJAD,EAAMG,sBACFlC,GACAoB,KArCgB,CAACW,IACzB,IAAII,EAEJ,MAmBMC,EAnBgD,CAClDC,UAAW,IAAMvD,EAAKwD,SAAS,EAAG,OAClCC,WAAY,IAAMzD,EAAK0D,IAAI,EAAG,OAC9BC,QAAS,IAAM3D,EAAKwD,SAAS,EAAG,OAChCI,UAAW,IAAM5D,EAAK0D,IAAI,EAAG,OAC7BG,KAAM,IAAM7D,EAAK8D,QAAQ,QACzBC,IAAK,IAAM/D,EAAKgE,MAAM,QACtBC,OAAQ,IACGhB,EAAMiB,SACPlE,EAAKwD,SAAS,EAAG,QACjBxD,EAAKwD,SAAS,EAAG,SAE3BW,SAAU,IACClB,EAAMiB,SACPlE,EAAK0D,IAAI,EAAG,QACZ1D,EAAK0D,IAAI,EAAG,UAIAT,EAAME,KAC5BG,IACAL,EAAMG,iBACNC,EAAoBC,IACpBzC,EAAawC,EAAkBhB,OAAO,eAC1C,EAeA+B,CAAoBnB,EAAM,EAqF1B7C,UAAWgC,EAAAA,QAAMhC,GACjBiE,KAAM,WACNvD,WACAqB,SAGJ,OACImC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,GAAK3B,EAnCI,MACjB,MAAMN,EAAwB,CAAA,EAU9B,OARIX,GAAcE,EACdS,EAAMkC,UAAY,WACXzE,EAAa0E,UAAY3E,EAAK2E,QACrCnC,EAAMkC,UAAY,cACXtC,EAAAA,UAAQH,OAAOjC,EAAM,SAAWe,IACvCyB,EAAMkC,UAAY,WAGflC,CAAK,EAwBkBoC,GAnEZ,MAClB,MAAMpC,EAAwB,CAAA,EAExBqC,EAAgB7E,EAAKqC,OAAO,cA0BlC,OAxBIN,GACAQ,EACIC,EACA,QACAqC,IAAkBlD,EAClBkD,IAAkBjD,GAGtBC,GACAU,EACIC,EACA,mBACAqC,IAAkBzD,EAClByD,IAAkBvD,GAGtBO,GAAcE,IACdQ,EAAWC,EAAO,yBAA0BR,EAASE,GAEjD2C,IAAkBlD,GAAckD,IAAkBzD,IAClDoB,EAAME,WAAa,mBAIpBF,CAAK,EAsCsCsC,IAAmB"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@

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