@salt-ds/lab 1.0.0-alpha.80 → 1.0.0-alpha.82

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @salt-ds/lab
 
+## 1.0.0-alpha.82
+
+### Patch Changes
+
+- e31acee: Removed `useLayoutEffect` usage to fix warnings being logged during SSR.
+- Updated dependencies [64afd57]
+- Updated dependencies [89779b5]
+- Updated dependencies [10ffed9]
+- Updated dependencies [12ef4c9]
+- Updated dependencies [1511c0d]
+- Updated dependencies [e31acee]
+  - @salt-ds/core@1.54.0
+
+## 1.0.0-alpha.81
+
+### Minor Changes
+
+- d86bccf: Removed `NumberInput` from labs and promoted to core.
+
+### Patch Changes
+
+- Updated dependencies [7d0dc56]
+- Updated dependencies [7d0dc56]
+- Updated dependencies [01e4bde]
+- Updated dependencies [d86bccf]
+- Updated dependencies [7d0dc56]
+  - @salt-ds/core@1.53.0
+
 ## 1.0.0-alpha.80
 
 ### Patch Changes

package/css/salt-lab.css

@@ -2065,7 +2065,7 @@
   --list-item-text-color: var(--salt-selectable-foreground);
   --list-item-background: var(--salt-selectable-background);
   --list-item-background-hover: var(--salt-selectable-background-hover);
-  --list-item-selected-focus-outlineColor: var(--salt-accent-foreground);
+  --list-item-selected-focus-outlineColor: var(--salt-content-bold-foreground);
   --list-item-text-color-active: var(--salt-selectable-foreground-selected);
   --list-item-background-active: var(--salt-selectable-background-selected);
   --list-item-textAlign: var(--salt-text-textAlign);
@@ -2347,233 +2347,6 @@
   align-items: flex-end;
 }
 
