@fluentui/react-calendar-compat 0.0.0-nightly-20231023-0416.1 → 0.0.2

package/lib/components/CalendarYear/CalendarYear.js

@@ -0,0 +1,298 @@
+import * as React from 'react';
+import { Enter, Space } from '@fluentui/keyboard-keys';
+import { ArrowDownRegular, ArrowUpRegular } from '@fluentui/react-icons';
+import { useFluent_unstable } from '@fluentui/react-shared-contexts';
+import { useArrowNavigationGroup } from '@fluentui/react-tabster';
+import { mergeClasses } from '@griffel/react';
+import { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles';
+const CELL_COUNT = 12;
+const CELLS_PER_ROW = 4;
+const DefaultCalendarYearStrings = {
+    prevRangeAriaLabel: undefined,
+    nextRangeAriaLabel: undefined
+};
+const CalendarYearGridCell = (props)=>{
+    const { className, highlightCurrentYear, highlightSelectedYear, year, selected, disabled, componentRef, onSelectYear, onRenderYear } = props;
+    const buttonRef = React.useRef(null);
+    React.useImperativeHandle(componentRef, ()=>({
+            focus () {
+                var _buttonRef_current_focus, _buttonRef_current;
+                (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : (_buttonRef_current_focus = _buttonRef_current.focus) === null || _buttonRef_current_focus === void 0 ? void 0 : _buttonRef_current_focus.call(_buttonRef_current);
+            }
+        }), []);
+    const onClick = ()=>{
+        onSelectYear === null || onSelectYear === void 0 ? void 0 : onSelectYear(year);
+    };
+    const onKeyDown = (ev)=>{
+        if (ev.key === Enter) {
+            onSelectYear === null || onSelectYear === void 0 ? void 0 : onSelectYear(year);
+        }
+    };
+    const classNames = useCalendarYearStyles_unstable({
+        className,
+        highlightCurrent: highlightCurrentYear,
+        highlightSelected: highlightSelectedYear
+    });
+    var _onRenderYear;
+    return /*#__PURE__*/ React.createElement("button", {
+        className: mergeClasses(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled),
+        type: "button",
+        role: "gridcell",
+        onClick: !disabled ? onClick : undefined,
+        onKeyDown: !disabled ? onKeyDown : undefined,
+        disabled: disabled,
+        "aria-selected": selected,
+        ref: buttonRef
+    }, (_onRenderYear = onRenderYear === null || onRenderYear === void 0 ? void 0 : onRenderYear(year)) !== null && _onRenderYear !== void 0 ? _onRenderYear : year);
+};
+CalendarYearGridCell.displayName = 'CalendarYearGridCell';
+const CalendarYearGrid = (props)=>{
+    const { className, fromYear, toYear, animationDirection, animateBackwards, minYear, maxYear, onSelectYear, selectedYear, componentRef } = props;
+    const selectedCellRef = React.useRef(null);
+    const currentCellRef = React.useRef(null);
+    React.useImperativeHandle(componentRef, ()=>({
+            focus () {
+                var _focus, _this;
+                (_this = selectedCellRef.current || currentCellRef.current) === null || _this === void 0 ? void 0 : (_focus = _this.focus) === null || _focus === void 0 ? void 0 : _focus.call(_this);
+            }
+        }), []);
+    const renderCell = (yearToRender)=>{
+        const selected = yearToRender === selectedYear;
+        const disabled = minYear !== undefined && yearToRender < minYear || maxYear !== undefined && yearToRender > maxYear;
+        const current = yearToRender === new Date().getFullYear();
+        return /*#__PURE__*/ React.createElement(CalendarYearGridCell, {
+            ...props,
+            key: yearToRender,
+            year: yearToRender,
+            selected: selected,
+            current: current,
+            disabled: disabled,
+            onSelectYear: onSelectYear,
+            componentRef: selected ? selectedCellRef : current ? currentCellRef : undefined
+        });
+    };
+    const classNames = useCalendarYearStyles_unstable({
+        className,
+        animateBackwards,
+        animationDirection
+    });
+    const onRenderYear = (value)=>{
+        var _props_onRenderYear;
+        var _props_onRenderYear1;
+        return (_props_onRenderYear1 = (_props_onRenderYear = props.onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(props, value)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : value;
+    };
+    const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;
+    let year = fromYear;
+    const cells = [];
+    for(let i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++){
+        cells.push([]);
+        for(let j = 0; j < CELLS_PER_ROW; j++){
+            cells[i].push(renderCell(year));
+            year++;
+        }
+    }
+    const arrowNavigationAttributes = useArrowNavigationGroup({
+        axis: 'both'
+    });
+    return /*#__PURE__*/ React.createElement("div", arrowNavigationAttributes, /*#__PURE__*/ React.createElement("div", {
+        className: classNames.gridContainer,
+        role: "grid",
+        "aria-label": gridAriaLabel
+    }, cells.map((cellRow, index)=>{
+        return /*#__PURE__*/ React.createElement("div", {
+            key: 'yearPickerRow_' + index + '_' + fromYear,
+            role: "row",
+            className: classNames.buttonRow
+        }, cellRow);
+    })));
+};
+CalendarYearGrid.displayName = 'CalendarYearGrid';
+const CalendarYearNavDirection = {
+    Previous: 0,
+    Next: 1
+};
+const CalendarYearNavArrow = (props)=>{
+    const { className, strings = DefaultCalendarYearStrings, direction, onSelectPrev, onSelectNext, fromYear, toYear, maxYear, minYear } = props;
+    const classNames = useCalendarYearStyles_unstable({
+        className
+    });
+    const ariaLabel = direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;
+    const newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;
+    const newRange = {
+        fromYear: fromYear + newRangeOffset,
+        toYear: toYear + newRangeOffset
+    };
+    const ariaLabelString = ariaLabel ? typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange) : undefined;
+    const disabled = direction === CalendarYearNavDirection.Previous ? minYear !== undefined && fromYear < minYear : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;
+    const onNavigate = ()=>{
+        direction === CalendarYearNavDirection.Previous ? onSelectPrev === null || onSelectPrev === void 0 ? void 0 : onSelectPrev() : onSelectNext === null || onSelectNext === void 0 ? void 0 : onSelectNext();
+    };
+    const onKeyDown = (ev)=>{
+        if (ev.key === Enter) {
+            onNavigate();
+        }
+    };
+    const { dir } = useFluent_unstable();
+    // can be condensed, but leaving verbose for clarity due to regressions
+    const isLeftNavigation = dir === 'rtl' ? direction === CalendarYearNavDirection.Next : direction === CalendarYearNavDirection.Previous;
+    return /*#__PURE__*/ React.createElement("button", {
+        className: mergeClasses(classNames.navigationButton, disabled && classNames.disabled),
+        onClick: !disabled ? onNavigate : undefined,
+        onKeyDown: !disabled ? onKeyDown : undefined,
+        type: "button",
+        title: ariaLabelString,
+        disabled: disabled
+    }, isLeftNavigation ? /*#__PURE__*/ React.createElement(ArrowUpRegular, null) : /*#__PURE__*/ React.createElement(ArrowDownRegular, null));
+};
+CalendarYearNavArrow.displayName = 'CalendarYearNavArrow';
+const CalendarYearNav = (props)=>{
+    const { className } = props;
+    const classNames = useCalendarYearStyles_unstable({
+        className
+    });
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames.navigationButtonsContainer
+    }, /*#__PURE__*/ React.createElement(CalendarYearNavArrow, {
+        ...props,
+        direction: CalendarYearNavDirection.Previous
+    }), /*#__PURE__*/ React.createElement(CalendarYearNavArrow, {
+        ...props,
+        direction: CalendarYearNavDirection.Next
+    }));
+};
+CalendarYearNav.displayName = 'CalendarYearNav';
+const CalendarYearTitle = (props)=>{
+    const { className, fromYear, toYear, strings = DefaultCalendarYearStrings, animateBackwards, animationDirection } = props;
+    const onHeaderSelect = ()=>{
+        var _props_onHeaderSelect;
+        (_props_onHeaderSelect = props.onHeaderSelect) === null || _props_onHeaderSelect === void 0 ? void 0 : _props_onHeaderSelect.call(props, true);
+    };
+    const onHeaderKeyDown = (ev)=>{
+        if (ev.key === Enter || ev.key === Space) {
+            onHeaderSelect();
+        }
+    };
+    const onRenderYear = (year)=>{
+        var _props_onRenderYear;
+        var _props_onRenderYear1;
+        return (_props_onRenderYear1 = (_props_onRenderYear = props.onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(props, year)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : year;
+    };
+    const classNames = useCalendarYearStyles_unstable({
+        className,
+        hasHeaderClickCallback: !!props.onHeaderSelect,
+        animateBackwards,
+        animationDirection
+    });
+    if (props.onHeaderSelect) {
+        const rangeAriaLabel = strings.rangeAriaLabel;
+        const headerAriaLabelFormatString = strings.headerAriaLabelFormatString;
+        const currentDateRange = rangeAriaLabel ? typeof rangeAriaLabel === 'string' ? rangeAriaLabel : rangeAriaLabel(props) : undefined;
+        const ariaLabel = headerAriaLabelFormatString ? headerAriaLabelFormatString.replace('{0}', currentDateRange !== null && currentDateRange !== void 0 ? currentDateRange : '') : currentDateRange;
+        return /*#__PURE__*/ React.createElement("button", {
+            className: classNames.currentItemButton,
+            onClick: onHeaderSelect,
+            onKeyDown: onHeaderKeyDown,
+            "aria-label": ariaLabel,
+            role: "button",
+            type: "button"
+        }, /*#__PURE__*/ React.createElement("span", {
+            "aria-live": "assertive",
+            "aria-atomic": "true"
+        }, onRenderYear(fromYear), " - ", onRenderYear(toYear)));
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames.current
+    }, onRenderYear(fromYear), " - ", onRenderYear(toYear));
+};
+CalendarYearTitle.displayName = 'CalendarYearTitle';
+const CalendarYearHeader = (props)=>{
+    const { className, animateBackwards, animationDirection, onRenderTitle } = props;
+    const classNames = useCalendarYearStyles_unstable({
+        className,
+        hasHeaderClickCallback: !!props.onHeaderSelect,
+        animateBackwards,
+        animationDirection
+    });
+    var _onRenderTitle;
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames.headerContainer
+    }, (_onRenderTitle = onRenderTitle === null || onRenderTitle === void 0 ? void 0 : onRenderTitle(props)) !== null && _onRenderTitle !== void 0 ? _onRenderTitle : /*#__PURE__*/ React.createElement(CalendarYearTitle, props), /*#__PURE__*/ React.createElement(CalendarYearNav, props));
+};
+CalendarYearHeader.displayName = 'CalendarYearHeader';
+function useAnimateBackwards({ selectedYear, navigatedYear }) {
+    const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();
+    const fromYear = Math.floor(rangeYear / 10) * 10;
+    const previousFromYearRef = React.useRef(fromYear);
+    React.useRef(()=>{
+        previousFromYearRef.current = fromYear;
+    });
+    const previousFromYear = previousFromYearRef.current;
+    if (!previousFromYear || previousFromYear === fromYear) {
+        return undefined;
+    } else if (previousFromYear > fromYear) {
+        return true;
+    } else {
+        return false;
+    }
+}
+function useYearRangeState({ selectedYear, navigatedYear }) {
+    const rangeYear = React.useMemo(()=>{
+        return selectedYear || navigatedYear || Math.floor(new Date().getFullYear() / 10) * 10;
+    }, [
+        navigatedYear,
+        selectedYear
+    ]);
+    const [fromYear, setFromYear] = React.useState(rangeYear);
+    const onNavNext = ()=>{
+        setFromYear((year)=>year + CELL_COUNT);
+    };
+    const onNavPrevious = ()=>{
+        setFromYear((year)=>year - CELL_COUNT);
+    };
+    React.useEffect(()=>{
+        setFromYear(rangeYear);
+    }, [
+        rangeYear
+    ]);
+    const toYear = fromYear + CELL_COUNT - 1;
+    return [
+        fromYear,
+        toYear,
+        onNavNext,
+        onNavPrevious
+    ];
+}
+/**
+ * @internal
+ */ export const CalendarYear = (props)=>{
+    const animateBackwards = useAnimateBackwards(props);
+    const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);
+    const gridRef = React.useRef(null);
+    React.useImperativeHandle(props.componentRef, ()=>({
+            focus () {
+                var _gridRef_current_focus, _gridRef_current;
+                (_gridRef_current = gridRef.current) === null || _gridRef_current === void 0 ? void 0 : (_gridRef_current_focus = _gridRef_current.focus) === null || _gridRef_current_focus === void 0 ? void 0 : _gridRef_current_focus.call(_gridRef_current);
+            }
+        }));
+    const { className } = props;
+    const classNames = useCalendarYearStyles_unstable({
+        className
+    });
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames.root
+    }, /*#__PURE__*/ React.createElement(CalendarYearHeader, {
+        ...props,
+        fromYear: fromYear,
+        toYear: toYear,
+        onSelectPrev: onNavPrevious,
+        onSelectNext: onNavNext,
+        animateBackwards: animateBackwards
+    }), /*#__PURE__*/ React.createElement(CalendarYearGrid, {
+        ...props,
+        fromYear: fromYear,
+        toYear: toYear,
+        animateBackwards: animateBackwards,
+        componentRef: gridRef
+    }));
+};
+CalendarYear.displayName = 'CalendarYear';

