first commit

node_modules/@fluentui/react/lib-commonjs/components/Rating/Rating.base.d.ts

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

node_modules/@fluentui/react/lib-commonjs/components/Rating/Rating.base.js

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RatingBase = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var Utilities_1 = require("../../Utilities");
+var Icon_1 = require("../../Icon");
+var FocusZone_1 = require("../../FocusZone");
+var Rating_types_1 = require("./Rating.types");
+var react_hooks_1 = require("@fluentui/react-hooks");
+var getClassNames = (0, Utilities_1.classNamesFunction)();
+var RatingStar = function (props) {
+    return (React.createElement("div", { className: props.classNames.ratingStar },
+        React.createElement(Icon_1.Icon, { className: props.classNames.ratingStarBack, iconName: props.fillPercentage === 0 || props.fillPercentage === 100 ? props.icon : props.unselectedIcon }),
+        !props.disabled && (React.createElement(Icon_1.Icon, { className: props.classNames.ratingStarFront, iconName: props.icon, style: { width: props.fillPercentage + '%' } }))));
+};
+var useComponentRef = function (componentRef, rating) {
+    React.useImperativeHandle(componentRef, function () { return ({
+        rating: rating,
+    }); }, [rating]);
+};
+var useDebugWarnings = function (props) {
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks -- build-time conditional
+        (0, react_hooks_1.useWarnings)({
+            name: 'Rating',
+            props: props,
+            controlledUsage: {
+                valueProp: 'rating',
+                defaultValueProp: 'defaultRating',
+                onChangeProp: 'onChange',
+                readOnlyProp: 'readOnly',
+            },
+        });
+    }
+};
+var getClampedRating = function (rating, min, max) {
+    return Math.min(Math.max(rating !== null && rating !== void 0 ? rating : min, min), max);
+};
+var getFillingPercentage = function (starNum, displayRating) {
+    var ceilValue = Math.ceil(displayRating);
+    var fillPercentage = 100;
+    if (starNum === displayRating) {
+        fillPercentage = 100;
+    }
+    else if (starNum === ceilValue) {
+        fillPercentage = 100 * (displayRating % 1);
+    }
+    else if (starNum > ceilValue) {
+        fillPercentage = 0;
+    }
+    return fillPercentage;
+};
+var getStarId = function (id, starNum) {
+    return "".concat(id, "-star-").concat(starNum - 1);
+};
+exports.RatingBase = React.forwardRef(function (props, forwardedRef) {
+    var id = (0, react_hooks_1.useId)('Rating');
+    var labelId = (0, react_hooks_1.useId)('RatingLabel');
+    var ariaLabel = props.ariaLabel, ariaLabelFormat = props.ariaLabelFormat, disabled = props.disabled, getAriaLabel = props.getAriaLabel, styles = props.styles, 
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    _a = props.min, 
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    minFromProps = _a === void 0 ? props.allowZeroStars ? 0 : 1 : _a, _b = props.max, max = _b === void 0 ? 5 : _b, readOnly = props.readOnly, size = props.size, theme = props.theme, _c = props.icon, icon = _c === void 0 ? 'FavoriteStarFill' : _c, _d = props.unselectedIcon, unselectedIcon = _d === void 0 ? 'FavoriteStar' : _d, onRenderStar = props.onRenderStar;
+    // Ensure min is >= 0 to avoid issues elsewhere
+    var min = Math.max(minFromProps, 0);
+    var _e = (0, react_hooks_1.useControllableValue)(props.rating, props.defaultRating, props.onChange), rating = _e[0], setRating = _e[1];
+    /** Rating clamped within valid range. Will be `min` if `rating` is undefined. */
+    var displayRating = getClampedRating(rating, min, max);
+    useDebugWarnings(props);
+    useComponentRef(props.componentRef, displayRating);
+    var rootRef = React.useRef(null);
+    var mergedRootRefs = (0, react_hooks_1.useMergedRefs)(rootRef, forwardedRef);
+    (0, Utilities_1.useFocusRects)(rootRef);
+    var divProps = (0, Utilities_1.getNativeProps)(props, Utilities_1.divProperties);
+    var classNames = getClassNames(styles, {
+        disabled: disabled,
+        readOnly: readOnly,
+        theme: theme,
+    });
+    var readOnlyAriaLabel = getAriaLabel === null || getAriaLabel === void 0 ? void 0 : getAriaLabel(displayRating, max);
+    var normalModeAriaLabel = ariaLabel ? ariaLabel : readOnlyAriaLabel;
+    var stars = [];
+    var renderStar = function (starProps, renderer) {
+        return renderer ? renderer(starProps) : React.createElement(RatingStar, tslib_1.__assign({}, starProps));
+    };
+    var _loop_1 = function (starNum) {
+        var fillPercentage = getFillingPercentage(starNum, displayRating);
+        var onSelectStar = function (ev) {
+            // Use the actual rating (not display value) here, to ensure that we update if the actual
+            // rating is undefined and the user clicks the first star.
+            if (rating === undefined || Math.ceil(rating) !== starNum) {
+                setRating(starNum, ev);
+            }
+        };
+        var onStarKeyDown = function (event) {
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
+            var which = event.which;
+            var newRating = starNum;
+            switch (which) {
+                case Utilities_1.KeyCodes.right:
+                case Utilities_1.KeyCodes.down:
+                    newRating = Math.min(max, newRating + 1);
+                    break;
+                case Utilities_1.KeyCodes.left:
+                case Utilities_1.KeyCodes.up:
+                    newRating = Math.max(1, newRating - 1);
+                    break;
+                case Utilities_1.KeyCodes.home:
+                case Utilities_1.KeyCodes.pageUp:
+                    newRating = 1;
+                    break;
+                case Utilities_1.KeyCodes.end:
+                case Utilities_1.KeyCodes.pageDown:
+                    newRating = max;
+                    break;
+            }
+            if (newRating !== starNum && (rating === undefined || Math.ceil(rating) !== newRating)) {
+                setRating(newRating, event);
+            }
+        };
+        stars.push(React.createElement("button", tslib_1.__assign({ className: (0, Utilities_1.css)(classNames.ratingButton, size === Rating_types_1.RatingSize.Large ? classNames.ratingStarIsLarge : classNames.ratingStarIsSmall), id: getStarId(id, starNum), key: starNum }, (starNum === Math.ceil(displayRating) && { 'data-is-current': true }), { onKeyDown: onStarKeyDown, onClick: onSelectStar, disabled: !!(disabled || readOnly), role: "radio", "aria-hidden": readOnly ? 'true' : undefined, type: "button", "aria-checked": starNum === Math.ceil(displayRating) }),
+            React.createElement("span", { id: "".concat(labelId, "-").concat(starNum), className: classNames.labelText }, (0, Utilities_1.format)(ariaLabelFormat || '', starNum, max)),
+            renderStar({
+                fillPercentage: fillPercentage,
+                disabled: disabled,
+                classNames: classNames,
+                icon: fillPercentage > 0 ? icon : unselectedIcon,
+                starNum: starNum,
+                unselectedIcon: unselectedIcon,
+            }, onRenderStar)));
+    };
+    for (var starNum = 1; starNum <= max; starNum++) {
+        _loop_1(starNum);
+    }
+    var rootSizeClass = size === Rating_types_1.RatingSize.Large ? classNames.rootIsLarge : classNames.rootIsSmall;
+    return (React.createElement("div", tslib_1.__assign({ ref: mergedRootRefs, className: (0, Utilities_1.css)('ms-Rating-star', classNames.root, rootSizeClass), "aria-label": !readOnly ? normalModeAriaLabel : undefined, id: id, role: !readOnly ? 'radiogroup' : undefined }, divProps),
+        React.createElement(FocusZone_1.FocusZone, tslib_1.__assign({ direction: FocusZone_1.FocusZoneDirection.bidirectional, className: (0, Utilities_1.css)(classNames.ratingFocusZone, rootSizeClass), 
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
+            defaultActiveElement: '#' + getStarId(id, Math.ceil(displayRating)) }, (readOnly && {
+            allowFocusRoot: true,
+            disabled: true,
+            role: 'textbox',
+            'aria-label': readOnlyAriaLabel,
+            'aria-readonly': true,
+            'data-is-focusable': true,
+            tabIndex: 0,
+        })), stars)));
+});
+exports.RatingBase.displayName = 'RatingBase';
+//# sourceMappingURL=Rating.base.js.map