-/* src/number-input/NumberInput.css */
-.saltNumberInput {
-  --numberInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);
-  --numberInput-borderColor: var(--salt-editable-borderColor);
-  --numberInput-borderStyle: var(--salt-borderStyle-solid);
-  --numberInput-outlineColor: var(--salt-focused-outlineColor);
-  --numberInput-borderWidth: var(--salt-size-fixed-100);
-  --numberInput-outline: none;
-  align-items: center;
-  background: var(--numberInput-background);
-  border-radius: var(--salt-palette-corner-weak, 0);
-  box-sizing: border-box;
-  color: var(--salt-content-primary-foreground);
-  display: inline-flex;
-  font-family: var(--salt-text-fontFamily);
-  font-size: var(--salt-text-fontSize);
-  gap: var(--salt-spacing-50);
-  height: var(--salt-size-base);
-  min-height: var(--salt-size-base);
-  min-width: 4em;
-  overflow: hidden;
-  outline: var(--numberInput-outline);
-  padding-left: var(--salt-spacing-100);
-  padding-right: var(--salt-spacing-50);
-  padding-top: var(--salt-spacing-50);
-  padding-bottom: var(--salt-spacing-50);
-  position: relative;
-  width: 100%;
-}
-.saltNumberInput:hover {
-  --numberInput-borderStyle: var(--salt-borderStyle-solid);
-  --numberInput-borderColor: var(--salt-editable-borderColor-hover);
-  background: var(--numberInput-background-hover);
-  cursor: var(--salt-cursor-text);
-}
-.saltNumberInput:active {
-  --numberInput-borderColor: var(--salt-editable-borderColor-active);
-  --numberInput-borderStyle: var(--salt-borderStyle-solid);
-  --numberInput-borderWidth: var(--salt-size-fixed-200);
-  background: var(--numberInput-background-active);
-}
-.saltNumberInput-primary {
-  --numberInput-background: var(--salt-editable-primary-background);
-  --numberInput-background-active: var(--salt-editable-primary-background-active);
-  --numberInput-background-hover: var(--salt-editable-primary-background-hover);
-  --numberInput-background-disabled: var(--salt-editable-primary-background-disabled);
-  --numberInput-background-readonly: var(--salt-editable-primary-background-readonly);
-}
-.saltNumberInput-secondary {
-  --numberInput-background: var(--salt-editable-secondary-background);
-  --numberInput-background-active: var(--salt-editable-secondary-background-active);
-  --numberInput-background-hover: var(--salt-editable-secondary-background-active);
-  --numberInput-background-disabled: var(--salt-editable-secondary-background-disabled);
-  --numberInput-background-readonly: var(--salt-editable-secondary-background-readonly);
-}
-.saltNumberInput-error,
-.saltNumberInput-error:hover {
-  --numberInput-background: var(--salt-status-error-background);
-  --numberInput-background-active: var(--salt-status-error-background);
-  --numberInput-background-hover: var(--salt-status-error-background);
-  --numberInput-borderColor: var(--salt-status-error-borderColor);
-  --numberInput-outlineColor: var(--salt-status-error-borderColor);
-  --numberInput-background-readonly: var(--salt-status-error-background);
-}
-.saltNumberInput-warning,
-.saltNumberInput-warning:hover {
-  --numberInput-background: var(--salt-status-warning-background);
-  --numberInput-background-active: var(--salt-status-warning-background);
-  --numberInput-background-hover: var(--salt-status-warning-background);
-  --numberInput-borderColor: var(--salt-status-warning-borderColor);
-  --numberInput-outlineColor: var(--salt-status-warning-borderColor);
-  --numberInput-background-readonly: var(--salt-status-warning-background);
-}
-.saltNumberInput-success,
-.saltNumberInput-success:hover {
-  --numberInput-background: var(--salt-status-success-background);
-  --numberInput-background-active: var(--salt-status-success-background);
-  --numberInput-background-hover: var(--salt-status-success-background);
-  --numberInput-borderColor: var(--salt-status-success-borderColor);
-  --numberInput-outlineColor: var(--salt-status-success-borderColor);
-  --numberInput-background-readonly: var(--salt-status-success-background);
-}
-.saltNumberInput-input {
-  background: none;
-  border: none;
-  box-sizing: content-box;
-  color: inherit;
-  cursor: inherit;
-  display: block;
-  flex: 1;
-  font: inherit;
-  letter-spacing: var(--salt-text-letterSpacing);
-  line-height: var(--salt-text-lineHeight);
-  margin: 0;
-  min-width: 0;
-  padding: 0;
-  text-align: var(--numberInput-textAlign);
-  width: 100%;
-}
-.saltNumberInput-input:focus {
-  outline: none;
-}
-.saltNumberInput-input::placeholder {
-  color: var(--salt-content-secondary-foreground);
-  font-weight: var(--salt-text-fontWeight-small);
-}
-.saltNumberInput-focused {
-  --numberInput-borderColor: var(--numberInput-outlineColor);
-  --numberInput-borderWidth: var(--salt-size-fixed-200);
-  outline: var(--saltNumberInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--numberInput-outlineColor));
-}
-.saltNumberInput-bordered {
-  --numberInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);
-  --numberInput-borderWidth: 0;
-  border: var(--numberInput-border);
-}
-.saltNumberInput-bordered.saltNumberInput-focused,
-.saltNumberInput-bordered:active {
-  --numberInput-borderWidth: var(--salt-size-fixed-200);
-}
-.saltNumberInput-bordered.saltNumberInput-readOnly,
-.saltNumberInput-bordered.saltNumberInput-disabled:hover {
-  --numberInput-borderWidth: 0;
-}
-.saltNumberInput-bordered.saltNumberInput-focused:hover {
-  --numberInput-borderColor: var(--salt-editable-borderColor-active);
-}
-.saltNumberInput-readOnly,
-.saltNumberInput-bordered.saltNumberInput-readOnly {
-  --numberInput-borderColor: var(--salt-editable-borderColor-readonly);
-  --numberInput-borderStyle: var(--salt-borderStyle-solid);
-  --numberInput-borderWidth: var(--salt-size-fixed-100);
-  background: var(--numberInput-background-readonly);
-  cursor: var(--salt-cursor-readonly);
-}
-.saltNumberInput-focused.saltNumberInput-disabled {
-  --numberInput-borderWidth: var(--salt-size-fixed-100);
-  outline: none;
-}
-.saltNumberInput-focused.saltNumberInput-readOnly {
-  --numberInput-borderWidth: var(--salt-size-fixed-100);
-}
-.saltNumberInput:hover.saltNumberInput-readOnly {
-  --numberInput-borderColor: var(--salt-editable-borderColor-readonly);
-}
-.saltNumberInput-disabled .saltNumberInput-input::selection {
-  background: none;
-}
-.saltNumberInput-disabled,
-.saltNumberInput-disabled:hover,
-.saltNumberInput-disabled:active {
-  --numberInput-borderColor: var(--salt-editable-borderColor-disabled);
-  --numberInput-borderStyle: var(--salt-borderStyle-solid);
-  --numberInput-borderWidth: var(--salt-size-fixed-100);
-  background: var(--numberInput-background-disabled);
-  cursor: var(--salt-cursor-disabled);
-  color: var(--saltNumberInput-color-disabled, var(--salt-content-primary-foreground-disabled));
-}
-.saltNumberInput-startAdornmentContainer {
-  align-items: center;
-  display: inline-flex;
-  padding-right: var(--salt-spacing-100);
-  column-gap: var(--salt-spacing-100);
-}
-.saltNumberInput-endAdornmentContainer {
-  align-items: center;
-  display: inline-flex;
-  padding-left: var(--salt-spacing-100);
-  column-gap: var(--salt-spacing-100);
-}
-.saltNumberInput-startAdornmentContainer {
-  margin-left: calc(var(--salt-spacing-50) * -1);
-}
-.saltNumberInput-startAdornmentContainer > .saltButton,
-.saltNumberInput-endAdornmentContainer > .saltButton {
-  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));
-  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
-  --saltButton-borderRadius: var(--salt-palette-corner-weaker);
-}
-.saltNumberInput-inputTextAlignLeft {
-  --numberInput-textAlign: left;
-}
-.saltNumberInput-inputTextAlignCenter {
-  --numberInput-textAlign: center;
-}
-.saltNumberInput-inputTextAlignRight {
-  --numberInput-textAlign: right;
-}
-.saltNumberInput-buttonContainer {
-  --numberInput-buttonGap: var(--salt-spacing-fixed-200);
-  display: flex;
-  flex-direction: column;
-  gap: var(--numberInput-buttonGap);
-  justify-content: center;
-}
-.saltNumberInput-hiddenButtons .saltNumberInput-buttonContainer {
-  display: none;
-}
-.saltNumberInput-activationIndicator {
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  position: absolute;
-  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);
-}
-.saltNumberInput-focused .saltNumberInput-activationIndicator {
-  border-bottom: var(--salt-size-fixed-200) var(--salt-borderStyle-solid) var(--salt-editable-borderColor-active);
-}
-.saltNumberInput-bordered.saltNumberInput-focused .saltNumberInput-activationIndicator {
-  border-bottom-width: var(--salt-size-fixed-100);
-}
-.saltNumberInput-bordered .saltNumberInput-activationIndicator,
-.saltNumberInput-readOnly.saltNumberInput-focused .saltNumberInput-activationIndicator {
-  border-bottom-width: 0;
-}
-.saltNumberInput-increment {
-  --saltButton-borderRadius: var(--salt-palette-corner-weaker, 0) var(--salt-palette-corner-weaker, 0) 0 0;
-}
-.saltNumberInput-decrement {
-  --saltButton-borderRadius: 0 0 var(--salt-palette-corner-weaker, 0) var(--salt-palette-corner-weaker, 0);
-}
-.saltNumberInput-increment,
-.saltNumberInput-decrement {
-  --saltButton-height: calc((var(--salt-size-base) - (var(--salt-spacing-50) * 2) - var(--salt-size-fixed-200)) / 2);
-  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));
-}
-
 /* src/query-input/QueryInput.css */
 .saltQueryInputBody {
   display: flex;
@@ -4573,4 +4346,4 @@ table.saltTable td.saltTable-td-align-right {
   margin: calc(var(--salt-size-unit) / 2) 0;
 }
 
-/* src/c4d6fb35-e9e4-405c-975e-b61bf84ed36e.css */
+/* src/1b7bba72-8be9-4f8e-8dce-06dd89630733.css */

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

@@ -40,7 +40,7 @@ const CalendarDay = react.forwardRef(function CalendarDay2(props, ref) {
   });
   const { focused, today, unselectable, highlighted, hidden, outOfRange } = status;
   const buttonRef = core.useForkRef(ref, focusedDateRef);
-  react.useLayoutEffect(() => {
+  core.useIsomorphicLayoutEffect(() => {
     var _a;
     if (focused) {
       (_a = focusedDateRef == null ? void 0 : focusedDateRef.current) == null ? void 0 : _a.focus({ preventScroll: true });

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.js","sources":["../src/calendar/internal/CalendarDay.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  type RenderPropsType,\n  renderProps,\n  Tooltip,\n  type TooltipProps,\n  useForkRef,\n} 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 { type ComponentPropsWithRef, forwardRef, useLayoutEffect } from \"react\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { type DayStatus, useCalendarDay } from \"../useCalendarDay\";\nimport calendarDayCss from \"./CalendarDay.css\";\n\nexport interface CalendarDayProps<TDate>\n  extends Omit<ComponentPropsWithRef<\"button\">, \"children\"> {\n  /**\n   * Day date\n   */\n  date: TDate;\n  /**\n   * Format of date\n   */\n  format?: string;\n  /**\n   * Render prop to enable customisation of day button.\n   */\n  render?: RenderPropsType[\"render\"];\n  /**\n   * Month being rendered\n   */\n  month: TDate;\n  /**\n   * Additional Tooltip props\n   */\n  TooltipProps?: Partial<TooltipProps>;\n}\nexport interface renderCalendarDayProps<TDate> extends CalendarDayProps<TDate> {\n  /**\n   * Status of day\n   */\n  status: DayStatus;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport const CalendarDay = forwardRef<\n  HTMLButtonElement,\n  CalendarDayProps<DateFrameworkType>\n>(function CalendarDay<TDate extends DateFrameworkType>(\n  props: CalendarDayProps<TDate>,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    className,\n    date,\n    render,\n    month,\n    TooltipProps,\n    format = \"DD\",\n    ...rest\n  } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-day\",\n    css: calendarDayCss,\n    window: targetWindow,\n  });\n\n  const {\n    status,\n    focusedDateRef = null,\n    dayProps,\n    unselectableReason,\n    highlightedReason,\n  } = useCalendarDay({\n    date,\n    month,\n  });\n  const { focused, today, unselectable, highlighted, hidden, outOfRange } =\n    status;\n  const buttonRef = useForkRef(ref, focusedDateRef);\n\n  useLayoutEffect(() => {\n    if (focused) {\n      focusedDateRef?.current?.focus({ preventScroll: true });\n    }\n  }, [focused]);\n\n  const defaultButtonProps = {\n    \"aria-label\": dateAdapter.format(date, \"DD MMMM YYYY\"),\n    children: (\n      <>\n        {highlighted ? <div className={withBaseName(\"highlighted\")} /> : null}\n        <span className={withBaseName(\"content\")}>\n          {dateAdapter.format(date, format)}\n        </span>\n      </>\n    ),\n    ...dayProps,\n    ref: buttonRef,\n    ...rest,\n    className: clsx(\n      withBaseName(),\n      {\n        [withBaseName(\"hidden\")]: hidden,\n        [withBaseName(\"unselectable\")]: !!unselectable,\n        [withBaseName(\"outOfRange\")]: outOfRange,\n        [withBaseName(\"focused\")]: !!focused,\n        [withBaseName(\"today\")]: today,\n      },\n      dayProps.className,\n      className,\n    ),\n  };\n\n  const buttonElement = render ? (\n    renderProps<React.ElementType<renderCalendarDayProps<TDate>>>(\"button\", {\n      render,\n      ...defaultButtonProps,\n      status,\n      date,\n    })\n  ) : (\n    <button type={\"button\"} {...defaultButtonProps} />\n  );\n\n  const tooltipContent = unselectableReason || highlightedReason;\n  if (tooltipContent && tooltipContent?.length) {\n    return (\n      <Tooltip\n        hideIcon\n        status=\"info\"\n        content={tooltipContent}\n        placement=\"top\"\n        enterDelay={0} // --salt-duration-instant\n        leaveDelay={0} // --salt-duration-instant\n        {...TooltipProps}\n      >\n        {buttonElement}\n      </Tooltip>\n    );\n  }\n  return buttonElement;\n});\n"],"names":["makePrefixer","forwardRef","CalendarDay","useLocalization","useWindow","useComponentCssInjection","calendarDayCss","useCalendarDay","useForkRef","useLayoutEffect","jsxs","Fragment","jsx","clsx","renderProps","Tooltip"],"mappings":"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"}
+{"version":3,"file":"CalendarDay.js","sources":["../src/calendar/internal/CalendarDay.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  type RenderPropsType,\n  renderProps,\n  Tooltip,\n  type TooltipProps,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} 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 { type ComponentPropsWithRef, forwardRef } from \"react\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { type DayStatus, useCalendarDay } from \"../useCalendarDay\";\nimport calendarDayCss from \"./CalendarDay.css\";\n\nexport interface CalendarDayProps<TDate>\n  extends Omit<ComponentPropsWithRef<\"button\">, \"children\"> {\n  /**\n   * Day date\n   */\n  date: TDate;\n  /**\n   * Format of date\n   */\n  format?: string;\n  /**\n   * Render prop to enable customisation of day button.\n   */\n  render?: RenderPropsType[\"render\"];\n  /**\n   * Month being rendered\n   */\n  month: TDate;\n  /**\n   * Additional Tooltip props\n   */\n  TooltipProps?: Partial<TooltipProps>;\n}\nexport interface renderCalendarDayProps<TDate> extends CalendarDayProps<TDate> {\n  /**\n   * Status of day\n   */\n  status: DayStatus;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport const CalendarDay = forwardRef<\n  HTMLButtonElement,\n  CalendarDayProps<DateFrameworkType>\n>(function CalendarDay<TDate extends DateFrameworkType>(\n  props: CalendarDayProps<TDate>,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    className,\n    date,\n    render,\n    month,\n    TooltipProps,\n    format = \"DD\",\n    ...rest\n  } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-day\",\n    css: calendarDayCss,\n    window: targetWindow,\n  });\n\n  const {\n    status,\n    focusedDateRef = null,\n    dayProps,\n    unselectableReason,\n    highlightedReason,\n  } = useCalendarDay({\n    date,\n    month,\n  });\n  const { focused, today, unselectable, highlighted, hidden, outOfRange } =\n    status;\n  const buttonRef = useForkRef(ref, focusedDateRef);\n\n  useIsomorphicLayoutEffect(() => {\n    if (focused) {\n      focusedDateRef?.current?.focus({ preventScroll: true });\n    }\n  }, [focused]);\n\n  const defaultButtonProps = {\n    \"aria-label\": dateAdapter.format(date, \"DD MMMM YYYY\"),\n    children: (\n      <>\n        {highlighted ? <div className={withBaseName(\"highlighted\")} /> : null}\n        <span className={withBaseName(\"content\")}>\n          {dateAdapter.format(date, format)}\n        </span>\n      </>\n    ),\n    ...dayProps,\n    ref: buttonRef,\n    ...rest,\n    className: clsx(\n      withBaseName(),\n      {\n        [withBaseName(\"hidden\")]: hidden,\n        [withBaseName(\"unselectable\")]: !!unselectable,\n        [withBaseName(\"outOfRange\")]: outOfRange,\n        [withBaseName(\"focused\")]: !!focused,\n        [withBaseName(\"today\")]: today,\n      },\n      dayProps.className,\n      className,\n    ),\n  };\n\n  const buttonElement = render ? (\n    renderProps<React.ElementType<renderCalendarDayProps<TDate>>>(\"button\", {\n      render,\n      ...defaultButtonProps,\n      status,\n      date,\n    })\n  ) : (\n    <button type={\"button\"} {...defaultButtonProps} />\n  );\n\n  const tooltipContent = unselectableReason || highlightedReason;\n  if (tooltipContent && tooltipContent?.length) {\n    return (\n      <Tooltip\n        hideIcon\n        status=\"info\"\n        content={tooltipContent}\n        placement=\"top\"\n        enterDelay={0} // --salt-duration-instant\n        leaveDelay={0} // --salt-duration-instant\n        {...TooltipProps}\n      >\n        {buttonElement}\n      </Tooltip>\n    );\n  }\n  return buttonElement;\n});\n"],"names":["makePrefixer","forwardRef","CalendarDay","useLocalization","useWindow","useComponentCssInjection","calendarDayCss","useCalendarDay","useForkRef","useIsomorphicLayoutEffect","jsxs","Fragment","jsx","clsx","renderProps","Tooltip"],"mappings":"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"}

package/dist-cjs/date-picker/DatePickerRangeGridPanel.js

@@ -179,7 +179,7 @@ const DatePickerRangeGridPanel = react.forwardRef(
         visibleMonth
       ]
     );
-    react.useLayoutEffect(() => {
+    core.useIsomorphicLayoutEffect(() => {
       if (focused && !calendarGridFocused.current) {
         setFocusedDate((prevFocusedDate) => {
           if (!prevFocusedDate) {

package/dist-cjs/date-picker/DatePickerRangeGridPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerRangeGridPanel.js","sources":["../src/date-picker/DatePickerRangeGridPanel.tsx"],"sourcesContent":["import {\n  FlexItem,\n  FlexLayout,\n  FormFieldContext,\n  type FormFieldContextValue,\n  FormFieldHelperText,\n  makePrefixer,\n  resolveResponsiveValue,\n  StackLayout,\n  useBreakpoint,\n  useControlled,\n} 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  forwardRef,\n  type SyntheticEvent,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Calendar,\n  CalendarGrid,\n  CalendarNavigation,\n  type CalendarRangeProps,\n  type DateRangeSelection,\n} from \"../calendar\";\nimport { generateDatesForMonth } from \"../calendar/internal/utils\";\nimport { useLocalization } from \"../localization-provider\";\nimport {\n  type RangeDatePickerState,\n  useDatePickerContext,\n} from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\nimport datePickerPanelCss from \"./DatePickerPanel.css\";\nimport type { DatePickerPanelBaseProps } from \"./DatePickerSingleGridPanel\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\n/**\n * Props for the DatePickerRangeGridPanel component.\n * @template TDate - The type of the date object.\n */\nexport type DatePickerRangeGridPanelProps<TDate extends DateFrameworkType> =\n  DatePickerPanelBaseProps<TDate> &\n    DateRangeSelection<TDate> & {\n      onSelectionChange?: (\n        event: SyntheticEvent,\n        selectedDate?: DateRangeSelection<TDate> | null,\n      ) => void;\n      CalendarProps?: Partial<\n        Omit<\n          CalendarRangeProps<TDate>,\n          | \"selectionVariant\"\n          | \"selectedDate\"\n          | \"defaultSelectedDate\"\n          | \"multiselect\"\n          | \"onHoveredDateChange\"\n          | \"onSelectionChange\"\n          | \"onVisibleMonthChange\"\n        >\n      >;\n    };\n\nexport const DatePickerRangeGridPanel = forwardRef(\n  function DatePickerRangeGridPanel<TDate extends DateFrameworkType>(\n    props: DatePickerRangeGridPanelProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    const { dateAdapter } = useLocalization<TDate>();\n\n    const {\n      CalendarProps,\n      CalendarNavigationProps,\n      CalendarGridProps,\n      className,\n      defaultVisibleMonth,\n      visibleMonth: visibleMonthProp,\n      onFocusedDateChange,\n      onHoveredDateChange,\n      onVisibleMonthChange,\n      helperText,\n      onSelectionChange,\n      numberOfVisibleMonths = 2,\n      columns = numberOfVisibleMonths,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-picker-range-grid-panel\",\n      css: datePickerPanelCss,\n      window: targetWindow,\n    });\n\n    const stateAndHelpers: RangeDatePickerState<TDate> = useDatePickerContext({\n      selectionVariant: \"range\",\n    });\n\n    const {\n      state: { focused, initialFocusRef },\n    } = useDatePickerOverlay();\n\n    const [hoveredDate, setHoveredDate] = useState<TDate | null>(null);\n    const [focusedDate, setFocusedDate] = useState<TDate | null>(null);\n    const calendarGridFocused = useRef(false);\n\n    const {\n      state: {\n        timezone,\n        selectedDate = null,\n        minDate = dateAdapter.startOf(dateAdapter.today(timezone), \"month\"),\n        maxDate = dateAdapter.add(minDate, { months: 1 }),\n      },\n      helpers: { select, isDayHighlighted, isDayUnselectable },\n    } = stateAndHelpers;\n\n    const { matchedBreakpoints } = useBreakpoint();\n\n    const responsiveColumns =\n      resolveResponsiveValue(columns, matchedBreakpoints) ?? 1;\n    const responsiveNumberOfVisibleMonths =\n      resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;\n\n    const [uncontrolledDefaultVisibleMonth] = useState(() => {\n      const validDate: TDate =\n        selectedDate?.startDate && dateAdapter.isValid(selectedDate.startDate)\n          ? selectedDate.startDate\n          : dateAdapter.today(timezone);\n\n      // Ensure that defaultVisibleMonth is used if provided, otherwise use the start of the valid date\n      return defaultVisibleMonth || dateAdapter.startOf(validDate, \"month\");\n    });\n\n    const [visibleMonth, setVisibleMonth] = useControlled({\n      controlled: visibleMonthProp,\n      default: uncontrolledDefaultVisibleMonth,\n      name: \"DatePickerRangeGridPanel\",\n      state: \"visibleMonth\",\n    });\n\n    const getNextFocusedDate = () => {\n      const isOutsideAllowedDates = (date: TDate) => {\n        return (\n          dateAdapter.compare(date, minDate) < 0 ||\n          dateAdapter.compare(date, maxDate) > 0\n        );\n      };\n\n      const isDaySelectable = (date: TDate) =>\n        !(date && (isDayUnselectable?.(date) || isOutsideAllowedDates(date)));\n\n      const startVisibleMonth = dateAdapter.startOf(visibleMonth, \"month\");\n      const endVisibleMonth = dateAdapter.add(visibleMonth, {\n        months: responsiveNumberOfVisibleMonths - 1,\n      });\n\n      const getVisibleSelectedDate = () => {\n        const startDateStartOfMonth = selectedDate?.startDate\n          ? dateAdapter.startOf(selectedDate.startDate, \"month\")\n          : null;\n        const endDateStartOfMonth = selectedDate?.endDate\n          ? dateAdapter.startOf(selectedDate.endDate, \"month\")\n          : null;\n        if (\n          selectedDate?.startDate &&\n          startDateStartOfMonth &&\n          dateAdapter.compare(startDateStartOfMonth, startVisibleMonth) >= 0 &&\n          dateAdapter.compare(startDateStartOfMonth, endVisibleMonth) <= 0 &&\n          isDaySelectable(selectedDate?.startDate)\n        ) {\n          return selectedDate?.startDate;\n        }\n        if (\n          selectedDate?.endDate &&\n          endDateStartOfMonth &&\n          dateAdapter.compare(endDateStartOfMonth, startVisibleMonth) >= 0 &&\n          dateAdapter.compare(endDateStartOfMonth, endVisibleMonth) <= 0 &&\n          isDaySelectable(selectedDate?.endDate)\n        ) {\n          return selectedDate?.endDate;\n        }\n        return null;\n      };\n\n      const focusSelectedDate = getVisibleSelectedDate();\n      if (focusSelectedDate) {\n        return focusSelectedDate;\n      }\n\n      // Today\n      const today = dateAdapter.today(timezone);\n      const todayStartOfMonth = dateAdapter.startOf(today, \"month\");\n      if (\n        dateAdapter.compare(todayStartOfMonth, startVisibleMonth) >= 0 &&\n        dateAdapter.compare(todayStartOfMonth, endVisibleMonth) <= 0 &&\n        isDaySelectable(today)\n      ) {\n        return today;\n      }\n\n      // First selectable date across visible months\n      const getFirstSelectableDate = (\n        startMonth: TDate,\n        numberOfMonths: number,\n      ) => {\n        for (let i = 0; i < numberOfMonths; i++) {\n          const currentMonth = dateAdapter.add(startMonth, { months: i });\n          const firstSelectableDate = generateDatesForMonth(\n            dateAdapter,\n            currentMonth,\n          ).find((visibleDay) => isDaySelectable(visibleDay));\n\n          if (firstSelectableDate) {\n            return firstSelectableDate;\n          }\n        }\n\n        return null;\n      };\n\n      return getFirstSelectableDate(\n        startVisibleMonth,\n        responsiveNumberOfVisibleMonths,\n      );\n    };\n\n    const handleSelectionChange = useCallback(\n      (\n        event: SyntheticEvent,\n        newDate: TDate | DateRangeSelection<TDate> | null,\n      ) => {\n        const dateRange = newDate as DateRangeSelection<TDate> | null;\n        select(event, dateRange);\n        onSelectionChange?.(event, dateRange);\n      },\n      [onSelectionChange, select],\n    );\n\n    const handleHoveredDateChange = useCallback(\n      (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n        setHoveredDate(newHoveredDate);\n        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n    const handleVisibleMonthChange = useCallback(\n      (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n        setVisibleMonth(newVisibleMonth);\n        onVisibleMonthChange?.(event, newVisibleMonth);\n      },\n      [onVisibleMonthChange],\n    );\n\n    const handleFocusedDateChange = useCallback(\n      (event: SyntheticEvent | null, newFocusedDate: TDate) => {\n        setFocusedDate(newFocusedDate);\n        if (!newFocusedDate) {\n          onFocusedDateChange?.(event, newFocusedDate);\n          return;\n        }\n\n        const startOfFocusedMonth = dateAdapter.startOf(\n          newFocusedDate,\n          \"month\",\n        );\n        const lastVisibleMonth = dateAdapter.add(visibleMonth, {\n          months: responsiveNumberOfVisibleMonths - 1,\n        });\n\n        const isBeforeVisibleMonth =\n          dateAdapter.compare(startOfFocusedMonth, visibleMonth) < 0;\n        const isAfterLastVisibleMonth =\n          dateAdapter.compare(startOfFocusedMonth, lastVisibleMonth) > 0;\n\n        if (isBeforeVisibleMonth) {\n          handleVisibleMonthChange(event, startOfFocusedMonth);\n        } else if (isAfterLastVisibleMonth) {\n          const newLastVisibleMonth = dateAdapter.subtract(\n            startOfFocusedMonth,\n            { months: responsiveNumberOfVisibleMonths - 1 },\n          );\n          handleVisibleMonthChange(event, newLastVisibleMonth);\n        }\n        onFocusedDateChange?.(event, newFocusedDate);\n      },\n      [\n        dateAdapter,\n        handleVisibleMonthChange,\n        onFocusedDateChange,\n        responsiveNumberOfVisibleMonths,\n        visibleMonth,\n      ],\n    );\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: only run when focus/min/max date changes\n    useLayoutEffect(() => {\n      // Called when the overlay opens or the focus shifts between trigger and overlay\n      if (focused && !calendarGridFocused.current) {\n        setFocusedDate((prevFocusedDate) => {\n          if (!prevFocusedDate) {\n            return getNextFocusedDate();\n          }\n          return prevFocusedDate;\n        });\n      }\n      calendarGridFocused.current = focused;\n    }, [focused]);\n\n    const calendarProps = {\n      visibleMonth,\n      focusedDateRef: initialFocusRef,\n      focusedDate: calendarGridFocused?.current ? focusedDate : null,\n      hoveredDate,\n      numberOfVisibleMonths: responsiveNumberOfVisibleMonths,\n      onFocusedDateChange: handleFocusedDateChange,\n      onHoveredDateChange: handleHoveredDateChange,\n      onSelectionChange: handleSelectionChange,\n      onVisibleMonthChange: handleVisibleMonthChange,\n      hideOutOfRangeDates: true,\n      isDayHighlighted,\n      isDayUnselectable,\n      selectedDate,\n      minDate,\n      maxDate,\n      timezone,\n      ...CalendarProps,\n    };\n\n    return (\n      <StackLayout\n        separators\n        gap={0}\n        className={clsx(className, withBaseName(\"container\"))}\n        ref={ref}\n        {...rest}\n      >\n        {helperText && (\n          <FlexItem className={withBaseName(\"header\")}>\n            <FormFieldHelperText>{helperText}</FormFieldHelperText>\n          </FlexItem>\n        )}\n        <FlexLayout gap={0}>\n          <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n            <Calendar\n              selectionVariant={\"range\"}\n              {...(calendarProps as Partial<CalendarRangeProps<TDate>>)}\n            >\n              <CalendarNavigation {...CalendarNavigationProps} />\n              <CalendarGrid\n                columns={responsiveColumns}\n                {...CalendarGridProps}\n              />\n            </Calendar>\n          </FormFieldContext.Provider>\n        </FlexLayout>\n      </StackLayout>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","DatePickerRangeGridPanel","useLocalization","useWindow","useComponentCssInjection","datePickerPanelCss","useDatePickerContext","useDatePickerOverlay","useState","useRef","useBreakpoint","resolveResponsiveValue","useControlled","generateDatesForMonth","useCallback","useLayoutEffect","jsxs","StackLayout","clsx","jsx","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","CalendarNavigation","CalendarGrid"],"mappings":"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"}
+{"version":3,"file":"DatePickerRangeGridPanel.js","sources":["../src/date-picker/DatePickerRangeGridPanel.tsx"],"sourcesContent":["import {\n  FlexItem,\n  FlexLayout,\n  FormFieldContext,\n  type FormFieldContextValue,\n  FormFieldHelperText,\n  makePrefixer,\n  resolveResponsiveValue,\n  StackLayout,\n  useBreakpoint,\n  useControlled,\n  useIsomorphicLayoutEffect,\n} 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  forwardRef,\n  type SyntheticEvent,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Calendar,\n  CalendarGrid,\n  CalendarNavigation,\n  type CalendarRangeProps,\n  type DateRangeSelection,\n} from \"../calendar\";\nimport { generateDatesForMonth } from \"../calendar/internal/utils\";\nimport { useLocalization } from \"../localization-provider\";\nimport {\n  type RangeDatePickerState,\n  useDatePickerContext,\n} from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\nimport datePickerPanelCss from \"./DatePickerPanel.css\";\nimport type { DatePickerPanelBaseProps } from \"./DatePickerSingleGridPanel\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\n/**\n * Props for the DatePickerRangeGridPanel component.\n * @template TDate - The type of the date object.\n */\nexport type DatePickerRangeGridPanelProps<TDate extends DateFrameworkType> =\n  DatePickerPanelBaseProps<TDate> &\n    DateRangeSelection<TDate> & {\n      onSelectionChange?: (\n        event: SyntheticEvent,\n        selectedDate?: DateRangeSelection<TDate> | null,\n      ) => void;\n      CalendarProps?: Partial<\n        Omit<\n          CalendarRangeProps<TDate>,\n          | \"selectionVariant\"\n          | \"selectedDate\"\n          | \"defaultSelectedDate\"\n          | \"multiselect\"\n          | \"onHoveredDateChange\"\n          | \"onSelectionChange\"\n          | \"onVisibleMonthChange\"\n        >\n      >;\n    };\n\nexport const DatePickerRangeGridPanel = forwardRef(\n  function DatePickerRangeGridPanel<TDate extends DateFrameworkType>(\n    props: DatePickerRangeGridPanelProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    const { dateAdapter } = useLocalization<TDate>();\n\n    const {\n      CalendarProps,\n      CalendarNavigationProps,\n      CalendarGridProps,\n      className,\n      defaultVisibleMonth,\n      visibleMonth: visibleMonthProp,\n      onFocusedDateChange,\n      onHoveredDateChange,\n      onVisibleMonthChange,\n      helperText,\n      onSelectionChange,\n      numberOfVisibleMonths = 2,\n      columns = numberOfVisibleMonths,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-picker-range-grid-panel\",\n      css: datePickerPanelCss,\n      window: targetWindow,\n    });\n\n    const stateAndHelpers: RangeDatePickerState<TDate> = useDatePickerContext({\n      selectionVariant: \"range\",\n    });\n\n    const {\n      state: { focused, initialFocusRef },\n    } = useDatePickerOverlay();\n\n    const [hoveredDate, setHoveredDate] = useState<TDate | null>(null);\n    const [focusedDate, setFocusedDate] = useState<TDate | null>(null);\n    const calendarGridFocused = useRef(false);\n\n    const {\n      state: {\n        timezone,\n        selectedDate = null,\n        minDate = dateAdapter.startOf(dateAdapter.today(timezone), \"month\"),\n        maxDate = dateAdapter.add(minDate, { months: 1 }),\n      },\n      helpers: { select, isDayHighlighted, isDayUnselectable },\n    } = stateAndHelpers;\n\n    const { matchedBreakpoints } = useBreakpoint();\n\n    const responsiveColumns =\n      resolveResponsiveValue(columns, matchedBreakpoints) ?? 1;\n    const responsiveNumberOfVisibleMonths =\n      resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;\n\n    const [uncontrolledDefaultVisibleMonth] = useState(() => {\n      const validDate: TDate =\n        selectedDate?.startDate && dateAdapter.isValid(selectedDate.startDate)\n          ? selectedDate.startDate\n          : dateAdapter.today(timezone);\n\n      // Ensure that defaultVisibleMonth is used if provided, otherwise use the start of the valid date\n      return defaultVisibleMonth || dateAdapter.startOf(validDate, \"month\");\n    });\n\n    const [visibleMonth, setVisibleMonth] = useControlled({\n      controlled: visibleMonthProp,\n      default: uncontrolledDefaultVisibleMonth,\n      name: \"DatePickerRangeGridPanel\",\n      state: \"visibleMonth\",\n    });\n\n    const getNextFocusedDate = () => {\n      const isOutsideAllowedDates = (date: TDate) => {\n        return (\n          dateAdapter.compare(date, minDate) < 0 ||\n          dateAdapter.compare(date, maxDate) > 0\n        );\n      };\n\n      const isDaySelectable = (date: TDate) =>\n        !(date && (isDayUnselectable?.(date) || isOutsideAllowedDates(date)));\n\n      const startVisibleMonth = dateAdapter.startOf(visibleMonth, \"month\");\n      const endVisibleMonth = dateAdapter.add(visibleMonth, {\n        months: responsiveNumberOfVisibleMonths - 1,\n      });\n\n      const getVisibleSelectedDate = () => {\n        const startDateStartOfMonth = selectedDate?.startDate\n          ? dateAdapter.startOf(selectedDate.startDate, \"month\")\n          : null;\n        const endDateStartOfMonth = selectedDate?.endDate\n          ? dateAdapter.startOf(selectedDate.endDate, \"month\")\n          : null;\n        if (\n          selectedDate?.startDate &&\n          startDateStartOfMonth &&\n          dateAdapter.compare(startDateStartOfMonth, startVisibleMonth) >= 0 &&\n          dateAdapter.compare(startDateStartOfMonth, endVisibleMonth) <= 0 &&\n          isDaySelectable(selectedDate?.startDate)\n        ) {\n          return selectedDate?.startDate;\n        }\n        if (\n          selectedDate?.endDate &&\n          endDateStartOfMonth &&\n          dateAdapter.compare(endDateStartOfMonth, startVisibleMonth) >= 0 &&\n          dateAdapter.compare(endDateStartOfMonth, endVisibleMonth) <= 0 &&\n          isDaySelectable(selectedDate?.endDate)\n        ) {\n          return selectedDate?.endDate;\n        }\n        return null;\n      };\n\n      const focusSelectedDate = getVisibleSelectedDate();\n      if (focusSelectedDate) {\n        return focusSelectedDate;\n      }\n\n      // Today\n      const today = dateAdapter.today(timezone);\n      const todayStartOfMonth = dateAdapter.startOf(today, \"month\");\n      if (\n        dateAdapter.compare(todayStartOfMonth, startVisibleMonth) >= 0 &&\n        dateAdapter.compare(todayStartOfMonth, endVisibleMonth) <= 0 &&\n        isDaySelectable(today)\n      ) {\n        return today;\n      }\n\n      // First selectable date across visible months\n      const getFirstSelectableDate = (\n        startMonth: TDate,\n        numberOfMonths: number,\n      ) => {\n        for (let i = 0; i < numberOfMonths; i++) {\n          const currentMonth = dateAdapter.add(startMonth, { months: i });\n          const firstSelectableDate = generateDatesForMonth(\n            dateAdapter,\n            currentMonth,\n          ).find((visibleDay) => isDaySelectable(visibleDay));\n\n          if (firstSelectableDate) {\n            return firstSelectableDate;\n          }\n        }\n\n        return null;\n      };\n\n      return getFirstSelectableDate(\n        startVisibleMonth,\n        responsiveNumberOfVisibleMonths,\n      );\n    };\n\n    const handleSelectionChange = useCallback(\n      (\n        event: SyntheticEvent,\n        newDate: TDate | DateRangeSelection<TDate> | null,\n      ) => {\n        const dateRange = newDate as DateRangeSelection<TDate> | null;\n        select(event, dateRange);\n        onSelectionChange?.(event, dateRange);\n      },\n      [onSelectionChange, select],\n    );\n\n    const handleHoveredDateChange = useCallback(\n      (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n        setHoveredDate(newHoveredDate);\n        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n    const handleVisibleMonthChange = useCallback(\n      (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n        setVisibleMonth(newVisibleMonth);\n        onVisibleMonthChange?.(event, newVisibleMonth);\n      },\n      [onVisibleMonthChange],\n    );\n\n    const handleFocusedDateChange = useCallback(\n      (event: SyntheticEvent | null, newFocusedDate: TDate) => {\n        setFocusedDate(newFocusedDate);\n        if (!newFocusedDate) {\n          onFocusedDateChange?.(event, newFocusedDate);\n          return;\n        }\n\n        const startOfFocusedMonth = dateAdapter.startOf(\n          newFocusedDate,\n          \"month\",\n        );\n        const lastVisibleMonth = dateAdapter.add(visibleMonth, {\n          months: responsiveNumberOfVisibleMonths - 1,\n        });\n\n        const isBeforeVisibleMonth =\n          dateAdapter.compare(startOfFocusedMonth, visibleMonth) < 0;\n        const isAfterLastVisibleMonth =\n          dateAdapter.compare(startOfFocusedMonth, lastVisibleMonth) > 0;\n\n        if (isBeforeVisibleMonth) {\n          handleVisibleMonthChange(event, startOfFocusedMonth);\n        } else if (isAfterLastVisibleMonth) {\n          const newLastVisibleMonth = dateAdapter.subtract(\n            startOfFocusedMonth,\n            { months: responsiveNumberOfVisibleMonths - 1 },\n          );\n          handleVisibleMonthChange(event, newLastVisibleMonth);\n        }\n        onFocusedDateChange?.(event, newFocusedDate);\n      },\n      [\n        dateAdapter,\n        handleVisibleMonthChange,\n        onFocusedDateChange,\n        responsiveNumberOfVisibleMonths,\n        visibleMonth,\n      ],\n    );\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: only run when focus/min/max date changes\n    useIsomorphicLayoutEffect(() => {\n      // Called when the overlay opens or the focus shifts between trigger and overlay\n      if (focused && !calendarGridFocused.current) {\n        setFocusedDate((prevFocusedDate) => {\n          if (!prevFocusedDate) {\n            return getNextFocusedDate();\n          }\n          return prevFocusedDate;\n        });\n      }\n      calendarGridFocused.current = focused;\n    }, [focused]);\n\n    const calendarProps = {\n      visibleMonth,\n      focusedDateRef: initialFocusRef,\n      focusedDate: calendarGridFocused?.current ? focusedDate : null,\n      hoveredDate,\n      numberOfVisibleMonths: responsiveNumberOfVisibleMonths,\n      onFocusedDateChange: handleFocusedDateChange,\n      onHoveredDateChange: handleHoveredDateChange,\n      onSelectionChange: handleSelectionChange,\n      onVisibleMonthChange: handleVisibleMonthChange,\n      hideOutOfRangeDates: true,\n      isDayHighlighted,\n      isDayUnselectable,\n      selectedDate,\n      minDate,\n      maxDate,\n      timezone,\n      ...CalendarProps,\n    };\n\n    return (\n      <StackLayout\n        separators\n        gap={0}\n        className={clsx(className, withBaseName(\"container\"))}\n        ref={ref}\n        {...rest}\n      >\n        {helperText && (\n          <FlexItem className={withBaseName(\"header\")}>\n            <FormFieldHelperText>{helperText}</FormFieldHelperText>\n          </FlexItem>\n        )}\n        <FlexLayout gap={0}>\n          <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n            <Calendar\n              selectionVariant={\"range\"}\n              {...(calendarProps as Partial<CalendarRangeProps<TDate>>)}\n            >\n              <CalendarNavigation {...CalendarNavigationProps} />\n              <CalendarGrid\n                columns={responsiveColumns}\n                {...CalendarGridProps}\n              />\n            </Calendar>\n          </FormFieldContext.Provider>\n        </FlexLayout>\n      </StackLayout>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","DatePickerRangeGridPanel","useLocalization","useWindow","useComponentCssInjection","datePickerPanelCss","useDatePickerContext","useDatePickerOverlay","useState","useRef","useBreakpoint","resolveResponsiveValue","useControlled","generateDatesForMonth","useCallback","useIsomorphicLayoutEffect","jsxs","StackLayout","clsx","jsx","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","CalendarNavigation","CalendarGrid"],"mappings":"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"}

package/dist-cjs/date-picker/DatePickerRangePanel.js

@@ -218,7 +218,7 @@ const DatePickerRangePanel = react.forwardRef(function DatePickerRangePanel2(pro
     };
     return getFirstSelectableDate(nextStartVisibleMonth) ?? getFirstSelectableDate(nextEndVisibleMonth);
   };
-  react.useLayoutEffect(() => {
+  core.useIsomorphicLayoutEffect(() => {
     if (!focused) {
       setFocusedDate(null);
       return;

package/dist-cjs/date-picker/DatePickerRangePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerRangePanel.js","sources":["../src/date-picker/DatePickerRangePanel.tsx"],"sourcesContent":["import {\n  FlexItem,\n  FlexLayout,\n  FormFieldContext,\n  type FormFieldContextValue,\n  FormFieldHelperText,\n  makePrefixer,\n  StackLayout,\n  useControlled,\n  useForkRef,\n} from \"@salt-ds/core\";\nimport type {\n  DateFrameworkType,\n  SaltDateAdapter,\n  Timezone,\n} from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type SyntheticEvent,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Calendar,\n  CalendarGrid,\n  type CalendarGridProps,\n  CalendarNavigation,\n  type CalendarNavigationProps,\n  type CalendarOffsetProps,\n  type CalendarProps,\n  type CalendarRangeProps,\n  type DateRangeSelection,\n  type UseCalendarSelectionRangeProps,\n} from \"../calendar\";\nimport { generateDatesForMonth } from \"../calendar/internal/utils\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\nimport datePickerPanelCss from \"./DatePickerPanel.css\";\n\n/**\n * Props for the DatePickerRangePanel component.\n * @template TDate - The type of the date object.\n */\nexport interface DatePickerRangePanelProps<TDate extends DateFrameworkType>\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Callback fired when a date range is selected.\n   * @param event - The synthetic event.\n   * @param selectedDate - The selected date range or null.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: DateRangeSelection<TDate> | null,\n  ) => void;\n\n  /**\n   * Helper text to be displayed below the date picker.\n   */\n  helperText?: string;\n\n  /**\n   * The currently visible month for the start date.\n   */\n  startVisibleMonth?: TDate;\n\n  /**\n   * The default visible month for the start date.\n   */\n  defaultStartVisibleMonth?: TDate;\n\n  /**\n   * Callback fired when the visible month for the start date changes.\n   * @param event - The synthetic event, or null if called by effect.\n   * @param visibleMonth - The new visible month for the start date.\n   */\n  onStartVisibleMonthChange?: (\n    event: SyntheticEvent | null,\n    visibleMonth: TDate,\n  ) => void;\n\n  /**\n   * The currently visible month for the end date.\n   */\n  endVisibleMonth?: TDate;\n\n  /**\n   * The default visible month for the end date.\n   */\n  defaultEndVisibleMonth?: TDate;\n\n  /**\n   * Callback fired when the visible month for the end date changes.\n   * @param event - The synthetic event or null if triggered by code.\n   * @param visibleMonth - The new visible month for the end date.\n   */\n  onEndVisibleMonthChange?: (\n    event: SyntheticEvent | null,\n    visibleMonth: TDate,\n  ) => void;\n\n  /**\n   * Callback fired when the focused date changes.\n   * @param event - The synthetic event or null if triggered by code.\n   * @param focusedDate - The new focused date.\n   */\n  onFocusedDateChange?: (\n    event: SyntheticEvent | null,\n    focusedDate?: TDate | null,\n  ) => void;\n  /**\n   * Callback fired when the hovered date changes.\n   * @param event - The synthetic event.\n   * @param hoveredDate - The new hovered date.\n   */\n  onHoveredDateChange?: (\n    event: SyntheticEvent,\n    hoveredDate?: TDate | null,\n  ) => void;\n\n  /**\n   * Props to be passed to the start date CalendarNavigation component.\n   */\n  StartCalendarNavigationProps?: CalendarNavigationProps<TDate>;\n\n  /**\n   * Props to be passed to the start date calendar component.\n   */\n  StartCalendarProps?: Partial<\n    Omit<\n      CalendarRangeProps<TDate> | CalendarOffsetProps<TDate>,\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"multiselect\"\n      | \"onFocusedDateChange\"\n      | \"onHoveredDateChange\"\n      | \"onSelectionChange\"\n      | \"onVisibleMonthChange\"\n    >\n  >;\n  /**\n   * Props to be passed to the start date CalendarGrid component.\n   */\n  StartCalendarGridProps?: CalendarGridProps<TDate>;\n\n  /**\n   * Props to be passed to the end date CalendarNavigation component.\n   */\n  EndCalendarProps?: Partial<\n    Omit<\n      CalendarRangeProps<TDate>,\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"multiselect\"\n      | \"onFocusedDateChange\"\n      | \"onHoveredDateChange\"\n      | \"onSelectionChange\"\n      | \"onVisibleMonthChange\"\n    >\n  >;\n\n  /**\n   * Props to be passed to the end date CalendarNavigation component.\n   */\n  EndCalendarNavigationProps?: CalendarNavigationProps<TDate>;\n  /**\n   * Props to be passed to the end date CalendarGrid component.\n   */\n  EndCalendarGridProps?: CalendarGridProps<TDate>;\n}\n\nfunction getFallbackVisibleMonths<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  selectedDate: DateRangeSelection<TDate> | null,\n  timezone: Timezone = \"default\",\n) {\n  function createConsecutiveRange(date: TDate) {\n    const startDate = dateAdapter.startOf(date, \"month\");\n    const endDate = dateAdapter.add(startDate, { months: 1 });\n    return [startDate, endDate];\n  }\n\n  if (selectedDate && dateAdapter.isValid(selectedDate?.startDate)) {\n    const { startDate, endDate } = selectedDate;\n    if (dateAdapter.isValid(endDate)) {\n      return dateAdapter.isSame(startDate, endDate, \"month\")\n        ? createConsecutiveRange(startDate)\n        : [\n            dateAdapter.startOf(startDate, \"month\"),\n            dateAdapter.startOf(endDate, \"month\"),\n          ];\n    }\n    return createConsecutiveRange(startDate);\n  }\n\n  const currentMonth = dateAdapter.startOf(\n    dateAdapter.today(timezone),\n    \"month\",\n  );\n  return [currentMonth, dateAdapter.add(currentMonth, { months: 1 })];\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport const DatePickerRangePanel = forwardRef(function DatePickerRangePanel<\n  TDate extends DateFrameworkType,\n>(props: DatePickerRangePanelProps<TDate>, ref: React.Ref<HTMLDivElement>) {\n  const { dateAdapter } = useLocalization<TDate>();\n\n  const {\n    className,\n    defaultStartVisibleMonth: defaultStartVisibleMonthProp,\n    startVisibleMonth: startVisibleMonthProp,\n    onStartVisibleMonthChange,\n    defaultEndVisibleMonth: defaultEndVisibleMonthProp,\n    endVisibleMonth: endVisibleMonthProp,\n    onEndVisibleMonthChange,\n    helperText,\n    onFocusedDateChange,\n    onHoveredDateChange,\n    onSelectionChange,\n    StartCalendarProps: StartCalendarPropsProp,\n    StartCalendarNavigationProps,\n    StartCalendarGridProps,\n    EndCalendarProps: EndCalendarPropsProp,\n    EndCalendarNavigationProps,\n    EndCalendarGridProps,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-date-picker-range-panel\",\n    css: datePickerPanelCss,\n    window: targetWindow,\n  });\n\n  const calendarsRef = useRef<HTMLDivElement>(null);\n  const containerRef = useForkRef(ref, calendarsRef);\n\n  const {\n    state: {\n      timezone,\n      selectedDate,\n      minDate = dateAdapter.startOf(dateAdapter.today(timezone), \"month\"),\n      maxDate = dateAdapter.add(minDate, { months: 1 }),\n    },\n    helpers: { select, isDayHighlighted, isDayUnselectable },\n  } = useDatePickerContext<TDate>({ selectionVariant: \"range\" });\n\n  const {\n    state: { initialFocusRef, focused },\n  } = useDatePickerOverlay();\n\n  const [hoveredDate, setHoveredDate] = useState<TDate | null>(null);\n\n  const [[fallbackStartVisibleMonth, fallbackEndVisibleMonth]] = useState(() =>\n    getFallbackVisibleMonths<TDate>(dateAdapter, selectedDate, timezone),\n  );\n\n  const [startVisibleMonth, setStartVisibleMonth] = useControlled({\n    controlled: startVisibleMonthProp,\n    default: defaultStartVisibleMonthProp || fallbackStartVisibleMonth,\n    name: \"DatePickerRangePanel\",\n    state: \"startVisibleMonth\",\n  });\n\n  const [endVisibleMonth, setEndVisibleMonth] = useControlled({\n    controlled: endVisibleMonthProp,\n    default: defaultEndVisibleMonthProp || fallbackEndVisibleMonth,\n    name: \"DatePickerRangePanel\",\n    state: \"endVisibleMonth\",\n  });\n\n  const handleSelectionChange = useCallback(\n    (event: SyntheticEvent, newDate: DateRangeSelection<TDate> | null) => {\n      select(event, newDate);\n      onSelectionChange?.(event, newDate);\n    },\n    [select, onSelectionChange],\n  );\n\n  const handleHoveredStartDateChange: CalendarProps<TDate>[\"onHoveredDateChange\"] =\n    useCallback(\n      (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n        setHoveredDate(newHoveredDate);\n        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n  const handleHoveredEndDateChange = useCallback(\n    (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n      setHoveredDate(newHoveredDate);\n      onHoveredDateChange?.(event, newHoveredDate);\n    },\n    [onHoveredDateChange],\n  );\n\n  const handleStartVisibleMonthChange = useCallback(\n    (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n      setStartVisibleMonth(newVisibleMonth);\n      if (dateAdapter.compare(newVisibleMonth, endVisibleMonth) >= 0) {\n        setEndVisibleMonth(dateAdapter.add(newVisibleMonth, { months: 1 }));\n      }\n      onStartVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [dateAdapter, endVisibleMonth, onStartVisibleMonthChange],\n  );\n\n  const handleEndVisibleMonthChange = useCallback(\n    (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n      setEndVisibleMonth(newVisibleMonth);\n      if (dateAdapter.compare(newVisibleMonth, startVisibleMonth) <= 0) {\n        setStartVisibleMonth(\n          dateAdapter.startOf(\n            dateAdapter.subtract(newVisibleMonth, { months: 1 }),\n            \"month\",\n          ),\n        );\n      }\n      onEndVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [dateAdapter, startVisibleMonth, onEndVisibleMonthChange],\n  );\n\n  const calendarSelectedDate = {\n    startDate:\n      selectedDate && dateAdapter.isValid(selectedDate.startDate)\n        ? selectedDate.startDate\n        : null,\n    endDate:\n      selectedDate && dateAdapter.isValid(selectedDate.endDate)\n        ? selectedDate.endDate\n        : null,\n  };\n\n  const [focusedDate, setFocusedDate] = useState<TDate | null>(null);\n\n  const handleStartCalendarFocusedDateChange = useCallback(\n    (event: SyntheticEvent | null, newFocusedDate: TDate) => {\n      setFocusedDate(newFocusedDate);\n      if (\n        newFocusedDate &&\n        !dateAdapter.isSame(startVisibleMonth, newFocusedDate, \"month\")\n      ) {\n        handleStartVisibleMonthChange(\n          event,\n          dateAdapter.startOf(newFocusedDate, \"month\"),\n        );\n      }\n      onFocusedDateChange?.(event, newFocusedDate);\n    },\n    [\n      dateAdapter,\n      startVisibleMonth,\n      handleStartVisibleMonthChange,\n      onFocusedDateChange,\n    ],\n  );\n\n  const handleEndCalendarFocusedDateChange = useCallback(\n    (event: SyntheticEvent | null, newFocusedDate: TDate) => {\n      setFocusedDate(newFocusedDate);\n      if (\n        newFocusedDate &&\n        !dateAdapter.isSame(endVisibleMonth, newFocusedDate, \"month\")\n      ) {\n        handleEndVisibleMonthChange(\n          event,\n          dateAdapter.startOf(newFocusedDate, \"month\"),\n        );\n      }\n      onFocusedDateChange?.(event, newFocusedDate);\n    },\n    [\n      dateAdapter,\n      endVisibleMonth,\n      handleEndVisibleMonthChange,\n      onFocusedDateChange,\n    ],\n  );\n\n  const getNextFocusedDate = (\n    nextStartVisibleMonth: TDate,\n    nextEndVisibleMonth: TDate,\n  ) => {\n    const isOutsideAllowedDates = (date: TDate) => {\n      return (\n        dateAdapter.compare(date, minDate) < 0 ||\n        dateAdapter.compare(date, maxDate) > 0\n      );\n    };\n    const isDaySelectable = (date: TDate) =>\n      !(date && (isDayUnselectable?.(date) || isOutsideAllowedDates(date)));\n\n    const getVisibleSelectedDate = (visibleMonth: TDate) => {\n      if (\n        selectedDate?.startDate &&\n        dateAdapter.isSame(visibleMonth, selectedDate.startDate, \"month\") &&\n        isDaySelectable(selectedDate.startDate)\n      ) {\n        return selectedDate.startDate;\n      }\n      if (\n        selectedDate?.endDate &&\n        dateAdapter.isSame(visibleMonth, selectedDate.endDate, \"month\") &&\n        isDaySelectable(selectedDate.endDate)\n      ) {\n        return selectedDate.endDate;\n      }\n      return null;\n    };\n    let focusSelectedDate = getVisibleSelectedDate(nextStartVisibleMonth);\n    focusSelectedDate =\n      focusSelectedDate ?? getVisibleSelectedDate(nextEndVisibleMonth);\n    if (focusSelectedDate && isDaySelectable(focusSelectedDate)) {\n      return focusSelectedDate;\n    }\n    // Today\n    const today = dateAdapter.today(timezone);\n    if (\n      (dateAdapter.isSame(nextStartVisibleMonth, today, \"month\") ||\n        dateAdapter.isSame(nextEndVisibleMonth, today, \"month\")) &&\n      isDaySelectable(today)\n    ) {\n      return today;\n    }\n    // First selectable date in either calendar\n    const getFirstSelectableDate = (visibleMonth: TDate) => {\n      const firstSelectableDate = generateDatesForMonth(\n        dateAdapter,\n        visibleMonth,\n      ).find((visibleDay) => isDaySelectable(visibleDay));\n      return firstSelectableDate ?? null;\n    };\n\n    return (\n      getFirstSelectableDate(nextStartVisibleMonth) ??\n      getFirstSelectableDate(nextEndVisibleMonth)\n    );\n  };\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: only run when focus/min/max date changes\n  useLayoutEffect(() => {\n    if (!focused) {\n      setFocusedDate(null);\n      return;\n    }\n\n    const isStartDateValid =\n      selectedDate?.startDate &&\n      dateAdapter.isValid(selectedDate.startDate) &&\n      dateAdapter.compare(selectedDate.startDate, minDate) >= 0 &&\n      dateAdapter.compare(selectedDate.startDate, maxDate) <= 0;\n\n    const isEndDateValid =\n      selectedDate?.endDate &&\n      dateAdapter.isValid(selectedDate.endDate) &&\n      dateAdapter.compare(selectedDate.endDate, minDate) >= 0 &&\n      dateAdapter.compare(selectedDate.endDate, maxDate) <= 0;\n\n    let nextStartVisibleMonth = startVisibleMonth;\n    let nextEndVisibleMonth = endVisibleMonth;\n\n    const setVisibleMonths = (\n      start: typeof nextStartVisibleMonth,\n      end: typeof nextEndVisibleMonth,\n    ) => {\n      nextStartVisibleMonth = dateAdapter.startOf(start, \"month\");\n      nextEndVisibleMonth = dateAdapter.startOf(end, \"month\");\n    };\n\n    if (\n      selectedDate?.startDate &&\n      selectedDate?.endDate &&\n      isStartDateValid &&\n      isEndDateValid\n    ) {\n      if (\n        dateAdapter.isSame(\n          selectedDate.startDate,\n          startVisibleMonth,\n          \"month\",\n        ) &&\n        dateAdapter.isSame(selectedDate.endDate, startVisibleMonth, \"month\")\n      ) {\n        setVisibleMonths(\n          selectedDate.startDate,\n          dateAdapter.add(selectedDate.startDate, { months: 1 }),\n        );\n      } else {\n        setVisibleMonths(selectedDate.startDate, selectedDate.endDate);\n      }\n    } else if (selectedDate?.startDate && isStartDateValid) {\n      setVisibleMonths(\n        selectedDate.startDate,\n        dateAdapter.add(selectedDate.startDate, { months: 1 }),\n      );\n    } else if (selectedDate?.endDate && isEndDateValid) {\n      setVisibleMonths(\n        dateAdapter.subtract(selectedDate.endDate, { months: 1 }),\n        selectedDate.endDate,\n      );\n    }\n\n    if (!focusedDate) {\n      setFocusedDate((prevFocusedDate) => {\n        if (!prevFocusedDate) {\n          return getNextFocusedDate(nextStartVisibleMonth, nextEndVisibleMonth);\n        }\n        return prevFocusedDate;\n      });\n    }\n  }, [dateAdapter, minDate, maxDate, focused]);\n\n  const StartCalendarProps = {\n    visibleMonth: startVisibleMonth,\n    hoveredDate,\n    selectedDate: calendarSelectedDate,\n    isDayHighlighted,\n    isDayUnselectable,\n    focusedDateRef: initialFocusRef,\n    focusedDate:\n      focusedDate &&\n      dateAdapter.compare(\n        focusedDate,\n        dateAdapter.startOf(endVisibleMonth, \"month\"),\n      ) < 0\n        ? focusedDate\n        : null,\n    onHoveredDateChange: handleHoveredStartDateChange,\n    onFocusedDateChange: handleStartCalendarFocusedDateChange,\n    onVisibleMonthChange: handleStartVisibleMonthChange,\n    onSelectionChange: handleSelectionChange,\n    hideOutOfRangeDates: true,\n    minDate,\n    maxDate,\n    timezone,\n    ...StartCalendarPropsProp,\n  } as Partial<UseCalendarSelectionRangeProps<TDate>>;\n  const EndCalendarProps = {\n    visibleMonth: endVisibleMonth,\n    hoveredDate,\n    isDayHighlighted,\n    isDayUnselectable,\n    focusedDateRef: initialFocusRef,\n    focusedDate:\n      focusedDate &&\n      dateAdapter.compare(\n        focusedDate,\n        dateAdapter.startOf(endVisibleMonth, \"month\"),\n      ) >= 0\n        ? focusedDate\n        : null,\n    selectedDate: calendarSelectedDate,\n    onFocusedDateChange: handleEndCalendarFocusedDateChange,\n    onHoveredDateChange: handleHoveredEndDateChange,\n    onVisibleMonthChange: handleEndVisibleMonthChange,\n    onSelectionChange: handleSelectionChange,\n    hideOutOfRangeDates: true,\n    minDate,\n    maxDate,\n    timezone,\n    ...EndCalendarPropsProp,\n  } as Partial<UseCalendarSelectionRangeProps<TDate>>;\n\n  return (\n    <StackLayout\n      separators\n      gap={0}\n      className={clsx(className, withBaseName(\"container\"))}\n      ref={containerRef}\n      {...rest}\n    >\n      {helperText && (\n        <FlexItem className={withBaseName(\"header\")}>\n          <FormFieldHelperText>{helperText}</FormFieldHelperText>\n        </FlexItem>\n      )}\n      <FlexLayout gap={0}>\n        {/* Avoid Dropdowns in Calendar inheriting the FormField's state */}\n        <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n          <Calendar selectionVariant={\"range\"} {...StartCalendarProps}>\n            <CalendarNavigation\n              disableNavigateNext={dateAdapter.isSame(\n                startVisibleMonth,\n                dateAdapter.subtract(maxDate, { months: 1 }),\n                \"month\",\n              )}\n              {...StartCalendarNavigationProps}\n            />\n            <CalendarGrid {...StartCalendarGridProps} />\n          </Calendar>\n          <Calendar selectionVariant={\"range\"} {...EndCalendarProps}>\n            <CalendarNavigation\n              disableNavigatePrevious={dateAdapter.isSame(\n                endVisibleMonth,\n                dateAdapter.add(minDate, { months: 1 }),\n                \"month\",\n              )}\n              {...EndCalendarNavigationProps}\n            />\n            <CalendarGrid {...EndCalendarGridProps} />\n          </Calendar>\n        </FormFieldContext.Provider>\n      </FlexLayout>\n    </StackLayout>\n  );\n});\n"],"names":["makePrefixer","forwardRef","DatePickerRangePanel","useLocalization","useWindow","useComponentCssInjection","datePickerPanelCss","useRef","useForkRef","useDatePickerContext","useDatePickerOverlay","useState","useControlled","useCallback","generateDatesForMonth","useLayoutEffect","jsxs","StackLayout","clsx","jsx","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","CalendarNavigation","CalendarGrid"],"mappings":"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"}
+{"version":3,"file":"DatePickerRangePanel.js","sources":["../src/date-picker/DatePickerRangePanel.tsx"],"sourcesContent":["import {\n  FlexItem,\n  FlexLayout,\n  FormFieldContext,\n  type FormFieldContextValue,\n  FormFieldHelperText,\n  makePrefixer,\n  StackLayout,\n  useControlled,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport type {\n  DateFrameworkType,\n  SaltDateAdapter,\n  Timezone,\n} from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type SyntheticEvent,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Calendar,\n  CalendarGrid,\n  type CalendarGridProps,\n  CalendarNavigation,\n  type CalendarNavigationProps,\n  type CalendarOffsetProps,\n  type CalendarProps,\n  type CalendarRangeProps,\n  type DateRangeSelection,\n  type UseCalendarSelectionRangeProps,\n} from \"../calendar\";\nimport { generateDatesForMonth } from \"../calendar/internal/utils\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\nimport datePickerPanelCss from \"./DatePickerPanel.css\";\n\n/**\n * Props for the DatePickerRangePanel component.\n * @template TDate - The type of the date object.\n */\nexport interface DatePickerRangePanelProps<TDate extends DateFrameworkType>\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Callback fired when a date range is selected.\n   * @param event - The synthetic event.\n   * @param selectedDate - The selected date range or null.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: DateRangeSelection<TDate> | null,\n  ) => void;\n\n  /**\n   * Helper text to be displayed below the date picker.\n   */\n  helperText?: string;\n\n  /**\n   * The currently visible month for the start date.\n   */\n  startVisibleMonth?: TDate;\n\n  /**\n   * The default visible month for the start date.\n   */\n  defaultStartVisibleMonth?: TDate;\n\n  /**\n   * Callback fired when the visible month for the start date changes.\n   * @param event - The synthetic event, or null if called by effect.\n   * @param visibleMonth - The new visible month for the start date.\n   */\n  onStartVisibleMonthChange?: (\n    event: SyntheticEvent | null,\n    visibleMonth: TDate,\n  ) => void;\n\n  /**\n   * The currently visible month for the end date.\n   */\n  endVisibleMonth?: TDate;\n\n  /**\n   * The default visible month for the end date.\n   */\n  defaultEndVisibleMonth?: TDate;\n\n  /**\n   * Callback fired when the visible month for the end date changes.\n   * @param event - The synthetic event or null if triggered by code.\n   * @param visibleMonth - The new visible month for the end date.\n   */\n  onEndVisibleMonthChange?: (\n    event: SyntheticEvent | null,\n    visibleMonth: TDate,\n  ) => void;\n\n  /**\n   * Callback fired when the focused date changes.\n   * @param event - The synthetic event or null if triggered by code.\n   * @param focusedDate - The new focused date.\n   */\n  onFocusedDateChange?: (\n    event: SyntheticEvent | null,\n    focusedDate?: TDate | null,\n  ) => void;\n  /**\n   * Callback fired when the hovered date changes.\n   * @param event - The synthetic event.\n   * @param hoveredDate - The new hovered date.\n   */\n  onHoveredDateChange?: (\n    event: SyntheticEvent,\n    hoveredDate?: TDate | null,\n  ) => void;\n\n  /**\n   * Props to be passed to the start date CalendarNavigation component.\n   */\n  StartCalendarNavigationProps?: CalendarNavigationProps<TDate>;\n\n  /**\n   * Props to be passed to the start date calendar component.\n   */\n  StartCalendarProps?: Partial<\n    Omit<\n      CalendarRangeProps<TDate> | CalendarOffsetProps<TDate>,\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"multiselect\"\n      | \"onFocusedDateChange\"\n      | \"onHoveredDateChange\"\n      | \"onSelectionChange\"\n      | \"onVisibleMonthChange\"\n    >\n  >;\n  /**\n   * Props to be passed to the start date CalendarGrid component.\n   */\n  StartCalendarGridProps?: CalendarGridProps<TDate>;\n\n  /**\n   * Props to be passed to the end date CalendarNavigation component.\n   */\n  EndCalendarProps?: Partial<\n    Omit<\n      CalendarRangeProps<TDate>,\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"multiselect\"\n      | \"onFocusedDateChange\"\n      | \"onHoveredDateChange\"\n      | \"onSelectionChange\"\n      | \"onVisibleMonthChange\"\n    >\n  >;\n\n  /**\n   * Props to be passed to the end date CalendarNavigation component.\n   */\n  EndCalendarNavigationProps?: CalendarNavigationProps<TDate>;\n  /**\n   * Props to be passed to the end date CalendarGrid component.\n   */\n  EndCalendarGridProps?: CalendarGridProps<TDate>;\n}\n\nfunction getFallbackVisibleMonths<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  selectedDate: DateRangeSelection<TDate> | null,\n  timezone: Timezone = \"default\",\n) {\n  function createConsecutiveRange(date: TDate) {\n    const startDate = dateAdapter.startOf(date, \"month\");\n    const endDate = dateAdapter.add(startDate, { months: 1 });\n    return [startDate, endDate];\n  }\n\n  if (selectedDate && dateAdapter.isValid(selectedDate?.startDate)) {\n    const { startDate, endDate } = selectedDate;\n    if (dateAdapter.isValid(endDate)) {\n      return dateAdapter.isSame(startDate, endDate, \"month\")\n        ? createConsecutiveRange(startDate)\n        : [\n            dateAdapter.startOf(startDate, \"month\"),\n            dateAdapter.startOf(endDate, \"month\"),\n          ];\n    }\n    return createConsecutiveRange(startDate);\n  }\n\n  const currentMonth = dateAdapter.startOf(\n    dateAdapter.today(timezone),\n    \"month\",\n  );\n  return [currentMonth, dateAdapter.add(currentMonth, { months: 1 })];\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport const DatePickerRangePanel = forwardRef(function DatePickerRangePanel<\n  TDate extends DateFrameworkType,\n>(props: DatePickerRangePanelProps<TDate>, ref: React.Ref<HTMLDivElement>) {\n  const { dateAdapter } = useLocalization<TDate>();\n\n  const {\n    className,\n    defaultStartVisibleMonth: defaultStartVisibleMonthProp,\n    startVisibleMonth: startVisibleMonthProp,\n    onStartVisibleMonthChange,\n    defaultEndVisibleMonth: defaultEndVisibleMonthProp,\n    endVisibleMonth: endVisibleMonthProp,\n    onEndVisibleMonthChange,\n    helperText,\n    onFocusedDateChange,\n    onHoveredDateChange,\n    onSelectionChange,\n    StartCalendarProps: StartCalendarPropsProp,\n    StartCalendarNavigationProps,\n    StartCalendarGridProps,\n    EndCalendarProps: EndCalendarPropsProp,\n    EndCalendarNavigationProps,\n    EndCalendarGridProps,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-date-picker-range-panel\",\n    css: datePickerPanelCss,\n    window: targetWindow,\n  });\n\n  const calendarsRef = useRef<HTMLDivElement>(null);\n  const containerRef = useForkRef(ref, calendarsRef);\n\n  const {\n    state: {\n      timezone,\n      selectedDate,\n      minDate = dateAdapter.startOf(dateAdapter.today(timezone), \"month\"),\n      maxDate = dateAdapter.add(minDate, { months: 1 }),\n    },\n    helpers: { select, isDayHighlighted, isDayUnselectable },\n  } = useDatePickerContext<TDate>({ selectionVariant: \"range\" });\n\n  const {\n    state: { initialFocusRef, focused },\n  } = useDatePickerOverlay();\n\n  const [hoveredDate, setHoveredDate] = useState<TDate | null>(null);\n\n  const [[fallbackStartVisibleMonth, fallbackEndVisibleMonth]] = useState(() =>\n    getFallbackVisibleMonths<TDate>(dateAdapter, selectedDate, timezone),\n  );\n\n  const [startVisibleMonth, setStartVisibleMonth] = useControlled({\n    controlled: startVisibleMonthProp,\n    default: defaultStartVisibleMonthProp || fallbackStartVisibleMonth,\n    name: \"DatePickerRangePanel\",\n    state: \"startVisibleMonth\",\n  });\n\n  const [endVisibleMonth, setEndVisibleMonth] = useControlled({\n    controlled: endVisibleMonthProp,\n    default: defaultEndVisibleMonthProp || fallbackEndVisibleMonth,\n    name: \"DatePickerRangePanel\",\n    state: \"endVisibleMonth\",\n  });\n\n  const handleSelectionChange = useCallback(\n    (event: SyntheticEvent, newDate: DateRangeSelection<TDate> | null) => {\n      select(event, newDate);\n      onSelectionChange?.(event, newDate);\n    },\n    [select, onSelectionChange],\n  );\n\n  const handleHoveredStartDateChange: CalendarProps<TDate>[\"onHoveredDateChange\"] =\n    useCallback(\n      (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n        setHoveredDate(newHoveredDate);\n        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n  const handleHoveredEndDateChange = useCallback(\n    (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n      setHoveredDate(newHoveredDate);\n      onHoveredDateChange?.(event, newHoveredDate);\n    },\n    [onHoveredDateChange],\n  );\n\n  const handleStartVisibleMonthChange = useCallback(\n    (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n      setStartVisibleMonth(newVisibleMonth);\n      if (dateAdapter.compare(newVisibleMonth, endVisibleMonth) >= 0) {\n        setEndVisibleMonth(dateAdapter.add(newVisibleMonth, { months: 1 }));\n      }\n      onStartVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [dateAdapter, endVisibleMonth, onStartVisibleMonthChange],\n  );\n\n  const handleEndVisibleMonthChange = useCallback(\n    (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n      setEndVisibleMonth(newVisibleMonth);\n      if (dateAdapter.compare(newVisibleMonth, startVisibleMonth) <= 0) {\n        setStartVisibleMonth(\n          dateAdapter.startOf(\n            dateAdapter.subtract(newVisibleMonth, { months: 1 }),\n            \"month\",\n          ),\n        );\n      }\n      onEndVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [dateAdapter, startVisibleMonth, onEndVisibleMonthChange],\n  );\n\n  const calendarSelectedDate = {\n    startDate:\n      selectedDate && dateAdapter.isValid(selectedDate.startDate)\n        ? selectedDate.startDate\n        : null,\n    endDate:\n      selectedDate && dateAdapter.isValid(selectedDate.endDate)\n        ? selectedDate.endDate\n        : null,\n  };\n\n  const [focusedDate, setFocusedDate] = useState<TDate | null>(null);\n\n  const handleStartCalendarFocusedDateChange = useCallback(\n    (event: SyntheticEvent | null, newFocusedDate: TDate) => {\n      setFocusedDate(newFocusedDate);\n      if (\n        newFocusedDate &&\n        !dateAdapter.isSame(startVisibleMonth, newFocusedDate, \"month\")\n      ) {\n        handleStartVisibleMonthChange(\n          event,\n          dateAdapter.startOf(newFocusedDate, \"month\"),\n        );\n      }\n      onFocusedDateChange?.(event, newFocusedDate);\n    },\n    [\n      dateAdapter,\n      startVisibleMonth,\n      handleStartVisibleMonthChange,\n      onFocusedDateChange,\n    ],\n  );\n\n  const handleEndCalendarFocusedDateChange = useCallback(\n    (event: SyntheticEvent | null, newFocusedDate: TDate) => {\n      setFocusedDate(newFocusedDate);\n      if (\n        newFocusedDate &&\n        !dateAdapter.isSame(endVisibleMonth, newFocusedDate, \"month\")\n      ) {\n        handleEndVisibleMonthChange(\n          event,\n          dateAdapter.startOf(newFocusedDate, \"month\"),\n        );\n      }\n      onFocusedDateChange?.(event, newFocusedDate);\n    },\n    [\n      dateAdapter,\n      endVisibleMonth,\n      handleEndVisibleMonthChange,\n      onFocusedDateChange,\n    ],\n  );\n\n  const getNextFocusedDate = (\n    nextStartVisibleMonth: TDate,\n    nextEndVisibleMonth: TDate,\n  ) => {\n    const isOutsideAllowedDates = (date: TDate) => {\n      return (\n        dateAdapter.compare(date, minDate) < 0 ||\n        dateAdapter.compare(date, maxDate) > 0\n      );\n    };\n    const isDaySelectable = (date: TDate) =>\n      !(date && (isDayUnselectable?.(date) || isOutsideAllowedDates(date)));\n\n    const getVisibleSelectedDate = (visibleMonth: TDate) => {\n      if (\n        selectedDate?.startDate &&\n        dateAdapter.isSame(visibleMonth, selectedDate.startDate, \"month\") &&\n        isDaySelectable(selectedDate.startDate)\n      ) {\n        return selectedDate.startDate;\n      }\n      if (\n        selectedDate?.endDate &&\n        dateAdapter.isSame(visibleMonth, selectedDate.endDate, \"month\") &&\n        isDaySelectable(selectedDate.endDate)\n      ) {\n        return selectedDate.endDate;\n      }\n      return null;\n    };\n    let focusSelectedDate = getVisibleSelectedDate(nextStartVisibleMonth);\n    focusSelectedDate =\n      focusSelectedDate ?? getVisibleSelectedDate(nextEndVisibleMonth);\n    if (focusSelectedDate && isDaySelectable(focusSelectedDate)) {\n      return focusSelectedDate;\n    }\n    // Today\n    const today = dateAdapter.today(timezone);\n    if (\n      (dateAdapter.isSame(nextStartVisibleMonth, today, \"month\") ||\n        dateAdapter.isSame(nextEndVisibleMonth, today, \"month\")) &&\n      isDaySelectable(today)\n    ) {\n      return today;\n    }\n    // First selectable date in either calendar\n    const getFirstSelectableDate = (visibleMonth: TDate) => {\n      const firstSelectableDate = generateDatesForMonth(\n        dateAdapter,\n        visibleMonth,\n      ).find((visibleDay) => isDaySelectable(visibleDay));\n      return firstSelectableDate ?? null;\n    };\n\n    return (\n      getFirstSelectableDate(nextStartVisibleMonth) ??\n      getFirstSelectableDate(nextEndVisibleMonth)\n    );\n  };\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: only run when focus/min/max date changes\n  useIsomorphicLayoutEffect(() => {\n    if (!focused) {\n      setFocusedDate(null);\n      return;\n    }\n\n    const isStartDateValid =\n      selectedDate?.startDate &&\n      dateAdapter.isValid(selectedDate.startDate) &&\n      dateAdapter.compare(selectedDate.startDate, minDate) >= 0 &&\n      dateAdapter.compare(selectedDate.startDate, maxDate) <= 0;\n\n    const isEndDateValid =\n      selectedDate?.endDate &&\n      dateAdapter.isValid(selectedDate.endDate) &&\n      dateAdapter.compare(selectedDate.endDate, minDate) >= 0 &&\n      dateAdapter.compare(selectedDate.endDate, maxDate) <= 0;\n\n    let nextStartVisibleMonth = startVisibleMonth;\n    let nextEndVisibleMonth = endVisibleMonth;\n\n    const setVisibleMonths = (\n      start: typeof nextStartVisibleMonth,\n      end: typeof nextEndVisibleMonth,\n    ) => {\n      nextStartVisibleMonth = dateAdapter.startOf(start, \"month\");\n      nextEndVisibleMonth = dateAdapter.startOf(end, \"month\");\n    };\n\n    if (\n      selectedDate?.startDate &&\n      selectedDate?.endDate &&\n      isStartDateValid &&\n      isEndDateValid\n    ) {\n      if (\n        dateAdapter.isSame(\n          selectedDate.startDate,\n          startVisibleMonth,\n          \"month\",\n        ) &&\n        dateAdapter.isSame(selectedDate.endDate, startVisibleMonth, \"month\")\n      ) {\n        setVisibleMonths(\n          selectedDate.startDate,\n          dateAdapter.add(selectedDate.startDate, { months: 1 }),\n        );\n      } else {\n        setVisibleMonths(selectedDate.startDate, selectedDate.endDate);\n      }\n    } else if (selectedDate?.startDate && isStartDateValid) {\n      setVisibleMonths(\n        selectedDate.startDate,\n        dateAdapter.add(selectedDate.startDate, { months: 1 }),\n      );\n    } else if (selectedDate?.endDate && isEndDateValid) {\n      setVisibleMonths(\n        dateAdapter.subtract(selectedDate.endDate, { months: 1 }),\n        selectedDate.endDate,\n      );\n    }\n\n    if (!focusedDate) {\n      setFocusedDate((prevFocusedDate) => {\n        if (!prevFocusedDate) {\n          return getNextFocusedDate(nextStartVisibleMonth, nextEndVisibleMonth);\n        }\n        return prevFocusedDate;\n      });\n    }\n  }, [dateAdapter, minDate, maxDate, focused]);\n\n  const StartCalendarProps = {\n    visibleMonth: startVisibleMonth,\n    hoveredDate,\n    selectedDate: calendarSelectedDate,\n    isDayHighlighted,\n    isDayUnselectable,\n    focusedDateRef: initialFocusRef,\n    focusedDate:\n      focusedDate &&\n      dateAdapter.compare(\n        focusedDate,\n        dateAdapter.startOf(endVisibleMonth, \"month\"),\n      ) < 0\n        ? focusedDate\n        : null,\n    onHoveredDateChange: handleHoveredStartDateChange,\n    onFocusedDateChange: handleStartCalendarFocusedDateChange,\n    onVisibleMonthChange: handleStartVisibleMonthChange,\n    onSelectionChange: handleSelectionChange,\n    hideOutOfRangeDates: true,\n    minDate,\n    maxDate,\n    timezone,\n    ...StartCalendarPropsProp,\n  } as Partial<UseCalendarSelectionRangeProps<TDate>>;\n  const EndCalendarProps = {\n    visibleMonth: endVisibleMonth,\n    hoveredDate,\n    isDayHighlighted,\n    isDayUnselectable,\n    focusedDateRef: initialFocusRef,\n    focusedDate:\n      focusedDate &&\n      dateAdapter.compare(\n        focusedDate,\n        dateAdapter.startOf(endVisibleMonth, \"month\"),\n      ) >= 0\n        ? focusedDate\n        : null,\n    selectedDate: calendarSelectedDate,\n    onFocusedDateChange: handleEndCalendarFocusedDateChange,\n    onHoveredDateChange: handleHoveredEndDateChange,\n    onVisibleMonthChange: handleEndVisibleMonthChange,\n    onSelectionChange: handleSelectionChange,\n    hideOutOfRangeDates: true,\n    minDate,\n    maxDate,\n    timezone,\n    ...EndCalendarPropsProp,\n  } as Partial<UseCalendarSelectionRangeProps<TDate>>;\n\n  return (\n    <StackLayout\n      separators\n      gap={0}\n      className={clsx(className, withBaseName(\"container\"))}\n      ref={containerRef}\n      {...rest}\n    >\n      {helperText && (\n        <FlexItem className={withBaseName(\"header\")}>\n          <FormFieldHelperText>{helperText}</FormFieldHelperText>\n        </FlexItem>\n      )}\n      <FlexLayout gap={0}>\n        {/* Avoid Dropdowns in Calendar inheriting the FormField's state */}\n        <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n          <Calendar selectionVariant={\"range\"} {...StartCalendarProps}>\n            <CalendarNavigation\n              disableNavigateNext={dateAdapter.isSame(\n                startVisibleMonth,\n                dateAdapter.subtract(maxDate, { months: 1 }),\n                \"month\",\n              )}\n              {...StartCalendarNavigationProps}\n            />\n            <CalendarGrid {...StartCalendarGridProps} />\n          </Calendar>\n          <Calendar selectionVariant={\"range\"} {...EndCalendarProps}>\n            <CalendarNavigation\n              disableNavigatePrevious={dateAdapter.isSame(\n                endVisibleMonth,\n                dateAdapter.add(minDate, { months: 1 }),\n                \"month\",\n              )}\n              {...EndCalendarNavigationProps}\n            />\n            <CalendarGrid {...EndCalendarGridProps} />\n          </Calendar>\n        </FormFieldContext.Provider>\n      </FlexLayout>\n    </StackLayout>\n  );\n});\n"],"names":["makePrefixer","forwardRef","DatePickerRangePanel","useLocalization","useWindow","useComponentCssInjection","datePickerPanelCss","useRef","useForkRef","useDatePickerContext","useDatePickerOverlay","useState","useControlled","useCallback","generateDatesForMonth","useIsomorphicLayoutEffect","jsxs","StackLayout","clsx","jsx","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","CalendarNavigation","CalendarGrid"],"mappings":"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"}

package/dist-cjs/date-picker/DatePickerSingleGridPanel.js

@@ -186,7 +186,7 @@ const DatePickerSingleGridPanel = react.forwardRef(
       visibleMonth,
       timezone
     ]);
-    react.useLayoutEffect(() => {
+    core.useIsomorphicLayoutEffect(() => {
       if (focused && !calendarGridFocused.current) {
         setFocusedDate((prevFocusedDate) => {
           if (!prevFocusedDate) {