package/lib/components/CalendarYear/CalendarYear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarYear.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport { ArrowDownRegular, ArrowUpRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles';\nimport type {\n  CalendarYearStrings,\n  CalendarYearProps,\n  CalendarYearRange,\n  CalendarYearHeaderProps,\n} from './CalendarYear.types';\n\nconst CELL_COUNT = 12;\nconst CELLS_PER_ROW = 4;\n\nconst DefaultCalendarYearStrings: CalendarYearStrings = {\n  prevRangeAriaLabel: undefined,\n  nextRangeAriaLabel: undefined,\n};\ninterface CalendarYearGrid {\n  focus(): void;\n}\n\ninterface CalendarYearGridCellProps extends CalendarYearProps {\n  year: number;\n  current?: boolean;\n  selected?: boolean;\n  disabled?: boolean;\n  onSelectYear?: (year: number) => void;\n  onRenderYear?: (year: number) => React.ReactNode;\n}\n\ninterface CalendarYearGridProps extends CalendarYearProps, CalendarYearRange {\n  selectedYear?: number;\n  animateBackwards?: boolean;\n  componentRef?: React.RefObject<CalendarYearGridCell>;\n}\n\ninterface CalendarYearGridCell {\n  focus(): void;\n}\n\nconst CalendarYearGridCell: React.FunctionComponent<CalendarYearGridCellProps> = props => {\n  const {\n    className,\n    highlightCurrentYear,\n    highlightSelectedYear,\n    year,\n    selected,\n    disabled,\n    componentRef,\n    onSelectYear,\n    onRenderYear,\n  } = props;\n\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useImperativeHandle(\n    componentRef,\n    () => ({\n      focus() {\n        buttonRef.current?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const onClick = () => {\n    onSelectYear?.(year);\n  };\n\n  const onKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter) {\n      onSelectYear?.(year);\n    }\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    highlightCurrent: highlightCurrentYear,\n    highlightSelected: highlightSelectedYear,\n  });\n\n  return (\n    <button\n      className={mergeClasses(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled)}\n      type=\"button\"\n      role=\"gridcell\"\n      onClick={!disabled ? onClick : undefined}\n      onKeyDown={!disabled ? onKeyDown : undefined}\n      disabled={disabled}\n      aria-selected={selected}\n      ref={buttonRef}\n    >\n      {onRenderYear?.(year) ?? year}\n    </button>\n  );\n};\nCalendarYearGridCell.displayName = 'CalendarYearGridCell';\n\nconst CalendarYearGrid: React.FunctionComponent<CalendarYearGridProps> = props => {\n  const {\n    className,\n    fromYear,\n    toYear,\n    animationDirection,\n    animateBackwards,\n    minYear,\n    maxYear,\n    onSelectYear,\n    selectedYear,\n    componentRef,\n  } = props;\n\n  const selectedCellRef = React.useRef<CalendarYearGridCell>(null);\n  const currentCellRef = React.useRef<CalendarYearGridCell>(null);\n\n  React.useImperativeHandle(\n    componentRef,\n    () => ({\n      focus() {\n        (selectedCellRef.current || currentCellRef.current)?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const renderCell = (yearToRender: number): React.ReactNode => {\n    const selected = yearToRender === selectedYear;\n    const disabled =\n      (minYear !== undefined && yearToRender < minYear) || (maxYear !== undefined && yearToRender > maxYear);\n    const current = yearToRender === new Date().getFullYear();\n\n    return (\n      <CalendarYearGridCell\n        {...props}\n        key={yearToRender}\n        year={yearToRender}\n        selected={selected}\n        current={current}\n        disabled={disabled}\n        onSelectYear={onSelectYear}\n        componentRef={selected ? selectedCellRef : current ? currentCellRef : undefined}\n      />\n    );\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    animateBackwards,\n    animationDirection,\n  });\n\n  const onRenderYear = (value: number) => {\n    return props.onRenderYear?.(value) ?? value;\n  };\n\n  const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;\n\n  let year = fromYear;\n  const cells: React.ReactNode[][] = [];\n\n  for (let i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++) {\n    cells.push([]);\n    for (let j = 0; j < CELLS_PER_ROW; j++) {\n      cells[i].push(renderCell(year));\n      year++;\n    }\n  }\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'both' });\n\n  return (\n    <div {...arrowNavigationAttributes}>\n      <div className={classNames.gridContainer} role=\"grid\" aria-label={gridAriaLabel}>\n        {cells.map((cellRow: React.ReactNode[], index: number) => {\n          return (\n            <div key={'yearPickerRow_' + index + '_' + fromYear} role=\"row\" className={classNames.buttonRow}>\n              {cellRow}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\nCalendarYearGrid.displayName = 'CalendarYearGrid';\n\nconst CalendarYearNavDirection = {\n  Previous: 0 as const,\n  Next: 1 as const,\n};\n\ninterface CalendarYearNavArrowProps extends CalendarYearHeaderProps {\n  direction: (typeof CalendarYearNavDirection)[keyof typeof CalendarYearNavDirection];\n}\n\nconst CalendarYearNavArrow: React.FunctionComponent<CalendarYearNavArrowProps> = props => {\n  const {\n    className,\n    strings = DefaultCalendarYearStrings,\n    direction,\n    onSelectPrev,\n    onSelectNext,\n    fromYear,\n    toYear,\n    maxYear,\n    minYear,\n  } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  const ariaLabel =\n    direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;\n  const newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;\n  const newRange = { fromYear: fromYear + newRangeOffset, toYear: toYear + newRangeOffset };\n  const ariaLabelString = ariaLabel ? (typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange)) : undefined;\n  const disabled =\n    direction === CalendarYearNavDirection.Previous\n      ? minYear !== undefined && fromYear < minYear\n      : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;\n\n  const onNavigate = () => {\n    direction === CalendarYearNavDirection.Previous ? onSelectPrev?.() : onSelectNext?.();\n  };\n\n  const onKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter) {\n      onNavigate();\n    }\n  };\n\n  const { dir } = useFluent_unstable();\n\n  // can be condensed, but leaving verbose for clarity due to regressions\n  const isLeftNavigation =\n    dir === 'rtl' ? direction === CalendarYearNavDirection.Next : direction === CalendarYearNavDirection.Previous;\n\n  return (\n    <button\n      className={mergeClasses(classNames.navigationButton, disabled && classNames.disabled)}\n      onClick={!disabled ? onNavigate : undefined}\n      onKeyDown={!disabled ? onKeyDown : undefined}\n      type=\"button\"\n      title={ariaLabelString}\n      disabled={disabled}\n    >\n      {isLeftNavigation ? <ArrowUpRegular /> : <ArrowDownRegular />}\n    </button>\n  );\n};\nCalendarYearNavArrow.displayName = 'CalendarYearNavArrow';\n\nconst CalendarYearNav: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const { className } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  return (\n    <div className={classNames.navigationButtonsContainer}>\n      <CalendarYearNavArrow {...props} direction={CalendarYearNavDirection.Previous} />\n      <CalendarYearNavArrow {...props} direction={CalendarYearNavDirection.Next} />\n    </div>\n  );\n};\nCalendarYearNav.displayName = 'CalendarYearNav';\n\nconst CalendarYearTitle: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const {\n    className,\n    fromYear,\n    toYear,\n    strings = DefaultCalendarYearStrings,\n    animateBackwards,\n    animationDirection,\n  } = props;\n\n  const onHeaderSelect = () => {\n    props.onHeaderSelect?.(true);\n  };\n\n  const onHeaderKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter || ev.key === Space) {\n      onHeaderSelect();\n    }\n  };\n\n  const onRenderYear = (year: number) => {\n    return props.onRenderYear?.(year) ?? year;\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!props.onHeaderSelect,\n    animateBackwards,\n    animationDirection,\n  });\n\n  if (props.onHeaderSelect) {\n    const rangeAriaLabel = strings.rangeAriaLabel;\n    const headerAriaLabelFormatString = strings.headerAriaLabelFormatString;\n    const currentDateRange = rangeAriaLabel\n      ? typeof rangeAriaLabel === 'string'\n        ? rangeAriaLabel\n        : rangeAriaLabel(props)\n      : undefined;\n\n    const ariaLabel = headerAriaLabelFormatString\n      ? headerAriaLabelFormatString.replace('{0}', currentDateRange ?? '')\n      : currentDateRange;\n\n    return (\n      <button\n        className={classNames.currentItemButton}\n        onClick={onHeaderSelect}\n        onKeyDown={onHeaderKeyDown}\n        aria-label={ariaLabel}\n        role=\"button\"\n        type=\"button\"\n      >\n        <span aria-live=\"assertive\" aria-atomic=\"true\">\n          {onRenderYear(fromYear)} - {onRenderYear(toYear)}\n        </span>\n      </button>\n    );\n  }\n\n  return (\n    <div className={classNames.current}>\n      {onRenderYear(fromYear)} - {onRenderYear(toYear)}\n    </div>\n  );\n};\nCalendarYearTitle.displayName = 'CalendarYearTitle';\n\nconst CalendarYearHeader: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const { className, animateBackwards, animationDirection, onRenderTitle } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!props.onHeaderSelect,\n    animateBackwards,\n    animationDirection,\n  });\n\n  return (\n    <div className={classNames.headerContainer}>\n      {onRenderTitle?.(props) ?? <CalendarYearTitle {...props} />}\n      <CalendarYearNav {...props} />\n    </div>\n  );\n};\nCalendarYearHeader.displayName = 'CalendarYearHeader';\n\nfunction useAnimateBackwards({ selectedYear, navigatedYear }: CalendarYearProps) {\n  const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n  const fromYear = Math.floor(rangeYear / 10) * 10;\n\n  const previousFromYearRef = React.useRef<number | undefined>(fromYear);\n  React.useRef(() => {\n    previousFromYearRef.current = fromYear;\n  });\n  const previousFromYear = previousFromYearRef.current;\n\n  if (!previousFromYear || previousFromYear === fromYear) {\n    return undefined;\n  } else if (previousFromYear > fromYear) {\n    return true;\n  } else {\n    return false;\n  }\n}\n\nfunction useYearRangeState({ selectedYear, navigatedYear }: CalendarYearProps) {\n  const rangeYear = React.useMemo(() => {\n    return selectedYear || navigatedYear || Math.floor(new Date().getFullYear() / 10) * 10;\n  }, [navigatedYear, selectedYear]);\n\n  const [fromYear, setFromYear] = React.useState<number>(rangeYear);\n\n  const onNavNext = () => {\n    setFromYear(year => year + CELL_COUNT);\n  };\n\n  const onNavPrevious = () => {\n    setFromYear(year => year - CELL_COUNT);\n  };\n\n  React.useEffect(() => {\n    setFromYear(rangeYear);\n  }, [rangeYear]);\n\n  const toYear = fromYear + CELL_COUNT - 1;\n\n  return [fromYear, toYear, onNavNext, onNavPrevious] as const;\n}\n\n/**\n * @internal\n */\nexport const CalendarYear: React.FunctionComponent<CalendarYearProps> = props => {\n  const animateBackwards = useAnimateBackwards(props);\n  const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);\n\n  const gridRef = React.useRef<CalendarYearGrid>(null);\n\n  React.useImperativeHandle(props.componentRef, () => ({\n    focus() {\n      gridRef.current?.focus?.();\n    },\n  }));\n\n  const { className } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  return (\n    <div className={classNames.root}>\n      <CalendarYearHeader\n        {...props}\n        fromYear={fromYear}\n        toYear={toYear}\n        onSelectPrev={onNavPrevious}\n        onSelectNext={onNavNext}\n        animateBackwards={animateBackwards}\n      />\n      <CalendarYearGrid\n        {...props}\n        fromYear={fromYear}\n        toYear={toYear}\n        animateBackwards={animateBackwards}\n        componentRef={gridRef}\n      />\n    </div>\n  );\n};\nCalendarYear.displayName = 'CalendarYear';\n"],"names":["React","Enter","Space","ArrowDownRegular","ArrowUpRegular","useFluent_unstable","useArrowNavigationGroup","mergeClasses","useCalendarYearStyles_unstable","CELL_COUNT","CELLS_PER_ROW","DefaultCalendarYearStrings","prevRangeAriaLabel","undefined","nextRangeAriaLabel","CalendarYearGridCell","props","className","highlightCurrentYear","highlightSelectedYear","year","selected","disabled","componentRef","onSelectYear","onRenderYear","buttonRef","useRef","useImperativeHandle","focus","current","onClick","onKeyDown","ev","key","classNames","highlightCurrent","highlightSelected","button","itemButton","type","role","aria-selected","ref","displayName","CalendarYearGrid","fromYear","toYear","animationDirection","animateBackwards","minYear","maxYear","selectedYear","selectedCellRef","currentCellRef","renderCell","yearToRender","Date","getFullYear","value","gridAriaLabel","cells","i","push","j","arrowNavigationAttributes","axis","div","gridContainer","aria-label","map","cellRow","index","buttonRow","CalendarYearNavDirection","Previous","Next","CalendarYearNavArrow","strings","direction","onSelectPrev","onSelectNext","ariaLabel","newRangeOffset","newRange","ariaLabelString","onNavigate","dir","isLeftNavigation","navigationButton","title","CalendarYearNav","navigationButtonsContainer","CalendarYearTitle","onHeaderSelect","onHeaderKeyDown","hasHeaderClickCallback","rangeAriaLabel","headerAriaLabelFormatString","currentDateRange","replace","currentItemButton","span","aria-live","aria-atomic","CalendarYearHeader","onRenderTitle","headerContainer","useAnimateBackwards","navigatedYear","rangeYear","Math","floor","previousFromYearRef","previousFromYear","useYearRangeState","useMemo","setFromYear","useState","onNavNext","onNavPrevious","useEffect","CalendarYear","gridRef","root"],"mappings":"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"}

package/lib/components/CalendarYear/CalendarYear.types.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/components/CalendarYear/CalendarYear.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarYear.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport type { CalendarPickerStyleProps, CalendarPickerStyles } from '../CalendarPicker/CalendarPicker.types';\n\n/**\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface ICalendarYear {\n  focus(): void;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearRange {\n  fromYear: number;\n  toYear: number;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearRangeToString {\n  (range: CalendarYearRange): string;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearStrings {\n  rangeAriaLabel?: string | CalendarYearRangeToString;\n  prevRangeAriaLabel?: string | CalendarYearRangeToString;\n  nextRangeAriaLabel?: string | CalendarYearRangeToString;\n  headerAriaLabelFormatString?: string;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearProps {\n  /**\n   * Optional callback to access the ICalendarYear interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<ICalendarYear>;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings?: CalendarYearStrings;\n\n  /**\n   * The currently selected year\n   */\n  selectedYear?: number;\n\n  /**\n   * The currently navigated year\n   */\n  navigatedYear?: number;\n\n  /**\n   * Callback action when a year is selected\n   * @param year - The year the user selected\n   */\n  onSelectYear?: (year: number) => void;\n\n  /**\n   * Callback action when the header is selected\n   */\n  onHeaderSelect?: (focus: boolean) => void;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a year earlier than this value.\n   */\n  minYear?: number;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a year later than this value.\n   */\n  maxYear?: number;\n\n  /**\n   * Whether the year picker should highlight the current year\n   * @default false\n   */\n  highlightCurrentYear?: boolean;\n\n  /**\n   * Whether the year picker should highlight the selected year\n   * @default false\n   */\n  highlightSelectedYear?: boolean;\n\n  /**\n   * Accept custom classNames\n   */\n  className?: string;\n\n  /**\n   * Custom renderer for the title\n   */\n  onRenderTitle?: (props: CalendarYearHeaderProps) => React.ReactNode;\n\n  /**\n   * Custom renderer for the year\n   */\n  onRenderYear?: (year: number) => React.ReactNode;\n\n  /**\n   * The cardinal directions for animation to occur during transitions, either horizontal or veritcal\n   */\n  animationDirection?: AnimationDirection;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearStyleProps extends CalendarPickerStyleProps {}\n\n/**\n * @internal\n */\nexport interface CalendarYearStyles extends CalendarPickerStyles {}\n\n/**\n * @internal\n */\nexport interface CalendarYearHeaderProps extends CalendarYearProps, CalendarYearRange {\n  /**\n   * Callback action when the 'previous' navigation button is selected\n   */\n  onSelectPrev?: () => void;\n\n  /**\n   * Callback action when the 'next' navigation button is selected\n   */\n  onSelectNext?: () => void;\n\n  /**\n   * Whether title entering animation should be forwards or backwards\n   */\n  animateBackwards?: boolean;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/CalendarYear/index.js

@@ -0,0 +1,3 @@
+export * from './CalendarYear';
+export * from './CalendarYear.types';
+export * from './useCalendarYearStyles.styles';

package/lib/components/CalendarYear/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './CalendarYear';\nexport * from './CalendarYear.types';\nexport * from './useCalendarYearStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,iCAAiC"}

package/lib/components/CalendarYear/useCalendarYearStyles.styles.js

@@ -0,0 +1,10 @@
+import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';
+/**
+ * @internal
+ *
+ * Apply styling to the CalendarYear slots based on the state
+ */
+export const useCalendarYearStyles_unstable = props => {
+  return useCalendarPickerStyles_unstable(props);
+};
+//# sourceMappingURL=useCalendarYearStyles.styles.js.map

package/lib/components/CalendarYear/useCalendarYearStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCalendarPickerStyles_unstable","useCalendarYearStyles_unstable","props"],"sources":["useCalendarYearStyles.styles.js"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\n/**\n * @internal\n *\n * Apply styling to the CalendarYear slots based on the state\n */ export const useCalendarYearStyles_unstable = (props)=>{\n    return useCalendarPickerStyles_unstable(props);\n};\n"],"mappings":"AAAA,SAASA,gCAAgC,QAAQ,kDAAkD;AACnG;AACA;AACA;AACA;AACA;AAAI,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACvD,OAAOF,gCAAgC,CAACE,KAAK,CAAC;AAClD,CAAC"}

