v-baambati

This commit **fixes an accessibility (A11y) issue** by updating the color codes and example data within the **Heatmap chart's basic story example**. Specifically, it modifies `HeatMapChartBasic.stories.tsx` in the `react-charts` package to ensure the demonstration adheres to accessibility standards. This **bug fix** improves the visual contrast and overall usability of the **Heatmap chart** as presented in its documentation and examples, without altering the core component logic. The change is confined to the story file, directly impacting how the basic Heatmap chart is showcased.

This commit delivers an **accessibility bug fix** for the **`Legends` component** within the **`@fluentui-react-charts` package**. It updates the styling in `packages/charts/react-charts/library/src/components/Legends/useLegendsStyles.styles.ts` to correctly apply `focus-visible` outline properties. This ensures that interactive legend elements are clearly highlighted when focused, significantly improving the **user experience in high contrast mode** for keyboard navigators and users with visual impairments. The change addresses a reported bug (BUG 11009019) related to the visibility of focus outlines on legends.

This commit delivers an **accessibility bug fix** for the **Fluent UI React Charts** package, specifically targeting the `FunnelChart` component. It **improves screen reader compatibility** by changing the ARIA role of the `FunnelChart`'s SVG element from `'img'` to `'region'`. This ensures assistive technologies can more accurately interpret and navigate the chart, providing a better user experience for individuals relying on accessibility features.

This commit addresses several **accessibility bugs** by **fixing color contrast issues** within the **`react-charts` package's story examples**. It adjusts color ranges for `HeatMapChart` stories and updates node and border colors for various `SankeyChart` stories to meet accessibility standards. One `SankeyChart` story also refactors color assignments to leverage `DataVizPalette` tokens, promoting more consistent and accessible data visualization. These **bug fixes** ensure that the chart examples are more readable and usable for all users, particularly those with visual impairments.

This commit delivers an **accessibility bug fix** by updating the `aria-label` and `aria-valuetext` attributes for interactive sliders within the **React Charts storybook examples**. The changes specifically target width, height, and other configuration sliders (e.g., data size, padding, bar properties) across a wide range of chart types, including Area, Funnel, Gantt, Gauge, Line, and Bar charts. This **maintenance** work significantly improves the experience for users relying on assistive technologies by providing clearer semantic information for these controls. The update ensures that the **`@fluentui/react-charts` storybook** examples are more usable and compliant with accessibility standards.

This commit delivers **accessibility bug fixes** for the **`GaugeChart` component** within the **`@fluentui/react-charts` package**. It **updates the styling** by adjusting the stroke color for gauge chart segments to utilize a more appropriate focus token. This **maintenance work** directly improves the visual feedback and overall **accessibility** for users interacting with `GaugeChart` components, particularly those relying on keyboard navigation. The changes necessitate a **patch release** for the `react-charts` package.

This commit implements **accessibility bug fixes** by refining color assignments within the **React Charts library**. It specifically updates the colors for 'Trials' and 'Customers' stages in the `FunnelChartDefault.stories.tsx` example, and for categories 'C' and 'D' across all stages in the `FunnelChartStacked.stories.tsx` example. These adjustments enhance the visual clarity and **accessibility** of the **Funnel Chart stories**, ensuring better contrast or distinction for users viewing these examples.

This commit introduces a **new capability** to the **`react-charting`** and **`react-charts`** libraries, enabling **wrapping of string x-axis labels** specifically for scatter charts. The `PlotlySchemaAdapter.ts` files within the `DeclarativeChart` components of both packages have been updated to implement the logic for determining and passing the `shouldWrapLabels` or `wrapXAxisLables` property. This enhancement significantly improves the readability and presentation of **scatter charts** by preventing long x-axis labels from overlapping or being truncated. The change ensures a better user experience when visualizing data with extensive categorical x-axis values.

This commit delivers a **bug fix** for the **`@fluentui/react-charts`** package, enhancing the visual presentation and interaction of chart components. It **removes the separator line** that previously appeared after the last item in the `ChartPopover`'s Y-value list, improving the popover's aesthetic. Furthermore, the `DonutChart`'s popover logic is refined to ensure it only displays when legends are actively highlighted or when no legends are selected, preventing unintended popover visibility. These adjustments collectively improve the **user experience and visual consistency** of interactive charts within Fluent UI applications.

This commit introduces **`id` properties** to the width and height range input elements within the **Sankey chart example stories** for the **`@carbon/charts/react-charts`** package. Specifically, the `SankeyChartInbox.stories.tsx` and `SankeyChartRebalance.stories.tsx` files are updated to include these attributes. This **enhancement** improves the **accessibility and testability** of these specific storybook examples by providing unique identifiers for their interactive controls. The core `SankeyChart` component's functionality remains unchanged, with the scope limited to its demonstration stories.