node_modules/@fluentui/react/lib-commonjs/components/Rating/Rating.d.ts

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

node_modules/@fluentui/react/lib-commonjs/components/Rating/Rating.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rating = void 0;
+var Utilities_1 = require("../../Utilities");
+var Rating_styles_1 = require("./Rating.styles");
+var Rating_base_1 = require("./Rating.base");
+exports.Rating = (0, Utilities_1.styled)(Rating_base_1.RatingBase, Rating_styles_1.getStyles, undefined, { scope: 'Rating' });
+//# sourceMappingURL=Rating.js.map

node_modules/@fluentui/react/lib-commonjs/components/Rating/Rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.js","sourceRoot":"../src/","sources":["components/Rating/Rating.tsx"],"names":[],"mappings":";;;AACA,6CAAyC;AACzC,iDAA4C;AAC5C,6CAA2C;AAG9B,QAAA,MAAM,GAA0C,IAAA,kBAAM,EACjE,wBAAU,EACV,yBAAS,EACT,SAAS,EACT,EAAE,KAAK,EAAE,QAAQ,EAAE,CACpB,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport { getStyles } from './Rating.styles';\nimport { RatingBase } from './Rating.base';\nimport type { IRatingProps, IRatingStyleProps, IRatingStyles } from './Rating.types';\n\nexport const Rating: React.FunctionComponent<IRatingProps> = styled<IRatingProps, IRatingStyleProps, IRatingStyles>(\n  RatingBase,\n  getStyles,\n  undefined,\n  { scope: 'Rating' },\n);\n"]}

