fix: FeDropShadow results and import react (#2625)

# Summary

* Add results alias in `FeDropShadow`
* Import React in every tsx filter file to satisfy typescript/eslint
* Replace `<>` with `<React.Fragment>` in `FeDropShadow`
This commit is contained in:
Jakub Grzywacz
2025-01-24 16:34:33 +01:00
committed by GitHub
parent 04d0e89d27
commit e79a6c198e
12 changed files with 22 additions and 11 deletions

View File

@@ -1,3 +1,4 @@
import React from 'react';
import { NativeMethods } from 'react-native';
import {
extractFeBlend,

View File

@@ -1,4 +1,4 @@
import * as React from 'react';
import React from 'react';
import { NativeMethods } from 'react-native';
import RNSVGFeColorMatrix from '../../fabric/FeColorMatrixNativeComponent';
import {

View File

@@ -1,4 +1,4 @@
import * as React from 'react';
import React from 'react';
import FilterPrimitive from './FilterPrimitive';
import { warnUnimplementedFilter } from '../../lib/util';

View File

@@ -1,3 +1,4 @@
import React from 'react';
import { NumberArray, NumberProp } from '../../lib/extract/types';
import { warnUnimplementedFilter } from '../../lib/util';
import FilterPrimitive from './FilterPrimitive';

View File

@@ -1,3 +1,4 @@
import React from 'react';
import { NativeMethods } from 'react-native';
import RNSVGFeComposite from '../../fabric/FeCompositeNativeComponent';
import {

View File

@@ -1,3 +1,4 @@
import React from 'react';
import { ColorValue } from 'react-native';
import { NumberArray, NumberProp } from '../../lib/extract/types';
import FeFlood from './FeFlood';
@@ -25,9 +26,15 @@ export default class FeDropShadow extends FilterPrimitive<FeDropShadowProps> {
};
render() {
const { stdDeviation, in: in1 = 'SourceGraphic', dx, dy } = this.props;
const {
stdDeviation,
in: in1 = 'SourceGraphic',
dx,
dy,
result,
} = this.props;
return (
<>
<React.Fragment>
<FeGaussianBlur in={in1} stdDeviation={stdDeviation} />
<FeOffset dx={dx} dy={dy} result="offsetblur" />
<FeFlood
@@ -35,11 +42,11 @@ export default class FeDropShadow extends FilterPrimitive<FeDropShadowProps> {
floodOpacity={this.props.floodOpacity}
/>
<FeComposite in2="offsetblur" operator="in" />
<FeMerge>
<FeMerge result={result}>
<FeMergeNode />
<FeMergeNode in={in1} />
</FeMerge>
</>
</React.Fragment>
);
}
}

View File

@@ -1,3 +1,4 @@
import React from 'react';
import { ColorValue, NativeMethods } from 'react-native';
import RNSVGFeFlood from '../../fabric/FeFloodNativeComponent';
import extractFeFlood, { extractFilter } from '../../lib/extract/extractFilter';

View File

@@ -1,4 +1,4 @@
import * as React from 'react';
import React from 'react';
import { NativeMethods } from 'react-native';
import RNSVGFeGaussianBlur from '../../fabric/FeGaussianBlurNativeComponent';
import {

View File

@@ -1,4 +1,4 @@
import * as React from 'react';
import React from 'react';
import { NativeMethods } from 'react-native';
import RNSVGFeMerge from '../../fabric/FeMergeNativeComponent';
import { extractFeMerge, extractFilter } from '../../lib/extract/extractFilter';

View File

@@ -1,4 +1,4 @@
import * as React from 'react';
import React from 'react';
import FilterPrimitive from './FilterPrimitive';
export interface FeMergeNodeProps {

View File

@@ -1,4 +1,4 @@
import * as React from 'react';
import React from 'react';
import { NativeMethods } from 'react-native';
import RNSVGFeOffset from '../../fabric/FeOffsetNativeComponent';
import { extractFilter, extractIn } from '../../lib/extract/extractFilter';

View File

@@ -1,4 +1,4 @@
import * as React from 'react';
import React from 'react';
import { NativeMethods } from 'react-native';
import RNSVGFilter from '../../fabric/FilterNativeComponent';
import { NumberProp, Units } from '../../lib/extract/types';