@fluentui/react-rating 0.0.0-nightly-20240318-0408.1

package/lib-commonjs/components/RatingDisplay/renderRatingDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderRatingDisplay.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { RatingItemProvider } from '../../contexts/RatingItemContext';\n/**\n * Render the final JSX of RatingDisplay\n */ export const renderRatingDisplay_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(RatingItemProvider, {\n        value: contextValues.ratingItem,\n        children: /*#__PURE__*/ _jsxs(state.root, {\n            children: [\n                state.root.children,\n                state.valueText && /*#__PURE__*/ _jsx(state.valueText, {}),\n                state.countText && /*#__PURE__*/ _jsx(state.countText, {})\n            ]\n        })\n    });\n};\n"],"names":["renderRatingDisplay_unstable","state","contextValues","assertSlots","_jsx","RatingItemProvider","value","ratingItem","children","_jsxs","root","valueText","countText"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BAL4B;gCACjB;mCACO;AAGxB,MAAMA,+BAA+B,CAACC,OAAOC;IACpDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,qCAAkB,EAAE;QAC1CC,OAAOJ,cAAcK,UAAU;QAC/BC,UAAU,WAAW,GAAGC,IAAAA,gBAAK,EAACR,MAAMS,IAAI,EAAE;YACtCF,UAAU;gBACNP,MAAMS,IAAI,CAACF,QAAQ;gBACnBP,MAAMU,SAAS,IAAI,WAAW,GAAGP,IAAAA,eAAI,EAACH,MAAMU,SAAS,EAAE,CAAC;gBACxDV,MAAMW,SAAS,IAAI,WAAW,GAAGR,IAAAA,eAAI,EAACH,MAAMW,SAAS,EAAE,CAAC;aAC3D;QACL;IACJ;AACJ"}

