fix(charts): adjust for Victory types changes

patternfly#10078

packages/react-charts/package.json

@@ -33,23 +33,23 @@
  "hoist-non-react-statics": "^3.3.0",
  "lodash": "^4.17.21",
  "tslib": "^2.5.0",
- "victory-area": "^36.8.1",
- "victory-axis": "^36.8.1",
- "victory-bar": "^36.8.1",
- "victory-box-plot": "^36.8.1",
- "victory-chart": "^36.8.1",
- "victory-core": "^36.8.1",
- "victory-create-container": "^36.8.1",
- "victory-cursor-container": "^36.8.1",
- "victory-group": "^36.8.1",
- "victory-legend": "^36.8.1",
- "victory-line": "^36.8.1",
- "victory-pie": "^36.8.1",
- "victory-scatter": "^36.8.1",
- "victory-stack": "^36.8.1",
- "victory-tooltip": "^36.8.1",
- "victory-voronoi-container": "^36.8.1",
- "victory-zoom-container": "^36.8.1"
+ "victory-area": "^36.9.1",
+ "victory-axis": "^36.9.1",
+ "victory-bar": "^36.9.1",
+ "victory-box-plot": "^36.9.1",
+ "victory-chart": "^36.9.1",
+ "victory-core": "^36.9.1",
+ "victory-create-container": "^36.9.1",
+ "victory-cursor-container": "^36.9.1",
+ "victory-group": "^36.9.1",
+ "victory-legend": "^36.9.1",
+ "victory-line": "^36.9.1",
+ "victory-pie": "^36.9.1",
+ "victory-scatter": "^36.9.1",
+ "victory-stack": "^36.9.1",
+ "victory-tooltip": "^36.9.1",
+ "victory-voronoi-container": "^36.9.1",
+ "victory-zoom-container": "^36.9.1"
  },
  "peerDependencies": {
  "react": "^17 || ^18",

packages/react-charts/src/components/ChartCursorTooltip/ChartCursorTooltip.tsx

@@ -32,7 +32,7 @@ export interface ChartCursorTooltipProps extends ChartTooltipProps {
  /**
  * The angle prop specifies the angle to rotate the tooltip around its origin point.
  */
- angle?: string | number;
+ angle?: number;
  /**
  * The center prop determines the position of the center of the tooltip flyout. This prop should be given as an object
  * that describes the desired x and y svg coordinates of the center of the tooltip. This prop is useful for
@@ -226,7 +226,7 @@ export interface ChartCursorTooltipProps extends ChartTooltipProps {
  *
  * @propType number | string | Function | string[] | number[]
  */
- text?: StringOrNumberOrCallback | string[] | number[];
+ text?: string[] | StringOrNumberOrCallback;
  /**
  * The theme prop specifies a theme to use for determining styles and layout properties for a component. Any styles or
  * props defined in theme may be overwritten by props specified on the component instance.

packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltip.tsx

@@ -49,7 +49,7 @@ export interface ChartLegendTooltipProps extends ChartCursorTooltipProps {
  /**
  * The angle prop specifies the angle to rotate the tooltip around its origin point.
  */
- angle?: string | number;
+ angle?: number;
  /**
  * The center prop determines the position of the center of the tooltip flyout. This prop should be given as an object
  * that describes the desired x and y svg coordinates of the center of the tooltip. This prop is useful for
@@ -275,7 +275,7 @@ export interface ChartLegendTooltipProps extends ChartCursorTooltipProps {
  *
  * @propType number | string | Function | string[] | number[]
  */
- text?: StringOrNumberOrCallback | string[] | number[];
+ text?: string[] | StringOrNumberOrCallback;
  /**
  * The theme prop specifies a theme to use for determining styles and layout properties for a component. Any styles or
  * props defined in theme may be overwritten by props specified on the component instance.
@@ -295,11 +295,8 @@ export interface ChartLegendTooltipProps extends ChartCursorTooltipProps {
  themeColor?: string;
  /**
  * The title prop specifies a title to render with the legend.
- * This prop should be given as a string, or an array of strings for multi-line titles.
- *
- * Example: title={(datum) => datum.x}
  */
- title?: string | string[] | Function;
+ title?: string;
  /**
  * This prop refers to the width of the svg that ChartLegendTooltip is rendered within. This prop is passed from
  * parents of ChartLegendTooltip, and should not be set manually. In versions before ^33.0.0 this prop referred to the

packages/react-charts/src/components/ChartTooltip/ChartTooltip.tsx

@@ -36,7 +36,7 @@ export interface ChartTooltipProps extends VictoryTooltipProps {
  /**
  * The angle prop specifies the angle to rotate the tooltip around its origin point.
  */
- angle?: string | number;
+ angle?: number;
  /**
  * The center prop determines the position of the center of the tooltip flyout. This prop should be given as an object
  * that describes the desired x and y svg coordinates of the center of the tooltip. This prop is useful for
@@ -225,7 +225,7 @@ export interface ChartTooltipProps extends VictoryTooltipProps {
  *
  * @propType number | string | Function | string[] | number[]
  */
- text?: StringOrNumberOrCallback | string[] | number[];
+ text?: string[] | StringOrNumberOrCallback;
  /**
  * The theme prop specifies a theme to use for determining styles and layout properties for a component. Any styles or
  * props defined in theme may be overwritten by props specified on the component instance.