@salt-ds/lab 1.0.0-alpha.0

package/dist-cjs/packages/lab/src/calendar/internal/CalendarNavigation.js

@@ -0,0 +1,257 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var icons = require('@salt-ds/icons');
+var cx = require('classnames');
+var React = require('react');
+require('../../dropdown/DropdownBase.js');
+require('../../dropdown/DropdownButton.js');
+var Dropdown = require('../../dropdown/Dropdown.js');
+require('../../responsive/useResizeObserver.js');
+require('../../form-field-context/FormFieldContext.js');
+require('../../list/Highlighter.js');
+var ListItem = require('../../list/ListItem.js');
+require('../../list/List.js');
+require('../../common-hooks/collectionProvider.js');
+require('../../common-hooks/keyUtils.js');
+require('../../list/VirtualizedList.js');
+var Tooltip = require('../../tooltip/Tooltip.js');
+require('../../tooltip/TooltipContext.js');
+var useTooltip = require('../../tooltip/useTooltip.js');
+var CalendarContext = require('./CalendarContext.js');
+require('./CalendarNavigation.css.js');
+var date = require('@internationalized/date');
+var utils = require('./utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = core.makePrefixer("saltCalendarNavigation");
+function useCalendarNavigation() {
+  const {
+    state: { visibleMonth, minDate, maxDate },
+    helpers: {
+      setVisibleMonth,
+      isDayVisible,
+      isOutsideAllowedYears,
+      isOutsideAllowedMonths
+    }
+  } = CalendarContext.useCalendarContext();
+  const moveToNextMonth = (event) => {
+    setVisibleMonth(event, visibleMonth.add({ months: 1 }));
+  };
+  const moveToPreviousMonth = (event) => {
+    setVisibleMonth(event, visibleMonth.subtract({ months: 1 }));
+  };
+  const moveToMonth = (event, month) => {
+    let newMonth = month;
+    if (!isOutsideAllowedYears(newMonth)) {
+      if (isOutsideAllowedMonths(newMonth)) {
+        const navigableMonths = utils.monthsForLocale(visibleMonth).filter(
+          (n) => !isOutsideAllowedMonths(n)
+        );
+        newMonth = navigableMonths.reduce(
+          (closestMonth, currentMonth) => Math.abs(utils.monthDiff(currentMonth, newMonth)) < Math.abs(utils.monthDiff(closestMonth, newMonth)) ? currentMonth : closestMonth
+        );
+      }
+      setVisibleMonth(event, newMonth);
+    }
+  };
+  const months = utils.monthsForLocale(visibleMonth).map((month) => {
+    return { value: month, disabled: isOutsideAllowedMonths(month) };
+  });
+  const years = [-2, -1, 0, 1, 2].map((delta) => ({ value: visibleMonth.add({ years: delta }) })).filter(({ value }) => !isOutsideAllowedYears(value));
+  const selectedMonth = months.find(
+    (item) => date.isSameMonth(item.value, visibleMonth)
+  );
+  const selectedYear = years.find(
+    (item) => date.isSameYear(item.value, visibleMonth)
+  );
+  const canNavigatePrevious = !(minDate && isDayVisible(minDate));
+  const canNavigateNext = !(maxDate && isDayVisible(maxDate));
+  return {
+    moveToNextMonth,
+    moveToPreviousMonth,
+    moveToMonth,
+    visibleMonth,
+    months,
+    years,
+    canNavigateNext,
+    canNavigatePrevious,
+    selectedMonth,
+    selectedYear
+  };
+}
+const ListItemWithTooltip = ({
+  item,
+  label,
+  ...props
+}) => {
+  const { getTooltipProps, getTriggerProps } = useTooltip.useTooltip({
+    placement: "right",
+    disabled: !(item == null ? void 0 : item.disabled)
+  });
+  const { ref: triggerRef, ...triggerProps } = getTriggerProps(props);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ListItem.ListItem, {
+    ref: triggerRef,
+    ...triggerProps,
+    children: [
+      label,
+      /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+        ...getTooltipProps({
+          title: "This month is out of range"
+        })
+      })
+    ]
+  });
+};
+const CalendarNavigation = React.forwardRef(function CalendarNavigation2(props, ref) {
+  const {
+    className,
+    MonthDropdownProps,
+    YearDropdownProps,
+    hideYearDropdown,
+    ...rest
+  } = props;
+  const {
+    moveToPreviousMonth,
+    moveToNextMonth,
+    moveToMonth,
+    months,
+    years,
+    canNavigateNext,
+    canNavigatePrevious,
+    visibleMonth,
+    selectedMonth,
+    selectedYear
+  } = useCalendarNavigation();
+  const handleNavigatePrevious = (event) => {
+    moveToPreviousMonth(event);
+  };
+  const handleNavigateNext = (event) => {
+    moveToNextMonth(event);
+  };
+  const handleMonthSelect = (event, month) => {
+    if (month) {
+      moveToMonth(event, month.value);
+    }
+  };
+  const handleYearSelect = (event, year) => {
+    if (year) {
+      moveToMonth(event, year.value);
+    }
+  };
+  const monthDropdownId = core.useId(MonthDropdownProps == null ? void 0 : MonthDropdownProps.id);
+  const monthDropdownLabelledBy = cx__default["default"](
+    MonthDropdownProps == null ? void 0 : MonthDropdownProps["aria-labelledby"],
+    `${monthDropdownId}-control`
+  );
+  const yearDropdownId = core.useId(YearDropdownProps == null ? void 0 : YearDropdownProps.id);
+  const yearDropdownLabelledBy = cx__default["default"](
+    YearDropdownProps == null ? void 0 : YearDropdownProps["aria-labelledby"],
+    `${yearDropdownId}-control`
+  );
+  const defaultItemToMonth = (date) => {
+    if (hideYearDropdown) {
+      return utils.formatDate(date.value, { month: "long" });
+    }
+    return utils.formatDate(date.value, { month: "short" });
+  };
+  const defaultItemToYear = (date) => {
+    return utils.formatDate(date.value, { year: "numeric" });
+  };
+  const {
+    getTriggerProps: getPreviousButtonProps,
+    getTooltipProps: getPreviousButtonTooltipProps
+  } = useTooltip.useTooltip({
+    placement: "top",
+    disabled: canNavigatePrevious
+  });
+  const {
+    getTriggerProps: getNextButtonProps,
+    getTooltipProps: getNextButtonTooltipProps
+  } = useTooltip.useTooltip({
+    placement: "top",
+    disabled: canNavigateNext
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    className: cx__default["default"](
+      withBaseName(),
+      { [withBaseName("hideYearDropdown")]: hideYearDropdown },
+      className
+    ),
+    ref,
+    ...rest,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
+        ...getPreviousButtonProps({
+          disabled: !canNavigatePrevious,
+          variant: "secondary",
+          onClick: handleNavigatePrevious,
+          className: withBaseName("previousButton"),
+          focusableWhenDisabled: true
+        }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronLeftIcon, {
+          "aria-label": `Previous Month, ${utils.formatDate(
+            visibleMonth.subtract({ months: 1 })
+          )}`
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+        ...getPreviousButtonTooltipProps({
+          title: "Past dates are out of range"
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown, {
+        source: months,
+        id: monthDropdownId,
+        "aria-labelledby": monthDropdownLabelledBy,
+        "aria-label": "Month Dropdown",
+        ...MonthDropdownProps,
+        ListItem: ListItemWithTooltip,
+        selected: selectedMonth,
+        itemToString: defaultItemToMonth,
+        onSelectionChange: handleMonthSelect,
+        fullWidth: true
+      }),
+      !hideYearDropdown && /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown, {
+        source: years,
+        id: yearDropdownId,
+        "aria-labelledby": yearDropdownLabelledBy,
+        "aria-label": "Year Dropdown",
+        ...YearDropdownProps,
+        ListItem: ListItemWithTooltip,
+        selected: selectedYear,
+        onSelectionChange: handleYearSelect,
+        itemToString: defaultItemToYear,
+        fullWidth: true
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
+        ...getNextButtonProps({
+          disabled: !canNavigateNext,
+          variant: "secondary",
+          onClick: handleNavigateNext,
+          className: withBaseName("nextButton"),
+          focusableWhenDisabled: true
+        }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightIcon, {
+          "aria-label": `Next Month, ${utils.formatDate(
+            visibleMonth.add({ months: 1 })
+          )}`
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+        ...getNextButtonTooltipProps({
+          title: "Future dates are out of range"
+        })
+      })
+    ]
+  });
+});
+
+exports.CalendarNavigation = CalendarNavigation;
+//# sourceMappingURL=CalendarNavigation.js.map

package/dist-cjs/packages/lab/src/calendar/internal/CalendarNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarNavigation.js","sources":["../src/calendar/internal/CalendarNavigation.tsx"],"sourcesContent":["import { Button, ButtonProps, makePrefixer, useId } from \"@salt-ds/core\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@salt-ds/icons\";\nimport cx from \"classnames\";\nimport {\n  ComponentPropsWithRef,\n  forwardRef,\n  MouseEventHandler,\n  SyntheticEvent,\n} from \"react\";\nimport { Dropdown, DropdownProps } from \"../../dropdown\";\nimport { ListItem, ListItemType } from \"../../list\";\nimport { Tooltip, useTooltip } from \"../../tooltip\";\n\nimport { useCalendarContext } from \"./CalendarContext\";\n\nimport \"./CalendarNavigation.css\";\nimport { DateValue, isSameMonth, isSameYear } from \"@internationalized/date\";\nimport { formatDate, monthDiff, monthsForLocale } from \"./utils\";\nimport { SelectionChangeHandler } from \"../../common-hooks\";\n\ntype DropdownItem = {\n  value: DateValue;\n  disabled?: boolean;\n};\n\ntype dateDropdownProps = DropdownProps<DropdownItem>;\n\nexport interface CalendarNavigationProps extends ComponentPropsWithRef<\"div\"> {\n  MonthDropdownProps?: dateDropdownProps;\n  YearDropdownProps?: dateDropdownProps;\n  onMonthSelect?: dateDropdownProps[\"onChange\"];\n  onYearSelect?: dateDropdownProps[\"onChange\"];\n  onNavigateNext?: ButtonProps[\"onClick\"];\n  onNavigatePrevious?: ButtonProps[\"onClick\"];\n  hideYearDropdown?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarNavigation\");\n\nfunction useCalendarNavigation() {\n  const {\n    state: { visibleMonth, minDate, maxDate },\n    helpers: {\n      setVisibleMonth,\n      isDayVisible,\n      isOutsideAllowedYears,\n      isOutsideAllowedMonths,\n    },\n  } = useCalendarContext();\n\n  const moveToNextMonth = (event: SyntheticEvent) => {\n    setVisibleMonth(event, visibleMonth.add({ months: 1 }));\n  };\n\n  const moveToPreviousMonth = (event: SyntheticEvent) => {\n    setVisibleMonth(event, visibleMonth.subtract({ months: 1 }));\n  };\n\n  const moveToMonth = (event: SyntheticEvent, month: DateValue) => {\n    let newMonth = month;\n\n    if (!isOutsideAllowedYears(newMonth)) {\n      if (isOutsideAllowedMonths(newMonth)) {\n        // If month is navigable we should move to the closest navigable month\n        const navigableMonths = monthsForLocale(visibleMonth).filter(\n          (n) => !isOutsideAllowedMonths(n)\n        );\n        newMonth = navigableMonths.reduce((closestMonth, currentMonth) =>\n          Math.abs(monthDiff(currentMonth, newMonth)) <\n          Math.abs(monthDiff(closestMonth, newMonth))\n            ? currentMonth\n            : closestMonth\n        );\n      }\n      setVisibleMonth(event, newMonth);\n    }\n  };\n\n  const months = monthsForLocale(visibleMonth).map((month) => {\n    return { value: month, disabled: isOutsideAllowedMonths(month) };\n  });\n\n  const years = [-2, -1, 0, 1, 2]\n    .map((delta) => ({ value: visibleMonth.add({ years: delta }) }))\n    .filter(({ value }) => !isOutsideAllowedYears(value));\n\n  const selectedMonth = months.find((item: DropdownItem) =>\n    isSameMonth(item.value, visibleMonth)\n  );\n  const selectedYear = years.find((item: DropdownItem) =>\n    isSameYear(item.value, visibleMonth)\n  );\n\n  const canNavigatePrevious = !(minDate && isDayVisible(minDate));\n  const canNavigateNext = !(maxDate && isDayVisible(maxDate));\n\n  return {\n    moveToNextMonth,\n    moveToPreviousMonth,\n    moveToMonth,\n    visibleMonth,\n    months,\n    years,\n    canNavigateNext,\n    canNavigatePrevious,\n    selectedMonth,\n    selectedYear,\n  };\n}\n\nconst ListItemWithTooltip: ListItemType<DropdownItem> = ({\n  item,\n  label,\n  ...props\n}) => {\n  const { getTooltipProps, getTriggerProps } = useTooltip({\n    placement: \"right\",\n    disabled: !item?.disabled,\n  });\n\n  const { ref: triggerRef, ...triggerProps } =\n    getTriggerProps<typeof ListItem>(props);\n\n  return (\n    <ListItem ref={triggerRef} {...triggerProps}>\n      {label}\n      <Tooltip\n        {...getTooltipProps({\n          title: \"This month is out of range\",\n        })}\n      />\n    </ListItem>\n  );\n};\n\nexport const CalendarNavigation = forwardRef<\n  HTMLDivElement,\n  CalendarNavigationProps\n>(function CalendarNavigation(props, ref) {\n  const {\n    className,\n    MonthDropdownProps,\n    YearDropdownProps,\n    hideYearDropdown,\n    ...rest\n  } = props;\n\n  const {\n    moveToPreviousMonth,\n    moveToNextMonth,\n    moveToMonth,\n    months,\n    years,\n    canNavigateNext,\n    canNavigatePrevious,\n    visibleMonth,\n    selectedMonth,\n    selectedYear,\n  } = useCalendarNavigation();\n\n  const handleNavigatePrevious: MouseEventHandler<HTMLButtonElement> = (\n    event\n  ) => {\n    moveToPreviousMonth(event);\n  };\n\n  const handleNavigateNext: MouseEventHandler<HTMLButtonElement> = (event) => {\n    moveToNextMonth(event);\n  };\n\n  const handleMonthSelect: SelectionChangeHandler<DropdownItem> = (\n    event,\n    month\n  ) => {\n    if (month) {\n      moveToMonth(event, month.value);\n    }\n  };\n\n  const handleYearSelect: SelectionChangeHandler<DropdownItem> = (\n    event,\n    year\n  ) => {\n    if (year) {\n      moveToMonth(event, year.value);\n    }\n  };\n\n  const monthDropdownId = useId(MonthDropdownProps?.id);\n  const monthDropdownLabelledBy = cx(\n    MonthDropdownProps?.[\"aria-labelledby\"],\n    // TODO need a prop on Dropdown to allow buttonId to be passed, should not make assumptions about internal\n    // id assignment like this\n    `${monthDropdownId}-control`\n  );\n  const yearDropdownId = useId(YearDropdownProps?.id);\n  const yearDropdownLabelledBy = cx(\n    YearDropdownProps?.[\"aria-labelledby\"],\n    `${yearDropdownId}-control`\n  );\n\n  const defaultItemToMonth = (date: DropdownItem) => {\n    if (hideYearDropdown) {\n      return formatDate(date.value, { month: \"long\" });\n    }\n    return formatDate(date.value, { month: \"short\" });\n  };\n\n  const defaultItemToYear = (date: DropdownItem) => {\n    return formatDate(date.value, { year: \"numeric\" });\n  };\n\n  const {\n    getTriggerProps: getPreviousButtonProps,\n    getTooltipProps: getPreviousButtonTooltipProps,\n  } = useTooltip({\n    placement: \"top\",\n    disabled: canNavigatePrevious,\n  });\n\n  const {\n    getTriggerProps: getNextButtonProps,\n    getTooltipProps: getNextButtonTooltipProps,\n  } = useTooltip({\n    placement: \"top\",\n    disabled: canNavigateNext,\n  });\n\n  return (\n    <div\n      className={cx(\n        withBaseName(),\n        { [withBaseName(\"hideYearDropdown\")]: hideYearDropdown },\n        className\n      )}\n      ref={ref}\n      {...rest}\n    >\n      <Button\n        {...getPreviousButtonProps<typeof Button>({\n          disabled: !canNavigatePrevious,\n          variant: \"secondary\",\n          onClick: handleNavigatePrevious,\n          className: withBaseName(\"previousButton\"),\n          focusableWhenDisabled: true,\n        })}\n      >\n        <ChevronLeftIcon\n          aria-label={`Previous Month, ${formatDate(\n            visibleMonth.subtract({ months: 1 })\n          )}`}\n        />\n      </Button>\n      <Tooltip\n        {...getPreviousButtonTooltipProps({\n          title: \"Past dates are out of range\",\n        })}\n      />\n      <Dropdown<DropdownItem>\n        source={months}\n        id={monthDropdownId}\n        aria-labelledby={monthDropdownLabelledBy}\n        aria-label=\"Month Dropdown\"\n        {...MonthDropdownProps}\n        ListItem={ListItemWithTooltip}\n        selected={selectedMonth}\n        itemToString={defaultItemToMonth}\n        onSelectionChange={handleMonthSelect}\n        fullWidth\n      />\n      {!hideYearDropdown && (\n        <Dropdown<DropdownItem>\n          source={years}\n          id={yearDropdownId}\n          aria-labelledby={yearDropdownLabelledBy}\n          aria-label=\"Year Dropdown\"\n          {...YearDropdownProps}\n          ListItem={ListItemWithTooltip}\n          selected={selectedYear}\n          onSelectionChange={handleYearSelect}\n          itemToString={defaultItemToYear}\n          fullWidth\n        />\n      )}\n      <Button\n        {...getNextButtonProps<typeof Button>({\n          disabled: !canNavigateNext,\n          variant: \"secondary\",\n          onClick: handleNavigateNext,\n          className: withBaseName(\"nextButton\"),\n          focusableWhenDisabled: true,\n        })}\n      >\n        <ChevronRightIcon\n          aria-label={`Next Month, ${formatDate(\n            visibleMonth.add({ months: 1 })\n          )}`}\n        />\n      </Button>\n      <Tooltip\n        {...getNextButtonTooltipProps({\n          title: \"Future dates are out of range\",\n        })}\n      />\n    </div>\n  );\n});\n"],"names":["makePrefixer","useCalendarContext","monthsForLocale","monthDiff","isSameMonth","isSameYear","useTooltip","jsxs","ListItem","jsx","Tooltip","forwardRef","CalendarNavigation","useId","cx","formatDate","Button","ChevronLeftIcon","Dropdown","ChevronRightIcon"],"mappings":"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"}

package/dist-cjs/packages/lab/src/calendar/internal/CalendarWeekHeader.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".saltCalendarWeekHeader {\n  --calendar-week-header-underline-color: var(--salt-separable-secondary-borderColor);\n  --calendar-week-header-text-color: var(--salt-text-secondary-foreground);\n  --calendar-week-header-size: var(--salt-size-base);\n  --calendar-week-header-fontSize: var(--saltCalendar-week-header-fontSize, var(--salt-text-label-fontSize));\n}\n\n.saltCalendarWeekHeader {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  box-shadow: inset 0 -1px 0 var(--calendar-week-header-underline-color);\n}\n\n.saltCalendarWeekHeader-dayOfWeek {\n  width: var(--calendar-week-header-size);\n  height: var(--calendar-week-header-size);\n  color: var(--calendar-week-header-text-color);\n  line-height: var(--calendar-week-header-size);\n  font-size: var(--calendar-week-header-fontSize);\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=CalendarWeekHeader.css.js.map

package/dist-cjs/packages/lab/src/calendar/internal/CalendarWeekHeader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarWeekHeader.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/lab/src/calendar/internal/CalendarWeekHeader.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var cx = require('classnames');
+var core = require('@salt-ds/core');
+var utils = require('./utils.js');
+require('./CalendarWeekHeader.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = core.makePrefixer("saltCalendarWeekHeader");
+const CalendarWeekHeader = React.forwardRef(function CalendarWeekHeader2({ className, ...rest }, ref) {
+  const weekdaysShort = utils.daysForLocale("narrow");
+  const weekdaysLong = utils.daysForLocale("long");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    "data-testid": "CalendarWeekHeader",
+    className: cx__default["default"](withBaseName(), className),
+    ref,
+    ...rest,
+    children: weekdaysShort.map((day, index) => /* @__PURE__ */ jsxRuntime.jsx("small", {
+      "aria-hidden": "true",
+      className: withBaseName("dayOfWeek"),
+      children: day
+    }, weekdaysLong[index]))
+  });
+});
+
+exports.CalendarWeekHeader = CalendarWeekHeader;
+//# sourceMappingURL=CalendarWeekHeader.js.map