package/lib-commonjs/components/RatingDisplay/useRatingDisplay.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRatingDisplay_unstable", {
+    enumerable: true,
+    get: function() {
+        return useRatingDisplay_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacticons = require("@fluentui/react-icons");
+const _RatingItem = require("../RatingItem/RatingItem");
+const useRatingDisplay_unstable = (props, ref)=>{
+    const { color = 'neutral', count, compact = false, icon = _reacticons.StarFilled, max = 5, size = 'medium', value } = props;
+    const valueTextId = (0, _reactutilities.useId)('rating-value-');
+    const countTextId = (0, _reactutilities.useId)('rating-count-');
+    // Generate the child RatingItems and memoize them to prevent unnecessary re-rendering
+    const rootChildren = _react.useMemo(()=>{
+        return compact ? /*#__PURE__*/ _react.createElement(_RatingItem.RatingItem, {
+            value: 1,
+            key: 1,
+            "aria-hidden": true
+        }) : Array.from(Array(max), (_, i)=>/*#__PURE__*/ _react.createElement(_RatingItem.RatingItem, {
+                value: i + 1,
+                key: i + 1,
+                "aria-hidden": true
+            }));
+    }, [
+        compact,
+        max
+    ]);
+    const state = {
+        color,
+        compact,
+        icon,
+        max,
+        size,
+        value,
+        components: {
+            root: 'div',
+            valueText: 'span',
+            countText: 'span'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            children: rootChildren,
+            role: 'img',
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        valueText: _reactutilities.slot.optional(props.valueText, {
+            renderByDefault: value !== undefined,
+            defaultProps: {
+                children: value,
+                id: valueTextId,
+                'aria-hidden': true
+            },
+            elementType: 'span'
+        }),
+        countText: _reactutilities.slot.optional(props.countText, {
+            renderByDefault: count !== undefined,
+            defaultProps: {
+                children: count === null || count === void 0 ? void 0 : count.toLocaleString(),
+                id: countTextId,
+                'aria-hidden': true
+            },
+            elementType: 'span'
+        })
+    };
+    if (!state.root['aria-label'] && !state.root['aria-labelledby']) {
+        var _state_valueText, _state_countText;
+        state.root['aria-labelledby'] = [
+            (_state_valueText = state.valueText) === null || _state_valueText === void 0 ? void 0 : _state_valueText.id,
+            (_state_countText = state.countText) === null || _state_countText === void 0 ? void 0 : _state_countText.id
+        ].filter(Boolean).join(' ');
+    }
+    return state;
+};

package/lib-commonjs/components/RatingDisplay/useRatingDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRatingDisplay.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId } from '@fluentui/react-utilities';\nimport { StarFilled } from '@fluentui/react-icons';\nimport { RatingItem } from '../RatingItem/RatingItem';\n/**\n * Create the state required to render RatingDisplay.\n *\n * The returned state can be modified with hooks such as useRatingDisplayStyles_unstable,\n * before being passed to renderRatingDisplay_unstable.\n *\n * @param props - props from this instance of RatingDisplay\n * @param ref - reference to root HTMLDivElement of RatingDisplay\n */ export const useRatingDisplay_unstable = (props, ref)=>{\n    const { color = 'neutral', count, compact = false, icon = StarFilled, max = 5, size = 'medium', value } = props;\n    const valueTextId = useId('rating-value-');\n    const countTextId = useId('rating-count-');\n    // Generate the child RatingItems and memoize them to prevent unnecessary re-rendering\n    const rootChildren = React.useMemo(()=>{\n        return compact ? /*#__PURE__*/ React.createElement(RatingItem, {\n            value: 1,\n            key: 1,\n            \"aria-hidden\": true\n        }) : Array.from(Array(max), (_, i)=>/*#__PURE__*/ React.createElement(RatingItem, {\n                value: i + 1,\n                key: i + 1,\n                \"aria-hidden\": true\n            }));\n    }, [\n        compact,\n        max\n    ]);\n    const state = {\n        color,\n        compact,\n        icon,\n        max,\n        size,\n        value,\n        components: {\n            root: 'div',\n            valueText: 'span',\n            countText: 'span'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            children: rootChildren,\n            role: 'img',\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        valueText: slot.optional(props.valueText, {\n            renderByDefault: value !== undefined,\n            defaultProps: {\n                children: value,\n                id: valueTextId,\n                'aria-hidden': true\n            },\n            elementType: 'span'\n        }),\n        countText: slot.optional(props.countText, {\n            renderByDefault: count !== undefined,\n            defaultProps: {\n                children: count === null || count === void 0 ? void 0 : count.toLocaleString(),\n                id: countTextId,\n                'aria-hidden': true\n            },\n            elementType: 'span'\n        })\n    };\n    if (!state.root['aria-label'] && !state.root['aria-labelledby']) {\n        var _state_valueText, _state_countText;\n        state.root['aria-labelledby'] = [\n            (_state_valueText = state.valueText) === null || _state_valueText === void 0 ? void 0 : _state_valueText.id,\n            (_state_countText = state.countText) === null || _state_countText === void 0 ? void 0 : _state_countText.id\n        ].filter(Boolean).join(' ');\n    }\n    return state;\n};\n"],"names":["useRatingDisplay_unstable","props","ref","color","count","compact","icon","StarFilled","max","size","value","valueTextId","useId","countTextId","rootChildren","React","useMemo","createElement","RatingItem","key","Array","from","_","i","state","components","root","valueText","countText","slot","always","getIntrinsicElementProps","children","role","elementType","optional","renderByDefault","undefined","defaultProps","id","toLocaleString","_state_valueText","_state_countText","filter","Boolean","join"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;gCAC+B;4BAC3B;4BACA;AAShB,MAAMA,4BAA4B,CAACC,OAAOC;IACjD,MAAM,EAAEC,QAAQ,SAAS,EAAEC,KAAK,EAAEC,UAAU,KAAK,EAAEC,OAAOC,sBAAU,EAAEC,MAAM,CAAC,EAAEC,OAAO,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAC1G,MAAMU,cAAcC,IAAAA,qBAAK,EAAC;IAC1B,MAAMC,cAAcD,IAAAA,qBAAK,EAAC;IAC1B,sFAAsF;IACtF,MAAME,eAAeC,OAAMC,OAAO,CAAC;QAC/B,OAAOX,UAAU,WAAW,GAAGU,OAAME,aAAa,CAACC,sBAAU,EAAE;YAC3DR,OAAO;YACPS,KAAK;YACL,eAAe;QACnB,KAAKC,MAAMC,IAAI,CAACD,MAAMZ,MAAM,CAACc,GAAGC,IAAI,WAAW,GAAGR,OAAME,aAAa,CAACC,sBAAU,EAAE;gBAC1ER,OAAOa,IAAI;gBACXJ,KAAKI,IAAI;gBACT,eAAe;YACnB;IACR,GAAG;QACClB;QACAG;KACH;IACD,MAAMgB,QAAQ;QACVrB;QACAE;QACAC;QACAE;QACAC;QACAC;QACAe,YAAY;YACRC,MAAM;YACNC,WAAW;YACXC,WAAW;QACf;QACAF,MAAMG,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C7B;YACA8B,UAAUlB;YACVmB,MAAM;YACN,GAAGhC,KAAK;QACZ,IAAI;YACAiC,aAAa;QACjB;QACAP,WAAWE,oBAAI,CAACM,QAAQ,CAAClC,MAAM0B,SAAS,EAAE;YACtCS,iBAAiB1B,UAAU2B;YAC3BC,cAAc;gBACVN,UAAUtB;gBACV6B,IAAI5B;gBACJ,eAAe;YACnB;YACAuB,aAAa;QACjB;QACAN,WAAWC,oBAAI,CAACM,QAAQ,CAAClC,MAAM2B,SAAS,EAAE;YACtCQ,iBAAiBhC,UAAUiC;YAC3BC,cAAc;gBACVN,UAAU5B,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMoC,cAAc;gBAC5ED,IAAI1B;gBACJ,eAAe;YACnB;YACAqB,aAAa;QACjB;IACJ;IACA,IAAI,CAACV,MAAME,IAAI,CAAC,aAAa,IAAI,CAACF,MAAME,IAAI,CAAC,kBAAkB,EAAE;QAC7D,IAAIe,kBAAkBC;QACtBlB,MAAME,IAAI,CAAC,kBAAkB,GAAG;YAC3Be,CAAAA,mBAAmBjB,MAAMG,SAAS,AAAD,MAAO,QAAQc,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBF,EAAE;YAC1GG,CAAAA,mBAAmBlB,MAAMI,SAAS,AAAD,MAAO,QAAQc,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBH,EAAE;SAC9G,CAACI,MAAM,CAACC,SAASC,IAAI,CAAC;IAC3B;IACA,OAAOrB;AACX"}

package/lib-commonjs/components/RatingDisplay/useRatingDisplayContextValues.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRatingDisplayContextValues", {
+    enumerable: true,
+    get: function() {
+        return useRatingDisplayContextValues;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const useRatingDisplayContextValues = (state)=>{
+    const { color, compact, icon, size, value } = state;
+    const ratingItem = _react.useMemo(()=>({
+            color,
+            compact,
+            iconFilled: icon,
+            iconOutline: icon,
+            interactive: false,
+            step: 0.5,
+            size,
+            value
+        }), [
+        color,
+        compact,
+        icon,
+        size,
+        value
+    ]);
+    return {
+        ratingItem
+    };
+};

package/lib-commonjs/components/RatingDisplay/useRatingDisplayContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRatingDisplayContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport const useRatingDisplayContextValues = (state)=>{\n    const { color, compact, icon, size, value } = state;\n    const ratingItem = React.useMemo(()=>({\n            color,\n            compact,\n            iconFilled: icon,\n            iconOutline: icon,\n            interactive: false,\n            step: 0.5,\n            size,\n            value\n        }), [\n        color,\n        compact,\n        icon,\n        size,\n        value\n    ]);\n    return {\n        ratingItem\n    };\n};\n"],"names":["useRatingDisplayContextValues","state","color","compact","icon","size","value","ratingItem","React","useMemo","iconFilled","iconOutline","interactive","step"],"mappings":";;;;+BACaA;;;eAAAA;;;;iEADU;AAChB,MAAMA,gCAAgC,CAACC;IAC1C,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGL;IAC9C,MAAMM,aAAaC,OAAMC,OAAO,CAAC,IAAK,CAAA;YAC9BP;YACAC;YACAO,YAAYN;YACZO,aAAaP;YACbQ,aAAa;YACbC,MAAM;YACNR;YACAC;QACJ,CAAA,GAAI;QACJJ;QACAC;QACAC;QACAC;QACAC;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}

package/lib-commonjs/components/RatingDisplay/useRatingDisplayStyles.styles.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ratingDisplayClassNames: function() {
+        return ratingDisplayClassNames;
+    },
+    useRatingDisplayStyles_unstable: function() {
+        return useRatingDisplayStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const ratingDisplayClassNames = {
+    root: 'fui-RatingDisplay',
+    valueText: 'fui-RatingDisplay__valueText',
+    countText: 'fui-RatingDisplay__countText'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rxxdqwu", null, [
+    ".rxxdqwu{display:flex;flex-wrap:wrap;align-items:center;}"
+]);
+const useLabelClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1okbz36", "rzju99d", [
+    ".r1okbz36{color:var(--colorNeutralForeground1);margin-left:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}",
+    ".rzju99d{color:var(--colorNeutralForeground1);margin-right:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
+]);
+const useLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
+    large: {
+        Be2twd7: "fkhj508",
+        Bg96gwp: "f1i3iumi"
+    },
+    extraLarge: {
+        Be2twd7: "fod5ikn",
+        Bg96gwp: "faaz57k"
+    },
+    strong: {
+        Bhrd7zp: "fl43uef"
+    },
+    divider: {
+        Ftih45: "f169p45e"
+    }
+}, {
+    d: [
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f169p45e::before{content:\"\xB7 \";}"
+    ]
+});
+const useRatingDisplayStyles_unstable = (state)=>{
+    const { size } = state;
+    const rootClassName = useRootClassName();
+    state.root.className = (0, _react.mergeClasses)(ratingDisplayClassNames.root, rootClassName, state.root.className);
+    const labelClassName = useLabelClassName();
+    const labelStyles = useLabelStyles();
+    if (state.valueText) {
+        state.valueText.className = (0, _react.mergeClasses)(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);
+    }
+    if (state.countText) {
+        state.countText.className = (0, _react.mergeClasses)(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);
+    }
+    return state;
+}; //# sourceMappingURL=useRatingDisplayStyles.styles.js.map

