@salt-ds/date-components 0.0.0-snapshot-20260330155807

package/dist-cjs/calendar/internal/CalendarMonth.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var LocalizationProvider = require('../../localization-provider/LocalizationProvider.js');
+var CalendarContext = require('./CalendarContext.js');
+var CalendarDay = require('./CalendarDay.js');
+var CalendarMonth$1 = require('./CalendarMonth.css.js');
+var utils = require('./utils.js');
+
+function chunkArray(array, chunkSize) {
+  const result = [];
+  for (let chunkIndex = 0; chunkIndex < array.length; chunkIndex += chunkSize) {
+    result.push(array.slice(chunkIndex, chunkIndex + chunkSize));
+  }
+  return result;
+}
+const withBaseName = core.makePrefixer("saltCalendarMonth");
+const CalendarMonth = react.forwardRef(
+  function CalendarMonth2(props, ref) {
+    const { className, date, onMouseLeave, CalendarDayProps, ...rest } = props;
+    const { dateAdapter } = LocalizationProvider.useLocalization();
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-calendar-month",
+      css: CalendarMonth$1,
+      window: targetWindow
+    });
+    const {
+      state: { selectionVariant, timezone = "default" },
+      helpers: { setHoveredDate }
+    } = CalendarContext.useCalendarContext();
+    const handleMouseLeave = (event) => {
+      setHoveredDate(event, null);
+      onMouseLeave == null ? void 0 : onMouseLeave(event);
+    };
+    const weeks = react.useMemo(() => {
+      const days = utils.generateVisibleDays(dateAdapter, date, timezone);
+      return chunkArray(days, 7);
+    }, [dateAdapter, date, timezone]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: clsx.clsx(withBaseName(), className),
+        ref,
+        onMouseLeave: handleMouseLeave,
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-testid": "CalendarGrid",
+            className: clsx.clsx(withBaseName("grid"), withBaseName(selectionVariant)),
+            children: weeks.map((week) => /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: withBaseName("week"),
+                children: week.map((day) => /* @__PURE__ */ react.createElement(
+                  CalendarDay.CalendarDay,
+                  {
+                    ...CalendarDayProps,
+                    key: dateAdapter.format(day, "DD MMM YYYY"),
+                    date: day,
+                    month: date
+                  }
+                ))
+              },
+              `row-${dateAdapter.format(week[0], "DD MMM YYYY")}`
+            ))
+          }
+        )
+      }
+    );
+  }
+);
+
+exports.CalendarMonth = CalendarMonth;
+//# sourceMappingURL=CalendarMonth.js.map

