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 { NativeMethods } from 'react-native';
import { import {
extractFeBlend, extractFeBlend,

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -1,3 +1,4 @@
import React from 'react';
import { ColorValue, NativeMethods } from 'react-native'; import { ColorValue, NativeMethods } from 'react-native';
import RNSVGFeFlood from '../../fabric/FeFloodNativeComponent'; import RNSVGFeFlood from '../../fabric/FeFloodNativeComponent';
import extractFeFlood, { extractFilter } from '../../lib/extract/extractFilter'; 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 { NativeMethods } from 'react-native';
import RNSVGFeGaussianBlur from '../../fabric/FeGaussianBlurNativeComponent'; import RNSVGFeGaussianBlur from '../../fabric/FeGaussianBlurNativeComponent';
import { import {

View File

@@ -1,4 +1,4 @@
import * as React from 'react'; import React from 'react';
import { NativeMethods } from 'react-native'; import { NativeMethods } from 'react-native';
import RNSVGFeMerge from '../../fabric/FeMergeNativeComponent'; import RNSVGFeMerge from '../../fabric/FeMergeNativeComponent';
import { extractFeMerge, extractFilter } from '../../lib/extract/extractFilter'; 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'; import FilterPrimitive from './FilterPrimitive';
export interface FeMergeNodeProps { export interface FeMergeNodeProps {

View File

@@ -1,4 +1,4 @@
import * as React from 'react'; import React from 'react';
import { NativeMethods } from 'react-native'; import { NativeMethods } from 'react-native';
import RNSVGFeOffset from '../../fabric/FeOffsetNativeComponent'; import RNSVGFeOffset from '../../fabric/FeOffsetNativeComponent';
import { extractFilter, extractIn } from '../../lib/extract/extractFilter'; 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 { NativeMethods } from 'react-native';
import RNSVGFilter from '../../fabric/FilterNativeComponent'; import RNSVGFilter from '../../fabric/FilterNativeComponent';
import { NumberProp, Units } from '../../lib/extract/types'; import { NumberProp, Units } from '../../lib/extract/types';