@react-spectrum/calendar 3.7.10 → 3.8.0

package/src/CalendarMonth.tsx

@@ -1,80 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {CalendarCell} from './CalendarCell';
-import {CalendarDate, endOfMonth} from '@internationalized/date';
-import {CalendarPropsBase} from '@react-types/calendar';
-import {CalendarState, RangeCalendarState} from '@react-stately/calendar';
-import {classNames} from '@react-spectrum/utils';
-import {DOMProps, StyleProps} from '@react-types/shared';
-import React, {JSX} from 'react';
-import styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';
-import {useCalendarGrid} from '@react-aria/calendar';
-
-interface CalendarMonthProps extends CalendarPropsBase, DOMProps, StyleProps {
-  state: CalendarState | RangeCalendarState,
-  startDate: CalendarDate
-}
-
-export function CalendarMonth(props: CalendarMonthProps): JSX.Element {
-  let {
-    state,
-    startDate,
-    firstDayOfWeek
-  } = props;
-
-  let {
-    gridProps,
-    headerProps,
-    weekDays,
-    weeksInMonth
-  } = useCalendarGrid({
-    ...props,
-    endDate: endOfMonth(startDate)
-  }, state);
-
-  return (
-    <table
-      {...gridProps}
-      className={classNames(styles, 'spectrum-Calendar-body', 'spectrum-Calendar-table')}>
-      <thead {...headerProps}>
-        <tr>
-          {weekDays.map((day, index) => (
-            <th
-              key={index}
-              className={classNames(styles, 'spectrum-Calendar-tableCell')}>
-              <span className={classNames(styles, 'spectrum-Calendar-dayOfWeek')}>
-                {day}
-              </span>
-            </th>
-          ))}
-        </tr>
-      </thead>
-      <tbody>
-        {[...new Array(weeksInMonth).keys()].map(weekIndex => (
-          <tr key={weekIndex}>
-            {state.getDatesInWeek(weekIndex, startDate).map((date, i) => (
-              date ? (
-                <CalendarCell
-                  key={i}
-                  state={state}
-                  date={date}
-                  currentMonth={startDate}
-                  firstDayOfWeek={firstDayOfWeek} />
-              ) : <td key={i} />
-            ))}
-          </tr>
-        ))}
-      </tbody>
-    </table>
-  );
-}

package/src/RangeCalendar.tsx

@@ -1,61 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {CalendarBase} from './CalendarBase';
-import {createCalendar} from '@internationalized/date';
-import {createDOMRef} from '@react-spectrum/utils';
-import {DateValue, SpectrumRangeCalendarProps} from '@react-types/calendar';
-import {FocusableRef} from '@react-types/shared';
-import React, {ReactElement, useImperativeHandle, useMemo, useRef} from 'react';
-import {useLocale} from '@react-aria/i18n';
-import {useProviderProps} from '@react-spectrum/provider';
-import {useRangeCalendar} from '@react-aria/calendar';
-import {useRangeCalendarState} from '@react-stately/calendar';
-
-/**
- * RangeCalendars display a grid of days in one or more months and allow users to select a contiguous range of dates.
- */
-export const RangeCalendar = React.forwardRef(function RangeCalendar<T extends DateValue>(props: SpectrumRangeCalendarProps<T>, ref: FocusableRef<HTMLElement>) {
-  props = useProviderProps(props);
-  let {visibleMonths = 1} = props;
-  visibleMonths = Math.max(visibleMonths, 1);
-  let visibleDuration = useMemo(() => ({months: visibleMonths}), [visibleMonths]);
-  let {locale} = useLocale();
-  let state = useRangeCalendarState({
-    ...props,
-    locale,
-    visibleDuration,
-    createCalendar: props.createCalendar || createCalendar
-  });
-
-  let domRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    ...createDOMRef(domRef),
-    focus() {
-      state.setFocused(true);
-    }
-  }));
-
-  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps} = useRangeCalendar(props, state, domRef);
-
-  return (
-    <CalendarBase
-      {...props}
-      visibleMonths={visibleMonths}
-      state={state}
-      calendarRef={domRef}
-      calendarProps={calendarProps}
-      prevButtonProps={prevButtonProps}
-      nextButtonProps={nextButtonProps}
-      errorMessageProps={errorMessageProps} />
-  );
-}) as <T extends DateValue>(props: SpectrumRangeCalendarProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;