package/lib/index.js

@@ -0,0 +1,7 @@
+export { AnimationDirection, Calendar, calendarClassNames, defaultCalendarStrings, useCalendarStyles_unstable } from './Calendar';
+export { CalendarDay, calendarDayClassNames, useCalendarDayStyles_unstable } from './CalendarDay';
+export { CalendarDayGrid, calendarDayGridClassNames, extraCalendarDayGridClassNames, useCalendarDayGridStyles_unstable } from './CalendarDayGrid';
+export { CalendarMonth, useCalendarMonthStyles_unstable } from './CalendarMonth';
+export { calendarPickerClassNames, useCalendarPickerStyles_unstable } from './CalendarPicker';
+export { CalendarYear, useCalendarYearStyles_unstable } from './CalendarYear';
+export { DAYS_IN_WEEK, DateRangeType, DayOfWeek, DEFAULT_CALENDAR_STRINGS, DEFAULT_DATE_GRID_STRINGS, DEFAULT_DATE_FORMATTING, FirstWeekOfYear, MonthOfYear, TimeConstants, addDays, addMonths, addWeeks, addYears, compareDatePart, compareDates, getDatePartHashValue, getDateRangeArray, getEndDateOfWeek, getMonthEnd, getMonthStart, getStartDateOfWeek, getWeekNumber, getWeekNumbersInMonth, getYearEnd, getYearStart, isInDateRangeArray, setMonth } from './utils';

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  AnimationDirection,\n  Calendar,\n  calendarClassNames,\n  defaultCalendarStrings,\n  useCalendarStyles_unstable,\n} from './Calendar';\nexport type { CalendarProps, CalendarStyleProps, CalendarStyles, ICalendar } from './Calendar';\n\nexport { CalendarDay, calendarDayClassNames, useCalendarDayStyles_unstable } from './CalendarDay';\nexport type { CalendarDayProps, CalendarDayStyleProps, CalendarDayStyles, ICalendarDay } from './CalendarDay';\n\nexport {\n  CalendarDayGrid,\n  calendarDayGridClassNames,\n  extraCalendarDayGridClassNames,\n  useCalendarDayGridStyles_unstable,\n} from './CalendarDayGrid';\nexport type {\n  CalendarDayGridProps,\n  CalendarDayGridStyleProps,\n  CalendarDayGridStyles,\n  DayInfo,\n  ICalendarDayGrid,\n  WeekCorners,\n} from './CalendarDayGrid';\n\nexport { CalendarMonth, useCalendarMonthStyles_unstable } from './CalendarMonth';\nexport type { CalendarMonthProps, CalendarMonthStyleProps, CalendarMonthStyles, ICalendarMonth } from './CalendarMonth';\n\nexport { calendarPickerClassNames, useCalendarPickerStyles_unstable } from './CalendarPicker';\nexport type { CalendarPickerStyleProps, CalendarPickerStyles } from './CalendarPicker';\n\nexport { CalendarYear, useCalendarYearStyles_unstable } from './CalendarYear';\nexport type {\n  CalendarYearHeaderProps,\n  CalendarYearProps,\n  CalendarYearRange,\n  CalendarYearRangeToString,\n  CalendarYearStrings,\n  CalendarYearStyleProps,\n  CalendarYearStyles,\n  ICalendarYear,\n} from './CalendarYear';\n\nexport {\n  DAYS_IN_WEEK,\n  DateRangeType,\n  DayOfWeek,\n  DEFAULT_CALENDAR_STRINGS,\n  DEFAULT_DATE_GRID_STRINGS,\n  DEFAULT_DATE_FORMATTING,\n  FirstWeekOfYear,\n  MonthOfYear,\n  TimeConstants,\n  addDays,\n  addMonths,\n  addWeeks,\n  addYears,\n  compareDatePart,\n  compareDates,\n  getDatePartHashValue,\n  getDateRangeArray,\n  getEndDateOfWeek,\n  getMonthEnd,\n  getMonthStart,\n  getStartDateOfWeek,\n  getWeekNumber,\n  getWeekNumbersInMonth,\n  getYearEnd,\n  getYearStart,\n  isInDateRangeArray,\n  setMonth,\n} from './utils';\nexport type { CalendarStrings, DateFormatting, DateGridStrings } from './utils';\n"],"names":["AnimationDirection","Calendar","calendarClassNames","defaultCalendarStrings","useCalendarStyles_unstable","CalendarDay","calendarDayClassNames","useCalendarDayStyles_unstable","CalendarDayGrid","calendarDayGridClassNames","extraCalendarDayGridClassNames","useCalendarDayGridStyles_unstable","CalendarMonth","useCalendarMonthStyles_unstable","calendarPickerClassNames","useCalendarPickerStyles_unstable","CalendarYear","useCalendarYearStyles_unstable","DAYS_IN_WEEK","DateRangeType","DayOfWeek","DEFAULT_CALENDAR_STRINGS","DEFAULT_DATE_GRID_STRINGS","DEFAULT_DATE_FORMATTING","FirstWeekOfYear","MonthOfYear","TimeConstants","addDays","addMonths","addWeeks","addYears","compareDatePart","compareDates","getDatePartHashValue","getDateRangeArray","getEndDateOfWeek","getMonthEnd","getMonthStart","getStartDateOfWeek","getWeekNumber","getWeekNumbersInMonth","getYearEnd","getYearStart","isInDateRangeArray","setMonth"],"mappings":"AAAA,SACEA,kBAAkB,EAClBC,QAAQ,EACRC,kBAAkB,EAClBC,sBAAsB,EACtBC,0BAA0B,QACrB,aAAa;AAGpB,SAASC,WAAW,EAAEC,qBAAqB,EAAEC,6BAA6B,QAAQ,gBAAgB;AAGlG,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,QAC5B,oBAAoB;AAU3B,SAASC,aAAa,EAAEC,+BAA+B,QAAQ,kBAAkB;AAGjF,SAASC,wBAAwB,EAAEC,gCAAgC,QAAQ,mBAAmB;AAG9F,SAASC,YAAY,EAAEC,8BAA8B,QAAQ,iBAAiB;AAY9E,SACEC,YAAY,EACZC,aAAa,EACbC,SAAS,EACTC,wBAAwB,EACxBC,yBAAyB,EACzBC,uBAAuB,EACvBC,eAAe,EACfC,WAAW,EACXC,aAAa,EACbC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,eAAe,EACfC,YAAY,EACZC,oBAAoB,EACpBC,iBAAiB,EACjBC,gBAAgB,EAChBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,aAAa,EACbC,qBAAqB,EACrBC,UAAU,EACVC,YAAY,EACZC,kBAAkB,EAClBC,QAAQ,QACH,UAAU"}