package/lib-commonjs/components/RatingDisplay/useRatingDisplayStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRatingDisplayStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const ratingDisplayClassNames = {\n  root: 'fui-RatingDisplay',\n  valueText: 'fui-RatingDisplay__valueText',\n  countText: 'fui-RatingDisplay__countText'\n};\n/**\n * Styles for the root slot\n */\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"rxxdqwu\", null, [\".rxxdqwu{display:flex;flex-wrap:wrap;align-items:center;}\"]);\nconst useLabelClassName = /*#__PURE__*/__resetStyles(\"r1okbz36\", \"rzju99d\", [\".r1okbz36{color:var(--colorNeutralForeground1);margin-left:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\", \".rzju99d{color:var(--colorNeutralForeground1);margin-right:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\nconst useLabelStyles = /*#__PURE__*/__styles({\n  large: {\n    Be2twd7: \"fkhj508\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  extraLarge: {\n    Be2twd7: \"fod5ikn\",\n    Bg96gwp: \"faaz57k\"\n  },\n  strong: {\n    Bhrd7zp: \"fl43uef\"\n  },\n  divider: {\n    Ftih45: \"f169p45e\"\n  }\n}, {\n  d: [\".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f169p45e::before{content:\\\"\\xB7 \\\";}\"]\n});\n/**\n * Apply styling to the RatingDisplay slots based on the state\n */\nexport const useRatingDisplayStyles_unstable = state => {\n  const {\n    size\n  } = state;\n  const rootClassName = useRootClassName();\n  state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n  const labelClassName = useLabelClassName();\n  const labelStyles = useLabelStyles();\n  if (state.valueText) {\n    state.valueText.className = mergeClasses(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);\n  }\n  if (state.countText) {\n    state.countText.className = mergeClasses(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useRatingDisplayStyles.styles.js.map"],"names":["ratingDisplayClassNames","useRatingDisplayStyles_unstable","root","valueText","countText","useRootClassName","__resetStyles","useLabelClassName","useLabelStyles","__styles","large","Be2twd7","Bg96gwp","extraLarge","strong","Bhrd7zp","divider","Ftih45","d","state","size","rootClassName","className","mergeClasses","labelClassName","labelStyles"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB;eAAvBA;;IA+BAC,+BAA+B;eAA/BA;;;uBAjCyC;AAE/C,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,WAAW;IACXC,WAAW;AACb;AACA;;CAEC,GACD,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAA4D;AAClI,MAAMC,oBAAoB,WAAW,GAAED,IAAAA,oBAAa,EAAC,YAAY,WAAW;IAAC;IAAyO;CAAwO;AAC9hB,MAAME,iBAAiB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC3CC,OAAO;QACLC,SAAS;QACTC,SAAS;IACX;IACAC,YAAY;QACVF,SAAS;QACTC,SAAS;IACX;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,SAAS;QACPC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA+C;QAAoD;QAA+C;QAAmD;QAAoD;KAAwC;AACvS;AAIO,MAAMjB,kCAAkCkB,CAAAA;IAC7C,MAAM,EACJC,IAAI,EACL,GAAGD;IACJ,MAAME,gBAAgBhB;IACtBc,MAAMjB,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,wBAAwBE,IAAI,EAAEmB,eAAeF,MAAMjB,IAAI,CAACoB,SAAS;IACrG,MAAME,iBAAiBjB;IACvB,MAAMkB,cAAcjB;IACpB,IAAIW,MAAMhB,SAAS,EAAE;QACnBgB,MAAMhB,SAAS,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,wBAAwBG,SAAS,EAAEqB,gBAAgBC,YAAYX,MAAM,EAAEM,SAAS,WAAWK,YAAYf,KAAK,EAAEU,SAAS,iBAAiBK,YAAYZ,UAAU,EAAEM,MAAMhB,SAAS,CAACmB,SAAS;IACpO;IACA,IAAIH,MAAMf,SAAS,EAAE;QACnBe,MAAMf,SAAS,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,wBAAwBI,SAAS,EAAEoB,gBAAgBJ,SAAS,WAAWK,YAAYf,KAAK,EAAEU,SAAS,iBAAiBK,YAAYZ,UAAU,EAAEM,MAAMhB,SAAS,IAAIsB,YAAYT,OAAO,EAAEG,MAAMf,SAAS,CAACkB,SAAS;IACxP;IACA,OAAOH;AACT,GACA,yDAAyD"}

package/lib-commonjs/components/RatingItem/RatingItem.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RatingItem", {
+    enumerable: true,
+    get: function() {
+        return RatingItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useRatingItem = require("./useRatingItem");
+const _renderRatingItem = require("./renderRatingItem");
+const _useRatingItemStylesstyles = require("./useRatingItemStyles.styles");
+const RatingItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useRatingItem.useRatingItem_unstable)(props, ref);
+    (0, _useRatingItemStylesstyles.useRatingItemStyles_unstable)(state);
+    return (0, _renderRatingItem.renderRatingItem_unstable)(state);
+});
+RatingItem.displayName = 'RatingItem';