package/dist-cjs/calendar/internal/CalendarMonth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonth.js","sources":["../src/calendar/internal/CalendarMonth.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  forwardRef,\n  type MouseEvent,\n  type SyntheticEvent,\n  useMemo,\n} from \"react\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport { CalendarDay, type CalendarDayProps } from \"./CalendarDay\";\nimport calendarMonthCss from \"./CalendarMonth.css\";\nimport { generateVisibleDays } from \"./utils\";\n\nexport interface CalendarMonthProps extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Month to render as selectable dates\n   */\n  date: DateFrameworkType;\n  /**\n   * Props for the CalendarDay component.\n   */\n  CalendarDayProps?: Partial<CalendarDayProps>;\n}\n\nfunction chunkArray(array: DateFrameworkType[], chunkSize: number) {\n  const result = [];\n  for (let chunkIndex = 0; chunkIndex < array.length; chunkIndex += chunkSize) {\n    result.push(array.slice(chunkIndex, chunkIndex + chunkSize));\n  }\n  return result;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarMonth\");\n\nexport const CalendarMonth = forwardRef<HTMLDivElement, CalendarMonthProps>(\n  function CalendarMonth(\n    props: CalendarMonthProps,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    const { className, date, onMouseLeave, CalendarDayProps, ...rest } = props;\n    const { dateAdapter } = useLocalization();\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-month\",\n      css: calendarMonthCss,\n      window: targetWindow,\n    });\n\n    const {\n      state: { selectionVariant, timezone = \"default\" },\n      helpers: { setHoveredDate },\n    } = useCalendarContext();\n    const handleMouseLeave = (event: SyntheticEvent) => {\n      setHoveredDate(event, null);\n      onMouseLeave?.(event as MouseEvent<HTMLDivElement>);\n    };\n\n    const weeks = useMemo(() => {\n      const days = generateVisibleDays(dateAdapter, date, timezone);\n      return chunkArray(days, 7);\n    }, [dateAdapter, date, timezone]);\n\n    return (\n      <div\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        onMouseLeave={handleMouseLeave}\n        {...rest}\n      >\n        <div\n          data-testid=\"CalendarGrid\"\n          className={clsx(withBaseName(\"grid\"), withBaseName(selectionVariant))}\n        >\n          {weeks.map((week) => (\n            <div\n              key={`row-${dateAdapter.format(week[0], \"DD MMM YYYY\")}`}\n              className={withBaseName(\"week\")}\n            >\n              {week.map((day) => (\n                <CalendarDay\n                  {...CalendarDayProps}\n                  key={dateAdapter.format(day, \"DD MMM YYYY\")}\n                  date={day}\n                  month={date}\n                />\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","CalendarMonth","useLocalization","useWindow","useComponentCssInjection","calendarMonthCss","useCalendarContext","useMemo","generateVisibleDays","jsx","clsx","createElement","CalendarDay"],"mappings":";;;;;;;;;;;;;;AA6BA,SAAS,UAAA,CAAW,OAA4B,SAAA,EAAmB;AACjE,EAAA,MAAM,SAAS,EAAC;AAChB,EAAA,KAAA,IAAS,aAAa,CAAA,EAAG,UAAA,GAAa,KAAA,CAAM,MAAA,EAAQ,cAAc,SAAA,EAAW;AAC3E,IAAA,MAAA,CAAO,KAAK,KAAA,CAAM,KAAA,CAAM,UAAA,EAAY,UAAA,GAAa,SAAS,CAAC,CAAA;AAAA,EAC7D;AACA,EAAA,OAAO,MAAA;AACT;AAEA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA;AAE9C,MAAM,aAAA,GAAgBC,gBAAA;AAAA,EAC3B,SAASC,cAAAA,CACP,KAAA,EACA,GAAA,EACA;AACA,IAAA,MAAM,EAAE,SAAA,EAAW,IAAA,EAAM,cAAc,gBAAA,EAAkB,GAAG,MAAK,GAAI,KAAA;AACrE,IAAA,MAAM,EAAE,WAAA,EAAY,GAAIC,oCAAA,EAAgB;AACxC,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,qBAAA;AAAA,MACR,GAAA,EAAKC,eAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM;AAAA,MACJ,KAAA,EAAO,EAAE,gBAAA,EAAkB,QAAA,GAAW,SAAA,EAAU;AAAA,MAChD,OAAA,EAAS,EAAE,cAAA;AAAe,QACxBC,kCAAA,EAAmB;AACvB,IAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAA0B;AAClD,MAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAC1B,MAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,KAAA,CAAA;AAAA,IACjB,CAAA;AAEA,IAAA,MAAM,KAAA,GAAQC,cAAQ,MAAM;AAC1B,MAAA,MAAM,IAAA,GAAOC,yBAAA,CAAoB,WAAA,EAAa,IAAA,EAAM,QAAQ,CAAA;AAC5D,MAAA,OAAO,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,IAC3B,CAAA,EAAG,CAAC,WAAA,EAAa,IAAA,EAAM,QAAQ,CAAC,CAAA;AAEhC,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACA,YAAA,EAAc,gBAAA;AAAA,QACb,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAAD,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,cAAA;AAAA,YACZ,WAAWC,SAAA,CAAK,YAAA,CAAa,MAAM,CAAA,EAAG,YAAA,CAAa,gBAAgB,CAAC,CAAA;AAAA,YAEnE,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACVD,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAEC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,gBAE7B,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,qBACTE,mBAAA;AAAA,kBAACC,uBAAA;AAAA,kBAAA;AAAA,oBACE,GAAG,gBAAA;AAAA,oBACJ,GAAA,EAAK,WAAA,CAAY,MAAA,CAAO,GAAA,EAAK,aAAa,CAAA;AAAA,oBAC1C,IAAA,EAAM,GAAA;AAAA,oBACN,KAAA,EAAO;AAAA;AAAA,iBAEV;AAAA,eAAA;AAAA,cAVI,OAAO,WAAA,CAAY,MAAA,CAAO,KAAK,CAAC,CAAA,EAAG,aAAa,CAAC,CAAA;AAAA,aAYzD;AAAA;AAAA;AACH;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}

package/dist-cjs/calendar/internal/createAnnouncement.js