package/dist-cjs/packages/lab/src/calendar/internal/CalendarWeekHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarWeekHeader.js","sources":["../src/calendar/internal/CalendarWeekHeader.tsx"],"sourcesContent":["import { forwardRef, ComponentPropsWithRef } from \"react\";\nimport cx from \"classnames\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { daysForLocale } from \"./utils\";\n\nimport \"./CalendarWeekHeader.css\";\n\nexport type CalendarWeekHeaderProps = ComponentPropsWithRef<\"div\">;\n\nconst withBaseName = makePrefixer(\"saltCalendarWeekHeader\");\n\nexport const CalendarWeekHeader = forwardRef<\n  HTMLDivElement,\n  CalendarWeekHeaderProps\n>(function CalendarWeekHeader({ className, ...rest }, ref) {\n  const weekdaysShort = daysForLocale(\"narrow\");\n  const weekdaysLong = daysForLocale(\"long\");\n\n  return (\n    <div\n      data-testid=\"CalendarWeekHeader\"\n      className={cx(withBaseName(), className)}\n      ref={ref}\n      {...rest}\n    >\n      {weekdaysShort.map((day, index) => (\n        <small\n          aria-hidden=\"true\"\n          key={weekdaysLong[index]}\n          className={withBaseName(\"dayOfWeek\")}\n        >\n          {day}\n        </small>\n      ))}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","CalendarWeekHeader","daysForLocale","jsx","cx"],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA,CAAA;AAE7C,MAAA,kBAAA,GAAqBC,iBAGhC,SAASC,mBAAAA,CAAmB,EAAE,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACzD,EAAM,MAAA,aAAA,GAAgBC,oBAAc,QAAQ,CAAA,CAAA;AAC5C,EAAM,MAAA,YAAA,GAAeA,oBAAc,MAAM,CAAA,CAAA;AAEzC,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,oBAAA;AAAA,IACZ,SAAW,EAAAC,sBAAA,CAAG,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACvC,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAc,EAAA,aAAA,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,0BACtBD,cAAA,CAAA,OAAA,EAAA;AAAA,MACC,aAAY,EAAA,MAAA;AAAA,MAEZ,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,MAElC,QAAA,EAAA,GAAA;AAAA,KAHI,EAAA,YAAA,CAAa,MAIpB,CACD,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/calendar/internal/useFocusManagement.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CalendarContext = require('./CalendarContext.js');
+var date = require('@internationalized/date');
+var utils = require('./utils.js');
+
+function useFocusManagement({ date: date$1 }) {
+  const {
+    helpers: { setFocusedDate }
+  } = CalendarContext.useCalendarContext();
+  const handleClick = (event) => {
+    setFocusedDate(event, date$1);
+  };
+  const handleKeyDown = (event) => {
+    let newDate = date$1;
+    switch (event.key) {
+      case "ArrowUp":
+        newDate = date$1.subtract({ weeks: 1 });
+        break;
+      case "ArrowDown":
+        newDate = date$1.add({ weeks: 1 });
+        break;
+      case "ArrowLeft":
+        newDate = date$1.subtract({ days: 1 });
+        break;
+      case "ArrowRight":
+        newDate = date$1.add({ days: 1 });
+        break;
+      case "Home":
+        newDate = date.startOfWeek(date$1, utils.getCurrentLocale());
+        break;
+      case "End":
+        newDate = date.endOfWeek(date$1, utils.getCurrentLocale());
+        break;
+      case "PageUp":
+        if (event.shiftKey) {
+          newDate = date$1.subtract({ years: 1 });
+        } else {
+          newDate = date$1.subtract({ months: 1 });
+        }
+        break;
+      case "PageDown":
+        if (event.shiftKey) {
+          newDate = date$1.add({ years: 1 });
+        } else {
+          newDate = date$1.add({ months: 1 });
+        }
+        break;
+    }
+    setFocusedDate(event, newDate);
+  };
+  const handleFocus = (event) => {
+    setFocusedDate(event, date$1);
+  };
+  return {
+    handleClick,
+    handleKeyDown,
+    handleFocus
+  };
+}
+
+exports.useFocusManagement = useFocusManagement;
+//# sourceMappingURL=useFocusManagement.js.map

