first commit

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.base.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { ICalendarYearProps } from './CalendarYear.types';
+export declare const CalendarYearBase: React.FunctionComponent<ICalendarYearProps>;

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.base.js

@@ -0,0 +1,251 @@
+import { __assign, __spreadArray } from "tslib";
+import * as React from 'react';
+import { KeyCodes, getRTL, classNamesFunction, css, format } from '../../../Utilities';
+import { FocusZone } from '../../../FocusZone';
+import { Icon } from '../../../Icon';
+import { usePrevious } from '@fluentui/react-hooks';
+import { defaultCalendarNavigationIcons } from '../defaults';
+var getClassNames = classNamesFunction();
+var CELL_COUNT = 12;
+var CELLS_PER_ROW = 4;
+var DefaultCalendarYearStrings = {
+    prevRangeAriaLabel: undefined,
+    nextRangeAriaLabel: undefined,
+};
+var CalendarYearGridCell = function (props) {
+    var _a;
+    var _b;
+    var styles = props.styles, theme = props.theme, className = props.className, highlightCurrentYear = props.highlightCurrentYear, highlightSelectedYear = props.highlightSelectedYear, year = props.year, selected = props.selected, disabled = props.disabled, componentRef = props.componentRef, onSelectYear = props.onSelectYear, onRenderYear = props.onRenderYear;
+    var buttonRef = React.useRef(null);
+    React.useImperativeHandle(componentRef, function () { return ({
+        focus: function () {
+            var _a, _b;
+            (_b = (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+        },
+    }); }, []);
+    var onClick = function () {
+        onSelectYear === null || onSelectYear === void 0 ? void 0 : onSelectYear(year);
+    };
+    var onKeyDown = function (ev) {
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
+        if (ev.which === KeyCodes.enter) {
+            onSelectYear === null || onSelectYear === void 0 ? void 0 : onSelectYear(year);
+        }
+    };
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        className: className,
+        highlightCurrent: highlightCurrentYear,
+        highlightSelected: highlightSelectedYear,
+    });
+    return (React.createElement("button", { className: css(classNames.itemButton, (_a = {},
+            _a[classNames.selected] = selected,
+            _a[classNames.disabled] = disabled,
+            _a)), type: "button", role: "gridcell", onClick: !disabled ? onClick : undefined, onKeyDown: !disabled ? onKeyDown : undefined, disabled: disabled, "aria-selected": selected, ref: buttonRef }, (_b = onRenderYear === null || onRenderYear === void 0 ? void 0 : onRenderYear(year)) !== null && _b !== void 0 ? _b : year));
+};
+CalendarYearGridCell.displayName = 'CalendarYearGridCell';
+var CalendarYearGrid = function (props) {
+    var styles = props.styles, theme = props.theme, className = props.className, fromYear = props.fromYear, toYear = props.toYear, animationDirection = props.animationDirection, animateBackwards = props.animateBackwards, minYear = props.minYear, maxYear = props.maxYear, onSelectYear = props.onSelectYear, selectedYear = props.selectedYear, componentRef = props.componentRef;
+    var selectedCellRef = React.useRef(null);
+    var currentCellRef = React.useRef(null);
+    React.useImperativeHandle(componentRef, function () { return ({
+        focus: function () {
+            var _a, _b;
+            (_b = (_a = (selectedCellRef.current || currentCellRef.current)) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+        },
+    }); }, []);
+    var renderCell = function (yearToRender) {
+        var selected = yearToRender === selectedYear;
+        var disabled = (minYear !== undefined && yearToRender < minYear) || (maxYear !== undefined && yearToRender > maxYear);
+        var current = yearToRender === new Date().getFullYear();
+        return (React.createElement(CalendarYearGridCell, __assign({}, props, { key: yearToRender, year: yearToRender, selected: selected, current: current, disabled: disabled, onSelectYear: onSelectYear, componentRef: selected ? selectedCellRef : current ? currentCellRef : undefined, theme: theme })));
+    };
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        className: className,
+        animateBackwards: animateBackwards,
+        animationDirection: animationDirection,
+    });
+    var onRenderYear = function (value) {
+        var _a, _b;
+        return (_b = (_a = props.onRenderYear) === null || _a === void 0 ? void 0 : _a.call(props, value)) !== null && _b !== void 0 ? _b : value;
+    };
+    var gridAriaLabel = "".concat(onRenderYear(fromYear), " - ").concat(onRenderYear(toYear));
+    var year = fromYear;
+    var cells = [];
+    for (var i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++) {
+        cells.push([]);
+        for (var j = 0; j < CELLS_PER_ROW; j++) {
+            cells[i].push(renderCell(year));
+            year++;
+        }
+    }
+    return (React.createElement(FocusZone, null,
+        React.createElement("div", { className: classNames.gridContainer, role: "grid", "aria-label": gridAriaLabel }, cells.map(function (cellRow, index) {
+            return (React.createElement.apply(React, __spreadArray(["div", { key: 'yearPickerRow_' + index + '_' + fromYear, role: "row", className: classNames.buttonRow }], cellRow, false)));
+        }))));
+};
+CalendarYearGrid.displayName = 'CalendarYearGrid';
+var CalendarYearNavDirection;
+(function (CalendarYearNavDirection) {
+    CalendarYearNavDirection[CalendarYearNavDirection["Previous"] = 0] = "Previous";
+    CalendarYearNavDirection[CalendarYearNavDirection["Next"] = 1] = "Next";
+})(CalendarYearNavDirection || (CalendarYearNavDirection = {}));
+var CalendarYearNavArrow = function (props) {
+    var _a;
+    var styles = props.styles, theme = props.theme, className = props.className, _b = props.navigationIcons, navigationIcons = _b === void 0 ? defaultCalendarNavigationIcons : _b, _c = props.strings, strings = _c === void 0 ? DefaultCalendarYearStrings : _c, direction = props.direction, onSelectPrev = props.onSelectPrev, onSelectNext = props.onSelectNext, fromYear = props.fromYear, toYear = props.toYear, maxYear = props.maxYear, minYear = props.minYear;
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        className: className,
+    });
+    var ariaLabel = direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;
+    var newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;
+    var newRange = { fromYear: fromYear + newRangeOffset, toYear: toYear + newRangeOffset };
+    var ariaLabelString = ariaLabel ? (typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange)) : undefined;
+    var disabled = direction === CalendarYearNavDirection.Previous
+        ? minYear !== undefined && fromYear < minYear
+        : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;
+    var onNavigate = function () {
+        direction === CalendarYearNavDirection.Previous ? onSelectPrev === null || onSelectPrev === void 0 ? void 0 : onSelectPrev() : onSelectNext === null || onSelectNext === void 0 ? void 0 : onSelectNext();
+    };
+    var onKeyDown = function (ev) {
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
+        if (ev.which === KeyCodes.enter) {
+            onNavigate();
+        }
+    };
+    // can be condensed, but leaving verbose for clarity due to regressions
+    var isLeftNavigation = getRTL()
+        ? direction === CalendarYearNavDirection.Next
+        : direction === CalendarYearNavDirection.Previous;
+    return (React.createElement("button", { className: css(classNames.navigationButton, (_a = {},
+            _a[classNames.disabled] = disabled,
+            _a)), onClick: !disabled ? onNavigate : undefined, onKeyDown: !disabled ? onKeyDown : undefined, type: "button", title: ariaLabelString, disabled: disabled },
+        React.createElement(Icon, { iconName: isLeftNavigation ? navigationIcons.leftNavigation : navigationIcons.rightNavigation })));
+};
+CalendarYearNavArrow.displayName = 'CalendarYearNavArrow';
+var CalendarYearNav = function (props) {
+    var styles = props.styles, theme = props.theme, className = props.className;
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        className: className,
+    });
+    return (React.createElement("div", { className: classNames.navigationButtonsContainer },
+        React.createElement(CalendarYearNavArrow, __assign({}, props, { direction: CalendarYearNavDirection.Previous })),
+        React.createElement(CalendarYearNavArrow, __assign({}, props, { direction: CalendarYearNavDirection.Next }))));
+};
+CalendarYearNav.displayName = 'CalendarYearNav';
+var CalendarYearTitle = function (props) {
+    var styles = props.styles, theme = props.theme, className = props.className, fromYear = props.fromYear, toYear = props.toYear, _a = props.strings, strings = _a === void 0 ? DefaultCalendarYearStrings : _a, animateBackwards = props.animateBackwards, animationDirection = props.animationDirection;
+    var onHeaderSelect = function () {
+        var _a;
+        (_a = props.onHeaderSelect) === null || _a === void 0 ? void 0 : _a.call(props, true);
+    };
+    var onHeaderKeyDown = function (ev) {
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
+        if (ev.which === KeyCodes.enter || ev.which === KeyCodes.space) {
+            onHeaderSelect();
+        }
+    };
+    var onRenderYear = function (year) {
+        var _a, _b;
+        return (_b = (_a = props.onRenderYear) === null || _a === void 0 ? void 0 : _a.call(props, year)) !== null && _b !== void 0 ? _b : year;
+    };
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        className: className,
+        hasHeaderClickCallback: !!props.onHeaderSelect,
+        animateBackwards: animateBackwards,
+        animationDirection: animationDirection,
+    });
+    if (props.onHeaderSelect) {
+        var rangeAriaLabel = strings.rangeAriaLabel;
+        var headerAriaLabelFormatString = strings.headerAriaLabelFormatString;
+        var currentDateRange = rangeAriaLabel
+            ? typeof rangeAriaLabel === 'string'
+                ? rangeAriaLabel
+                : rangeAriaLabel(props)
+            : undefined;
+        var ariaLabel = headerAriaLabelFormatString
+            ? format(headerAriaLabelFormatString, currentDateRange)
+            : currentDateRange;
+        return (React.createElement("button", { className: classNames.currentItemButton, onClick: onHeaderSelect, onKeyDown: onHeaderKeyDown, "aria-label": ariaLabel, role: "button", type: "button" },
+            React.createElement("span", { "aria-live": "assertive", "aria-atomic": "true" },
+                onRenderYear(fromYear),
+                " - ",
+                onRenderYear(toYear))));
+    }
+    return (React.createElement("div", { className: classNames.current },
+        onRenderYear(fromYear),
+        " - ",
+        onRenderYear(toYear)));
+};
+CalendarYearTitle.displayName = 'CalendarYearTitle';
+var CalendarYearHeader = function (props) {
+    var _a;
+    var styles = props.styles, theme = props.theme, className = props.className, animateBackwards = props.animateBackwards, animationDirection = props.animationDirection, onRenderTitle = props.onRenderTitle;
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        className: className,
+        hasHeaderClickCallback: !!props.onHeaderSelect,
+        animateBackwards: animateBackwards,
+        animationDirection: animationDirection,
+    });
+    return (React.createElement("div", { className: classNames.headerContainer }, (_a = onRenderTitle === null || onRenderTitle === void 0 ? void 0 : onRenderTitle(props)) !== null && _a !== void 0 ? _a : React.createElement(CalendarYearTitle, __assign({}, props)),
+        React.createElement(CalendarYearNav, __assign({}, props))));
+};
+CalendarYearHeader.displayName = 'CalendarYearHeader';
+function useAnimateBackwards(_a) {
+    var selectedYear = _a.selectedYear, navigatedYear = _a.navigatedYear;
+    var rangeYear = selectedYear || navigatedYear || new Date().getFullYear();
+    var fromYear = Math.floor(rangeYear / 10) * 10;
+    var previousFromYear = usePrevious(fromYear);
+    if (!previousFromYear || previousFromYear === fromYear) {
+        return undefined;
+    }
+    else if (previousFromYear > fromYear) {
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+function useYearRangeState(_a) {
+    var selectedYear = _a.selectedYear, navigatedYear = _a.navigatedYear;
+    var rangeYear = React.useMemo(function () {
+        return selectedYear || navigatedYear || Math.floor(new Date().getFullYear() / 10) * 10;
+    }, [navigatedYear, selectedYear]);
+    var _b = React.useState(rangeYear), fromYear = _b[0], setFromYear = _b[1];
+    var onNavNext = function () {
+        setFromYear(function (year) { return year + CELL_COUNT; });
+    };
+    var onNavPrevious = function () {
+        setFromYear(function (year) { return year - CELL_COUNT; });
+    };
+    React.useEffect(function () {
+        setFromYear(rangeYear);
+    }, [rangeYear]);
+    var toYear = fromYear + CELL_COUNT - 1;
+    return [fromYear, toYear, onNavNext, onNavPrevious];
+}
+export var CalendarYearBase = function (props) {
+    var animateBackwards = useAnimateBackwards(props);
+    var _a = useYearRangeState(props), fromYear = _a[0], toYear = _a[1], onNavNext = _a[2], onNavPrevious = _a[3];
+    var gridRef = React.useRef(null);
+    React.useImperativeHandle(props.componentRef, function () { return ({
+        focus: function () {
+            var _a, _b;
+            (_b = (_a = gridRef.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+        },
+    }); });
+    var styles = props.styles, theme = props.theme, className = props.className;
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        className: className,
+    });
+    return (React.createElement("div", { className: classNames.root },
+        React.createElement(CalendarYearHeader, __assign({}, props, { fromYear: fromYear, toYear: toYear, onSelectPrev: onNavPrevious, onSelectNext: onNavNext, animateBackwards: animateBackwards })),
+        React.createElement(CalendarYearGrid, __assign({}, props, { fromYear: fromYear, toYear: toYear, animateBackwards: animateBackwards, componentRef: gridRef }))));
+};
+CalendarYearBase.displayName = 'CalendarYearBase';
+//# sourceMappingURL=CalendarYear.base.js.map

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { ICalendarYearProps } from './CalendarYear.types';
+export declare const CalendarYear: React.FunctionComponent<ICalendarYearProps>;

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.js

@@ -0,0 +1,5 @@
+import { getStyles } from './CalendarYear.styles';
+import { styled } from '../../../Utilities';
+import { CalendarYearBase } from './CalendarYear.base';
+export var CalendarYear = styled(CalendarYearBase, getStyles, undefined, { scope: 'CalendarYear' });
+//# sourceMappingURL=CalendarYear.js.map

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarYear.js","sourceRoot":"../src/","sources":["components/Calendar/CalendarYear/CalendarYear.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,MAAM,CAAC,IAAM,YAAY,GAAgD,MAAM,CAC7E,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,EAAE,KAAK,EAAE,cAAc,EAAE,CAC1B,CAAC","sourcesContent":["import * as React from 'react';\nimport { getStyles } from './CalendarYear.styles';\nimport { styled } from '../../../Utilities';\nimport { CalendarYearBase } from './CalendarYear.base';\nimport type { ICalendarYearProps } from './CalendarYear.types';\n\nexport const CalendarYear: React.FunctionComponent<ICalendarYearProps> = styled(\n  CalendarYearBase,\n  getStyles,\n  undefined,\n  { scope: 'CalendarYear' },\n);\n"]}

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.styles.d.ts

@@ -0,0 +1,2 @@
+import type { ICalendarYearStyleProps, ICalendarYearStyles } from './CalendarYear.types';
+export declare const getStyles: (props: ICalendarYearStyleProps) => ICalendarYearStyles;

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.styles.js

@@ -0,0 +1,12 @@
+import { getStyles as getPickerStyles } from '../CalendarPicker/CalendarPicker.styles';
+export var getStyles = function (props) {
+    /*  Return styles from the base class.
+     *  If this component has extra styles not in the base, apply them here i.e.:
+     *  const myStyle: IStyle = {
+     *    display: "block"
+     *  };
+     *  return {...getPickerStyles(props), myStyle};
+     */
+    return getPickerStyles(props);
+};
+//# sourceMappingURL=CalendarYear.styles.js.map

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarYear.styles.js","sourceRoot":"../src/","sources":["components/Calendar/CalendarYear/CalendarYear.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAGvF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAA8B;IACtD;;;;;;OAMG;IAEH,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAChC,CAAC,CAAC","sourcesContent":["import { getStyles as getPickerStyles } from '../CalendarPicker/CalendarPicker.styles';\nimport type { ICalendarYearStyleProps, ICalendarYearStyles } from './CalendarYear.types';\n\nexport const getStyles = (props: ICalendarYearStyleProps): ICalendarYearStyles => {\n  /*  Return styles from the base class.\n   *  If this component has extra styles not in the base, apply them here i.e.:\n   *  const myStyle: IStyle = {\n   *    display: \"block\"\n   *  };\n   *  return {...getPickerStyles(props), myStyle};\n   */\n\n  return getPickerStyles(props);\n};\n"]}

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.types.d.ts

@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { AnimationDirection } from '../Calendar.types';
+import type { IBaseProps, IRefObject, IStyleFunctionOrObject } from '@fluentui/utilities';
+import type { ICalendarNavigationIcons } from '../Calendar.types';
+import type { ITheme } from '@fluentui/style-utilities';
+import type { ICalendarPickerStyleProps, ICalendarPickerStyles } from '../CalendarPicker/CalendarPicker.types';
+/**
+ * {@docCategory Calendar}
+ */
+export interface ICalendarYear {
+    focus(): void;
+}
+/**
+ * {@docCategory Calendar}
+ */
+export interface ICalendarYearRange {
+    fromYear: number;
+    toYear: number;
+}
+/**
+ * {@docCategory Calendar}
+ */
+export interface ICalendarYearRangeToString {
+    (range: ICalendarYearRange): string;
+}
+/**
+ * {@docCategory Calendar}
+ */
+export interface ICalendarYearStrings {
+    rangeAriaLabel?: string | ICalendarYearRangeToString;
+    prevRangeAriaLabel?: string | ICalendarYearRangeToString;
+    nextRangeAriaLabel?: string | ICalendarYearRangeToString;
+    headerAriaLabelFormatString?: string;
+}
+/**
+ * {@docCategory Calendar}
+ */
+export interface ICalendarYearProps extends IBaseProps<ICalendarYear> {
+    /**
+     * Optional callback to access the ICalendarYear interface. Use this instead of ref for accessing
+     * the public methods and properties of the component.
+     */
+    componentRef?: IRefObject<ICalendarYear>;
+    /**
+     * Customized styles for the calendar month component
+     */
+    styles?: IStyleFunctionOrObject<ICalendarYearStyleProps, ICalendarYearStyles>;
+    /**
+     * Theme (provided through customization).
+     */
+    theme?: ITheme;
+    /**
+     * Localized strings to use in the Calendar
+     */
+    strings?: ICalendarYearStrings;
+    /**
+     * The currently selected year
+     */
+    selectedYear?: number;
+    /**
+     * The currently navigated year
+     */
+    navigatedYear?: number;
+    /**
+     * Callback action when a year is selected
+     * @param year - The year the user selected
+     */
+    onSelectYear?: (year: number) => void;
+    /**
+     * Custom navigation icons.
+     */
+    navigationIcons?: ICalendarNavigationIcons;
+    /**
+     * Callback action when the header is selected
+     */
+    onHeaderSelect?: (focus: boolean) => void;
+    /**
+     * If set the Calendar will not allow navigation to or selection of a year earlier than this value.
+     */
+    minYear?: number;
+    /**
+     * If set the Calendar will not allow navigation to or selection of a year later than this value.
+     */
+    maxYear?: number;
+    /**
+     * Whether the year picker should highlight the current year
+     * @defaultvalue false
+     */
+    highlightCurrentYear?: boolean;
+    /**
+     * Whether the year picker should highlight the selected year
+     * @defaultvalue false
+     */
+    highlightSelectedYear?: boolean;
+    /**
+     * Accept custom classNames
+     */
+    className?: string;
+    /**
+     * Custom renderer for the title
+     */
+    onRenderTitle?: (props: ICalendarYearHeaderProps) => React.ReactNode;
+    /**
+     * Custom renderer for the year
+     */
+    onRenderYear?: (year: number) => React.ReactNode;
+    /**
+     * The cardinal directions for animation to occur during transitions, either horizontal or veritcal
+     */
+    animationDirection?: AnimationDirection;
+}
+export interface ICalendarYearStyleProps extends ICalendarPickerStyleProps {
+}
+export interface ICalendarYearStyles extends ICalendarPickerStyles {
+}
+export interface ICalendarYearHeaderProps extends ICalendarYearProps, ICalendarYearRange {
+    /**
+     * Callback action when the 'previous' navigation button is selected
+     */
+    onSelectPrev?: () => void;
+    /**
+     * Callback action when the 'next' navigation button is selected
+     */
+    onSelectNext?: () => void;
+    /**
+     * Whether title entering animation should be forwards or backwards
+     */
+    animateBackwards?: boolean;
+}

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CalendarYear.types.js.map

node_modules/@fluentui/react/lib/components/Calendar/CalendarYear/CalendarYear.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarYear.types.js","sourceRoot":"../src/","sources":["components/Calendar/CalendarYear/CalendarYear.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { AnimationDirection } from '../Calendar.types';\nimport type { IBaseProps, IRefObject, IStyleFunctionOrObject } from '@fluentui/utilities';\nimport type { ICalendarNavigationIcons } from '../Calendar.types';\nimport type { ITheme } from '@fluentui/style-utilities';\nimport type { ICalendarPickerStyleProps, ICalendarPickerStyles } from '../CalendarPicker/CalendarPicker.types';\n\n/**\n * {@docCategory Calendar}\n */\nexport interface ICalendarYear {\n  focus(): void;\n}\n\n/**\n * {@docCategory Calendar}\n */\nexport interface ICalendarYearRange {\n  fromYear: number;\n  toYear: number;\n}\n\n/**\n * {@docCategory Calendar}\n */\nexport interface ICalendarYearRangeToString {\n  (range: ICalendarYearRange): string;\n}\n\n/**\n * {@docCategory Calendar}\n */\nexport interface ICalendarYearStrings {\n  rangeAriaLabel?: string | ICalendarYearRangeToString;\n  prevRangeAriaLabel?: string | ICalendarYearRangeToString;\n  nextRangeAriaLabel?: string | ICalendarYearRangeToString;\n  headerAriaLabelFormatString?: string;\n}\n\n/**\n * {@docCategory Calendar}\n */\nexport interface ICalendarYearProps extends IBaseProps<ICalendarYear> {\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?: IRefObject<ICalendarYear>;\n\n  /**\n   * Customized styles for the calendar month component\n   */\n  styles?: IStyleFunctionOrObject<ICalendarYearStyleProps, ICalendarYearStyles>;\n\n  /**\n   * Theme (provided through customization).\n   */\n  theme?: ITheme;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings?: ICalendarYearStrings;\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   * Custom navigation icons.\n   */\n  navigationIcons?: ICalendarNavigationIcons;\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   * @defaultvalue false\n   */\n  highlightCurrentYear?: boolean;\n\n  /**\n   * Whether the year picker should highlight the selected year\n   * @defaultvalue 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: ICalendarYearHeaderProps) => 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\nexport interface ICalendarYearStyleProps extends ICalendarPickerStyleProps {}\n\nexport interface ICalendarYearStyles extends ICalendarPickerStyles {}\n\nexport interface ICalendarYearHeaderProps extends ICalendarYearProps, ICalendarYearRange {\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"]}