@@ -0,0 +1,90 @@
+'use strict';
+
+function createSingleSelectionAnnouncement(announcementType, state, dateAdapter) {
+  switch (announcementType) {
+    case "minFocusableDateExceeded":
+      return "cannot focus before minimum date";
+    case "maxFocusableDateExceeded":
+      return "cannot focus beyond maximum date";
+    case "dateSelected": {
+      const { multiselect, selectedDate } = state;
+      if (!selectedDate || multiselect && Array.isArray(selectedDate) && !selectedDate.length) {
+        return "cleared date selection";
+      }
+      if (multiselect && Array.isArray(selectedDate)) {
+        const lastSelectedDate = selectedDate[selectedDate.length - 1];
+        return `${dateAdapter.format(lastSelectedDate, "dddd D MMMM YYYY")}, selected, ${selectedDate.length} dates in selection`;
+      }
+      if (!multiselect && selectedDate) {
+        return `${dateAdapter.format(selectedDate, "dddd D MMMM YYYY")}, selected`;
+      }
+      break;
+    }
+    case "visibleMonthChanged": {
+      const { startVisibleMonth, endVisibleMonth } = state;
+      const isSingleMonth = dateAdapter.isSame(
+        startVisibleMonth,
+        endVisibleMonth,
+        "month"
+      );
+      if (isSingleMonth) {
+        return `Visible month starts from ${dateAdapter.format(startVisibleMonth, "dddd D MMMM YYYY")}`;
+      }
+      const endOfMonth = dateAdapter.endOf(endVisibleMonth, "month");
+      return `Visible months are from ${dateAdapter.format(startVisibleMonth, "dddd D MMMM YYYY")} to ${dateAdapter.format(endOfMonth, "dddd D MMMM YYYY")}`;
+    }
+  }
+}
+function createRangeSelectionAnnouncement(announcementType, state, dateAdapter) {
+  switch (announcementType) {
+    case "minFocusableDateExceeded":
+      return "cannot focus before minimum date";
+    case "maxFocusableDateExceeded":
+      return "cannot focus beyond maximum date";
+    case "dateSelected": {
+      const { multiselect, selectedDate } = state;
+      if (!selectedDate || multiselect && Array.isArray(selectedDate) && !selectedDate.length) {
+        return "cleared date selection";
+      }
+      let startDate;
+      let endDate;
+      if (multiselect && Array.isArray(selectedDate)) {
+        const last = selectedDate[selectedDate.length - 1];
+        startDate = last.startDate;
+        endDate = last.endDate;
+      } else if (!multiselect && selectedDate && typeof selectedDate === "object") {
+        const range = selectedDate;
+        startDate = range.startDate;
+        endDate = range.endDate;
+      }
+      if (startDate && !endDate) {
+        return `Selected start date ${dateAdapter.format(startDate, "dddd D MMMM YYYY")}`;
+      }
+      if (!startDate && endDate) {
+        return `${dateAdapter.format(endDate, "dddd D MMMM YYYY")}, selected as end date`;
+      }
+      if (startDate && endDate) {
+        const multiselectSuffix = multiselect && Array.isArray(selectedDate) ? `, ${selectedDate.length > 1 ? `${selectedDate.length} date ranges in selection` : ""}` : "";
+        return `Date range ${dateAdapter.format(startDate, "dddd D MMMM YYYY")} to ${dateAdapter.format(endDate, "dddd D MMMM YYYY")}, selected${multiselectSuffix}`;
+      }
+      break;
+    }
+    case "visibleMonthChanged": {
+      const { startVisibleMonth, endVisibleMonth } = state;
+      const isSingleMonth = dateAdapter.isSame(
+        startVisibleMonth,
+        endVisibleMonth,
+        "month"
+      );
+      if (isSingleMonth) {
+        return `Visible month starts from ${dateAdapter.format(startVisibleMonth, "dddd D MMMM YYYY")}`;
+      }
+      const endOfMonth = dateAdapter.endOf(endVisibleMonth, "month");
+      return `Visible months are from ${dateAdapter.format(startVisibleMonth, "dddd D MMMM YYYY")} to ${dateAdapter.format(endOfMonth, "dddd D MMMM YYYY")}`;
+    }
+  }
+}
+
+exports.createRangeSelectionAnnouncement = createRangeSelectionAnnouncement;
+exports.createSingleSelectionAnnouncement = createSingleSelectionAnnouncement;
+//# sourceMappingURL=createAnnouncement.js.map