package/lib-commonjs/components/RatingItem/RatingItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RatingItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useRatingItem_unstable } from './useRatingItem';\nimport { renderRatingItem_unstable } from './renderRatingItem';\nimport { useRatingItemStyles_unstable } from './useRatingItemStyles.styles';\n/**\n * RatingItem is an item that will be used to set or display a rating value.\n */ export const RatingItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useRatingItem_unstable(props, ref);\n    useRatingItemStyles_unstable(state);\n    return renderRatingItem_unstable(state);\n});\nRatingItem.displayName = 'RatingItem';\n"],"names":["RatingItem","React","forwardRef","props","ref","state","useRatingItem_unstable","useRatingItemStyles_unstable","renderRatingItem_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;+BACgB;kCACG;2CACG;AAGlC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACrC;AACAL,WAAWS,WAAW,GAAG"}

package/lib-commonjs/components/RatingItem/RatingItem.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/RatingItem/RatingItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/RatingItem/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./RatingItem"), exports);
+_export_star._(require("./RatingItem.types"), exports);
+_export_star._(require("./renderRatingItem"), exports);
+_export_star._(require("./useRatingItem"), exports);
+_export_star._(require("./useRatingItemStyles.styles"), exports);

package/lib-commonjs/components/RatingItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './RatingItem';\nexport * from './RatingItem.types';\nexport * from './renderRatingItem';\nexport * from './useRatingItem';\nexport * from './useRatingItemStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/RatingItem/renderRatingItem.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderRatingItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderRatingItem_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderRatingItem_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.halfValueInput && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.halfValueInput, {}),
+            state.fullValueInput && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.fullValueInput, {}),
+            state.unselectedIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.unselectedIcon, {}),
+            state.selectedIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.selectedIcon, {})
+        ]
+    });
+};