package/lib/utils/animations.js

@@ -0,0 +1,97 @@
+import { shorthands } from '@griffel/react';
+export const EASING_FUNCTION_1 = 'cubic-bezier(.1,.9,.2,1)';
+export const EASING_FUNCTION_2 = 'cubic-bezier(.1,.25,.75,.9)';
+export const DURATION_1 = '0.167s';
+export const DURATION_2 = '0.267s';
+export const DURATION_3 = '0.367s';
+export const DURATION_4 = '0.467s';
+export const FADE_IN = {
+    from: {
+        opacity: 0
+    },
+    to: {
+        opacity: 1
+    }
+};
+export const FADE_OUT = {
+    from: {
+        opacity: 1
+    },
+    to: {
+        opacity: 0,
+        visibility: 'hidden'
+    }
+};
+export const SLIDE_DOWN_IN20 = {
+    from: {
+        pointerEvents: 'none',
+        transform: 'translate3d(0, -20px, 0)'
+    },
+    to: {
+        pointerEvents: 'auto',
+        transform: 'translate3d(0, 0, 0)'
+    }
+};
+export const SLIDE_LEFT_IN20 = {
+    from: {
+        pointerEvents: 'none',
+        transform: 'translate3d(20px, 0, 0)'
+    },
+    to: {
+        pointerEvents: 'auto',
+        transform: 'translate3d(0, 0, 0)'
+    }
+};
+export const SLIDE_RIGHT_IN20 = {
+    from: {
+        pointerEvents: 'none',
+        transform: 'translate3d(-20px, 0, 0)'
+    },
+    to: {
+        pointerEvents: 'auto',
+        transform: 'translate3d(0, 0, 0)'
+    }
+};
+export const SLIDE_UP_IN20 = {
+    from: {
+        pointerEvents: 'none',
+        transform: 'translate3d(0, 20px, 0)'
+    },
+    to: {
+        pointerEvents: 'auto',
+        transform: 'translate3d(0, 0, 0)'
+    }
+};
+export const SLIDE_DOWN_OUT20 = {
+    from: {
+        transform: 'translate3d(0, 0, 0)'
+    },
+    to: {
+        transform: 'translate3d(0, 20px, 0)'
+    }
+};
+export const SLIDE_UP_OUT20 = {
+    from: {
+        transform: 'translate3d(0, 0, 0)'
+    },
+    to: {
+        transform: 'translate3d(0, -20px, 0)'
+    }
+};
+export const TRANSITION_ROW_DISAPPEARANCE = {
+    '100%': {
+        height: '0px',
+        ...shorthands.overflow('hidden'),
+        width: '0px'
+    },
+    '99.9%': {
+        height: '28px',
+        ...shorthands.overflow('visible'),
+        width: '100%'
+    },
+    '0%': {
+        height: '28px',
+        ...shorthands.overflow('visible'),
+        width: '100%'
+    }
+};