package/dist-cjs/packages/lab/src/calendar/internal/useFocusManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusManagement.js","sources":["../src/calendar/internal/useFocusManagement.ts"],"sourcesContent":["import {\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from \"react\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport { DateValue, endOfWeek, startOfWeek } from \"@internationalized/date\";\nimport { getCurrentLocale } from \"./utils\";\n\nexport function useFocusManagement({ date }: { date: DateValue }) {\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 = date;\n    switch (event.key) {\n      case \"ArrowUp\":\n        newDate = date.subtract({ weeks: 1 });\n        break;\n      case \"ArrowDown\":\n        newDate = date.add({ weeks: 1 });\n        break;\n      case \"ArrowLeft\":\n        newDate = date.subtract({ days: 1 });\n        break;\n      case \"ArrowRight\":\n        newDate = date.add({ days: 1 });\n        break;\n      case \"Home\":\n        newDate = startOfWeek(date, getCurrentLocale());\n        break;\n      case \"End\":\n        // @ts-ignore TODO bug in @internationalized/date\n        newDate = endOfWeek(date, getCurrentLocale());\n        break;\n      case \"PageUp\":\n        if (event.shiftKey) {\n          newDate = date.subtract({ years: 1 });\n        } else {\n          newDate = date.subtract({ months: 1 });\n        }\n        break;\n      case \"PageDown\":\n        if (event.shiftKey) {\n          newDate = date.add({ years: 1 });\n        } else {\n          newDate = date.add({ months: 1 });\n        }\n        break;\n      default:\n    }\n\n    setFocusedDate(event, newDate);\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":["date","useCalendarContext","startOfWeek","getCurrentLocale","endOfWeek"],"mappings":";;;;;;;;AASgB,SAAA,kBAAA,CAAmB,QAAEA,MAAA,EAA6B,EAAA;AAChE,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,cAAe,EAAA;AAAA,MACxBC,kCAAmB,EAAA,CAAA;AACvB,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAOD,MAAI,CAAA,CAAA;AAAA,GAC5B,CAAA;AAEA,EAAM,MAAA,aAAA,GAAyD,CAAC,KAAU,KAAA;AACxE,IAAA,IAAI,OAAU,GAAAA,MAAA,CAAA;AACd,IAAA,QAAQ,KAAM,CAAA,GAAA;AAAA,MACP,KAAA,SAAA;AACH,QAAA,OAAA,GAAUA,MAAK,CAAA,QAAA,CAAS,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AACpC,QAAA,MAAA;AAAA,MACG,KAAA,WAAA;AACH,QAAA,OAAA,GAAUA,MAAK,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AAC/B,QAAA,MAAA;AAAA,MACG,KAAA,WAAA;AACH,QAAA,OAAA,GAAUA,MAAK,CAAA,QAAA,CAAS,EAAE,IAAA,EAAM,GAAG,CAAA,CAAA;AACnC,QAAA,MAAA;AAAA,MACG,KAAA,YAAA;AACH,QAAA,OAAA,GAAUA,MAAK,CAAA,GAAA,CAAI,EAAE,IAAA,EAAM,GAAG,CAAA,CAAA;AAC9B,QAAA,MAAA;AAAA,MACG,KAAA,MAAA;AACH,QAAU,OAAA,GAAAE,gBAAA,CAAYF,MAAM,EAAAG,sBAAA,EAAkB,CAAA,CAAA;AAC9C,QAAA,MAAA;AAAA,MACG,KAAA,KAAA;AAEH,QAAU,OAAA,GAAAC,cAAA,CAAUJ,MAAM,EAAAG,sBAAA,EAAkB,CAAA,CAAA;AAC5C,QAAA,MAAA;AAAA,MACG,KAAA,QAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAUH,MAAK,CAAA,QAAA,CAAS,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AAAA,SAC/B,MAAA;AACL,UAAA,OAAA,GAAUA,MAAK,CAAA,QAAA,CAAS,EAAE,MAAA,EAAQ,GAAG,CAAA,CAAA;AAAA,SACvC;AACA,QAAA,MAAA;AAAA,MACG,KAAA,UAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAUA,MAAK,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AAAA,SAC1B,MAAA;AACL,UAAA,OAAA,GAAUA,MAAK,CAAA,GAAA,CAAI,EAAE,MAAA,EAAQ,GAAG,CAAA,CAAA;AAAA,SAClC;AACA,QAAA,MAAA;AAAA,KAAA;AAIJ,IAAA,cAAA,CAAe,OAAO,OAAO,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAOA,MAAI,CAAA,CAAA;AAAA,GAC5B,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist-cjs/packages/lab/src/calendar/internal/utils.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var date = require('@internationalized/date');
+
+const localTimezone = date.getLocalTimeZone();
+function getCurrentLocale() {
+  return navigator.languages[0];
+}
+function getDateFormatter(options) {
+  return new date.DateFormatter(getCurrentLocale(), options);
+}
+function formatDate(date, options) {
+  const formatter = getDateFormatter(options);
+  return formatter.format(date.toDate(localTimezone));
+}
+function getCalender() {
+  const calendarIdentifier = getDateFormatter().resolvedOptions().calendar;
+  return date.createCalendar(calendarIdentifier);
+}
+function daysForLocale(weekday = "long") {
+  return [...Array(7).keys()].map(
+    (day) => formatDate(
+      date.startOfWeek(date.today(date.getLocalTimeZone()), getCurrentLocale()).add({
+        days: day
+      }),
+      { weekday }
+    )
+  );
+}
+function monthsForLocale(currentYear) {
+  const calendar = getCalender();
+  return [...Array(calendar.getMonthsInYear(currentYear)).keys()].map(
+    (month) => date.startOfYear(currentYear).add({ months: month })
+  );
+}
+function mapDate(currentDate, currentMonth) {
+  return {
+    date: currentDate,
+    dateOfMonth: currentDate.month,
+    isCurrentMonth: date.isSameMonth(currentDate, currentMonth)
+  };
+}
+function generateVisibleDays(currentMonth) {
+  const totalDays = 6 * 7;
+  const currentLocale = getCurrentLocale();
+  const startDate = date.startOfWeek(date.startOfMonth(currentMonth), currentLocale);
+  return [...Array(totalDays).keys()].map((dayDelta) => {
+    const day = startDate.add({ days: dayDelta });
+    return mapDate(day, currentMonth);
+  });
+}
+function monthDiff(a, b) {
+  return b.month - a.month + 12 * (b.year - a.year);
+}
+
+exports.daysForLocale = daysForLocale;
+exports.formatDate = formatDate;
+exports.generateVisibleDays = generateVisibleDays;
+exports.getCalender = getCalender;
+exports.getCurrentLocale = getCurrentLocale;
+exports.getDateFormatter = getDateFormatter;
+exports.monthDiff = monthDiff;
+exports.monthsForLocale = monthsForLocale;
+//# sourceMappingURL=utils.js.map

package/dist-cjs/packages/lab/src/calendar/internal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/calendar/internal/utils.ts"],"sourcesContent":["import {\n  createCalendar,\n  DateFormatter,\n  DateValue,\n  getLocalTimeZone,\n  isSameMonth,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n  today,\n} from \"@internationalized/date\";\n\nconst localTimezone = getLocalTimeZone();\n\nexport function getCurrentLocale() {\n  return navigator.languages[0];\n}\n\nexport function getDateFormatter(options?: Intl.DateTimeFormatOptions) {\n  return new DateFormatter(getCurrentLocale(), options);\n}\n\nexport function formatDate(\n  date: DateValue,\n  options?: Intl.DateTimeFormatOptions\n) {\n  const formatter = getDateFormatter(options);\n  return formatter.format(date.toDate(localTimezone));\n}\n\nexport function getCalender() {\n  const calendarIdentifier = getDateFormatter().resolvedOptions().calendar;\n  return createCalendar(calendarIdentifier);\n}\n\ntype WeekdayFormat = Intl.DateTimeFormatOptions[\"weekday\"];\n\nexport function daysForLocale(weekday: WeekdayFormat = \"long\") {\n  return [...Array(7).keys()].map((day) =>\n    formatDate(\n      startOfWeek(today(getLocalTimeZone()), getCurrentLocale()).add({\n        days: day,\n      }),\n      { weekday }\n    )\n  );\n}\n\nexport function monthsForLocale(currentYear: DateValue) {\n  const calendar = getCalender();\n  return [...Array(calendar.getMonthsInYear(currentYear)).keys()].map((month) =>\n    startOfYear(currentYear).add({ months: month })\n  );\n}\n\nfunction mapDate(currentDate: DateValue, currentMonth: DateValue) {\n  return {\n    date: currentDate,\n    dateOfMonth: currentDate.month,\n    isCurrentMonth: isSameMonth(currentDate, currentMonth),\n  };\n}\n\nexport function generateVisibleDays(currentMonth: DateValue) {\n  const totalDays = 6 * 7;\n  const currentLocale = getCurrentLocale();\n  const startDate = startOfWeek(startOfMonth(currentMonth), currentLocale);\n\n  return [...Array(totalDays).keys()].map((dayDelta) => {\n    const day = startDate.add({ days: dayDelta });\n    return mapDate(day, currentMonth);\n  });\n}\n\nexport function monthDiff(a: DateValue, b: DateValue) {\n  return b.month - a.month + 12 * (b.year - a.year);\n}\n"],"names":["getLocalTimeZone","DateFormatter","createCalendar","startOfWeek","today","startOfYear","isSameMonth","startOfMonth"],"mappings":";;;;;;AAYA,MAAM,gBAAgBA,qBAAiB,EAAA,CAAA;AAEhC,SAAS,gBAAmB,GAAA;AACjC,EAAA,OAAO,UAAU,SAAU,CAAA,CAAA,CAAA,CAAA;AAC7B,CAAA;AAEO,SAAS,iBAAiB,OAAsC,EAAA;AACrE,EAAA,OAAO,IAAIC,kBAAA,CAAc,gBAAiB,EAAA,EAAG,OAAO,CAAA,CAAA;AACtD,CAAA;AAEgB,SAAA,UAAA,CACd,MACA,OACA,EAAA;AACA,EAAM,MAAA,SAAA,GAAY,iBAAiB,OAAO,CAAA,CAAA;AAC1C,EAAA,OAAO,SAAU,CAAA,MAAA,CAAO,IAAK,CAAA,MAAA,CAAO,aAAa,CAAC,CAAA,CAAA;AACpD,CAAA;AAEO,SAAS,WAAc,GAAA;AAC5B,EAAA,MAAM,kBAAqB,GAAA,gBAAA,EAAmB,CAAA,eAAA,EAAkB,CAAA,QAAA,CAAA;AAChE,EAAA,OAAOC,oBAAe,kBAAkB,CAAA,CAAA;AAC1C,CAAA;AAIgB,SAAA,aAAA,CAAc,UAAyB,MAAQ,EAAA;AAC7D,EAAA,OAAO,CAAC,GAAG,KAAA,CAAM,CAAC,CAAE,CAAA,IAAA,EAAM,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,GAC/B,KAAA,UAAA;AAAA,MACEC,gBAAA,CAAYC,WAAMJ,qBAAiB,EAAC,GAAG,gBAAiB,EAAC,EAAE,GAAI,CAAA;AAAA,QAC7D,IAAM,EAAA,GAAA;AAAA,OACP,CAAA;AAAA,MACD,EAAE,OAAQ,EAAA;AAAA,KACZ;AAAA,GACF,CAAA;AACF,CAAA;AAEO,SAAS,gBAAgB,WAAwB,EAAA;AACtD,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,QAAS,CAAA,eAAA,CAAgB,WAAW,CAAC,CAAA,CAAE,IAAK,EAAC,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,UACnEK,gBAAY,CAAA,WAAW,EAAE,GAAI,CAAA,EAAE,MAAQ,EAAA,KAAA,EAAO,CAAA;AAAA,GAChD,CAAA;AACF,CAAA;AAEA,SAAS,OAAA,CAAQ,aAAwB,YAAyB,EAAA;AAChE,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,WAAA;AAAA,IACN,aAAa,WAAY,CAAA,KAAA;AAAA,IACzB,cAAA,EAAgBC,gBAAY,CAAA,WAAA,EAAa,YAAY,CAAA;AAAA,GACvD,CAAA;AACF,CAAA;AAEO,SAAS,oBAAoB,YAAyB,EAAA;AAC3D,EAAA,MAAM,YAAY,CAAI,GAAA,CAAA,CAAA;AACtB,EAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,EAAA,MAAM,SAAY,GAAAH,gBAAA,CAAYI,iBAAa,CAAA,YAAY,GAAG,aAAa,CAAA,CAAA;AAEvE,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAI,CAAA,CAAC,QAAa,KAAA;AACpD,IAAA,MAAM,MAAM,SAAU,CAAA,GAAA,CAAI,EAAE,IAAA,EAAM,UAAU,CAAA,CAAA;AAC5C,IAAO,OAAA,OAAA,CAAQ,KAAK,YAAY,CAAA,CAAA;AAAA,GACjC,CAAA,CAAA;AACH,CAAA;AAEgB,SAAA,SAAA,CAAU,GAAc,CAAc,EAAA;AACpD,EAAA,OAAO,EAAE,KAAQ,GAAA,CAAA,CAAE,QAAQ,EAAM,IAAA,CAAA,CAAE,OAAO,CAAE,CAAA,IAAA,CAAA,CAAA;AAC9C;;;;;;;;;;;"}