package/lib-commonjs/components/RatingItem/renderRatingItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderRatingItem.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of RatingItem\n */ export const renderRatingItem_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.halfValueInput && /*#__PURE__*/ _jsx(state.halfValueInput, {}),\n            state.fullValueInput && /*#__PURE__*/ _jsx(state.fullValueInput, {}),\n            state.unselectedIcon && /*#__PURE__*/ _jsx(state.unselectedIcon, {}),\n            state.selectedIcon && /*#__PURE__*/ _jsx(state.selectedIcon, {})\n        ]\n    });\n};\n"],"names":["renderRatingItem_unstable","state","assertSlots","_jsxs","root","children","halfValueInput","_jsx","fullValueInput","unselectedIcon","selectedIcon"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,4BAA4B,CAACC;IAC1CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,cAAc,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,cAAc,EAAE,CAAC;YAClEL,MAAMO,cAAc,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,cAAc,EAAE,CAAC;YAClEP,MAAMQ,cAAc,IAAI,WAAW,GAAGF,IAAAA,eAAI,EAACN,MAAMQ,cAAc,EAAE,CAAC;YAClER,MAAMS,YAAY,IAAI,WAAW,GAAGH,IAAAA,eAAI,EAACN,MAAMS,YAAY,EAAE,CAAC;SACjE;IACL;AACJ"}

