SAP · Lukas742 · Mar 20, 2025 · Mar 20, 2025
@@ -139,7 +139,9 @@ const VariantManagement = forwardRef<HTMLDivElement, VariantManagementPropTypes>
             return false;
           }
           let updatedProps: Omit<SelectedVariant, 'children' | 'variantItem'> = {};
-          const currentVariant = popoverRef.current.querySelector(`ui5-li[data-children="${child.props.children}"]`);
+          const currentVariant = popoverRef.current.querySelector(
+            `ui5-li[data-children="${CSS.escape(child.props.children)}"]`
+          );
           callbackProperties.prevVariants.push(child.props);
           if (defaultView) {
             if (defaultView === child.props.children) {

diff --git a/packages/base/src/Device/index.cy.tsx b/packages/base/src/Device/index.cy.tsx
 function ResizeTestComponent({ onChange }: { onChange: (event: { width: number; height: number }) => void }) {
  useEffect(() => {
    attachResizeHandler(onChange);
  }, []);

  const unregister = () => {
    detachResizeHandler(onChange);
 }) {
  useEffect(() => {
    attachOrientationChangeHandler(onChange);
  }, []);

  const unregister = () => {
    detachOrientationChangeHandler(onChange);
diff --git a/packages/charts/src/components/BarChart/BarChart.tsx b/packages/charts/src/components/BarChart/BarChart.tsx
   * @param measure {IChartMeasure} Current measure object
   * @param dataElement {object} Current data element
   */
  highlightColor?: (value: number, measure: MeasureConfig, dataElement: Record<string, any>) => CSSProperties['color'];
 }

 interface DimensionConfig extends IChartDimension {
    ? dataKeys.findIndex((key) => key === chartConfig.secondYAxis?.dataKey)
    : 0;

  const [componentRef, chartRef] = useSyncRef<any>(ref);

  const onItemLegendClick = useLegendItemClick(onLegendClick);
  const labelFormatter = useLabelFormatter(primaryDimension);
diff --git a/packages/charts/src/components/BarChart/Placeholder.tsx b/packages/charts/src/components/BarChart/Placeholder.tsx
      speed={2}
      backgroundColor={ThemingParameters.sapContent_ImagePlaceholderBackground}
      foregroundColor={ThemingParameters.sapContent_ImagePlaceholderForegroundColor}
      backgroundOpacity={ThemingParameters.sapContent_DisabledOpacity as any}
    >
      <rect x="20" y="10" width="1" height="135" />
      <rect x="20" y="20" width="85" height="15" />
diff --git a/packages/charts/src/components/BulletChart/BulletChart.tsx b/packages/charts/src/components/BulletChart/BulletChart.tsx
   * @param measure {IChartMeasure} Current measure object
   * @param dataElement {object} Current data element
   */
  highlightColor?: (value: number, measure: MeasureConfig, dataElement: Record<string, any>) => CSSProperties['color'];
 }

 interface DimensionConfig extends IChartDimension {
    ...rest
  } = props;

  const [componentRef, chartRef] = useSyncRef<any>(ref);

  const chartConfig = {
    yAxisVisible: false,
          );
        } else {
          onDataPointClick(
            enrichEventWithDetails({} as any, {
              value: eventOrIndex.value,
              dataKey: eventOrIndex.dataKey,
              dataIndex: eventOrIndex.index,
        {chartConfig.xAxisVisible &&
          dimensions.map((dimension, index) => {
            let AxisComponent;
            const axisProps: any = {
              dataKey: dimension.accessor,
              interval: dimension?.interval ?? (isBigDataSet ? 'preserveStart' : 0),
              tickLine: index < 1,
          />
        )}
        {sortedMeasures?.map((element, index) => {
          const chartElementProps: any = {
            isAnimationActive: noAnimation === false
          };
          let labelPosition = 'top';
	function ResizeTestComponent({ onChange }: { onChange: (event: { width: number; height: number }) => void }) {
	useEffect(() => {
	attachResizeHandler(onChange);
	}, []);
Check warning on line 12 in packages/base/src/Device/index.cy.tsx GitHub Actions / lint `React Hook useEffect has a missing dependency: 'onChange'. Either include it or remove the dependency array`

	const unregister = () => {
	detachResizeHandler(onChange);
	}) {
	useEffect(() => {
	attachOrientationChangeHandler(onChange);
	}, []);
Check warning on line 32 in packages/base/src/Device/index.cy.tsx GitHub Actions / lint `React Hook useEffect has a missing dependency: 'onChange'. Either include it or remove the dependency array`

	const unregister = () => {
	detachOrientationChangeHandler(onChange);
	* @param measure {IChartMeasure} Current measure object
	* @param dataElement {object} Current data element
	*/
	highlightColor?: (value: number, measure: MeasureConfig, dataElement: Record<string, any>) => CSSProperties['color'];
Check warning on line 79 in packages/charts/src/components/BarChart/BarChart.tsx GitHub Actions / lint `Unexpected any. Specify a different type`
	}

	interface DimensionConfig extends IChartDimension {
	? dataKeys.findIndex((key) => key === chartConfig.secondYAxis?.dataKey)
	: 0;

	const [componentRef, chartRef] = useSyncRef<any>(ref);
Check warning on line 188 in packages/charts/src/components/BarChart/BarChart.tsx GitHub Actions / lint `Unexpected any. Specify a different type`

	const onItemLegendClick = useLegendItemClick(onLegendClick);
	const labelFormatter = useLabelFormatter(primaryDimension);
	speed={2}
	backgroundColor={ThemingParameters.sapContent_ImagePlaceholderBackground}
	foregroundColor={ThemingParameters.sapContent_ImagePlaceholderForegroundColor}
	backgroundOpacity={ThemingParameters.sapContent_DisabledOpacity as any}
Check warning on line 15 in packages/charts/src/components/BarChart/Placeholder.tsx GitHub Actions / lint `Unexpected any. Specify a different type`
	>
	<rect x="20" y="10" width="1" height="135" />
	<rect x="20" y="20" width="85" height="15" />