node_modules/@fluentui/react/lib-commonjs/components/Rating/Rating.styles.d.ts

@@ -0,0 +1,2 @@
+import type { IRatingStyleProps, IRatingStyles } from './Rating.types';
+export declare function getStyles(props: IRatingStyleProps): IRatingStyles;

node_modules/@fluentui/react/lib-commonjs/components/Rating/Rating.styles.js

@@ -0,0 +1,171 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyles = getStyles;
+var Styling_1 = require("../../Styling");
+var GlobalClassNames = {
+    root: 'ms-RatingStar-root',
+    rootIsSmall: 'ms-RatingStar-root--small',
+    rootIsLarge: 'ms-RatingStar-root--large',
+    ratingStar: 'ms-RatingStar-container',
+    ratingStarBack: 'ms-RatingStar-back',
+    ratingStarFront: 'ms-RatingStar-front',
+    ratingButton: 'ms-Rating-button',
+    ratingStarIsSmall: 'ms-Rating--small',
+    ratingStartIsLarge: 'ms-Rating--large',
+    labelText: 'ms-Rating-labelText',
+    ratingFocusZone: 'ms-Rating-focuszone',
+};
+function _getColorWithHighContrast(color, highContrastColor) {
+    var _a;
+    return {
+        color: color,
+        selectors: (_a = {},
+            _a[Styling_1.HighContrastSelector] = {
+                color: highContrastColor,
+            },
+            _a),
+    };
+}
+function getStyles(props) {
+    var disabled = props.disabled, readOnly = props.readOnly, theme = props.theme;
+    var semanticColors = theme.semanticColors, palette = theme.palette;
+    var classNames = (0, Styling_1.getGlobalClassNames)(GlobalClassNames, theme);
+    var ratingSmallIconSize = 16;
+    var ratingLargeIconSize = 20;
+    var ratingVerticalPadding = 8;
+    var ratingHorizontalPadding = 2;
+    var ratingStarUncheckedColor = palette.neutralSecondary;
+    var ratingStarUncheckedHoverColor = palette.themePrimary;
+    var ratingStarUncheckedHoverSelectedColor = palette.themeDark;
+    var ratingStarCheckedColor = palette.neutralPrimary;
+    var ratingStarDisabledColor = semanticColors.disabledBodySubtext;
+    return {
+        root: [
+            classNames.root,
+            theme.fonts.medium,
+            !disabled &&
+                !readOnly && {
+                selectors: {
+                    // This is part 1 of highlighting all stars up to the one the user is hovering over
+                    '&:hover': {
+                        selectors: {
+                            '.ms-RatingStar-back': _getColorWithHighContrast(ratingStarCheckedColor, 'Highlight'),
+                        },
+                    },
+                },
+            },
+        ],
+        rootIsSmall: [
+            classNames.rootIsSmall,
+            {
+                height: ratingSmallIconSize + ratingVerticalPadding * 2 + 'px',
+            },
+        ],
+        rootIsLarge: [
+            classNames.rootIsLarge,
+            {
+                height: ratingLargeIconSize + ratingVerticalPadding * 2 + 'px',
+            },
+        ],
+        ratingStar: [
+            classNames.ratingStar,
+            {
+                display: 'inline-block',
+                position: 'relative',
+                height: 'inherit',
+            },
+        ],
+        ratingStarBack: [
+            classNames.ratingStarBack,
+            {
+                // TODO: Use a proper semantic color for this
+                color: ratingStarUncheckedColor,
+                width: '100%',
+            },
+            disabled && _getColorWithHighContrast(ratingStarDisabledColor, 'GrayText'),
+        ],
+        ratingStarFront: [
+            classNames.ratingStarFront,
+            {
+                position: 'absolute',
+                height: '100 %',
+                left: '0',
+                top: '0',
+                textAlign: 'center',
+                verticalAlign: 'middle',
+                overflow: 'hidden',
+            },
+            _getColorWithHighContrast(ratingStarCheckedColor, 'Highlight'),
+        ],
+        ratingButton: [
+            (0, Styling_1.getFocusStyle)(theme),
+            classNames.ratingButton,
+            {
+                backgroundColor: 'transparent',
+                padding: "".concat(ratingVerticalPadding, "px ").concat(ratingHorizontalPadding, "px"),
+                boxSizing: 'content-box',
+                margin: '0px',
+                border: 'none',
+                cursor: 'pointer',
+                selectors: {
+                    '&:disabled': {
+                        cursor: 'default',
+                    },
+                    '&[disabled]': {
+                        cursor: 'default',
+                    },
+                },
+            },
+            !disabled &&
+                !readOnly && {
+                selectors: {
+                    // This is part 2 of highlighting all stars up to the one the user is hovering over
+                    '&:hover ~ .ms-Rating-button': {
+                        selectors: {
+                            '.ms-RatingStar-back': _getColorWithHighContrast(ratingStarUncheckedColor, 'WindowText'),
+                            '.ms-RatingStar-front': _getColorWithHighContrast(ratingStarUncheckedColor, 'WindowText'),
+                        },
+                    },
+                    '&:hover': {
+                        selectors: {
+                            '.ms-RatingStar-back': {
+                                color: ratingStarUncheckedHoverColor,
+                            },
+                            '.ms-RatingStar-front': {
+                                color: ratingStarUncheckedHoverSelectedColor,
+                            },
+                        },
+                    },
+                },
+            },
+            disabled && {
+                cursor: 'default',
+            },
+        ],
+        ratingStarIsSmall: [
+            classNames.ratingStarIsSmall,
+            {
+                fontSize: ratingSmallIconSize + 'px',
+                lineHeight: ratingSmallIconSize + 'px',
+                height: ratingSmallIconSize + 'px',
+            },
+        ],
+        ratingStarIsLarge: [
+            classNames.ratingStartIsLarge,
+            {
+                fontSize: ratingLargeIconSize + 'px',
+                lineHeight: ratingLargeIconSize + 'px',
+                height: ratingLargeIconSize + 'px',
+            },
+        ],
+        labelText: [classNames.labelText, Styling_1.hiddenContentStyle],
+        ratingFocusZone: [
+            (0, Styling_1.getFocusStyle)(theme),
+            classNames.ratingFocusZone,
+            {
+                display: 'inline-block',
+            },
+        ],
+    };
+}
+//# sourceMappingURL=Rating.styles.js.map