package/lib/utils/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["animations.ts"],"sourcesContent":["import { shorthands } from '@griffel/react';\n\nexport const EASING_FUNCTION_1 = 'cubic-bezier(.1,.9,.2,1)';\nexport const EASING_FUNCTION_2 = 'cubic-bezier(.1,.25,.75,.9)';\nexport const DURATION_1 = '0.167s';\nexport const DURATION_2 = '0.267s';\nexport const DURATION_3 = '0.367s';\nexport const DURATION_4 = '0.467s';\n\nexport const FADE_IN = {\n  from: {\n    opacity: 0,\n  },\n  to: {\n    opacity: 1,\n  },\n};\nexport const FADE_OUT = {\n  from: {\n    opacity: 1,\n  },\n  to: {\n    opacity: 0,\n    visibility: 'hidden' as const,\n  },\n};\nexport const SLIDE_DOWN_IN20 = {\n  from: {\n    pointerEvents: 'none' as const,\n    transform: 'translate3d(0, -20px, 0)',\n  },\n  to: {\n    pointerEvents: 'auto' as const,\n    transform: 'translate3d(0, 0, 0)',\n  },\n};\nexport const SLIDE_LEFT_IN20 = {\n  from: {\n    pointerEvents: 'none' as const,\n    transform: 'translate3d(20px, 0, 0)',\n  },\n  to: {\n    pointerEvents: 'auto' as const,\n    transform: 'translate3d(0, 0, 0)',\n  },\n};\nexport const SLIDE_RIGHT_IN20 = {\n  from: {\n    pointerEvents: 'none' as const,\n    transform: 'translate3d(-20px, 0, 0)',\n  },\n  to: {\n    pointerEvents: 'auto' as const,\n    transform: 'translate3d(0, 0, 0)',\n  },\n};\nexport const SLIDE_UP_IN20 = {\n  from: {\n    pointerEvents: 'none' as const,\n    transform: 'translate3d(0, 20px, 0)',\n  },\n  to: {\n    pointerEvents: 'auto' as const,\n    transform: 'translate3d(0, 0, 0)',\n  },\n};\nexport const SLIDE_DOWN_OUT20 = {\n  from: {\n    transform: 'translate3d(0, 0, 0)',\n  },\n  to: {\n    transform: 'translate3d(0, 20px, 0)',\n  },\n};\nexport const SLIDE_UP_OUT20 = {\n  from: {\n    transform: 'translate3d(0, 0, 0)',\n  },\n  to: {\n    transform: 'translate3d(0, -20px, 0)',\n  },\n};\nexport const TRANSITION_ROW_DISAPPEARANCE = {\n  '100%': {\n    height: '0px',\n    ...shorthands.overflow('hidden'),\n    width: '0px',\n  },\n  '99.9%': {\n    height: '28px',\n    ...shorthands.overflow('visible'),\n    width: '100%',\n  },\n  '0%': {\n    height: '28px',\n    ...shorthands.overflow('visible'),\n    width: '100%',\n  },\n};\n"],"names":["shorthands","EASING_FUNCTION_1","EASING_FUNCTION_2","DURATION_1","DURATION_2","DURATION_3","DURATION_4","FADE_IN","from","opacity","to","FADE_OUT","visibility","SLIDE_DOWN_IN20","pointerEvents","transform","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_DOWN_OUT20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","height","overflow","width"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAE5C,OAAO,MAAMC,oBAAoB,2BAA2B;AAC5D,OAAO,MAAMC,oBAAoB,8BAA8B;AAC/D,OAAO,MAAMC,aAAa,SAAS;AACnC,OAAO,MAAMC,aAAa,SAAS;AACnC,OAAO,MAAMC,aAAa,SAAS;AACnC,OAAO,MAAMC,aAAa,SAAS;AAEnC,OAAO,MAAMC,UAAU;IACrBC,MAAM;QACJC,SAAS;IACX;IACAC,IAAI;QACFD,SAAS;IACX;AACF,EAAE;AACF,OAAO,MAAME,WAAW;IACtBH,MAAM;QACJC,SAAS;IACX;IACAC,IAAI;QACFD,SAAS;QACTG,YAAY;IACd;AACF,EAAE;AACF,OAAO,MAAMC,kBAAkB;IAC7BL,MAAM;QACJM,eAAe;QACfC,WAAW;IACb;IACAL,IAAI;QACFI,eAAe;QACfC,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAMC,kBAAkB;IAC7BR,MAAM;QACJM,eAAe;QACfC,WAAW;IACb;IACAL,IAAI;QACFI,eAAe;QACfC,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAME,mBAAmB;IAC9BT,MAAM;QACJM,eAAe;QACfC,WAAW;IACb;IACAL,IAAI;QACFI,eAAe;QACfC,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAMG,gBAAgB;IAC3BV,MAAM;QACJM,eAAe;QACfC,WAAW;IACb;IACAL,IAAI;QACFI,eAAe;QACfC,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAMI,mBAAmB;IAC9BX,MAAM;QACJO,WAAW;IACb;IACAL,IAAI;QACFK,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAMK,iBAAiB;IAC5BZ,MAAM;QACJO,WAAW;IACb;IACAL,IAAI;QACFK,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAMM,+BAA+B;IAC1C,QAAQ;QACNC,QAAQ;QACR,GAAGtB,WAAWuB,QAAQ,CAAC,SAAS;QAChCC,OAAO;IACT;IACA,SAAS;QACPF,QAAQ;QACR,GAAGtB,WAAWuB,QAAQ,CAAC,UAAU;QACjCC,OAAO;IACT;IACA,MAAM;QACJF,QAAQ;QACR,GAAGtB,WAAWuB,QAAQ,CAAC,UAAU;QACjCC,OAAO;IACT;AACF,EAAE"}

package/lib/utils/constants.js

@@ -0,0 +1,62 @@
+/**
+ * The days of the week
+ */ export var DayOfWeek;
+(function(DayOfWeek) {
+    DayOfWeek[DayOfWeek["Sunday"] = 0] = "Sunday";
+    DayOfWeek[DayOfWeek["Monday"] = 1] = "Monday";
+    DayOfWeek[DayOfWeek["Tuesday"] = 2] = "Tuesday";
+    DayOfWeek[DayOfWeek["Wednesday"] = 3] = "Wednesday";
+    DayOfWeek[DayOfWeek["Thursday"] = 4] = "Thursday";
+    DayOfWeek[DayOfWeek["Friday"] = 5] = "Friday";
+    DayOfWeek[DayOfWeek["Saturday"] = 6] = "Saturday";
+})(DayOfWeek || (DayOfWeek = {}));
+export var MonthOfYear;
+(function(MonthOfYear) {
+    MonthOfYear[MonthOfYear["January"] = 0] = "January";
+    MonthOfYear[MonthOfYear["February"] = 1] = "February";
+    MonthOfYear[MonthOfYear["March"] = 2] = "March";
+    MonthOfYear[MonthOfYear["April"] = 3] = "April";
+    MonthOfYear[MonthOfYear["May"] = 4] = "May";
+    MonthOfYear[MonthOfYear["June"] = 5] = "June";
+    MonthOfYear[MonthOfYear["July"] = 6] = "July";
+    MonthOfYear[MonthOfYear["August"] = 7] = "August";
+    MonthOfYear[MonthOfYear["September"] = 8] = "September";
+    MonthOfYear[MonthOfYear["October"] = 9] = "October";
+    MonthOfYear[MonthOfYear["November"] = 10] = "November";
+    MonthOfYear[MonthOfYear["December"] = 11] = "December";
+})(MonthOfYear || (MonthOfYear = {}));
+export var FirstWeekOfYear;
+(function(FirstWeekOfYear) {
+    FirstWeekOfYear[FirstWeekOfYear["FirstDay"] = 0] = "FirstDay";
+    FirstWeekOfYear[FirstWeekOfYear["FirstFullWeek"] = 1] = "FirstFullWeek";
+    FirstWeekOfYear[FirstWeekOfYear["FirstFourDayWeek"] = 2] = "FirstFourDayWeek";
+})(FirstWeekOfYear || (FirstWeekOfYear = {}));
+export var DateRangeType;
+(function(DateRangeType) {
+    DateRangeType[DateRangeType["Day"] = 0] = "Day";
+    DateRangeType[DateRangeType["Week"] = 1] = "Week";
+    DateRangeType[DateRangeType["Month"] = 2] = "Month";
+    DateRangeType[DateRangeType["WorkWeek"] = 3] = "WorkWeek";
+})(DateRangeType || (DateRangeType = {}));
+export const DAYS_IN_WEEK = 7;
+export const TimeConstants = {
+    MillisecondsInOneDay: 86400000,
+    MillisecondsIn1Sec: 1000,
+    MillisecondsIn1Min: 60000,
+    MillisecondsIn30Mins: 1800000,
+    MillisecondsIn1Hour: 3600000,
+    MinutesInOneDay: 1440,
+    MinutesInOneHour: 60,
+    DaysInOneWeek: 7,
+    MonthInOneYear: 12,
+    HoursInOneDay: 24,
+    SecondsInOneMinute: 60,
+    OffsetTo24HourFormat: 12,
+    /**
+   * Matches a time string. Groups:
+   * 1. hours (with or without leading 0)
+   * 2. minutes
+   * 3. seconds (optional)
+   * 4. meridiem (am/pm, case-insensitive, optional)
+   */ TimeFormatRegex: /^(\d\d?):(\d\d):?(\d\d)? ?([ap]m)?/i
+};

package/lib/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.ts"],"sourcesContent":["/**\n * The days of the week\n */\nexport enum DayOfWeek {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n\n/**\n * The months\n */\nexport enum MonthOfYear {\n  January = 0,\n  February = 1,\n  March = 2,\n  April = 3,\n  May = 4,\n  June = 5,\n  July = 6,\n  August = 7,\n  September = 8,\n  October = 9,\n  November = 10,\n  December = 11,\n}\n\n/**\n * First week of the year settings types\n */\nexport enum FirstWeekOfYear {\n  FirstDay = 0,\n  FirstFullWeek = 1,\n  FirstFourDayWeek = 2,\n}\n\n/**\n * The supported date range types\n */\nexport enum DateRangeType {\n  Day = 0,\n  Week = 1,\n  Month = 2,\n  WorkWeek = 3,\n}\n\nexport const DAYS_IN_WEEK = 7;\n\nexport const TimeConstants = {\n  MillisecondsInOneDay: 86400000,\n  MillisecondsIn1Sec: 1000,\n  MillisecondsIn1Min: 60000,\n  MillisecondsIn30Mins: 1800000,\n  MillisecondsIn1Hour: 3600000,\n  MinutesInOneDay: 1440,\n  MinutesInOneHour: 60,\n  DaysInOneWeek: 7,\n  MonthInOneYear: 12,\n  HoursInOneDay: 24,\n  SecondsInOneMinute: 60,\n  OffsetTo24HourFormat: 12,\n  /**\n   * Matches a time string. Groups:\n   * 1. hours (with or without leading 0)\n   * 2. minutes\n   * 3. seconds (optional)\n   * 4. meridiem (am/pm, case-insensitive, optional)\n   */\n  TimeFormatRegex: /^(\\d\\d?):(\\d\\d):?(\\d\\d)? ?([ap]m)?/i,\n};\n"],"names":["DayOfWeek","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","MonthOfYear","January","February","March","April","May","June","July","August","September","October","November","December","FirstWeekOfYear","FirstDay","FirstFullWeek","FirstFourDayWeek","DateRangeType","Day","Week","Month","WorkWeek","DAYS_IN_WEEK","TimeConstants","MillisecondsInOneDay","MillisecondsIn1Sec","MillisecondsIn1Min","MillisecondsIn30Mins","MillisecondsIn1Hour","MinutesInOneDay","MinutesInOneHour","DaysInOneWeek","MonthInOneYear","HoursInOneDay","SecondsInOneMinute","OffsetTo24HourFormat","TimeFormatRegex"],"mappings":"AAAA;;CAEC,cACM;UAAKA,SAAS;IAATA,UAAAA,UACVC,YAAS,KAATA;IADUD,UAAAA,UAEVE,YAAS,KAATA;IAFUF,UAAAA,UAGVG,aAAU,KAAVA;IAHUH,UAAAA,UAIVI,eAAY,KAAZA;IAJUJ,UAAAA,UAKVK,cAAW,KAAXA;IALUL,UAAAA,UAMVM,YAAS,KAATA;IANUN,UAAAA,UAOVO,cAAW,KAAXA;GAPUP,cAAAA;WAaL;UAAKQ,WAAW;IAAXA,YAAAA,YACVC,aAAU,KAAVA;IADUD,YAAAA,YAEVE,cAAW,KAAXA;IAFUF,YAAAA,YAGVG,WAAQ,KAARA;IAHUH,YAAAA,YAIVI,WAAQ,KAARA;IAJUJ,YAAAA,YAKVK,SAAM,KAANA;IALUL,YAAAA,YAMVM,UAAO,KAAPA;IANUN,YAAAA,YAOVO,UAAO,KAAPA;IAPUP,YAAAA,YAQVQ,YAAS,KAATA;IARUR,YAAAA,YASVS,eAAY,KAAZA;IATUT,YAAAA,YAUVU,aAAU,KAAVA;IAVUV,YAAAA,YAWVW,cAAW,MAAXA;IAXUX,YAAAA,YAYVY,cAAW,MAAXA;GAZUZ,gBAAAA;WAkBL;UAAKa,eAAe;IAAfA,gBAAAA,gBACVC,cAAW,KAAXA;IADUD,gBAAAA,gBAEVE,mBAAgB,KAAhBA;IAFUF,gBAAAA,gBAGVG,sBAAmB,KAAnBA;GAHUH,oBAAAA;WASL;UAAKI,aAAa;IAAbA,cAAAA,cACVC,SAAM,KAANA;IADUD,cAAAA,cAEVE,UAAO,KAAPA;IAFUF,cAAAA,cAGVG,WAAQ,KAARA;IAHUH,cAAAA,cAIVI,cAAW,KAAXA;GAJUJ,kBAAAA;AAOZ,OAAO,MAAMK,eAAe,EAAE;AAE9B,OAAO,MAAMC,gBAAgB;IAC3BC,sBAAsB;IACtBC,oBAAoB;IACpBC,oBAAoB;IACpBC,sBAAsB;IACtBC,qBAAqB;IACrBC,iBAAiB;IACjBC,kBAAkB;IAClBC,eAAe;IACfC,gBAAgB;IAChBC,eAAe;IACfC,oBAAoB;IACpBC,sBAAsB;IACtB;;;;;;GAMC,GACDC,iBAAiB;AACnB,EAAE"}