package/dist-cjs/calendar/internal/createAnnouncement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAnnouncement.js","sources":["../src/calendar/internal/createAnnouncement.ts"],"sourcesContent":["import type {\n  DateFrameworkType,\n  SaltDateAdapter,\n} from \"@salt-ds/date-adapters\";\n\nexport type AnnouncementType =\n  | \"minFocusableDateExceeded\"\n  | \"maxFocusableDateExceeded\"\n  | \"dateSelected\"\n  | \"visibleMonthChanged\";\n\nexport type AnnouncerMinMaxFocusState = Record<string, never>;\n\nexport interface AnnouncerVisibleMonthState {\n  startVisibleMonth: DateFrameworkType;\n  endVisibleMonth: DateFrameworkType;\n}\n\nexport interface AnnouncerRangeDateSelectedState {\n  multiselect: boolean;\n  selectedDate:\n    | Array<{ startDate?: DateFrameworkType; endDate?: DateFrameworkType }>\n    | { startDate?: DateFrameworkType; endDate?: DateFrameworkType }\n    | null;\n}\n\nexport interface AnnouncerSingleDateSelectedState {\n  multiselect: boolean;\n  selectedDate: DateFrameworkType | DateFrameworkType[] | null;\n}\n\nexport type DateSelectionAnnouncerState =\n  | AnnouncerSingleDateSelectedState\n  | AnnouncerRangeDateSelectedState\n  | AnnouncerVisibleMonthState\n  | AnnouncerMinMaxFocusState;\n\nexport function createSingleSelectionAnnouncement(\n  announcementType: AnnouncementType,\n  state: DateSelectionAnnouncerState,\n  dateAdapter: SaltDateAdapter,\n): string | undefined {\n  switch (announcementType) {\n    case \"minFocusableDateExceeded\":\n      return \"cannot focus before minimum date\";\n    case \"maxFocusableDateExceeded\":\n      return \"cannot focus beyond maximum date\";\n    case \"dateSelected\": {\n      const { multiselect, selectedDate } =\n        state as AnnouncerSingleDateSelectedState;\n      if (\n        !selectedDate ||\n        (multiselect && Array.isArray(selectedDate) && !selectedDate.length)\n      ) {\n        return \"cleared date selection\";\n      }\n      if (multiselect && Array.isArray(selectedDate)) {\n        const lastSelectedDate = selectedDate[selectedDate.length - 1];\n        return `${dateAdapter.format(lastSelectedDate, \"dddd D MMMM YYYY\")}, selected, ${selectedDate.length} dates in selection`;\n      }\n      if (!multiselect && selectedDate) {\n        return `${dateAdapter.format(selectedDate as DateFrameworkType, \"dddd D MMMM YYYY\")}, selected`;\n      }\n      break;\n    }\n    case \"visibleMonthChanged\": {\n      const { startVisibleMonth, endVisibleMonth } =\n        state as AnnouncerVisibleMonthState;\n      const isSingleMonth = dateAdapter.isSame(\n        startVisibleMonth,\n        endVisibleMonth,\n        \"month\",\n      );\n      if (isSingleMonth) {\n        return `Visible month starts from ${dateAdapter.format(startVisibleMonth, \"dddd D MMMM YYYY\")}`;\n      }\n      const endOfMonth = dateAdapter.endOf(endVisibleMonth, \"month\");\n      return `Visible months are from ${dateAdapter.format(startVisibleMonth, \"dddd D MMMM YYYY\")} to ${dateAdapter.format(endOfMonth, \"dddd D MMMM YYYY\")}`;\n    }\n  }\n}\n\nexport function createRangeSelectionAnnouncement(\n  announcementType: AnnouncementType,\n  state: DateSelectionAnnouncerState,\n  dateAdapter: SaltDateAdapter,\n): string | undefined {\n  switch (announcementType) {\n    case \"minFocusableDateExceeded\":\n      return \"cannot focus before minimum date\";\n    case \"maxFocusableDateExceeded\":\n      return \"cannot focus beyond maximum date\";\n    case \"dateSelected\": {\n      const { multiselect, selectedDate } =\n        state as AnnouncerRangeDateSelectedState;\n      if (\n        !selectedDate ||\n        (multiselect && Array.isArray(selectedDate) && !selectedDate.length)\n      ) {\n        return \"cleared date selection\";\n      }\n      let startDate: DateFrameworkType | null | undefined;\n      let endDate: DateFrameworkType | null | undefined;\n      if (multiselect && Array.isArray(selectedDate)) {\n        const last = selectedDate[selectedDate.length - 1];\n        startDate = last.startDate;\n        endDate = last.endDate;\n      } else if (\n        !multiselect &&\n        selectedDate &&\n        typeof selectedDate === \"object\"\n      ) {\n        const range = selectedDate as {\n          startDate?: DateFrameworkType | null;\n          endDate?: DateFrameworkType | null;\n        };\n        startDate = range.startDate;\n        endDate = range.endDate;\n      }\n      if (startDate && !endDate) {\n        return `Selected start date ${dateAdapter.format(startDate, \"dddd D MMMM YYYY\")}`;\n      }\n      if (!startDate && endDate) {\n        return `${dateAdapter.format(endDate, \"dddd D MMMM YYYY\")}, selected as end date`;\n      }\n      if (startDate && endDate) {\n        const multiselectSuffix =\n          multiselect && Array.isArray(selectedDate)\n            ? `, ${selectedDate.length > 1 ? `${selectedDate.length} date ranges in selection` : \"\"}`\n            : \"\";\n        return `Date range ${dateAdapter.format(startDate, \"dddd D MMMM YYYY\")} to ${dateAdapter.format(endDate, \"dddd D MMMM YYYY\")}, selected${multiselectSuffix}`;\n      }\n      break;\n    }\n    case \"visibleMonthChanged\": {\n      const { startVisibleMonth, endVisibleMonth } =\n        state as AnnouncerVisibleMonthState;\n      const isSingleMonth = dateAdapter.isSame(\n        startVisibleMonth,\n        endVisibleMonth,\n        \"month\",\n      );\n      if (isSingleMonth) {\n        return `Visible month starts from ${dateAdapter.format(startVisibleMonth, \"dddd D MMMM YYYY\")}`;\n      }\n      const endOfMonth = dateAdapter.endOf(endVisibleMonth, \"month\");\n      return `Visible months are from ${dateAdapter.format(startVisibleMonth, \"dddd D MMMM YYYY\")} to ${dateAdapter.format(endOfMonth, \"dddd D MMMM YYYY\")}`;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist-cjs/calendar/internal/useFocusManagement.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var LocalizationProvider = require('../../localization-provider/LocalizationProvider.js');
+var CalendarContext = require('./CalendarContext.js');
+
+function useFocusManagement({ date }) {
+  const { dateAdapter } = LocalizationProvider.useLocalization();
+  const {
+    helpers: { setFocusedDate }
+  } = CalendarContext.useCalendarContext();
+  const handleClick = (event) => {
+    setFocusedDate(event, date);
+  };
+  const handleKeyDown = (event) => {
+    let newDate;
+    switch (event.key) {
+      case "ArrowUp":
+        newDate = dateAdapter.subtract(date, { weeks: 1 });
+        break;
+      case "ArrowDown":
+        newDate = dateAdapter.add(date, { weeks: 1 });
+        break;
+      case "ArrowLeft":
+        newDate = dateAdapter.subtract(date, { days: 1 });
+        break;
+      case "ArrowRight":
+        newDate = dateAdapter.add(date, { days: 1 });
+        break;
+      case "Home":
+        newDate = dateAdapter.startOf(date, "week");
+        break;
+      case "End":
+        newDate = dateAdapter.endOf(date, "week");
+        break;
+      case "PageUp":
+        if (event.shiftKey) {
+          newDate = dateAdapter.subtract(date, { years: 1 });
+        } else {
+          newDate = dateAdapter.subtract(date, { months: 1 });
+        }
+        break;
+      case "PageDown":
+        if (event.shiftKey) {
+          newDate = dateAdapter.add(date, { years: 1 });
+        } else {
+          newDate = dateAdapter.add(date, { months: 1 });
+        }
+        break;
+    }
+    if (newDate && dateAdapter.compare(newDate, date) !== 0) {
+      event.preventDefault();
+      setFocusedDate(event, newDate);
+    }
+  };
+  const handleFocus = (event) => {
+    setFocusedDate(event, date);
+  };
+  return {
+    handleClick,
+    handleKeyDown,
+    handleFocus
+  };
+}
+
+exports.useFocusManagement = useFocusManagement;
+//# sourceMappingURL=useFocusManagement.js.map