This commit **refactors** the testing infrastructure for the **`react-charting` package** by migrating existing tests from Enzyme to React Testing Library. Specifically, the tests for the **`HeatMapChart` component** in `packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.test.tsx` have been updated to utilize `render` and `fireEvent` for component interaction. This **test migration** improves the maintainability and consistency of the testing suite, aligning with modern React testing practices across the charting components. While `LineChart` tests are also impacted, this change primarily affects the development workflow and test reliability, with no direct impact on runtime functionality or user-facing features.

This commit **migrates unit tests** for the **`TreeChart`** and **`VerticalStackedBarChart`** components within the **`react-charting`** package. It transitions the testing framework from Enzyme to a combination of `@testing-library/react` and `react-test-renderer`, aligning with modern React testing practices. This **test migration** involves updating existing test assertions and introducing a new helper function, `findNodesWithClassName`, to facilitate node selection in `TreeChart` tests. The change improves the maintainability and future-proofing of the testing suite for these critical charting components.

This commit **migrates existing test cases** for the **`VerticalBarChart`** component within the **`react-charting`** package. Specifically, the tests in `packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.test.tsx` have been updated from using **Enzyme** to leverage **React Testing Library** and `react-test-renderer`. This **test migration** is a **maintenance effort** that modernizes the testing infrastructure for this specific chart, ensuring better alignment with current React best practices and improving test maintainability without altering the component's runtime behavior.

This commit **removes the `Datavizpalette` dependency** from the **v9 tests** within the **`react-charts` library**. Specifically, it updates the test configurations for the **`AreaChart`** and **`GroupedVerticalBarChart`** components by replacing imports of `DefaultPalette` with hardcoded hex color values. This **maintenance** task streamlines the test suite by making it more self-contained and reducing external dependencies. The change improves test isolation and reduces potential build complexities for tests, without impacting the production functionality or visual appearance of the charts.

This commit **migrates existing tests** for the **`HeatMapChart`** and **`Legends`** components within the `react-charts` library from Enzyme to **React Testing Library**. This **maintenance** effort updates the testing infrastructure to align with modern React best practices, improving test reliability and maintainability. Specifically, the `HeatMapChart` tests also gain new suites for **accessibility and user interactions**, enhancing coverage. The associated snapshot files were updated to reflect these changes, ensuring the continued validity of visual regression tests.

This commit **migrates the test suite** for the **`VerticalStackedBarChart` component** within the `react-charts` library. The existing tests in `VerticalStackedBarChart.test.tsx` have been **refactored from Enzyme to React Testing Library**, aligning with modern React testing practices. This **testing migration** also includes the addition of new snapshot and prop-based tests, enhancing coverage and robustness for the chart component. The update to `VerticalStackedBarChart.test.tsx.snap` reflects these changes, ensuring the stability and correctness of the chart's rendering and behavior.

This commit introduces **new test cases** for the **`ScatterChart` component** within the `react-charts` library, specifically focusing on its **Right-to-Left (RTL) rendering**. The new `ScatterChartRTL.test.tsx` file adds comprehensive tests to validate rendering, legend interactions, and circle hover effects in RTL environments. This **testing enhancement** improves the robustness and reliability of the `ScatterChart`, ensuring proper functionality and visual consistency for users in RTL locales. A corresponding Jest snapshot (`ScatterChartRTL.test.tsx.snap`) is also added to track visual regressions.

This commit performs a **documentation update** by correcting README links across numerous charting components within the `packages/react-examples/src/react-charting/` module. Specifically, it updates the file paths referenced in the `*Overview.md` files for various charts like `AreaChart`, `DonutChart`, `LineChart`, and others. This **maintenance** task ensures that documentation accurately reflects the new path for the `@fluentui/react-charting` library, improving navigability and user experience for developers consulting the examples. The scope covers all listed chart types, ensuring consistent and correct documentation links for the **Fluent UI React Charting library**.

This commit **enhances test coverage** for the **`VerticalStackedBarChart`** component within the `react-charts` library. It introduces new test cases in `VerticalStackedBarChartRTL.test.tsx` to validate its rendering, subcomponent interactions, and accessibility in Right-to-Left (RTL) contexts. This **test enhancement** ensures the component's stability and correct behavior for internationalization and accessibility standards, preventing future regressions. A corresponding Jest snapshot in `VerticalStackedBarChartRTL.test.tsx.snap` was also added to support these new tests.

This commit significantly **enhances the test coverage** for the **`GaugeChart` component** within the `react-charts` library. It introduces a comprehensive suite of **new test cases** in `GaugeChartRTL.test.tsx` to validate rendering, user interactions, legend behavior, screen resolution responsiveness, re-rendering, and theme changes. These additions specifically focus on ensuring the component's correct functionality and **accessibility** in **Right-to-Left (RTL) environments**. This **maintenance work** improves the overall **quality and reliability** of the `GaugeChart` by thoroughly testing its various aspects and ensuring robust behavior.