@drivy/cobalt 2.14.0 → 2.16.0

package/components/Calendar/CalendarRangePicker/CalendarRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\nimport startOfDay from \"date-fns/startOfDay\"\nimport cx from \"classnames\"\n\nexport interface RangeConstraintInterface {\n  value: number\n  message: string\n}\n\nexport interface RangeConstraintsInterface {\n  min?: RangeConstraintInterface\n  max?: RangeConstraintInterface\n}\n\nexport interface DayStatusInterface {\n  isRangeExceeded?: boolean\n  isRangeTooShort?: boolean\n  isCustomInvalid?: boolean\n  isDisabled?: boolean\n}\n\nexport type CalendarRangePickerPropsType = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  rangeConstraints?: RangeConstraintsInterface\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isDayDisabledFn?: (day: Date) => boolean\n  hasDayNotificationFn?: (day: Date) => boolean\n  isDayInvalidForSelectionFn?: (day: Date) => boolean\n  dayHoverTooltipFn?: (day: Date) => string | undefined\n  isSundayFirstDayOfWeek?: boolean\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (date: Date, status: DayStatusInterface) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n  locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n  rangeConstraints,\n  firstMonthDate = new Date(),\n  numberOfMonths = 1,\n  hint,\n  firstAvailableDate = new Date(),\n  lastAvailableDate,\n  isEditingStartDate,\n  isEditingEndDate,\n  startDate,\n  endDate,\n  onChangeDate,\n  onLeaveDate,\n  onSelectDate,\n  isDayDisabledFn,\n  hasDayNotificationFn,\n  isDayInvalidForSelectionFn,\n  dayHoverTooltipFn,\n  isSundayFirstDayOfWeek,\n  locale,\n}: CalendarRangePickerPropsType) {\n  const isFirstRender = useRef(true)\n\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [rangeDates, setRangeDates] = useState({\n    startDate: startDate ? startOfDay(startDate) : undefined,\n    endDate: endDate ? startOfDay(endDate) : undefined,\n  })\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false\n      return\n    }\n    setRangeDates({\n      startDate: startDate ? startOfDay(startDate) : undefined,\n      endDate: endDate ? startOfDay(endDate) : undefined,\n    })\n  }, [startDate, endDate])\n\n  useEffect(() => {\n    if (rangeDates.startDate && !rangeDates.endDate) {\n      setRangeDates({ ...rangeDates, endDate: rangeDates.startDate })\n    }\n  }, [isEditingEndDate])\n\n  useEffect(() => {\n    if (rangeDates.endDate && !rangeDates.startDate) {\n      setRangeDates({ ...rangeDates, startDate: rangeDates.endDate })\n    }\n  }, [isEditingStartDate])\n\n  const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n    if (isDateOutOfRange && isEditingEndDate) return\n\n    onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n  }\n\n  const handleChangeDate = (date: Date, status: DayStatusInterface) => {\n    const processChange =\n      onChangeDate && (isEditingStartDate || isEditingEndDate)\n        ? onChangeDate(date, status) !== false\n        : true\n\n    if (!processChange || status.isDisabled) return\n\n    if (isEditingStartDate) {\n      setRangeDates((prev) => ({ ...prev, startDate: date }))\n    } else if (isEditingEndDate) {\n      setRangeDates((prev) => ({ ...prev, endDate: date }))\n    }\n  }\n\n  const months = [firstMonthDate]\n  for (let i = 0; i < numberOfMonths - 1; i++) {\n    months.push(addMonths(months[months.length - 1], 1))\n  }\n\n  return (\n    <div\n      className={cx(\"cobalt-CalendarRangePicker\", {\n        \"cobalt-CalendarRangePicker--isEditing\":\n          isEditingStartDate || isEditingEndDate,\n      })}\n    >\n      <div className=\"cobalt-CalendarRangePicker__months-container\">\n        {months.map((monthDate) => (\n          <CalendarRangePickerMonth\n            key={monthDate.getTime()}\n            date={monthDate}\n            startDate={rangeDates.startDate}\n            endDate={rangeDates.endDate}\n            onSelectDate={handleSelectDate}\n            onChangeDate={handleChangeDate}\n            onLeaveDate={onLeaveDate}\n            isEditingStartDate={isEditingStartDate}\n            isEditingEndDate={isEditingEndDate}\n            rangeConstraints={rangeConstraints}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            isDayDisabledFn={isDayDisabledFn}\n            hasDayNotificationFn={hasDayNotificationFn}\n            isDayInvalidForSelectionFn={isDayInvalidForSelectionFn}\n            isSundayFirstDayOfWeek={isSundayFirstDayOfWeek}\n            dayHoverTooltipFn={dayHoverTooltipFn}\n            locale={locale}\n          />\n        ))}\n      </div>\n\n      <div\n        className={classNames(\"cobalt-CalendarRangePicker__message\", {\n          \"cobalt-CalendarRangePicker__message--show\": !!hint,\n        })}\n      >\n        {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames"],"mappings":"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"}
+{"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport cx from \"classnames\"\nimport type { Locale } from \"date-fns\"\nimport addMonths from \"date-fns/addMonths\"\nimport startOfDay from \"date-fns/startOfDay\"\nimport { useEffect, useRef, useState } from \"react\"\nimport type { FormElementStatus } from \"../../Form/form\"\nimport { Hint } from \"../../Form/Hint\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\n\nexport interface RangeConstraintInterface {\n  value: number\n  message: string\n}\n\nexport interface RangeConstraintsInterface {\n  min?: RangeConstraintInterface\n  max?: RangeConstraintInterface\n}\n\nexport interface DayStatusInterface {\n  isRangeExceeded?: boolean\n  isRangeTooShort?: boolean\n  isCustomInvalid?: boolean\n  isDisabled?: boolean\n}\n\nexport type CalendarRangePickerPropsType = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  rangeConstraints?: RangeConstraintsInterface\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isDayDisabledFn?: (day: Date) => boolean\n  hasDayNotificationFn?: (day: Date) => boolean\n  isDayInvalidForSelectionFn?: (day: Date) => boolean\n  dayHoverTooltipFn?: (day: Date) => string | undefined\n  isSundayFirstDayOfWeek?: boolean\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (date: Date, status: DayStatusInterface) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n  locale?: Locale\n}\n\nexport function CalendarRangePicker({\n  rangeConstraints,\n  firstMonthDate = new Date(),\n  numberOfMonths = 1,\n  hint,\n  firstAvailableDate = new Date(),\n  lastAvailableDate,\n  isEditingStartDate,\n  isEditingEndDate,\n  startDate,\n  endDate,\n  onChangeDate,\n  onLeaveDate,\n  onSelectDate,\n  isDayDisabledFn,\n  hasDayNotificationFn,\n  isDayInvalidForSelectionFn,\n  dayHoverTooltipFn,\n  isSundayFirstDayOfWeek,\n  locale,\n}: CalendarRangePickerPropsType) {\n  const isFirstRender = useRef(true)\n\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [rangeDates, setRangeDates] = useState({\n    startDate: startDate ? startOfDay(startDate) : undefined,\n    endDate: endDate ? startOfDay(endDate) : undefined,\n  })\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false\n      return\n    }\n    setRangeDates({\n      startDate: startDate ? startOfDay(startDate) : undefined,\n      endDate: endDate ? startOfDay(endDate) : undefined,\n    })\n  }, [startDate, endDate])\n\n  useEffect(() => {\n    if (!isEditingEndDate) return\n    if (rangeDates.startDate && !rangeDates.endDate) {\n      setRangeDates({ ...rangeDates, endDate: rangeDates.startDate })\n    }\n  }, [isEditingEndDate, rangeDates])\n\n  useEffect(() => {\n    if (!isEditingStartDate) return\n    if (rangeDates.endDate && !rangeDates.startDate) {\n      setRangeDates({ ...rangeDates, startDate: rangeDates.endDate })\n    }\n  }, [isEditingStartDate, rangeDates])\n\n  const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n    if (isDateOutOfRange && isEditingEndDate) return\n\n    onSelectDate?.(date, !!isDateOutOfRange)\n  }\n\n  const handleChangeDate = (date: Date, status: DayStatusInterface) => {\n    const processChange =\n      onChangeDate && (isEditingStartDate || isEditingEndDate)\n        ? onChangeDate(date, status) !== false\n        : true\n\n    if (!processChange || status.isDisabled) return\n\n    if (isEditingStartDate) {\n      setRangeDates((prev) => ({ ...prev, startDate: date }))\n    } else if (isEditingEndDate) {\n      setRangeDates((prev) => ({ ...prev, endDate: date }))\n    }\n  }\n\n  const months = [firstMonthDate]\n  for (let i = 0; i < numberOfMonths - 1; i++) {\n    months.push(addMonths(months[months.length - 1], 1))\n  }\n\n  return (\n    <div\n      className={cx(\"cobalt-CalendarRangePicker\", {\n        \"cobalt-CalendarRangePicker--isEditing\":\n          isEditingStartDate || isEditingEndDate,\n      })}\n    >\n      <div className=\"cobalt-CalendarRangePicker__months-container\">\n        {months.map((monthDate) => (\n          <CalendarRangePickerMonth\n            key={monthDate.getTime()}\n            date={monthDate}\n            startDate={rangeDates.startDate}\n            endDate={rangeDates.endDate}\n            onSelectDate={handleSelectDate}\n            onChangeDate={handleChangeDate}\n            onLeaveDate={onLeaveDate}\n            isEditingStartDate={isEditingStartDate}\n            isEditingEndDate={isEditingEndDate}\n            rangeConstraints={rangeConstraints}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            isDayDisabledFn={isDayDisabledFn}\n            hasDayNotificationFn={hasDayNotificationFn}\n            isDayInvalidForSelectionFn={isDayInvalidForSelectionFn}\n            isSundayFirstDayOfWeek={isSundayFirstDayOfWeek}\n            dayHoverTooltipFn={dayHoverTooltipFn}\n            locale={locale}\n          />\n        ))}\n      </div>\n\n      <div\n        className={classNames(\"cobalt-CalendarRangePicker__message\", {\n          \"cobalt-CalendarRangePicker__message--show\": !!hint,\n        })}\n      >\n        {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n      </div>\n    </div>\n  )\n}\n"],"names":["_jsxs","_jsx","classNames"],"mappings":"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"}