package/lib-commonjs/components/RatingItem/useRatingItem.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRatingItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return useRatingItem_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacttabster = require("@fluentui/react-tabster");
+const _RatingItemContext = require("../../contexts/RatingItemContext");
+const defaultItemLabel = (num)=>num + '';
+const useRatingItem_unstable = (props, ref)=>{
+    const context = (0, _RatingItemContext.useRatingItemContextValue_unstable)();
+    const { value = 0 } = props;
+    const { itemLabel = defaultItemLabel, iconFilled: IconFilled, iconOutline: IconOutline } = context;
+    const ratingValue = Math.round((context.value || 0) * 2) / 2; // round to the nearest 0.5
+    var _context_hoveredValue;
+    const displayedRatingValue = (_context_hoveredValue = context.hoveredValue) !== null && _context_hoveredValue !== void 0 ? _context_hoveredValue : ratingValue;
+    const appearance = context.interactive ? 'outline' : 'filled';
+    let iconFillWidth;
+    if (context.compact || displayedRatingValue >= value) {
+        iconFillWidth = 1;
+    } else if (displayedRatingValue >= value - 0.5) {
+        iconFillWidth = 0.5;
+    } else {
+        iconFillWidth = 0;
+    }
+    const root = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('span', {
+        ref: (0, _reactutilities.useMergedRefs)((0, _reacttabster.useFocusWithin)(), ref),
+        ...props
+    }), {
+        elementType: 'span'
+    });
+    let unselectedIcon;
+    if (iconFillWidth < 1) {
+        unselectedIcon = _reactutilities.slot.always(props.unselectedIcon, {
+            defaultProps: {
+                children: appearance === 'filled' ? /*#__PURE__*/ _react.createElement(IconFilled, null) : /*#__PURE__*/ _react.createElement(IconOutline, null),
+                'aria-hidden': true
+            },
+            elementType: 'div'
+        });
+    }
+    let selectedIcon;
+    if (iconFillWidth > 0) {
+        selectedIcon = _reactutilities.slot.always(props.selectedIcon, {
+            defaultProps: {
+                children: /*#__PURE__*/ _react.createElement(IconFilled, null),
+                'aria-hidden': true
+            },
+            elementType: 'div'
+        });
+    }
+    let halfValueInput;
+    if (context.interactive && context.step === 0.5) {
+        halfValueInput = _reactutilities.slot.always(props.halfValueInput, {
+            defaultProps: {
+                type: 'radio',
+                name: context.name,
+                value: value - 0.5,
+                checked: ratingValue === value - 0.5,
+                'aria-label': itemLabel(value - 0.5),
+                onChange: ()=>{
+                // This empty onChange handler silences an incorrect React warning about not using onChange for a controlled input.
+                // The parent Rating component has the real onChange handler to listen to change events from this input.
+                }
+            },
+            elementType: 'input'
+        });
+    }
+    let fullValueInput;
+    if (context.interactive) {
+        fullValueInput = _reactutilities.slot.always(props.fullValueInput, {
+            defaultProps: {
+                type: 'radio',
+                name: context.name,
+                value,
+                checked: ratingValue === value,
+                'aria-label': itemLabel(value),
+                onChange: ()=>{
+                // This empty onChange handler silences an incorrect React warning about not using onChange for a controlled input.
+                // The parent Rating component has the real onChange handler to listen to change events from this input.
+                }
+            },
+            elementType: 'input'
+        });
+    }
+    const state = {
+        appearance,
+        color: context.color,
+        step: context.step,
+        size: context.size,
+        iconFillWidth,
+        value,
+        components: {
+            root: 'span',
+            selectedIcon: 'div',
+            unselectedIcon: 'div',
+            halfValueInput: 'input',
+            fullValueInput: 'input'
+        },
+        root,
+        selectedIcon,
+        unselectedIcon,
+        halfValueInput,
+        fullValueInput
+    };
+    return state;
+};