package/dist-cjs/packages/lab/src/calendar/useCalendar.js

@@ -0,0 +1,131 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var date = require('@internationalized/date');
+var core = require('@salt-ds/core');
+var React = require('react');
+var useSelection = require('./useSelection.js');
+
+const defaultIsDayUnselectable = () => false;
+function useCalendar(props) {
+  const {
+    selectedDate,
+    defaultSelectedDate,
+    visibleMonth: visibleMonthProp,
+    hideYearDropdown,
+    hideOutOfRangeDates,
+    defaultVisibleMonth = date.today(date.getLocalTimeZone()),
+    onSelectedDateChange,
+    onVisibleMonthChange,
+    isDayUnselectable = defaultIsDayUnselectable,
+    minDate = hideYearDropdown ? date.startOfYear(date.today(date.getLocalTimeZone())) : void 0,
+    maxDate = hideYearDropdown ? date.endOfYear(date.today(date.getLocalTimeZone())) : void 0,
+    selectionVariant,
+    onHoveredDateChange,
+    hoveredDate
+  } = props;
+  const isOutsideAllowedDates = React.useCallback(
+    (date) => {
+      return minDate != null && date.compare(minDate) < 0 || maxDate != null && date.compare(maxDate) > 0;
+    },
+    [maxDate, minDate]
+  );
+  const isOutsideAllowedMonths = (date$1) => {
+    return minDate != null && date.endOfMonth(date$1).compare(minDate) < 0 || maxDate != null && date.startOfMonth(date$1).compare(maxDate) > 0;
+  };
+  const isOutsideAllowedYears = (date$1) => {
+    return minDate != null && date.endOfYear(date$1).compare(minDate) < 0 || maxDate != null && date.startOfYear(date$1).compare(maxDate) > 0;
+  };
+  const isDaySelectable = React.useCallback(
+    (date) => !(date && (isDayUnselectable(date) || isOutsideAllowedDates(date))),
+    [isDayUnselectable, isOutsideAllowedDates]
+  );
+  const selectionManager = useSelection.useSelectionCalendar({
+    defaultSelectedDate,
+    selectedDate,
+    onSelectedDateChange,
+    startDateOffset: props.selectionVariant === "offset" ? props.startDateOffset : (date) => date,
+    endDateOffset: props.selectionVariant === "offset" ? props.endDateOffset : (date) => date,
+    isDaySelectable,
+    selectionVariant,
+    onHoveredDateChange,
+    hoveredDate
+  });
+  const [visibleMonth, setVisibleMonthState] = core.useControlled({
+    controlled: visibleMonthProp ? date.startOfMonth(visibleMonthProp) : void 0,
+    default: date.startOfMonth(defaultVisibleMonth),
+    name: "Calendar",
+    state: "visibleMonth"
+  });
+  const [calendarFocused, setCalendarFocused] = React.useState(false);
+  const [focusedDate, setFocusedDateState] = React.useState(
+    date.startOfMonth(visibleMonth)
+  );
+  const isDayVisible = React.useCallback(
+    (date$1) => {
+      const startInsideDays = date.startOfMonth(visibleMonth);
+      if (date$1.compare(startInsideDays) < 0)
+        return false;
+      const endInsideDays = date.endOfMonth(visibleMonth);
+      return !(date$1.compare(endInsideDays) > 0);
+    },
+    [visibleMonth]
+  );
+  const setVisibleMonth = React.useCallback(
+    (event, newVisibleMonth) => {
+      setVisibleMonthState(newVisibleMonth);
+      onVisibleMonthChange == null ? void 0 : onVisibleMonthChange(event, newVisibleMonth);
+    },
+    [onVisibleMonthChange, setVisibleMonthState]
+  );
+  const setFocusedDate = React.useCallback(
+    (event, date$1) => {
+      if (date.isSameDay(date$1, focusedDate) || isOutsideAllowedDates(date$1))
+        return;
+      setFocusedDateState(date$1);
+      const shouldTransition = !isDayVisible(date$1) && isDaySelectable(date$1) && !isOutsideAllowedDates(date$1);
+      if (shouldTransition) {
+        setVisibleMonth(event, date.startOfMonth(date$1));
+      }
+    },
+    [
+      focusedDate,
+      isDaySelectable,
+      isDayVisible,
+      isOutsideAllowedDates,
+      setVisibleMonth
+    ]
+  );
+  React.useEffect(() => {
+    if (!isDayVisible(focusedDate)) {
+      setFocusedDateState(date.startOfMonth(visibleMonth));
+    }
+  }, [isDayVisible, focusedDate, visibleMonth]);
+  return {
+    state: {
+      visibleMonth,
+      focusedDate,
+      minDate,
+      maxDate,
+      selectionVariant,
+      hideOutOfRangeDates,
+      calendarFocused,
+      ...selectionManager.state
+    },
+    helpers: {
+      setVisibleMonth,
+      setFocusedDate,
+      setCalendarFocused,
+      isDayUnselectable,
+      isDayVisible,
+      isOutsideAllowedDates,
+      isOutsideAllowedMonths,
+      isOutsideAllowedYears,
+      ...selectionManager.helpers
+    }
+  };
+}
+
+exports.useCalendar = useCalendar;
+//# sourceMappingURL=useCalendar.js.map