package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js

@@ -1,13 +1,14 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 import { format } from 'date-fns';
+import React from 'react';
 import DayTooltip from './DayTooltip.js';
 
 function CalendarRangePickerDay({ date, isToday, isStartDay, isEndDay, isSelected, isDisabled, isInvalid, isRange, isActive, hasNotification, tooltipMessage, onSelect, onMouseEnter, onMouseLeave, hoverTooltipMessage, }) {
     const handleSelectDate = () => {
         !isDisabled && !isInvalid && onSelect(new Date(date));
     };
-    const jsx = (React.createElement("div", { className: cx("cobalt-CalendarRangePicker__day", {
+    const jsx$1 = (jsxs("button", { className: cx("cobalt-CalendarRangePicker__day", {
             "cobalt-CalendarRangePicker__day--today": isToday,
             "cobalt-CalendarRangePicker__day--startDay": isStartDay,
             "cobalt-CalendarRangePicker__day--endDay": isEndDay,
@@ -19,14 +20,11 @@ function CalendarRangePickerDay({ date, isToday, isStartDay, isEndDay, isSelecte
         }), onMouseEnter: () => {
             onMouseEnter(date, !!isDisabled);
         }, onMouseLeave: () => {
-            onMouseLeave && onMouseLeave(date);
-        }, onClick: handleSelectDate, "data-day": format(date, "yyyy-MM-dd") },
-        date.getDate(),
-        hasNotification && (React.createElement("div", { className: "cobalt-CalendarRangePicker__day-notification-container" },
-            React.createElement("div", { className: "cobalt-CalendarRangePicker__day-notification" })))));
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(date);
+        }, onClick: handleSelectDate, "data-day": format(date, "yyyy-MM-dd"), type: "button", children: [date.getDate(), hasNotification && (jsx("div", { className: "cobalt-CalendarRangePicker__day-notification-container", children: jsx("div", { className: "cobalt-CalendarRangePicker__day-notification" }) }))] }));
     if (tooltipMessage)
-        return (React.createElement(DayTooltip, { visible: true, content: React.createElement("div", { className: "c-text-body-sm" }, tooltipMessage), placement: isStartDay ? "top" : "bottom" }, jsx));
-    return hoverTooltipMessage ? (React.createElement(DayTooltip, { trigger: "mouseenter", content: React.createElement("div", { className: "c-text-body-sm" }, hoverTooltipMessage), placement: "top", interactive: false }, jsx)) : (jsx);
+        return (jsx(DayTooltip, { visible: true, content: jsx("div", { className: "c-text-body-sm", children: tooltipMessage }), placement: isStartDay ? "top" : "bottom", children: jsx$1 }));
+    return hoverTooltipMessage ? (jsx(DayTooltip, { trigger: "mouseenter", content: jsx("div", { className: "c-text-body-sm", children: hoverTooltipMessage }), placement: "top", interactive: false, children: jsx$1 })) : (jsx$1);
 }
 function areEqual(prevProps, nextProps) {
     return (prevProps.isSelected === nextProps.isSelected &&

package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePickerDay.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { format } from \"date-fns\"\nimport DayTooltip from \"./DayTooltip\"\n\ntype CalendarRangePickerDayPropsType = {\n  date: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  isToday?: boolean\n  isStartDay?: boolean\n  isEndDay?: boolean\n  isSelected?: boolean\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isRange?: boolean\n  isActive?: boolean\n  hasNotification?: boolean\n  tooltipMessage?: string\n  hoverTooltipMessage?: string\n  onSelect: (date: Date) => void\n  onMouseEnter: (date: Date, disabled: boolean) => void\n  onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarRangePickerDay({\n  date,\n  isToday,\n  isStartDay,\n  isEndDay,\n  isSelected,\n  isDisabled,\n  isInvalid,\n  isRange,\n  isActive,\n  hasNotification,\n  tooltipMessage,\n  onSelect,\n  onMouseEnter,\n  onMouseLeave,\n  hoverTooltipMessage,\n}: CalendarRangePickerDayPropsType) {\n  const handleSelectDate = () => {\n    !isDisabled && !isInvalid && onSelect(new Date(date))\n  }\n\n  const jsx = (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__day\", {\n        \"cobalt-CalendarRangePicker__day--today\": isToday,\n        \"cobalt-CalendarRangePicker__day--startDay\": isStartDay,\n        \"cobalt-CalendarRangePicker__day--endDay\": isEndDay,\n        \"cobalt-CalendarRangePicker__day--range\": isRange,\n        \"cobalt-CalendarRangePicker__day--selected\": isSelected,\n        \"cobalt-CalendarRangePicker__day--active\": isActive,\n        \"cobalt-CalendarRangePicker__day--invalid\": isInvalid,\n        \"cobalt-CalendarRangePicker__day--disabled\": isDisabled,\n      })}\n      onMouseEnter={() => {\n        onMouseEnter(date, !!isDisabled)\n      }}\n      onMouseLeave={() => {\n        onMouseLeave && onMouseLeave(date)\n      }}\n      onClick={handleSelectDate}\n      data-day={format(date, \"yyyy-MM-dd\")}\n    >\n      {date.getDate()}\n      {hasNotification && (\n        <div className=\"cobalt-CalendarRangePicker__day-notification-container\">\n          <div className=\"cobalt-CalendarRangePicker__day-notification\"></div>\n        </div>\n      )}\n    </div>\n  )\n\n  if (tooltipMessage)\n    return (\n      <DayTooltip\n        visible={true}\n        content={<div className=\"c-text-body-sm\">{tooltipMessage}</div>}\n        placement={isStartDay ? \"top\" : \"bottom\"}\n      >\n        {jsx}\n      </DayTooltip>\n    )\n\n  return hoverTooltipMessage ? (\n    <DayTooltip\n      trigger=\"mouseenter\"\n      content={<div className=\"c-text-body-sm\">{hoverTooltipMessage}</div>}\n      placement=\"top\"\n      interactive={false}\n    >\n      {jsx}\n    </DayTooltip>\n  ) : (\n    jsx\n  )\n}\n\nfunction areEqual(\n  prevProps: CalendarRangePickerDayPropsType,\n  nextProps: CalendarRangePickerDayPropsType\n) {\n  return (\n    prevProps.isSelected === nextProps.isSelected &&\n    prevProps.isActive === nextProps.isActive &&\n    prevProps.isStartDay === nextProps.isStartDay &&\n    prevProps.isEndDay === nextProps.isEndDay &&\n    prevProps.isInvalid === nextProps.isInvalid &&\n    prevProps.isRange === nextProps.isRange &&\n    prevProps.hasNotification === nextProps.hasNotification &&\n    prevProps.isDisabled === nextProps.isDisabled &&\n    prevProps.isEditingStartDate === nextProps.isEditingStartDate &&\n    prevProps.isEditingEndDate === nextProps.isEditingEndDate\n  )\n}\n\nconst MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarRangePickerDay\"\n\nexport { MemoizedComponent as CalendarRangePickerDay }\n"],"names":["classNames"],"mappings":"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"}
+{"version":3,"file":"CalendarRangePickerDay.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport { format } from \"date-fns\"\nimport React from \"react\"\nimport DayTooltip from \"./DayTooltip\"\n\ntype CalendarRangePickerDayPropsType = {\n  date: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  isToday?: boolean\n  isStartDay?: boolean\n  isEndDay?: boolean\n  isSelected?: boolean\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isRange?: boolean\n  isActive?: boolean\n  hasNotification?: boolean\n  tooltipMessage?: string\n  hoverTooltipMessage?: string\n  onSelect: (date: Date) => void\n  onMouseEnter: (date: Date, disabled: boolean) => void\n  onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarRangePickerDay({\n  date,\n  isToday,\n  isStartDay,\n  isEndDay,\n  isSelected,\n  isDisabled,\n  isInvalid,\n  isRange,\n  isActive,\n  hasNotification,\n  tooltipMessage,\n  onSelect,\n  onMouseEnter,\n  onMouseLeave,\n  hoverTooltipMessage,\n}: CalendarRangePickerDayPropsType) {\n  const handleSelectDate = () => {\n    !isDisabled && !isInvalid && onSelect(new Date(date))\n  }\n\n  const jsx = (\n    <button\n      className={classNames(\"cobalt-CalendarRangePicker__day\", {\n        \"cobalt-CalendarRangePicker__day--today\": isToday,\n        \"cobalt-CalendarRangePicker__day--startDay\": isStartDay,\n        \"cobalt-CalendarRangePicker__day--endDay\": isEndDay,\n        \"cobalt-CalendarRangePicker__day--range\": isRange,\n        \"cobalt-CalendarRangePicker__day--selected\": isSelected,\n        \"cobalt-CalendarRangePicker__day--active\": isActive,\n        \"cobalt-CalendarRangePicker__day--invalid\": isInvalid,\n        \"cobalt-CalendarRangePicker__day--disabled\": isDisabled,\n      })}\n      onMouseEnter={() => {\n        onMouseEnter(date, !!isDisabled)\n      }}\n      onMouseLeave={() => {\n        onMouseLeave?.(date)\n      }}\n      onClick={handleSelectDate}\n      data-day={format(date, \"yyyy-MM-dd\")}\n      type=\"button\"\n    >\n      {date.getDate()}\n      {hasNotification && (\n        <div className=\"cobalt-CalendarRangePicker__day-notification-container\">\n          <div className=\"cobalt-CalendarRangePicker__day-notification\"></div>\n        </div>\n      )}\n    </button>\n  )\n\n  if (tooltipMessage)\n    return (\n      <DayTooltip\n        visible={true}\n        content={<div className=\"c-text-body-sm\">{tooltipMessage}</div>}\n        placement={isStartDay ? \"top\" : \"bottom\"}\n      >\n        {jsx}\n      </DayTooltip>\n    )\n\n  return hoverTooltipMessage ? (\n    <DayTooltip\n      trigger=\"mouseenter\"\n      content={<div className=\"c-text-body-sm\">{hoverTooltipMessage}</div>}\n      placement=\"top\"\n      interactive={false}\n    >\n      {jsx}\n    </DayTooltip>\n  ) : (\n    jsx\n  )\n}\n\nfunction areEqual(\n  prevProps: CalendarRangePickerDayPropsType,\n  nextProps: CalendarRangePickerDayPropsType,\n) {\n  return (\n    prevProps.isSelected === nextProps.isSelected &&\n    prevProps.isActive === nextProps.isActive &&\n    prevProps.isStartDay === nextProps.isStartDay &&\n    prevProps.isEndDay === nextProps.isEndDay &&\n    prevProps.isInvalid === nextProps.isInvalid &&\n    prevProps.isRange === nextProps.isRange &&\n    prevProps.hasNotification === nextProps.hasNotification &&\n    prevProps.isDisabled === nextProps.isDisabled &&\n    prevProps.isEditingStartDate === nextProps.isEditingStartDate &&\n    prevProps.isEditingEndDate === nextProps.isEditingEndDate\n  )\n}\n\nconst MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarRangePickerDay\"\n\nexport { MemoizedComponent as CalendarRangePickerDay }\n"],"names":["jsx","_jsxs","classNames","_jsx"],"mappings":"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"}

package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js

@@ -1,8 +1,9 @@
-import React, { useMemo, useState, useEffect } from 'react';
-import { CalendarRangePickerDay as MemoizedComponent } from './CalendarRangePickerDay.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 import { format, isSameDay, differenceInCalendarDays } from 'date-fns';
+import { useMemo, useCallback } from 'react';
 import { getMonthDaysByWeeks, getWeekDays } from '../utils.js';
+import { CalendarRangePickerDay as MemoizedComponent } from './CalendarRangePickerDay.js';
 
 function isDisabled(day, firstAvailableDate, lastAvailableDate) {
     return (day.getTime() < firstAvailableDate.getTime() ||
@@ -93,12 +94,10 @@ function getRangeInDays(range) {
         : 0;
 }
 function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDate, startDate, endDate, isEditingStartDate = false, isEditingEndDate = false, firstAvailableDate, lastAvailableDate, isDayDisabledFn, isDayInvalidForSelectionFn, hasDayNotificationFn, dayHoverTooltipFn, rangeConstraints, isSundayFirstDayOfWeek, locale, }) {
-    var _a, _b;
-    const byWeeks = useMemo(() => getMonthDaysByWeeks(date, isSundayFirstDayOfWeek), []);
-    // we use a state for the selected Date to allow the onSelect event to be memoized then still triggering some logic with updated data thanks to the setter+useEffect dependency mechanism
-    const [selectedDate, setSelectedDate] = useState(null);
+    var _a, _b, _c;
+    const byWeeks = useMemo(() => getMonthDaysByWeeks(date, isSundayFirstDayOfWeek), [date, isSundayFirstDayOfWeek]);
     const today = new Date().setHours(0, 0, 0, 0);
-    const weekdays = useMemo(() => getWeekDays(isSundayFirstDayOfWeek), []);
+    const weekdays = useMemo(() => getWeekDays(isSundayFirstDayOfWeek), [isSundayFirstDayOfWeek]);
     const rangeInDays = getRangeInDays({ startDate, endDate });
     const rangeExceeded = isRangeExceeded(rangeInDays, (_a = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _a === void 0 ? void 0 : _a.value);
     const rangeTooShort = isRangeTooShort(rangeInDays, (_b = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.min) === null || _b === void 0 ? void 0 : _b.value);
@@ -109,7 +108,7 @@ function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDat
         if (disabled) {
             status.isDisabled = true;
         }
-        if (!disabled) {
+        if (!disabled && endDate && startDate) {
             const currentRange = isEditingStartDate
                 ? { startDate: day, endDate: endDate }
                 : { startDate: startDate, endDate: day };
@@ -127,78 +126,75 @@ function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDat
                     status.isRangeTooShort = true;
                 }
                 else {
-                    status.isCustomInvalid =
-                        isDayInvalidForSelectionFn != null &&
-                            isDayInvalidForSelectionFn(day);
+                    status.isCustomInvalid = isDayInvalidForSelectionFn === null || isDayInvalidForSelectionFn === void 0 ? void 0 : isDayInvalidForSelectionFn(day);
                 }
             }
         }
         onChangeDate(day, status);
     };
-    useEffect(() => {
+    const onSelectDateCallback = useCallback((date) => {
         var _a, _b;
-        // on Date selection...
-        if (selectedDate) {
-            if (isEditingStartDate) {
-                onSelectDate(selectedDate, isRangeExceeded(getRangeInDays({ startDate: selectedDate, endDate }), (_a = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _a === void 0 ? void 0 : _a.value));
-            }
-            else {
-                onSelectDate(selectedDate, isRangeExceeded(getRangeInDays({ startDate, endDate: selectedDate }), (_b = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _b === void 0 ? void 0 : _b.value));
-            }
+        if (isEditingStartDate) {
+            onSelectDate(date, isRangeExceeded(getRangeInDays({ startDate: date, endDate }), (_a = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _a === void 0 ? void 0 : _a.value));
         }
-    }, [selectedDate]);
-    return (React.createElement("div", { className: cx("cobalt-CalendarRangePicker__month", {
+        else {
+            onSelectDate(date, isRangeExceeded(getRangeInDays({ startDate, endDate: date }), (_b = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _b === void 0 ? void 0 : _b.value));
+        }
+    }, [
+        isEditingStartDate,
+        onSelectDate,
+        (_c = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _c === void 0 ? void 0 : _c.value,
+        startDate,
+        endDate,
+    ]);
+    return (jsxs("div", { className: cx("cobalt-CalendarRangePicker__month", {
             "cobalt-CalendarRangePicker__month--invalid": rangeExceeded && !isEditingStartDate,
-        }), "data-month": format(date, "yyyy-MM") },
-        React.createElement("div", { className: "cobalt-CalendarRangePicker__month-header" }, format(date, "MMMM yyyy", { locale })),
-        React.createElement("div", { className: "cobalt-CalendarRangePicker__month__weeks-container" },
-            React.createElement("div", { className: "cobalt-CalendarRangePicker__month__week-header" }, weekdays.map((weekday) => (React.createElement("div", { key: weekday.getTime(), className: "cobalt-CalendarRangePicker__month__day-header" }, format(weekday, "iiiiii", { locale }))))),
-            byWeeks.map((week, index) => (React.createElement("div", { key: index, className: "cobalt-CalendarRangePicker__month__week" }, week.map((day) => {
-                const isStartDay = startDate != null && isSameDay(day, startDate);
-                const isEndDay = endDate != null && isSameDay(day, endDate);
-                const disabled = isDisabled(day, firstAvailableDate, lastAvailableDate) ||
-                    (isDayDisabledFn && isDayDisabledFn(day));
-                const hasNotification = !disabled &&
-                    hasDayNotificationFn != null &&
-                    hasDayNotificationFn(day);
-                const isRange = rangeInDays !== 0 &&
-                    (isStartDay || isEndDay) &&
-                    (!rangeTooShort || (!isEditingStartDate && !isEditingEndDate));
-                const isDaySelected = isSelected({
-                    day,
-                    startDate,
-                    endDate,
-                    isStartDay,
-                    isEndDay,
-                    isOutOfRangeStartDate,
-                    rangeTooShort,
-                    isEditingStartDate,
-                    isEditingEndDate,
-                });
-                const tooltip = buildTooltipMessage({
-                    rangeInDays,
-                    isEditingStartDate: !!isEditingStartDate,
-                    isEditingEndDate: !!isEditingEndDate,
-                    isStartDay,
-                    isEndDay,
-                    rangeConstraints,
-                });
-                return (React.createElement(MemoizedComponent, { key: day.getTime(), date: day, onMouseEnter: onMouseEnter, onMouseLeave: onLeaveDate, onSelect: setSelectedDate, isToday: isSameDay(day, today), isActive: (isEditingStartDate && isStartDay) ||
-                        (isEditingEndDate && isEndDay), isStartDay: isStartDay, isEndDay: isEndDay, isRange: isRange, isEditingStartDate: isEditingStartDate, isEditingEndDate: isEditingEndDate, isInvalid: isDayInvalid({
-                        day,
-                        isDayInvalidForSelectionFn,
-                        isDaySelected,
-                        startDate,
-                        rangeConstraints,
-                        rangeTooShort,
-                        rangeExceeded,
-                        isEditingStartDate,
-                        isEditingEndDate,
-                        isStartDay,
-                        isEndDay,
-                        endDate,
-                    }), hasNotification: hasNotification, isDisabled: disabled, tooltipMessage: tooltip, hoverTooltipMessage: dayHoverTooltipFn ? dayHoverTooltipFn(day) : undefined, isSelected: isDaySelected }));
-            })))))));
+        }), "data-month": format(date, "yyyy-MM"), children: [jsx("div", { className: "cobalt-CalendarRangePicker__month-header", children: format(date, "MMMM yyyy", { locale }) }), jsxs("div", { className: "cobalt-CalendarRangePicker__month__weeks-container", children: [jsx("div", { className: "cobalt-CalendarRangePicker__month__week-header", children: weekdays.map((weekday) => (jsx("div", { className: "cobalt-CalendarRangePicker__month__day-header", children: format(weekday, "iiiiii", { locale }) }, weekday.getTime()))) }), byWeeks.map((week, index) => (jsx("div", { className: "cobalt-CalendarRangePicker__month__week", children: week.map((day) => {
+                            const isStartDay = startDate != null && isSameDay(day, startDate);
+                            const isEndDay = endDate != null && isSameDay(day, endDate);
+                            const disabled = isDisabled(day, firstAvailableDate, lastAvailableDate) ||
+                                (isDayDisabledFn === null || isDayDisabledFn === void 0 ? void 0 : isDayDisabledFn(day));
+                            const hasNotification = !disabled &&
+                                hasDayNotificationFn != null &&
+                                hasDayNotificationFn(day);
+                            const isRange = rangeInDays !== 0 &&
+                                (isStartDay || isEndDay) &&
+                                (!rangeTooShort || (!isEditingStartDate && !isEditingEndDate));
+                            const isDaySelected = isSelected({
+                                day,
+                                startDate,
+                                endDate,
+                                isStartDay,
+                                isEndDay,
+                                isOutOfRangeStartDate,
+                                rangeTooShort,
+                                isEditingStartDate,
+                                isEditingEndDate,
+                            });
+                            const tooltip = buildTooltipMessage({
+                                rangeInDays,
+                                isEditingStartDate: !!isEditingStartDate,
+                                isEditingEndDate: !!isEditingEndDate,
+                                isStartDay,
+                                isEndDay,
+                                rangeConstraints,
+                            });
+                            return (jsx(MemoizedComponent, { date: day, onMouseEnter: onMouseEnter, onMouseLeave: onLeaveDate, onSelect: onSelectDateCallback, isToday: isSameDay(day, today), isActive: (isEditingStartDate && isStartDay) ||
+                                    (isEditingEndDate && isEndDay), isStartDay: isStartDay, isEndDay: isEndDay, isRange: isRange, isEditingStartDate: isEditingStartDate, isEditingEndDate: isEditingEndDate, isInvalid: isDayInvalid({
+                                    day,
+                                    isDayInvalidForSelectionFn,
+                                    isDaySelected,
+                                    startDate,
+                                    rangeConstraints,
+                                    rangeTooShort,
+                                    rangeExceeded,
+                                    isEditingStartDate,
+                                    isEditingEndDate,
+                                    isStartDay,
+                                    isEndDay,
+                                    endDate,
+                                }), hasNotification: hasNotification, isDisabled: disabled, tooltipMessage: tooltip, hoverTooltipMessage: dayHoverTooltipFn ? dayHoverTooltipFn(day) : undefined, isSelected: isDaySelected }, day.getTime()));
+                        }) }, `week-${index}-${week.map((day) => day.getTime()).join("-")}`)))] })] }));
 }
 
 export { CalendarRangePickerMonth };

package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePickerMonth.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\"\nimport { CalendarRangePickerDay } from \"./CalendarRangePickerDay\"\nimport classNames from \"classnames\"\nimport { format, isSameDay, differenceInCalendarDays } from \"date-fns\"\nimport { getMonthDaysByWeeks, getWeekDays } from \"../utils\"\nimport {\n  CalendarRangePickerPropsType,\n  DayStatusInterface,\n  RangeConstraintsInterface,\n} from \"./CalendarRangePicker\"\n\ntype CalendarRangePickerMonthPropsType = {\n  date: Date\n  startDate?: Date\n  endDate?: Date\n  onSelectDate: (date: Date, isOutOfRange?: boolean) => void\n  onChangeDate: (date: Date, status: DayStatusInterface) => void\n  onLeaveDate?: (date: Date) => void\n  isEditingStartDate?: boolean\n  isEditingEndDate?: boolean\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  isDayDisabledFn?: CalendarRangePickerPropsType[\"isDayDisabledFn\"]\n  hasDayNotificationFn?: CalendarRangePickerPropsType[\"hasDayNotificationFn\"]\n  isDayInvalidForSelectionFn?: CalendarRangePickerPropsType[\"isDayInvalidForSelectionFn\"]\n  dayHoverTooltipFn?: CalendarRangePickerPropsType[\"dayHoverTooltipFn\"]\n  rangeConstraints?: RangeConstraintsInterface\n  isSundayFirstDayOfWeek?: boolean\n  locale: any\n}\n\nfunction isDisabled(\n  day: Date,\n  firstAvailableDate: Date,\n  lastAvailableDate: Date | undefined\n) {\n  return (\n    day.getTime() < firstAvailableDate.getTime() ||\n    (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n  )\n}\n\nfunction isInvalidOppositeBound({\n  isEditingStartDate,\n  isEditingEndDate,\n  isStartDay,\n  isEndDay,\n  startDate,\n  endDate,\n}: {\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isEditingStartDate: boolean | undefined\n  isEditingEndDate: boolean | undefined\n  isStartDay: boolean\n  isEndDay: boolean\n}) {\n  return (\n    startDate != null &&\n    endDate != null &&\n    startDate > endDate &&\n    ((isEditingStartDate && isEndDay) || (isEditingEndDate && isStartDay))\n  )\n}\n\nfunction isDayOutOfRange({\n  day,\n  rangeConstraints,\n  startDate,\n}: {\n  day: Date\n  startDate: Date | undefined\n  rangeConstraints: RangeConstraintsInterface | undefined\n}) {\n  return (\n    rangeConstraints != null &&\n    rangeConstraints.max != null &&\n    startDate != null &&\n    differenceInCalendarDays(day, startDate) >= rangeConstraints.max.value\n  )\n}\n\nfunction isDayInvalid({\n  day,\n  isDaySelected,\n  rangeConstraints,\n  rangeTooShort,\n  rangeExceeded,\n  isEditingStartDate,\n  isEditingEndDate,\n  isStartDay,\n  isEndDay,\n  isDayInvalidForSelectionFn,\n  startDate,\n  endDate,\n}: {\n  day: Date\n  isDaySelected: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  rangeConstraints: RangeConstraintsInterface | undefined\n  rangeTooShort: boolean\n  rangeExceeded: boolean\n  isEditingStartDate: boolean | undefined\n  isEditingEndDate: boolean | undefined\n  isStartDay: boolean\n  isEndDay: boolean\n  isDayInvalidForSelectionFn?: CalendarRangePickerPropsType[\"isDayInvalidForSelectionFn\"]\n}) {\n  if (!isDaySelected) return false\n\n  let isInvalid = false\n  if (!isEditingStartDate && !isEditingEndDate) {\n    isInvalid = rangeTooShort || rangeExceeded\n  } else if (rangeTooShort && (!isStartDay || isEndDay)) {\n    isInvalid = true\n  } else if (\n    isInvalidOppositeBound({\n      isEditingStartDate,\n      isEditingEndDate,\n      isStartDay,\n      isEndDay,\n      startDate,\n      endDate,\n    })\n  ) {\n    isInvalid = true\n  } else {\n    isInvalid = isDayOutOfRange({\n      day,\n      rangeConstraints,\n      startDate,\n    })\n  }\n\n  if (\n    !isInvalid &&\n    isDayInvalidForSelectionFn &&\n    ((isEditingStartDate && isStartDay) || (isEditingEndDate && isEndDay))\n  ) {\n    isInvalid = isDayInvalidForSelectionFn(day)\n  }\n\n  return isInvalid\n}\n\nfunction isSelected({\n  day,\n  startDate,\n  endDate,\n  isStartDay,\n  isEndDay,\n  isOutOfRangeStartDate,\n  rangeTooShort,\n  isEditingStartDate,\n  isEditingEndDate,\n}: {\n  day: Date\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isStartDay: boolean\n  isEndDay: boolean\n  isOutOfRangeStartDate: boolean\n  rangeTooShort: boolean\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n}) {\n  return !!(\n    isStartDay ||\n    isEndDay ||\n    ((!rangeTooShort || (!isEditingStartDate && !isEditingEndDate)) &&\n      !isOutOfRangeStartDate &&\n      endDate &&\n      day.getTime() <= endDate.getTime() &&\n      startDate &&\n      day.getTime() > startDate.getTime())\n  )\n}\n\nfunction isRangeExceeded(rangeInDays: number, rangeLimit: number | undefined) {\n  return rangeLimit != null && rangeInDays > rangeLimit\n}\n\nfunction isRangeTooShort(rangeInDays: number, rangeLimit: number | undefined) {\n  return rangeInDays <= 0\n    ? false\n    : rangeLimit != null && rangeInDays < rangeLimit\n}\n\nfunction buildTooltipMessage({\n  rangeInDays,\n  isEditingStartDate,\n  isStartDay,\n  isEditingEndDate,\n  isEndDay,\n  rangeConstraints,\n}: {\n  rangeInDays: number\n  isEditingStartDate: boolean\n  isStartDay: boolean\n  isEditingEndDate: boolean\n  isEndDay: boolean\n  rangeConstraints?: RangeConstraintsInterface\n}) {\n  let tooltipMessage\n  if (\n    rangeConstraints &&\n    rangeInDays >= 0 &&\n    ((isEditingStartDate && isStartDay) || (isEditingEndDate && isEndDay))\n  ) {\n    if (isRangeTooShort(rangeInDays, rangeConstraints.min?.value)) {\n      tooltipMessage = rangeConstraints?.min?.message\n    } else if (isRangeExceeded(rangeInDays, rangeConstraints.max?.value)) {\n      tooltipMessage = rangeConstraints?.max?.message\n    }\n  }\n\n  return tooltipMessage\n}\n\nfunction getRangeInDays(range: {\n  startDate: Date | undefined\n  endDate: Date | undefined\n}) {\n  return range.startDate && range.endDate\n    ? differenceInCalendarDays(range.endDate, range.startDate) + 1\n    : 0\n}\n\nexport function CalendarRangePickerMonth({\n  date,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  startDate,\n  endDate,\n  isEditingStartDate = false,\n  isEditingEndDate = false,\n  firstAvailableDate,\n  lastAvailableDate,\n  isDayDisabledFn,\n  isDayInvalidForSelectionFn,\n  hasDayNotificationFn,\n  dayHoverTooltipFn,\n  rangeConstraints,\n  isSundayFirstDayOfWeek,\n  locale,\n}: CalendarRangePickerMonthPropsType) {\n  const byWeeks = useMemo(\n    () => getMonthDaysByWeeks(date, isSundayFirstDayOfWeek),\n    []\n  )\n\n  // we use a state for the selected Date to allow the onSelect event to be memoized then still triggering some logic with updated data thanks to the setter+useEffect dependency mechanism\n  const [selectedDate, setSelectedDate] = useState<Date | null>(null)\n\n  const today = new Date().setHours(0, 0, 0, 0)\n\n  const weekdays: Date[] = useMemo(\n    () => getWeekDays(isSundayFirstDayOfWeek),\n    []\n  )\n\n  const rangeInDays = getRangeInDays({ startDate, endDate })\n\n  const rangeExceeded = isRangeExceeded(\n    rangeInDays,\n    rangeConstraints?.max?.value\n  )\n\n  const rangeTooShort = isRangeTooShort(\n    rangeInDays,\n    rangeConstraints?.min?.value\n  )\n\n  const isOutOfRangeStartDate = isEditingStartDate && rangeExceeded\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    const status: DayStatusInterface = {}\n\n    if (disabled) {\n      status.isDisabled = true\n    }\n\n    if (!disabled) {\n      const currentRange = isEditingStartDate\n        ? { startDate: day, endDate: endDate! }\n        : { startDate: startDate!, endDate: day }\n\n      const currentRangeInDays = getRangeInDays({\n        startDate: currentRange.startDate,\n        endDate: currentRange.endDate,\n      })\n\n      const currentRangeExceeded = isRangeExceeded(\n        currentRangeInDays,\n        rangeConstraints?.max?.value\n      )\n\n      if (currentRangeExceeded) {\n        status.isRangeExceeded = true\n      } else {\n        const currentRangeTooShort = isRangeTooShort(\n          currentRangeInDays,\n          rangeConstraints?.min?.value\n        )\n\n        if (currentRangeTooShort) {\n          status.isRangeTooShort = true\n        } else {\n          status.isCustomInvalid =\n            isDayInvalidForSelectionFn != null &&\n            isDayInvalidForSelectionFn(day)\n        }\n      }\n    }\n\n    onChangeDate(day, status)\n  }\n\n  useEffect(() => {\n    // on Date selection...\n    if (selectedDate) {\n      if (isEditingStartDate) {\n        onSelectDate(\n          selectedDate,\n          isRangeExceeded(\n            getRangeInDays({ startDate: selectedDate, endDate }),\n            rangeConstraints?.max?.value\n          )\n        )\n      } else {\n        onSelectDate(\n          selectedDate,\n          isRangeExceeded(\n            getRangeInDays({ startDate, endDate: selectedDate }),\n            rangeConstraints?.max?.value\n          )\n        )\n      }\n    }\n  }, [selectedDate])\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__month\", {\n        \"cobalt-CalendarRangePicker__month--invalid\":\n          rangeExceeded && !isEditingStartDate,\n      })}\n      data-month={format(date, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__month-header\">\n        {format(date, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarRangePicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarRangePicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarRangePicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.map((week, index) => (\n          <div key={index} className=\"cobalt-CalendarRangePicker__month__week\">\n            {week.map((day) => {\n              const isStartDay = startDate != null && isSameDay(day, startDate)\n              const isEndDay = endDate != null && isSameDay(day, endDate)\n\n              const disabled =\n                isDisabled(day, firstAvailableDate, lastAvailableDate) ||\n                (isDayDisabledFn && isDayDisabledFn(day))\n\n              const hasNotification =\n                !disabled &&\n                hasDayNotificationFn != null &&\n                hasDayNotificationFn(day)\n\n              const isRange =\n                rangeInDays !== 0 &&\n                (isStartDay || isEndDay) &&\n                (!rangeTooShort || (!isEditingStartDate && !isEditingEndDate))\n\n              const isDaySelected = isSelected({\n                day,\n                startDate,\n                endDate,\n                isStartDay,\n                isEndDay,\n                isOutOfRangeStartDate,\n                rangeTooShort,\n                isEditingStartDate,\n                isEditingEndDate,\n              })\n\n              const tooltip = buildTooltipMessage({\n                rangeInDays,\n                isEditingStartDate: !!isEditingStartDate,\n                isEditingEndDate: !!isEditingEndDate,\n                isStartDay,\n                isEndDay,\n                rangeConstraints,\n              })\n\n              return (\n                <CalendarRangePickerDay\n                  key={day.getTime()}\n                  date={day}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  onSelect={setSelectedDate}\n                  isToday={isSameDay(day, today)}\n                  isActive={\n                    (isEditingStartDate && isStartDay) ||\n                    (isEditingEndDate && isEndDay)\n                  }\n                  isStartDay={isStartDay}\n                  isEndDay={isEndDay}\n                  isRange={isRange}\n                  isEditingStartDate={isEditingStartDate}\n                  isEditingEndDate={isEditingEndDate}\n                  isInvalid={isDayInvalid({\n                    day,\n                    isDayInvalidForSelectionFn,\n                    isDaySelected,\n                    startDate,\n                    rangeConstraints,\n                    rangeTooShort,\n                    rangeExceeded,\n                    isEditingStartDate,\n                    isEditingEndDate,\n                    isStartDay,\n                    isEndDay,\n                    endDate,\n                  })}\n                  hasNotification={hasNotification}\n                  isDisabled={disabled}\n                  tooltipMessage={tooltip}\n                  hoverTooltipMessage={\n                    dayHoverTooltipFn ? dayHoverTooltipFn(day) : undefined\n                  }\n                  isSelected={isDaySelected}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames","CalendarRangePickerDay"],"mappings":"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"}
+{"version":3,"file":"CalendarRangePickerMonth.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport {\n  differenceInCalendarDays,\n  format,\n  isSameDay,\n  type Locale,\n} from \"date-fns\"\nimport { useCallback, useMemo } from \"react\"\nimport { getMonthDaysByWeeks, getWeekDays } from \"../utils\"\nimport type {\n  CalendarRangePickerPropsType,\n  DayStatusInterface,\n  RangeConstraintsInterface,\n} from \"./CalendarRangePicker\"\nimport { CalendarRangePickerDay } from \"./CalendarRangePickerDay\"\n\ntype CalendarRangePickerMonthPropsType = {\n  date: Date\n  startDate?: Date\n  endDate?: Date\n  onSelectDate: (date: Date, isOutOfRange?: boolean) => void\n  onChangeDate: (date: Date, status: DayStatusInterface) => void\n  onLeaveDate?: (date: Date) => void\n  isEditingStartDate?: boolean\n  isEditingEndDate?: boolean\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  isDayDisabledFn?: CalendarRangePickerPropsType[\"isDayDisabledFn\"]\n  hasDayNotificationFn?: CalendarRangePickerPropsType[\"hasDayNotificationFn\"]\n  isDayInvalidForSelectionFn?: CalendarRangePickerPropsType[\"isDayInvalidForSelectionFn\"]\n  dayHoverTooltipFn?: CalendarRangePickerPropsType[\"dayHoverTooltipFn\"]\n  rangeConstraints?: RangeConstraintsInterface\n  isSundayFirstDayOfWeek?: boolean\n  locale?: Locale\n}\n\nfunction isDisabled(\n  day: Date,\n  firstAvailableDate: Date,\n  lastAvailableDate: Date | undefined,\n) {\n  return (\n    day.getTime() < firstAvailableDate.getTime() ||\n    (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n  )\n}\n\nfunction isInvalidOppositeBound({\n  isEditingStartDate,\n  isEditingEndDate,\n  isStartDay,\n  isEndDay,\n  startDate,\n  endDate,\n}: {\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isEditingStartDate: boolean | undefined\n  isEditingEndDate: boolean | undefined\n  isStartDay: boolean\n  isEndDay: boolean\n}) {\n  return (\n    startDate != null &&\n    endDate != null &&\n    startDate > endDate &&\n    ((isEditingStartDate && isEndDay) || (isEditingEndDate && isStartDay))\n  )\n}\n\nfunction isDayOutOfRange({\n  day,\n  rangeConstraints,\n  startDate,\n}: {\n  day: Date\n  startDate: Date | undefined\n  rangeConstraints: RangeConstraintsInterface | undefined\n}) {\n  return (\n    rangeConstraints != null &&\n    rangeConstraints.max != null &&\n    startDate != null &&\n    differenceInCalendarDays(day, startDate) >= rangeConstraints.max.value\n  )\n}\n\nfunction isDayInvalid({\n  day,\n  isDaySelected,\n  rangeConstraints,\n  rangeTooShort,\n  rangeExceeded,\n  isEditingStartDate,\n  isEditingEndDate,\n  isStartDay,\n  isEndDay,\n  isDayInvalidForSelectionFn,\n  startDate,\n  endDate,\n}: {\n  day: Date\n  isDaySelected: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  rangeConstraints: RangeConstraintsInterface | undefined\n  rangeTooShort: boolean\n  rangeExceeded: boolean\n  isEditingStartDate: boolean | undefined\n  isEditingEndDate: boolean | undefined\n  isStartDay: boolean\n  isEndDay: boolean\n  isDayInvalidForSelectionFn?: CalendarRangePickerPropsType[\"isDayInvalidForSelectionFn\"]\n}) {\n  if (!isDaySelected) return false\n\n  let isInvalid = false\n  if (!isEditingStartDate && !isEditingEndDate) {\n    isInvalid = rangeTooShort || rangeExceeded\n  } else if (rangeTooShort && (!isStartDay || isEndDay)) {\n    isInvalid = true\n  } else if (\n    isInvalidOppositeBound({\n      isEditingStartDate,\n      isEditingEndDate,\n      isStartDay,\n      isEndDay,\n      startDate,\n      endDate,\n    })\n  ) {\n    isInvalid = true\n  } else {\n    isInvalid = isDayOutOfRange({\n      day,\n      rangeConstraints,\n      startDate,\n    })\n  }\n\n  if (\n    !isInvalid &&\n    isDayInvalidForSelectionFn &&\n    ((isEditingStartDate && isStartDay) || (isEditingEndDate && isEndDay))\n  ) {\n    isInvalid = isDayInvalidForSelectionFn(day)\n  }\n\n  return isInvalid\n}\n\nfunction isSelected({\n  day,\n  startDate,\n  endDate,\n  isStartDay,\n  isEndDay,\n  isOutOfRangeStartDate,\n  rangeTooShort,\n  isEditingStartDate,\n  isEditingEndDate,\n}: {\n  day: Date\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isStartDay: boolean\n  isEndDay: boolean\n  isOutOfRangeStartDate: boolean\n  rangeTooShort: boolean\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n}) {\n  return !!(\n    isStartDay ||\n    isEndDay ||\n    ((!rangeTooShort || (!isEditingStartDate && !isEditingEndDate)) &&\n      !isOutOfRangeStartDate &&\n      endDate &&\n      day.getTime() <= endDate.getTime() &&\n      startDate &&\n      day.getTime() > startDate.getTime())\n  )\n}\n\nfunction isRangeExceeded(rangeInDays: number, rangeLimit: number | undefined) {\n  return rangeLimit != null && rangeInDays > rangeLimit\n}\n\nfunction isRangeTooShort(rangeInDays: number, rangeLimit: number | undefined) {\n  return rangeInDays <= 0\n    ? false\n    : rangeLimit != null && rangeInDays < rangeLimit\n}\n\nfunction buildTooltipMessage({\n  rangeInDays,\n  isEditingStartDate,\n  isStartDay,\n  isEditingEndDate,\n  isEndDay,\n  rangeConstraints,\n}: {\n  rangeInDays: number\n  isEditingStartDate: boolean\n  isStartDay: boolean\n  isEditingEndDate: boolean\n  isEndDay: boolean\n  rangeConstraints?: RangeConstraintsInterface\n}) {\n  let tooltipMessage: string | undefined\n  if (\n    rangeConstraints &&\n    rangeInDays >= 0 &&\n    ((isEditingStartDate && isStartDay) || (isEditingEndDate && isEndDay))\n  ) {\n    if (isRangeTooShort(rangeInDays, rangeConstraints.min?.value)) {\n      tooltipMessage = rangeConstraints?.min?.message\n    } else if (isRangeExceeded(rangeInDays, rangeConstraints.max?.value)) {\n      tooltipMessage = rangeConstraints?.max?.message\n    }\n  }\n\n  return tooltipMessage\n}\n\nfunction getRangeInDays(range: {\n  startDate: Date | undefined\n  endDate: Date | undefined\n}) {\n  return range.startDate && range.endDate\n    ? differenceInCalendarDays(range.endDate, range.startDate) + 1\n    : 0\n}\n\nexport function CalendarRangePickerMonth({\n  date,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  startDate,\n  endDate,\n  isEditingStartDate = false,\n  isEditingEndDate = false,\n  firstAvailableDate,\n  lastAvailableDate,\n  isDayDisabledFn,\n  isDayInvalidForSelectionFn,\n  hasDayNotificationFn,\n  dayHoverTooltipFn,\n  rangeConstraints,\n  isSundayFirstDayOfWeek,\n  locale,\n}: CalendarRangePickerMonthPropsType) {\n  const byWeeks = useMemo(\n    () => getMonthDaysByWeeks(date, isSundayFirstDayOfWeek),\n    [date, isSundayFirstDayOfWeek],\n  )\n\n  const today = new Date().setHours(0, 0, 0, 0)\n\n  const weekdays: Date[] = useMemo(\n    () => getWeekDays(isSundayFirstDayOfWeek),\n    [isSundayFirstDayOfWeek],\n  )\n\n  const rangeInDays = getRangeInDays({ startDate, endDate })\n\n  const rangeExceeded = isRangeExceeded(\n    rangeInDays,\n    rangeConstraints?.max?.value,\n  )\n\n  const rangeTooShort = isRangeTooShort(\n    rangeInDays,\n    rangeConstraints?.min?.value,\n  )\n\n  const isOutOfRangeStartDate = isEditingStartDate && rangeExceeded\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    const status: DayStatusInterface = {}\n\n    if (disabled) {\n      status.isDisabled = true\n    }\n\n    if (!disabled && endDate && startDate) {\n      const currentRange = isEditingStartDate\n        ? { startDate: day, endDate: endDate }\n        : { startDate: startDate, endDate: day }\n\n      const currentRangeInDays = getRangeInDays({\n        startDate: currentRange.startDate,\n        endDate: currentRange.endDate,\n      })\n\n      const currentRangeExceeded = isRangeExceeded(\n        currentRangeInDays,\n        rangeConstraints?.max?.value,\n      )\n\n      if (currentRangeExceeded) {\n        status.isRangeExceeded = true\n      } else {\n        const currentRangeTooShort = isRangeTooShort(\n          currentRangeInDays,\n          rangeConstraints?.min?.value,\n        )\n\n        if (currentRangeTooShort) {\n          status.isRangeTooShort = true\n        } else {\n          status.isCustomInvalid = isDayInvalidForSelectionFn?.(day)\n        }\n      }\n    }\n\n    onChangeDate(day, status)\n  }\n\n  const onSelectDateCallback = useCallback(\n    (date: Date) => {\n      if (isEditingStartDate) {\n        onSelectDate(\n          date,\n          isRangeExceeded(\n            getRangeInDays({ startDate: date, endDate }),\n            rangeConstraints?.max?.value,\n          ),\n        )\n      } else {\n        onSelectDate(\n          date,\n          isRangeExceeded(\n            getRangeInDays({ startDate, endDate: date }),\n            rangeConstraints?.max?.value,\n          ),\n        )\n      }\n    },\n    [\n      isEditingStartDate,\n      onSelectDate,\n      rangeConstraints?.max?.value,\n      startDate,\n      endDate,\n    ],\n  )\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__month\", {\n        \"cobalt-CalendarRangePicker__month--invalid\":\n          rangeExceeded && !isEditingStartDate,\n      })}\n      data-month={format(date, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__month-header\">\n        {format(date, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarRangePicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarRangePicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarRangePicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.map((week, index) => (\n          <div\n            key={`week-${index}-${week.map((day) => day.getTime()).join(\"-\")}`}\n            className=\"cobalt-CalendarRangePicker__month__week\"\n          >\n            {week.map((day) => {\n              const isStartDay = startDate != null && isSameDay(day, startDate)\n              const isEndDay = endDate != null && isSameDay(day, endDate)\n\n              const disabled =\n                isDisabled(day, firstAvailableDate, lastAvailableDate) ||\n                isDayDisabledFn?.(day)\n\n              const hasNotification =\n                !disabled &&\n                hasDayNotificationFn != null &&\n                hasDayNotificationFn(day)\n\n              const isRange =\n                rangeInDays !== 0 &&\n                (isStartDay || isEndDay) &&\n                (!rangeTooShort || (!isEditingStartDate && !isEditingEndDate))\n\n              const isDaySelected = isSelected({\n                day,\n                startDate,\n                endDate,\n                isStartDay,\n                isEndDay,\n                isOutOfRangeStartDate,\n                rangeTooShort,\n                isEditingStartDate,\n                isEditingEndDate,\n              })\n\n              const tooltip = buildTooltipMessage({\n                rangeInDays,\n                isEditingStartDate: !!isEditingStartDate,\n                isEditingEndDate: !!isEditingEndDate,\n                isStartDay,\n                isEndDay,\n                rangeConstraints,\n              })\n\n              return (\n                <CalendarRangePickerDay\n                  key={day.getTime()}\n                  date={day}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  onSelect={onSelectDateCallback}\n                  isToday={isSameDay(day, today)}\n                  isActive={\n                    (isEditingStartDate && isStartDay) ||\n                    (isEditingEndDate && isEndDay)\n                  }\n                  isStartDay={isStartDay}\n                  isEndDay={isEndDay}\n                  isRange={isRange}\n                  isEditingStartDate={isEditingStartDate}\n                  isEditingEndDate={isEditingEndDate}\n                  isInvalid={isDayInvalid({\n                    day,\n                    isDayInvalidForSelectionFn,\n                    isDaySelected,\n                    startDate,\n                    rangeConstraints,\n                    rangeTooShort,\n                    rangeExceeded,\n                    isEditingStartDate,\n                    isEditingEndDate,\n                    isStartDay,\n                    isEndDay,\n                    endDate,\n                  })}\n                  hasNotification={hasNotification}\n                  isDisabled={disabled}\n                  tooltipMessage={tooltip}\n                  hoverTooltipMessage={\n                    dayHoverTooltipFn ? dayHoverTooltipFn(day) : undefined\n                  }\n                  isSelected={isDaySelected}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["_jsxs","classNames","_jsx","CalendarRangePickerDay"],"mappings":"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"}

package/components/Calendar/CalendarRangePicker/DayTooltip.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Tippy from '@tippyjs/react';
 import { sticky } from 'tippy.js';
 
 const DayTooltip = (props) => {
-    return (React.createElement(Tippy, { animation: "fade",
+    return (jsx(Tippy, { animation: "fade",
         arrow: true,
         interactive: true,
         interactiveBorder: 10,

package/components/Calendar/CalendarRangePicker/DayTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayTooltip.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/DayTooltip.tsx"],"sourcesContent":["import React from \"react\"\nimport Tippy, { TippyProps } from \"@tippyjs/react\"\nimport { sticky } from \"tippy.js\"\n\nconst DayTooltip = (props: TippyProps) => {\n  return (\n    <Tippy\n      {...{\n        animation: \"fade\",\n        arrow: true,\n        interactive: true,\n        interactiveBorder: 10,\n        placement: \"top\",\n        theme: \"cobalt-popover range-picker\",\n        delay: [0, 0],\n        duration: [0, 0],\n        maxWidth: 500,\n        offset: [0, 8],\n        sticky: true,\n        plugins: [sticky],\n        appendTo: document.body,\n        ...props,\n      }}\n    />\n  )\n}\n\nexport default DayTooltip\n"],"names":[],"mappings":";;;;AAIA,MAAM,UAAU,GAAG,CAAC,KAAiB,KAAI;AACvC,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,KAAK,EAEF,EAAA,SAAS,EAAE,MAAM;AACjB,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,iBAAiB,EAAE,EAAE;AACrB,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,KAAK,EAAE,6BAA6B;AACpC,QAAA,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACb,QAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACd,QAAA,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,CAAC,MAAM,CAAC;QACjB,QAAQ,EAAE,QAAQ,CAAC,IAAI;QACvB,GAAG,KAAK,EAEV,CAAA,EACH;AACH;;;;"}
+{"version":3,"file":"DayTooltip.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/DayTooltip.tsx"],"sourcesContent":["import Tippy, { type TippyProps } from \"@tippyjs/react\"\nimport { sticky } from \"tippy.js\"\n\nconst DayTooltip = (props: TippyProps) => {\n  return (\n    <Tippy\n      {...{\n        animation: \"fade\",\n        arrow: true,\n        interactive: true,\n        interactiveBorder: 10,\n        placement: \"top\",\n        theme: \"cobalt-popover range-picker\",\n        delay: [0, 0],\n        duration: [0, 0],\n        maxWidth: 500,\n        offset: [0, 8],\n        sticky: true,\n        plugins: [sticky],\n        appendTo: document.body,\n        ...props,\n      }}\n    />\n  )\n}\n\nexport default DayTooltip\n"],"names":["_jsx"],"mappings":";;;;AAGA,MAAM,UAAU,GAAG,CAAC,KAAiB,KAAI;AACvC,IAAA,QACEA,GAAC,CAAA,KAAK,EAEF,EAAA,SAAS,EAAE,MAAM;AACjB,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,iBAAiB,EAAE,EAAE;AACrB,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,KAAK,EAAE,6BAA6B;AACpC,QAAA,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACb,QAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACd,QAAA,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,CAAC,MAAM,CAAC;QACjB,QAAQ,EAAE,QAAQ,CAAC,IAAI;QACvB,GAAG,KAAK,EAEV,CAAA,EACH;AACH;;;;"}

package/components/Calendar/CalendarView/CalendarViewMonth.js

@@ -1,9 +1,10 @@
-import React, { useMemo } from 'react';
-import { getDaysInMonth, differenceInCalendarWeeks, endOfMonth, getISODay, setDate, isPast, isToday, format } from 'date-fns';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
+import { getDaysInMonth, differenceInCalendarWeeks, endOfMonth, getISODay, setDate, isPast, isToday, format } from 'date-fns';
+import { useCallback, useMemo } from 'react';
 
 const CalendarViewMonth = ({ monthName, monthStart, statusByDate = {}, isSundayFirstDayOfWeek = false, }) => {
-    const getMonthByWeek = () => {
+    const getMonthByWeek = useCallback(() => {
         const daysInMonth = getDaysInMonth(monthStart);
         const weeksInMonth = differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {
             weekStartsOn: isSundayFirstDayOfWeek ? 0 : 1,
@@ -30,13 +31,11 @@ const CalendarViewMonth = ({ monthName, monthStart, statusByDate = {}, isSundayF
             }
         }
         return month;
-    };
-    const monthByWeek = useMemo(() => getMonthByWeek(), []);
-    return (React.createElement("div", { className: "cobalt-CalendarView__month" },
-        React.createElement("div", { className: "cobalt-CalendarView__monthName" }, monthName),
-        React.createElement("div", { className: "c-flex c-flex-col c-gap-2xs" }, monthByWeek.map((week, weekIndex) => (React.createElement("div", { key: weekIndex, className: "cobalt-CalendarView__week" }, week.map((day, dayIndex) => (React.createElement("div", { key: weekIndex + 1 * dayIndex + 1, className: cx("cobalt-CalendarView__day", {
-                [`cobalt-CalendarView__day--${day.status}`]: day.status,
-            }) }, day.date)))))))));
+    }, [monthStart, isSundayFirstDayOfWeek, statusByDate]);
+    const monthByWeek = useMemo(() => getMonthByWeek(), [getMonthByWeek]);
+    return (jsxs("div", { className: "cobalt-CalendarView__month", children: [jsx("div", { className: "cobalt-CalendarView__monthName", children: monthName }), jsx("div", { className: "c-flex c-flex-col c-gap-2xs", children: monthByWeek.map((week, weekIndex) => (jsx("div", { className: "cobalt-CalendarView__week", children: week.map((day, dayIndex) => (jsx("div", { className: cx("cobalt-CalendarView__day", {
+                            [`cobalt-CalendarView__day--${day.status}`]: day.status,
+                        }), children: day.date }, `day-${weekIndex}-${dayIndex + 1}-${day.date}`))) }, `week-${weekIndex}-${week.map((day) => day.date).join("-")}`))) })] }));
 };
 CalendarViewMonth.displayName = "CalendarViewMonth";
 

package/components/Calendar/CalendarView/CalendarViewMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarViewMonth.js","sources":["../../../../src/components/Calendar/CalendarView/CalendarViewMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport {\n  setDate,\n  getISODay,\n  getDaysInMonth,\n  endOfMonth,\n  differenceInCalendarWeeks,\n  isPast,\n  isToday,\n  format,\n} from \"date-fns\"\nimport cx from \"classnames\"\nimport {\n  CalendarViewMonthType,\n  MonthType,\n  CalendarViewDateType,\n  DateType,\n} from \"./types\"\n\ntype Props = MonthType\n\nconst CalendarViewMonth = ({\n  monthName,\n  monthStart,\n  statusByDate = {},\n  isSundayFirstDayOfWeek = false,\n}: Props) => {\n  const getMonthByWeek = (): CalendarViewMonthType => {\n    const daysInMonth = getDaysInMonth(monthStart)\n    const weeksInMonth =\n      differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {\n        weekStartsOn: isSundayFirstDayOfWeek ? 0 : 1,\n      }) + 1\n    const weekDay = isSundayFirstDayOfWeek\n      ? (getISODay(monthStart) % 7) + 1\n      : getISODay(monthStart)\n    const month: CalendarViewDateType[][] = []\n    let cursor = 0\n    let date = 0\n\n    for (let week = 0; week < weeksInMonth; week++) {\n      month[week] = []\n      for (let day = 0; day < 7; day++) {\n        month[week][day] = { date: null }\n\n        if (cursor >= weekDay - 1 && date < daysInMonth) {\n          month[week][day].date = ++date as DateType\n\n          const currentDate = setDate(monthStart, date)\n\n          month[week][day].status =\n            isPast(currentDate) && !isToday(currentDate)\n              ? \"past\"\n              : statusByDate[format(currentDate, \"yyyy-MM-dd\")]\n        }\n        cursor++\n      }\n    }\n    return month\n  }\n\n  const monthByWeek = useMemo(() => getMonthByWeek(), [])\n\n  return (\n    <div className=\"cobalt-CalendarView__month\">\n      <div className=\"cobalt-CalendarView__monthName\">{monthName}</div>\n      <div className=\"c-flex c-flex-col c-gap-2xs\">\n        {monthByWeek.map((week, weekIndex) => (\n          <div key={weekIndex} className=\"cobalt-CalendarView__week\">\n            {week.map((day, dayIndex) => (\n              <div\n                key={weekIndex + 1 * dayIndex + 1}\n                className={cx(\"cobalt-CalendarView__day\", {\n                  [`cobalt-CalendarView__day--${day.status}`]: day.status,\n                })}\n              >\n                {day.date}\n              </div>\n            ))}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nCalendarViewMonth.displayName = \"CalendarViewMonth\"\n\nexport default CalendarViewMonth\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CalendarViewMonth.js","sources":["../../../../src/components/Calendar/CalendarView/CalendarViewMonth.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport {\n  differenceInCalendarWeeks,\n  endOfMonth,\n  format,\n  getDaysInMonth,\n  getISODay,\n  isPast,\n  isToday,\n  setDate,\n} from \"date-fns\"\nimport { useCallback, useMemo } from \"react\"\nimport type {\n  CalendarViewDateType,\n  CalendarViewMonthType,\n  DateType,\n  MonthType,\n} from \"./types\"\n\ntype Props = MonthType\n\nconst CalendarViewMonth = ({\n  monthName,\n  monthStart,\n  statusByDate = {},\n  isSundayFirstDayOfWeek = false,\n}: Props) => {\n  const getMonthByWeek = useCallback((): CalendarViewMonthType => {\n    const daysInMonth = getDaysInMonth(monthStart)\n    const weeksInMonth =\n      differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {\n        weekStartsOn: isSundayFirstDayOfWeek ? 0 : 1,\n      }) + 1\n    const weekDay = isSundayFirstDayOfWeek\n      ? (getISODay(monthStart) % 7) + 1\n      : getISODay(monthStart)\n    const month: CalendarViewDateType[][] = []\n    let cursor = 0\n    let date = 0\n\n    for (let week = 0; week < weeksInMonth; week++) {\n      month[week] = []\n      for (let day = 0; day < 7; day++) {\n        month[week][day] = { date: null }\n\n        if (cursor >= weekDay - 1 && date < daysInMonth) {\n          month[week][day].date = ++date as DateType\n\n          const currentDate = setDate(monthStart, date)\n\n          month[week][day].status =\n            isPast(currentDate) && !isToday(currentDate)\n              ? \"past\"\n              : statusByDate[format(currentDate, \"yyyy-MM-dd\")]\n        }\n        cursor++\n      }\n    }\n    return month\n  }, [monthStart, isSundayFirstDayOfWeek, statusByDate])\n\n  const monthByWeek = useMemo(() => getMonthByWeek(), [getMonthByWeek])\n\n  return (\n    <div className=\"cobalt-CalendarView__month\">\n      <div className=\"cobalt-CalendarView__monthName\">{monthName}</div>\n      <div className=\"c-flex c-flex-col c-gap-2xs\">\n        {monthByWeek.map((week, weekIndex) => (\n          <div\n            key={`week-${weekIndex}-${week.map((day) => day.date).join(\"-\")}`}\n            className=\"cobalt-CalendarView__week\"\n          >\n            {week.map((day, dayIndex) => (\n              <div\n                key={`day-${weekIndex}-${dayIndex + 1}-${day.date}`}\n                className={cx(\"cobalt-CalendarView__day\", {\n                  [`cobalt-CalendarView__day--${day.status}`]: day.status,\n                })}\n              >\n                {day.date}\n              </div>\n            ))}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nCalendarViewMonth.displayName = \"CalendarViewMonth\"\n\nexport default CalendarViewMonth\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/components/Calendar/CalendarView/index.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import CalendarViewMonth from './CalendarViewMonth.js';
 
-const CalendarView = ({ months, isSundayFirstDayOfWeek }) => (React.createElement("div", { className: "cobalt-CalendarView" }, months.map((month) => (React.createElement(CalendarViewMonth, { key: month.monthStart, isSundayFirstDayOfWeek: isSundayFirstDayOfWeek, ...month })))));
+const CalendarView = ({ months, isSundayFirstDayOfWeek }) => (jsx("div", { className: "cobalt-CalendarView", children: months.map((month) => (jsx(CalendarViewMonth, { isSundayFirstDayOfWeek: isSundayFirstDayOfWeek, ...month }, month.monthStart))) }));
 CalendarView.displayName = "CalendarView";
 
 export { CalendarView };

package/components/Calendar/CalendarView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Calendar/CalendarView/index.tsx"],"sourcesContent":["import React from \"react\"\nimport Month from \"./CalendarViewMonth\"\nimport { MonthType } from \"./types\"\n\ntype Props = {\n  months: MonthType[]\n  isSundayFirstDayOfWeek?: boolean\n}\n\nconst CalendarView = ({ months, isSundayFirstDayOfWeek }: Props) => (\n  <div className=\"cobalt-CalendarView\">\n    {months.map((month) => (\n      <Month\n        key={month.monthStart}\n        isSundayFirstDayOfWeek={isSundayFirstDayOfWeek}\n        {...month}\n      />\n    ))}\n  </div>\n)\n\nCalendarView.displayName = \"CalendarView\"\n\nexport { CalendarView }\n"],"names":["Month"],"mappings":";;;AASM,MAAA,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,sBAAsB,EAAS,MAC7D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,IACjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MAChB,KAAC,CAAA,aAAA,CAAAA,iBAAK,IACJ,GAAG,EAAE,KAAK,CAAC,UAAU,EACrB,sBAAsB,EAAE,sBAAsB,EAC1C,GAAA,KAAK,GACT,CACH,CAAC,CACE,EACP;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Calendar/CalendarView/index.tsx"],"sourcesContent":["import Month from \"./CalendarViewMonth\"\nimport type { MonthType } from \"./types\"\n\ntype Props = {\n  months: MonthType[]\n  isSundayFirstDayOfWeek?: boolean\n}\n\nconst CalendarView = ({ months, isSundayFirstDayOfWeek }: Props) => (\n  <div className=\"cobalt-CalendarView\">\n    {months.map((month) => (\n      <Month\n        key={month.monthStart}\n        isSundayFirstDayOfWeek={isSundayFirstDayOfWeek}\n        {...month}\n      />\n    ))}\n  </div>\n)\n\nCalendarView.displayName = \"CalendarView\"\n\nexport { CalendarView }\n"],"names":["_jsx","Month"],"mappings":";;;AAQM,MAAA,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,sBAAsB,EAAS,MAC7DA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,YACjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MAChBA,GAAA,CAACC,iBAAK,EAEJ,EAAA,sBAAsB,EAAE,sBAAsB,EAAA,GAC1C,KAAK,EAFJ,EAAA,KAAK,CAAC,UAAU,CAGrB,CACH,CAAC,EAAA,CACE,EACP;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/components/Calendar/utils.js

@@ -1,8 +1,8 @@
+import eachDayOfInterval from 'date-fns/eachDayOfInterval';
+import endOfMonth from 'date-fns/endOfMonth';
+import getDay from 'date-fns/getDay';
 import setISODay from 'date-fns/setISODay';
 import startOfMonth from 'date-fns/startOfMonth';
-import getDay from 'date-fns/getDay';
-import endOfMonth from 'date-fns/endOfMonth';
-import eachDayOfInterval from 'date-fns/eachDayOfInterval';
 
 const getWeekDays = (isSundayFirstDayOfWeek = false) => {
     const extraIndex = isSundayFirstDayOfWeek ? 0 : 1;

package/components/Calendar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/Calendar/utils.ts"],"sourcesContent":["import setISODay from \"date-fns/setISODay\"\nimport startOfMonth from \"date-fns/startOfMonth\"\nimport getDay from \"date-fns/getDay\"\nimport endOfMonth from \"date-fns/endOfMonth\"\nimport eachDayOfInterval from \"date-fns/eachDayOfInterval\"\n\nexport const getWeekDays = (isSundayFirstDayOfWeek = false) => {\n  const extraIndex = isSundayFirstDayOfWeek ? 0 : 1\n  const now = new Date().setHours(0, 0, 0, 0)\n  return [...Array(7).keys()].map((index) => setISODay(now, index + extraIndex))\n}\n\nexport const getMonthDaysByWeeks = (\n  monthDate: Date,\n  isSundayFirstDayOfWeek = false\n): Date[][] => {\n  const extraOffset = isSundayFirstDayOfWeek ? 0 : 1\n  const firstDayOfMonth = startOfMonth(monthDate)\n  const firstDayOfMonthOffset = getDay(firstDayOfMonth) - extraOffset\n  const lastDayOfMonth = endOfMonth(monthDate)\n  const days = eachDayOfInterval({\n    start: firstDayOfMonth,\n    end: lastDayOfMonth,\n  })\n\n  return days.reduce((acc: Date[][], day, index) => {\n    if (index === 0 || (index + firstDayOfMonthOffset) % 7 === 0) {\n      acc.push([])\n    }\n    acc[acc.length - 1].push(day)\n    return acc\n  }, [])\n}\n"],"names":[],"mappings":";;;;;;MAMa,WAAW,GAAG,CAAC,sBAAsB,GAAG,KAAK,KAAI;IAC5D,MAAM,UAAU,GAAG,sBAAsB,GAAG,CAAC,GAAG,CAAC,CAAA;AACjD,IAAA,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3C,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,GAAG,EAAE,KAAK,GAAG,UAAU,CAAC,CAAC,CAAA;AAChF,EAAC;AAEY,MAAA,mBAAmB,GAAG,CACjC,SAAe,EACf,sBAAsB,GAAG,KAAK,KAClB;IACZ,MAAM,WAAW,GAAG,sBAAsB,GAAG,CAAC,GAAG,CAAC,CAAA;AAClD,IAAA,MAAM,eAAe,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;IAC/C,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,WAAW,CAAA;AACnE,IAAA,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAC5C,MAAM,IAAI,GAAG,iBAAiB,CAAC;AAC7B,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,GAAG,EAAE,cAAc;AACpB,KAAA,CAAC,CAAA;IAEF,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,GAAa,EAAE,GAAG,EAAE,KAAK,KAAI;AAC/C,QAAA,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,qBAAqB,IAAI,CAAC,KAAK,CAAC,EAAE;AAC5D,YAAA,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;SACb;AACD,QAAA,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC7B,QAAA,OAAO,GAAG,CAAA;KACX,EAAE,EAAE,CAAC,CAAA;AACR;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/Calendar/utils.ts"],"sourcesContent":["import eachDayOfInterval from \"date-fns/eachDayOfInterval\"\nimport endOfMonth from \"date-fns/endOfMonth\"\nimport getDay from \"date-fns/getDay\"\nimport setISODay from \"date-fns/setISODay\"\nimport startOfMonth from \"date-fns/startOfMonth\"\n\nexport const getWeekDays = (isSundayFirstDayOfWeek = false) => {\n  const extraIndex = isSundayFirstDayOfWeek ? 0 : 1\n  const now = new Date().setHours(0, 0, 0, 0)\n  return [...Array(7).keys()].map((index) => setISODay(now, index + extraIndex))\n}\n\nexport const getMonthDaysByWeeks = (\n  monthDate: Date,\n  isSundayFirstDayOfWeek = false,\n): Date[][] => {\n  const extraOffset = isSundayFirstDayOfWeek ? 0 : 1\n  const firstDayOfMonth = startOfMonth(monthDate)\n  const firstDayOfMonthOffset = getDay(firstDayOfMonth) - extraOffset\n  const lastDayOfMonth = endOfMonth(monthDate)\n  const days = eachDayOfInterval({\n    start: firstDayOfMonth,\n    end: lastDayOfMonth,\n  })\n\n  return days.reduce((acc: Date[][], day, index) => {\n    if (index === 0 || (index + firstDayOfMonthOffset) % 7 === 0) {\n      acc.push([])\n    }\n    acc[acc.length - 1].push(day)\n    return acc\n  }, [])\n}\n"],"names":[],"mappings":";;;;;;MAMa,WAAW,GAAG,CAAC,sBAAsB,GAAG,KAAK,KAAI;IAC5D,MAAM,UAAU,GAAG,sBAAsB,GAAG,CAAC,GAAG,CAAC,CAAA;AACjD,IAAA,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3C,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,GAAG,EAAE,KAAK,GAAG,UAAU,CAAC,CAAC,CAAA;AAChF,EAAC;AAEY,MAAA,mBAAmB,GAAG,CACjC,SAAe,EACf,sBAAsB,GAAG,KAAK,KAClB;IACZ,MAAM,WAAW,GAAG,sBAAsB,GAAG,CAAC,GAAG,CAAC,CAAA;AAClD,IAAA,MAAM,eAAe,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;IAC/C,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,WAAW,CAAA;AACnE,IAAA,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAC5C,MAAM,IAAI,GAAG,iBAAiB,CAAC;AAC7B,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,GAAG,EAAE,cAAc;AACpB,KAAA,CAAC,CAAA;IAEF,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,GAAa,EAAE,GAAG,EAAE,KAAK,KAAI;AAC/C,QAAA,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,qBAAqB,IAAI,CAAC,KAAK,CAAC,EAAE;AAC5D,YAAA,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;SACb;AACD,QAAA,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC7B,QAAA,OAAO,GAAG,CAAA;KACX,EAAE,EAAE,CAAC,CAAA;AACR;;;;"}

package/components/Callout/index.js

@@ -1,17 +1,18 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
+import { isValidElement, cloneElement } from 'react';
 
 function enforceCTA(cta, variant) {
-    if (!cta || !React.isValidElement(cta)) {
+    if (!cta || !isValidElement(cta)) {
         return cta;
     }
     return variant === "error"
-        ? React.cloneElement(cta, {
+        ? cloneElement(cta, {
             size: "small",
             primary: true,
             destructive: true,
         })
-        : React.cloneElement(cta, {
+        : cloneElement(cta, {
             size: "small",
             variant,
         });
@@ -19,16 +20,11 @@ function enforceCTA(cta, variant) {
 const Callout = ({ title, children, cta, variant = "neutral", illustrationUrl, className, }) => {
     // force CTA to match Callout variant
     const enforcedCTA = enforceCTA(cta, variant);
-    return (React.createElement("div", { className: cx("cobalt-callout", {
+    return (jsxs("div", { className: cx("cobalt-callout", {
             "cobalt-callout--warning": variant === "warning",
             "cobalt-callout--neutral": variant === "neutral",
             "cobalt-callout--error": variant === "error",
-        }, className) },
-        React.createElement("div", { className: "cobalt-callout__content" },
-            title && React.createElement("div", { className: "cobalt-callout__title" }, title),
-            React.createElement("div", { className: "cobalt-callout__body" }, children),
-            enforcedCTA),
-        illustrationUrl && (React.createElement("img", { className: "cobalt-callout__illustration", src: illustrationUrl }))));
+        }, className), children: [jsxs("div", { className: "cobalt-callout__content", children: [title && jsx("div", { className: "cobalt-callout__title", children: title }), jsx("div", { className: "cobalt-callout__body", children: children }), enforcedCTA] }), illustrationUrl && (jsx("img", { alt: title !== null && title !== void 0 ? title : "", className: "cobalt-callout__illustration", src: illustrationUrl }))] }));
 };
 
 export { Callout, Callout as default };