package/lib-commonjs/components/RatingItem/useRatingItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRatingItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { useRatingItemContextValue_unstable } from '../../contexts/RatingItemContext';\nconst defaultItemLabel = (num)=>num + '';\n/**\n * Create the state required to render RatingItem.\n *\n * The returned state can be modified with hooks such as useRatingItemStyles_unstable,\n * before being passed to renderRatingItem_unstable.\n *\n * @param props - props from this instance of RatingItem\n * @param ref - reference to root HTMLElement of RatingItem\n */ export const useRatingItem_unstable = (props, ref)=>{\n    const context = useRatingItemContextValue_unstable();\n    const { value = 0 } = props;\n    const { itemLabel = defaultItemLabel, iconFilled: IconFilled, iconOutline: IconOutline } = context;\n    const ratingValue = Math.round((context.value || 0) * 2) / 2; // round to the nearest 0.5\n    var _context_hoveredValue;\n    const displayedRatingValue = (_context_hoveredValue = context.hoveredValue) !== null && _context_hoveredValue !== void 0 ? _context_hoveredValue : ratingValue;\n    const appearance = context.interactive ? 'outline' : 'filled';\n    let iconFillWidth;\n    if (context.compact || displayedRatingValue >= value) {\n        iconFillWidth = 1;\n    } else if (displayedRatingValue >= value - 0.5) {\n        iconFillWidth = 0.5;\n    } else {\n        iconFillWidth = 0;\n    }\n    const root = slot.always(getIntrinsicElementProps('span', {\n        ref: useMergedRefs(useFocusWithin(), ref),\n        ...props\n    }), {\n        elementType: 'span'\n    });\n    let unselectedIcon;\n    if (iconFillWidth < 1) {\n        unselectedIcon = slot.always(props.unselectedIcon, {\n            defaultProps: {\n                children: appearance === 'filled' ? /*#__PURE__*/ React.createElement(IconFilled, null) : /*#__PURE__*/ React.createElement(IconOutline, null),\n                'aria-hidden': true\n            },\n            elementType: 'div'\n        });\n    }\n    let selectedIcon;\n    if (iconFillWidth > 0) {\n        selectedIcon = slot.always(props.selectedIcon, {\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(IconFilled, null),\n                'aria-hidden': true\n            },\n            elementType: 'div'\n        });\n    }\n    let halfValueInput;\n    if (context.interactive && context.step === 0.5) {\n        halfValueInput = slot.always(props.halfValueInput, {\n            defaultProps: {\n                type: 'radio',\n                name: context.name,\n                value: value - 0.5,\n                checked: ratingValue === value - 0.5,\n                'aria-label': itemLabel(value - 0.5),\n                onChange: ()=>{\n                // This empty onChange handler silences an incorrect React warning about not using onChange for a controlled input.\n                // The parent Rating component has the real onChange handler to listen to change events from this input.\n                }\n            },\n            elementType: 'input'\n        });\n    }\n    let fullValueInput;\n    if (context.interactive) {\n        fullValueInput = slot.always(props.fullValueInput, {\n            defaultProps: {\n                type: 'radio',\n                name: context.name,\n                value,\n                checked: ratingValue === value,\n                'aria-label': itemLabel(value),\n                onChange: ()=>{\n                // This empty onChange handler silences an incorrect React warning about not using onChange for a controlled input.\n                // The parent Rating component has the real onChange handler to listen to change events from this input.\n                }\n            },\n            elementType: 'input'\n        });\n    }\n    const state = {\n        appearance,\n        color: context.color,\n        step: context.step,\n        size: context.size,\n        iconFillWidth,\n        value,\n        components: {\n            root: 'span',\n            selectedIcon: 'div',\n            unselectedIcon: 'div',\n            halfValueInput: 'input',\n            fullValueInput: 'input'\n        },\n        root,\n        selectedIcon,\n        unselectedIcon,\n        halfValueInput,\n        fullValueInput\n    };\n    return state;\n};\n"],"names":["useRatingItem_unstable","defaultItemLabel","num","props","ref","context","useRatingItemContextValue_unstable","value","itemLabel","iconFilled","IconFilled","iconOutline","IconOutline","ratingValue","Math","round","_context_hoveredValue","displayedRatingValue","hoveredValue","appearance","interactive","iconFillWidth","compact","root","slot","always","getIntrinsicElementProps","useMergedRefs","useFocusWithin","elementType","unselectedIcon","defaultProps","children","React","createElement","selectedIcon","halfValueInput","step","type","name","checked","onChange","fullValueInput","state","color","size","components"],"mappings":"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"}