package/dist-cjs/packages/lab/src/calendar/useCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.js","sources":["../src/calendar/useCalendar.ts"],"sourcesContent":["import {\n  DateValue,\n  endOfMonth,\n  endOfYear,\n  getLocalTimeZone,\n  isSameDay,\n  startOfMonth,\n  startOfYear,\n  today,\n} from \"@internationalized/date\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { SyntheticEvent, useCallback, useEffect, useState } from \"react\";\nimport {\n  UseMultiSelectionCalendarProps,\n  UseOffsetSelectionCalendarProps,\n  UseRangeSelectionCalendarProps,\n  useSelectionCalendar,\n  useSelectionCalendarProps,\n  UseSingleSelectionCalendarProps,\n} from \"./useSelection\";\n\nexport type UnselectableInfo =\n  | { emphasis: \"medium\"; tooltip: string }\n  | { emphasis: \"low\"; tooltip?: string };\n\ninterface BaseUseCalendarProps {\n  defaultVisibleMonth?: DateValue;\n  onVisibleMonthChange?: (\n    event: SyntheticEvent,\n    visibleMonth: DateValue\n  ) => void;\n  isDayUnselectable?: (date: DateValue) => UnselectableInfo | boolean | void;\n  visibleMonth?: DateValue;\n  hideOutOfRangeDates?: boolean;\n  hideYearDropdown?: boolean;\n  minDate?: DateValue;\n  maxDate?: DateValue;\n}\n\nexport type useCalendarProps = (\n  | Omit<UseSingleSelectionCalendarProps, \"isDaySelectable\">\n  | Omit<UseMultiSelectionCalendarProps, \"isDaySelectable\">\n  | Omit<UseRangeSelectionCalendarProps, \"isDaySelectable\">\n  | Omit<UseOffsetSelectionCalendarProps, \"isDaySelectable\">\n) &\n  BaseUseCalendarProps;\n\nconst defaultIsDayUnselectable = (): UnselectableInfo | false => false;\n\nexport function useCalendar(props: useCalendarProps) {\n  const {\n    selectedDate,\n    defaultSelectedDate,\n    visibleMonth: visibleMonthProp,\n    hideYearDropdown,\n    hideOutOfRangeDates,\n    defaultVisibleMonth = today(getLocalTimeZone()),\n    onSelectedDateChange,\n    onVisibleMonthChange,\n    isDayUnselectable = defaultIsDayUnselectable,\n    minDate = hideYearDropdown\n      ? startOfYear(today(getLocalTimeZone()))\n      : undefined,\n    maxDate = hideYearDropdown\n      ? endOfYear(today(getLocalTimeZone()))\n      : undefined,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n\n  const isOutsideAllowedDates = useCallback(\n    (date: DateValue) => {\n      return (\n        (minDate != null && date.compare(minDate) < 0) ||\n        (maxDate != null && date.compare(maxDate) > 0)\n      );\n    },\n    [maxDate, minDate]\n  );\n\n  const isOutsideAllowedMonths = (date: DateValue) => {\n    return (\n      (minDate != null && endOfMonth(date).compare(minDate) < 0) ||\n      (maxDate != null && startOfMonth(date).compare(maxDate) > 0)\n    );\n  };\n\n  const isOutsideAllowedYears = (date: DateValue) => {\n    return (\n      (minDate != null && endOfYear(date).compare(minDate) < 0) ||\n      (maxDate != null && startOfYear(date).compare(maxDate) > 0)\n    );\n  };\n\n  const isDaySelectable = useCallback(\n    (date?: DateValue) =>\n      !(date && (isDayUnselectable(date) || isOutsideAllowedDates(date))),\n    [isDayUnselectable, isOutsideAllowedDates]\n  );\n\n  const selectionManager = useSelectionCalendar({\n    defaultSelectedDate: defaultSelectedDate,\n    selectedDate,\n    onSelectedDateChange,\n    startDateOffset:\n      props.selectionVariant === \"offset\"\n        ? props.startDateOffset\n        : (date) => date,\n    endDateOffset:\n      props.selectionVariant === \"offset\"\n        ? props.endDateOffset\n        : (date) => date,\n    isDaySelectable,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n  } as useSelectionCalendarProps);\n\n  const [visibleMonth, setVisibleMonthState] = useControlled({\n    controlled: visibleMonthProp ? startOfMonth(visibleMonthProp) : undefined,\n    default: startOfMonth(defaultVisibleMonth),\n    name: \"Calendar\",\n    state: \"visibleMonth\",\n  });\n\n  const [calendarFocused, setCalendarFocused] = useState(false);\n\n  const [focusedDate, setFocusedDateState] = useState<DateValue>(\n    startOfMonth(visibleMonth)\n  );\n\n  const isDayVisible = useCallback(\n    (date: DateValue) => {\n      const startInsideDays = startOfMonth(visibleMonth);\n\n      if (date.compare(startInsideDays) < 0) return false;\n\n      const endInsideDays = endOfMonth(visibleMonth);\n\n      return !(date.compare(endInsideDays) > 0);\n    },\n    [visibleMonth]\n  );\n\n  const setVisibleMonth = useCallback(\n    (event: SyntheticEvent, newVisibleMonth: DateValue) => {\n      setVisibleMonthState(newVisibleMonth);\n      onVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [onVisibleMonthChange, setVisibleMonthState]\n  );\n\n  const setFocusedDate = useCallback(\n    (event: SyntheticEvent, date: DateValue) => {\n      if (isSameDay(date, focusedDate) || isOutsideAllowedDates(date)) return;\n\n      setFocusedDateState(date);\n\n      const shouldTransition =\n        !isDayVisible(date) &&\n        isDaySelectable(date) &&\n        !isOutsideAllowedDates(date);\n      if (shouldTransition) {\n        setVisibleMonth(event, startOfMonth(date));\n      }\n    },\n    [\n      focusedDate,\n      isDaySelectable,\n      isDayVisible,\n      isOutsideAllowedDates,\n      setVisibleMonth,\n    ]\n  );\n\n  useEffect(() => {\n    if (!isDayVisible(focusedDate)) {\n      setFocusedDateState(startOfMonth(visibleMonth));\n    }\n  }, [isDayVisible, focusedDate, visibleMonth]);\n\n  return {\n    state: {\n      visibleMonth,\n      focusedDate,\n      minDate,\n      maxDate,\n      selectionVariant,\n      hideOutOfRangeDates,\n      calendarFocused,\n      ...selectionManager.state,\n    },\n    helpers: {\n      setVisibleMonth,\n      setFocusedDate,\n      setCalendarFocused,\n      isDayUnselectable,\n      isDayVisible,\n      isOutsideAllowedDates,\n      isOutsideAllowedMonths,\n      isOutsideAllowedYears,\n      ...selectionManager.helpers,\n    },\n  };\n}\n"],"names":["today","getLocalTimeZone","startOfYear","endOfYear","useCallback","date","endOfMonth","startOfMonth","useSelectionCalendar","useControlled","useState","isSameDay","useEffect"],"mappings":"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"}