package/dist-cjs/calendar/internal/useFocusManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusManagement.js","sources":["../src/calendar/internal/useFocusManagement.ts"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport type {\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from \"react\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { useCalendarContext } from \"./CalendarContext\";\n\nexport function useFocusManagement({ date }: { date: DateFrameworkType }) {\n  const { dateAdapter } = useLocalization<DateFrameworkType>();\n  const {\n    helpers: { setFocusedDate },\n  } = useCalendarContext();\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setFocusedDate(event, date);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    let newDate: DateFrameworkType | undefined;\n    switch (event.key) {\n      case \"ArrowUp\":\n        newDate = dateAdapter.subtract(date, { weeks: 1 });\n        break;\n      case \"ArrowDown\":\n        newDate = dateAdapter.add(date, { weeks: 1 });\n        break;\n      case \"ArrowLeft\":\n        newDate = dateAdapter.subtract(date, { days: 1 });\n        break;\n      case \"ArrowRight\":\n        newDate = dateAdapter.add(date, { days: 1 });\n        break;\n      case \"Home\":\n        newDate = dateAdapter.startOf(date, \"week\");\n        break;\n      case \"End\":\n        newDate = dateAdapter.endOf(date, \"week\");\n        break;\n      case \"PageUp\":\n        if (event.shiftKey) {\n          newDate = dateAdapter.subtract(date, { years: 1 });\n        } else {\n          newDate = dateAdapter.subtract(date, { months: 1 });\n        }\n        break;\n      case \"PageDown\":\n        if (event.shiftKey) {\n          newDate = dateAdapter.add(date, { years: 1 });\n        } else {\n          newDate = dateAdapter.add(date, { months: 1 });\n        }\n        break;\n      default:\n    }\n    if (newDate && dateAdapter.compare(newDate, date) !== 0) {\n      event.preventDefault();\n      setFocusedDate(event, newDate);\n    }\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    setFocusedDate(event, date);\n  };\n\n  return {\n    handleClick,\n    handleKeyDown,\n    handleFocus,\n  };\n}\n"],"names":["useLocalization","useCalendarContext"],"mappings":";;;;;AASO,SAAS,kBAAA,CAAmB,EAAE,IAAA,EAAK,EAAgC;AACxE,EAAA,MAAM,EAAE,WAAA,EAAY,GAAIA,oCAAA,EAAmC;AAC3D,EAAA,MAAM;AAAA,IACJ,OAAA,EAAS,EAAE,cAAA;AAAe,MACxBC,kCAAA,EAAmB;AACvB,EAAA,MAAM,WAAA,GAAoD,CAAC,KAAA,KAAU;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,EAC5B,CAAA;AAEA,EAAA,MAAM,aAAA,GAAyD,CAAC,KAAA,KAAU;AACxE,IAAA,IAAI,OAAA;AACJ,IAAA,QAAQ,MAAM,GAAA;AAAK,MACjB,KAAK,SAAA;AACH,QAAA,OAAA,GAAU,YAAY,QAAA,CAAS,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AACjD,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,GAAU,YAAY,GAAA,CAAI,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAC5C,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,GAAU,YAAY,QAAA,CAAS,IAAA,EAAM,EAAE,IAAA,EAAM,GAAG,CAAA;AAChD,QAAA;AAAA,MACF,KAAK,YAAA;AACH,QAAA,OAAA,GAAU,YAAY,GAAA,CAAI,IAAA,EAAM,EAAE,IAAA,EAAM,GAAG,CAAA;AAC3C,QAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAA,OAAA,GAAU,WAAA,CAAY,OAAA,CAAQ,IAAA,EAAM,MAAM,CAAA;AAC1C,QAAA;AAAA,MACF,KAAK,KAAA;AACH,QAAA,OAAA,GAAU,WAAA,CAAY,KAAA,CAAM,IAAA,EAAM,MAAM,CAAA;AACxC,QAAA;AAAA,MACF,KAAK,QAAA;AACH,QAAA,IAAI,MAAM,QAAA,EAAU;AAClB,UAAA,OAAA,GAAU,YAAY,QAAA,CAAS,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,QACnD,CAAA,MAAO;AACL,UAAA,OAAA,GAAU,YAAY,QAAA,CAAS,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA,QACpD;AACA,QAAA;AAAA,MACF,KAAK,UAAA;AACH,QAAA,IAAI,MAAM,QAAA,EAAU;AAClB,UAAA,OAAA,GAAU,YAAY,GAAA,CAAI,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,QAC9C,CAAA,MAAO;AACL,UAAA,OAAA,GAAU,YAAY,GAAA,CAAI,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA,QAC/C;AACA,QAAA;AACF;AAEF,IAAA,IAAI,WAAW,WAAA,CAAY,OAAA,CAAQ,OAAA,EAAS,IAAI,MAAM,CAAA,EAAG;AACvD,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,cAAA,CAAe,OAAO,OAAO,CAAA;AAAA,IAC/B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,WAAA,GAAoD,CAAC,KAAA,KAAU;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,EAC5B,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist-cjs/calendar/internal/utils.js

