fix(react-rating): Pass missing Rating's itemLabel prop to its state so RatingItem consumes it from context (#33361)

Co-authored-by: Denizhan Erdem <derdem@microsoft.com>
Co-authored-by: Esteban Munoz Facusse <estebanmu@microsoft.com>
Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>

Author: 4 people

change/@fluentui-react-rating-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Pass missing Rating's itemLabel prop to its state so RatingItem consumes it from context.",
+  "packageName": "@fluentui/react-rating",
+  "email": "derdem@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-rating/library/src/components/Rating/Rating.test.tsx

@@ -51,4 +51,12 @@ describe('Rating', () => {
     expect(onChange.mock.calls[1][1].value).toBe(3);
     expect(onChange.mock.calls[2][1].value).toBe(2);
   });
+  it('creates RadioItems with correct aria-labels', () => {
+    const onChange = jest.fn();
+    const { getAllByRole } = render(<Rating onChange={onChange} itemLabel={num => `item #${num}`} />);
+    const items = getAllByRole('radio');
+    expect(items[0].getAttribute('aria-label')).toBe('item #1');
+    expect(items[1].getAttribute('aria-label')).toBe('item #2');
+    expect(items[2].getAttribute('aria-label')).toBe('item #3');
+  });
 });

packages/react-components/react-rating/library/src/components/Rating/useRating.tsx

@@ -31,6 +31,7 @@ export const useRating_unstable = (props: RatingProps, ref: React.Ref<HTMLDivEle
     onChange,
     step = 1,
     size = 'extra-large',
+    itemLabel,
   } = props;
 
   const [value, setValue] = useControllableState({
@@ -56,6 +57,7 @@ export const useRating_unstable = (props: RatingProps, ref: React.Ref<HTMLDivEle
     name,
     step,
     size,
+    itemLabel,
     value,
     hoveredValue,
     components: {