node_modules/@fluentui/react/lib-commonjs/components/Rating/Rating.types.d.ts

@@ -0,0 +1,147 @@
+import * as React from 'react';
+import type { IStyle, ITheme, IProcessedStyleSet } from '../../Styling';
+import type { IRefObject, IRenderFunction, IStyleFunctionOrObject } from '../../Utilities';
+/**
+ * {@docCategory Rating}
+ */
+export interface IRating {
+    /** Current displayed rating value. Will be `min` if the user has not yet set a rating. */
+    rating: number;
+}
+export interface IRatingStarProps {
+    fillPercentage: number;
+    disabled?: boolean;
+    classNames: IProcessedStyleSet<IRatingStyles>;
+    icon: string;
+    starNum?: number;
+    unselectedIcon?: string;
+}
+/**
+ * Rating component props.
+ * {@docCategory Rating}
+ */
+export interface IRatingProps extends React.HTMLAttributes<HTMLDivElement>, React.RefAttributes<HTMLDivElement> {
+    /**
+     * Optional callback to access the IRating interface. Use this instead of ref for accessing
+     * the public methods and properties of the component.
+     */
+    componentRef?: IRefObject<IRating>;
+    /**
+     * Current rating. Must be a number between `min` and `max`. Only provide this if the Rating
+     * is a controlled component where you are maintaining its current state; otherwise, use the
+     * `defaultRating` property.
+     */
+    rating?: number;
+    /**
+     * Default rating. Must be a number between `min` and `max`. Only provide this if the Rating
+     * is an uncontrolled component; otherwise, use the `rating` property.
+     */
+    defaultRating?: number;
+    /**
+     * Minimum rating. Must be \>= 0.
+     * @defaultvalue 0 if `allowZeroStars` is true, 1 otherwise
+     * @deprecated Use `allowZeroStars` instead.
+     */
+    min?: number;
+    /**
+     * Maximum rating. Must be \>= `min`.
+     * @defaultvalue 5
+     */
+    max?: number;
+    /**
+     * Allow the initial rating value (or updated values passed in through `rating`) to be 0.
+     * Note that a value of 0 still won't be selectable by mouse or keyboard.
+     */
+    allowZeroStars?: boolean;
+    /**
+     * Whether the control should be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Custom icon name for selected rating elements.
+     * @defaultvalue FavoriteStarFill
+     */
+    icon?: string;
+    /**
+     * Custom icon name for unselected rating elements.
+     * @defaultvalue FavoriteStar
+     */
+    unselectedIcon?: string;
+    /**
+     * Optional custom renderer for the star component.
+     */
+    onRenderStar?: IRenderFunction<IRatingStarProps>;
+    /**
+     * Size of rating
+     * @defaultvalue Small
+     */
+    size?: RatingSize;
+    /**
+     * Callback for when the rating changes.
+     */
+    onChange?: (event: React.FormEvent<HTMLElement>, rating?: number) => void;
+    /**
+     * Optional label format for each individual rating star (not the rating control as a whole)
+     * that will be read by screen readers. Placeholder `{0}` is the current rating and placeholder
+     * `{1}` is the max: for example, `"Select {0} of {1} stars"`.
+     *
+     * (To set the label for the control as a whole, use `getAriaLabel` or `aria-label`.)
+     *
+     * @defaultvalue ''
+     */
+    ariaLabelFormat?: string;
+    /**
+     * Optional flag to mark rating control as readOnly
+     */
+    readOnly?: boolean;
+    /**
+     * Optional callback to set the aria-label for rating control in readOnly mode.
+     * Also used as a fallback aria-label if ariaLabel prop is not provided.
+     */
+    getAriaLabel?: (rating: number, max: number) => string;
+    /**
+     * Optional aria-label for rating control.
+     * If rating control is readOnly, it is recommended to provide a getAriaLabel prop instead
+     * since otherwise the current rating value will not be read.
+     */
+    ariaLabel?: string;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IRatingStyleProps, IRatingStyles>;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+}
+/**
+ * {@docCategory Rating}
+ */
+export declare enum RatingSize {
+    Small = 0,
+    Large = 1
+}
+/**
+ * {@docCategory Rating}
+ */
+export interface IRatingStyleProps {
+    disabled?: boolean;
+    readOnly?: boolean;
+    theme: ITheme;
+}
+/**
+ * {@docCategory Rating}
+ */
+export interface IRatingStyles {
+    root: IStyle;
+    ratingStar: IStyle;
+    ratingStarBack: IStyle;
+    ratingStarFront: IStyle;
+    ratingButton: IStyle;
+    ratingStarIsSmall: IStyle;
+    ratingStarIsLarge: IStyle;
+    rootIsSmall: IStyle;
+    rootIsLarge: IStyle;
+    labelText: IStyle;
+    ratingFocusZone: IStyle;
+}