@@ -0,0 +1,50 @@
+'use strict';
+
+function daysOfWeek(dateAdapter, format) {
+  return Array.from(
+    { length: 7 },
+    (_, day) => dateAdapter.getDayOfWeekName(day, format)
+  );
+}
+function generateMonthsForYear(dateAdapter, currentYear) {
+  const startOfYear = dateAdapter.startOf(currentYear, "year");
+  return Array.from(
+    { length: 12 },
+    (_, month) => dateAdapter.add(startOfYear, { months: month })
+  );
+}
+function generateVisibleDays(dateAdapter, currentMonth, timezone) {
+  const totalDays = 6 * 7;
+  const startDate = dateAdapter.startOf(
+    dateAdapter.startOf(currentMonth, "month"),
+    "week"
+  );
+  return [...Array(totalDays).keys()].map((dayDelta) => {
+    let day = dateAdapter.add(startDate, { days: dayDelta });
+    day = dateAdapter.setTimezone(day, timezone);
+    return day;
+  });
+}
+function monthDiff(dateAdapter, a, b) {
+  const aMonth = dateAdapter.getMonth(a);
+  const aYear = dateAdapter.getYear(a);
+  const bMonth = dateAdapter.getMonth(b);
+  const bYear = dateAdapter.getYear(b);
+  return bMonth - aMonth + 12 * (bYear - aYear);
+}
+function generateDatesForMonth(dateAdapter, date) {
+  const startDate = dateAdapter.startOf(date, "month");
+  const endDate = dateAdapter.endOf(date, "month");
+  const dates = [];
+  for (let currentDate = startDate; dateAdapter.compare(currentDate, endDate) <= 0; currentDate = dateAdapter.add(currentDate, { days: 1 })) {
+    dates.push(currentDate);
+  }
+  return dates;
+}
+
+exports.daysOfWeek = daysOfWeek;
+exports.generateDatesForMonth = generateDatesForMonth;
+exports.generateMonthsForYear = generateMonthsForYear;
+exports.generateVisibleDays = generateVisibleDays;
+exports.monthDiff = monthDiff;
+//# sourceMappingURL=utils.js.map