node_modules/@fluentui/react/lib-commonjs/components/Rating/Rating.types.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RatingSize = void 0;
+/**
+ * {@docCategory Rating}
+ */
+var RatingSize;
+(function (RatingSize) {
+    RatingSize[RatingSize["Small"] = 0] = "Small";
+    RatingSize[RatingSize["Large"] = 1] = "Large";
+})(RatingSize || (exports.RatingSize = RatingSize = {}));
+//# sourceMappingURL=Rating.types.js.map

node_modules/@fluentui/react/lib-commonjs/components/Rating/Rating.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.types.js","sourceRoot":"../src/","sources":["components/Rating/Rating.types.ts"],"names":[],"mappings":";;;AAyIA;;GAEG;AACH,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,6CAAS,CAAA;IACT,6CAAS,CAAA;AACX,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB","sourcesContent":["import * as React from 'react';\nimport type { IStyle, ITheme, IProcessedStyleSet } from '../../Styling';\nimport type { IRefObject, IRenderFunction, IStyleFunctionOrObject } from '../../Utilities';\n\n/**\n * {@docCategory Rating}\n */\nexport interface IRating {\n  /** Current displayed rating value. Will be `min` if the user has not yet set a rating. */\n  rating: number;\n}\n\nexport interface IRatingStarProps {\n  fillPercentage: number;\n  disabled?: boolean;\n  classNames: IProcessedStyleSet<IRatingStyles>;\n  icon: string;\n  starNum?: number;\n  unselectedIcon?: string;\n}\n\n/**\n * Rating component props.\n * {@docCategory Rating}\n */\nexport interface IRatingProps extends React.HTMLAttributes<HTMLDivElement>, React.RefAttributes<HTMLDivElement> {\n  /**\n   * Optional callback to access the IRating interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: IRefObject<IRating>;\n\n  /**\n   * Current rating. Must be a number between `min` and `max`. Only provide this if the Rating\n   * is a controlled component where you are maintaining its current state; otherwise, use the\n   * `defaultRating` property.\n   */\n  rating?: number;\n\n  /**\n   * Default rating. Must be a number between `min` and `max`. Only provide this if the Rating\n   * is an uncontrolled component; otherwise, use the `rating` property.\n   */\n  defaultRating?: number;\n\n  /**\n   * Minimum rating. Must be \\>= 0.\n   * @defaultvalue 0 if `allowZeroStars` is true, 1 otherwise\n   * @deprecated Use `allowZeroStars` instead.\n   */\n  min?: number;\n\n  /**\n   * Maximum rating. Must be \\>= `min`.\n   * @defaultvalue 5\n   */\n  max?: number;\n\n  /**\n   * Allow the initial rating value (or updated values passed in through `rating`) to be 0.\n   * Note that a value of 0 still won't be selectable by mouse or keyboard.\n   */\n  allowZeroStars?: boolean;\n\n  /**\n   * Whether the control should be disabled.\n   */\n  disabled?: boolean;\n\n  /**\n   * Custom icon name for selected rating elements.\n   * @defaultvalue FavoriteStarFill\n   */\n  icon?: string;\n\n  /**\n   * Custom icon name for unselected rating elements.\n   * @defaultvalue FavoriteStar\n   */\n  unselectedIcon?: string;\n\n  /**\n   * Optional custom renderer for the star component.\n   */\n  onRenderStar?: IRenderFunction<IRatingStarProps>;\n\n  /**\n   * Size of rating\n   * @defaultvalue Small\n   */\n  size?: RatingSize;\n\n  /**\n   * Callback for when the rating changes.\n   */\n  onChange?: (event: React.FormEvent<HTMLElement>, rating?: number) => void;\n\n  /**\n   * Optional label format for each individual rating star (not the rating control as a whole)\n   * that will be read by screen readers. Placeholder `{0}` is the current rating and placeholder\n   * `{1}` is the max: for example, `\"Select {0} of {1} stars\"`.\n   *\n   * (To set the label for the control as a whole, use `getAriaLabel` or `aria-label`.)\n   *\n   * @defaultvalue ''\n   */\n  ariaLabelFormat?: string;\n\n  /**\n   * Optional flag to mark rating control as readOnly\n   */\n  readOnly?: boolean;\n\n  /**\n   * Optional callback to set the aria-label for rating control in readOnly mode.\n   * Also used as a fallback aria-label if ariaLabel prop is not provided.\n   */\n  getAriaLabel?: (rating: number, max: number) => string;\n\n  /**\n   * Optional aria-label for rating control.\n   * If rating control is readOnly, it is recommended to provide a getAriaLabel prop instead\n   * since otherwise the current rating value will not be read.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IRatingStyleProps, IRatingStyles>;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n}\n\n/**\n * {@docCategory Rating}\n */\nexport enum RatingSize {\n  Small = 0,\n  Large = 1,\n}\n\n/**\n * {@docCategory Rating}\n */\nexport interface IRatingStyleProps {\n  disabled?: boolean;\n  readOnly?: boolean;\n  theme: ITheme;\n}\n\n/**\n * {@docCategory Rating}\n */\nexport interface IRatingStyles {\n  root: IStyle;\n  ratingStar: IStyle;\n  ratingStarBack: IStyle;\n  ratingStarFront: IStyle;\n  ratingButton: IStyle;\n  ratingStarIsSmall: IStyle;\n  ratingStarIsLarge: IStyle;\n  rootIsSmall: IStyle;\n  rootIsLarge: IStyle;\n  labelText: IStyle;\n  ratingFocusZone: IStyle;\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/components/Rating/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Rating';
+export * from './Rating.base';
+export * from './Rating.types';

node_modules/@fluentui/react/lib-commonjs/components/Rating/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Rating"), exports);
+tslib_1.__exportStar(require("./Rating.base"), exports);
+tslib_1.__exportStar(require("./Rating.types"), exports);
+//# sourceMappingURL=index.js.map

node_modules/@fluentui/react/lib-commonjs/components/Rating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Rating/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,wDAA8B;AAC9B,yDAA+B","sourcesContent":["export * from './Rating';\nexport * from './Rating.base';\nexport * from './Rating.types';\n"]}