package/dist-cjs/calendar/internal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/calendar/internal/utils.ts"],"sourcesContent":["import type {\n  DateFrameworkType,\n  SaltDateAdapter,\n  Timezone,\n} from \"@salt-ds/date-adapters\";\n\nexport function daysOfWeek(\n  dateAdapter: SaltDateAdapter,\n  format: \"long\" | \"short\" | \"narrow\",\n) {\n  return Array.from({ length: 7 }, (_, day) =>\n    dateAdapter.getDayOfWeekName(day, format),\n  );\n}\n\nexport function generateMonthsForYear(\n  dateAdapter: SaltDateAdapter,\n  currentYear: DateFrameworkType,\n) {\n  const startOfYear = dateAdapter.startOf(currentYear, \"year\");\n  return Array.from({ length: 12 }, (_, month) =>\n    dateAdapter.add(startOfYear, { months: month }),\n  );\n}\n\nexport function generateVisibleDays(\n  dateAdapter: SaltDateAdapter,\n  currentMonth: DateFrameworkType,\n  timezone: Timezone,\n) {\n  const totalDays = 6 * 7;\n  const startDate = dateAdapter.startOf(\n    dateAdapter.startOf(currentMonth, \"month\"),\n    \"week\",\n  );\n  return [...Array(totalDays).keys()].map((dayDelta) => {\n    let day = dateAdapter.add(startDate, { days: dayDelta });\n    day = dateAdapter.setTimezone(day, timezone);\n    return day;\n  });\n}\n\nexport function monthDiff(\n  dateAdapter: SaltDateAdapter,\n  a: DateFrameworkType,\n  b: DateFrameworkType,\n) {\n  const aMonth = dateAdapter.getMonth(a);\n  const aYear = dateAdapter.getYear(a);\n  const bMonth = dateAdapter.getMonth(b);\n  const bYear = dateAdapter.getYear(b);\n\n  return bMonth - aMonth + 12 * (bYear - aYear);\n}\n\nexport function generateDatesForMonth(\n  dateAdapter: SaltDateAdapter,\n  date: DateFrameworkType,\n): DateFrameworkType[] {\n  const startDate = dateAdapter.startOf(date, \"month\");\n  const endDate = dateAdapter.endOf(date, \"month\");\n  const dates: DateFrameworkType[] = [];\n  for (\n    let currentDate = startDate;\n    dateAdapter.compare(currentDate, endDate) <= 0;\n    currentDate = dateAdapter.add(currentDate, { days: 1 })\n  ) {\n    dates.push(currentDate);\n  }\n  return dates;\n}\n"],"names":[],"mappings":";;AAMO,SAAS,UAAA,CACd,aACA,MAAA,EACA;AACA,EAAA,OAAO,KAAA,CAAM,IAAA;AAAA,IAAK,EAAE,QAAQ,CAAA,EAAE;AAAA,IAAG,CAAC,CAAA,EAAG,GAAA,KACnC,WAAA,CAAY,gBAAA,CAAiB,KAAK,MAAM;AAAA,GAC1C;AACF;AAEO,SAAS,qBAAA,CACd,aACA,WAAA,EACA;AACA,EAAA,MAAM,WAAA,GAAc,WAAA,CAAY,OAAA,CAAQ,WAAA,EAAa,MAAM,CAAA;AAC3D,EAAA,OAAO,KAAA,CAAM,IAAA;AAAA,IAAK,EAAE,QAAQ,EAAA,EAAG;AAAA,IAAG,CAAC,GAAG,KAAA,KACpC,WAAA,CAAY,IAAI,WAAA,EAAa,EAAE,MAAA,EAAQ,KAAA,EAAO;AAAA,GAChD;AACF;AAEO,SAAS,mBAAA,CACd,WAAA,EACA,YAAA,EACA,QAAA,EACA;AACA,EAAA,MAAM,YAAY,CAAA,GAAI,CAAA;AACtB,EAAA,MAAM,YAAY,WAAA,CAAY,OAAA;AAAA,IAC5B,WAAA,CAAY,OAAA,CAAQ,YAAA,EAAc,OAAO,CAAA;AAAA,IACzC;AAAA,GACF;AACA,EAAA,OAAO,CAAC,GAAG,KAAA,CAAM,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAA,CAAI,CAAC,QAAA,KAAa;AACpD,IAAA,IAAI,MAAM,WAAA,CAAY,GAAA,CAAI,WAAW,EAAE,IAAA,EAAM,UAAU,CAAA;AACvD,IAAA,GAAA,GAAM,WAAA,CAAY,WAAA,CAAY,GAAA,EAAK,QAAQ,CAAA;AAC3C,IAAA,OAAO,GAAA;AAAA,EACT,CAAC,CAAA;AACH;AAEO,SAAS,SAAA,CACd,WAAA,EACA,CAAA,EACA,CAAA,EACA;AACA,EAAA,MAAM,MAAA,GAAS,WAAA,CAAY,QAAA,CAAS,CAAC,CAAA;AACrC,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,OAAA,CAAQ,CAAC,CAAA;AACnC,EAAA,MAAM,MAAA,GAAS,WAAA,CAAY,QAAA,CAAS,CAAC,CAAA;AACrC,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,OAAA,CAAQ,CAAC,CAAA;AAEnC,EAAA,OAAO,MAAA,GAAS,MAAA,GAAS,EAAA,IAAM,KAAA,GAAQ,KAAA,CAAA;AACzC;AAEO,SAAS,qBAAA,CACd,aACA,IAAA,EACqB;AACrB,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,OAAA,CAAQ,IAAA,EAAM,OAAO,CAAA;AACnD,EAAA,MAAM,OAAA,GAAU,WAAA,CAAY,KAAA,CAAM,IAAA,EAAM,OAAO,CAAA;AAC/C,EAAA,MAAM,QAA6B,EAAC;AACpC,EAAA,KAAA,IACM,cAAc,SAAA,EAClB,WAAA,CAAY,OAAA,CAAQ,WAAA,EAAa,OAAO,CAAA,IAAK,CAAA,EAC7C,WAAA,GAAc,WAAA,CAAY,IAAI,WAAA,EAAa,EAAE,IAAA,EAAM,CAAA,EAAG,CAAA,EACtD;AACA,IAAA,KAAA,CAAM,KAAK,WAAW,CAAA;AAAA,EACxB;AACA,EAAA,OAAO,KAAA;AACT;;;;;;;;"}