@react-three/postprocessing 2.5.2 → 2.5.3

package/dist/index.cjs

@@ -19,7 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _construct__default = /*#__PURE__*/_interopDefaultLegacy(_construct);
 
-var _excluded$8 = ["blendFunction", "opacity"];
+var _excluded$9 = ["blendFunction", "opacity"];
 
 var isRef = function isRef(ref) {
   return !!ref.current;
@@ -36,7 +36,7 @@ var wrapEffect = function wrapEffect(effectImpl, defaultBlendMode) {
   return /*#__PURE__*/React.forwardRef(function Wrap(_ref, ref) {
     var blendFunction = _ref.blendFunction,
         opacity = _ref.opacity,
-        props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$8);
+        props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$9);
 
     var invalidate = fiber.useThree(function (state) {
       return state.invalidate;
@@ -223,11 +223,11 @@ var EffectComposer = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/R
   }, children));
 }));
 
-var _excluded$7 = ["target", "depthTexture"];
+var _excluded$8 = ["target", "depthTexture"];
 var DepthOfField = /*#__PURE__*/React.forwardRef(function DepthOfField(_ref, ref) {
   var target = _ref.target,
       depthTexture = _ref.depthTexture,
-      props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$7);
+      props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$8);
 
   var invalidate = fiber.useThree(function (state) {
     return state.invalidate;
@@ -257,11 +257,11 @@ var DepthOfField = /*#__PURE__*/React.forwardRef(function DepthOfField(_ref, ref
 
 var DotScreen = wrapEffect(postprocessing.DotScreenEffect);
 
-var _excluded$6 = ["active"];
+var _excluded$7 = ["active"];
 var Glitch = /*#__PURE__*/React.forwardRef(function Glitch(_ref, ref) {
   var _ref$active = _ref.active,
       active = _ref$active === void 0 ? true : _ref$active,
-      props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$6);
+      props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$7);
 
   var invalidate = fiber.useThree(function (state) {
     return state.invalidate;
@@ -301,10 +301,10 @@ var GodRays = /*#__PURE__*/React.forwardRef(function GodRays(props, ref) {
   });
 });
 
-var _excluded$5 = ["size"];
+var _excluded$6 = ["size"];
 var Grid = /*#__PURE__*/React.forwardRef(function Grid(_ref, ref) {
   var size = _ref.size,
-      props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$5);
+      props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$6);
 
   var invalidate = fiber.useThree(function (state) {
     return state.invalidate;
@@ -327,7 +327,7 @@ var HueSaturation = wrapEffect(postprocessing.HueSaturationEffect);
 
 var Noise = wrapEffect(postprocessing.NoiseEffect, postprocessing.BlendFunction.COLOR_DODGE);
 
-var _excluded$4 = ["enabled", "children"];
+var _excluded$5 = ["enabled", "children"];
 var selectionContext = /*#__PURE__*/React.createContext(null);
 function Selection(_ref) {
   var children = _ref.children,
@@ -353,7 +353,7 @@ function Select(_ref2) {
   var _ref2$enabled = _ref2.enabled,
       enabled = _ref2$enabled === void 0 ? false : _ref2$enabled,
       children = _ref2.children,
-      props = _objectWithoutPropertiesLoose__default["default"](_ref2, _excluded$4);
+      props = _objectWithoutPropertiesLoose__default["default"](_ref2, _excluded$5);
 
   var group = React.useRef(null);
   var api = React.useContext(selectionContext);
@@ -385,7 +385,7 @@ function Select(_ref2) {
   }, props), children);
 }
 
-var _excluded$3 = ["selection", "selectionLayer", "blendFunction", "patternTexture", "edgeStrength", "pulseSpeed", "visibleEdgeColor", "hiddenEdgeColor", "width", "height", "kernelSize", "blur", "xRay"];
+var _excluded$4 = ["selection", "selectionLayer", "blendFunction", "patternTexture", "edgeStrength", "pulseSpeed", "visibleEdgeColor", "hiddenEdgeColor", "width", "height", "kernelSize", "blur", "xRay"];
 var Outline = /*#__PURE__*/React.forwardRef(function Outline(_ref, forwardRef) {
   var _ref$selection = _ref.selection,
       selection = _ref$selection === void 0 ? [] : _ref$selection,
@@ -401,8 +401,8 @@ var Outline = /*#__PURE__*/React.forwardRef(function Outline(_ref, forwardRef) {
       height = _ref.height,
       kernelSize = _ref.kernelSize,
       blur = _ref.blur,
-      xRay = _ref.xRay;
-      _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$3);
+      xRay = _ref.xRay,
+      props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$4);
 
   var invalidate = fiber.useThree(function (state) {
     return state.invalidate;
@@ -413,7 +413,7 @@ var Outline = /*#__PURE__*/React.forwardRef(function Outline(_ref, forwardRef) {
       camera = _useContext.camera;
 
   var effect = React.useMemo(function () {
-    return new postprocessing.OutlineEffect(scene, camera, {
+    return new postprocessing.OutlineEffect(scene, camera, _extends__default["default"]({
       blendFunction: blendFunction,
       patternTexture: patternTexture,
       edgeStrength: edgeStrength,
@@ -425,7 +425,7 @@ var Outline = /*#__PURE__*/React.forwardRef(function Outline(_ref, forwardRef) {
       kernelSize: kernelSize,
       blur: blur,
       xRay: xRay
-    });
+    }, props));
   }, [blendFunction, blur, camera, edgeStrength, height, hiddenEdgeColor, kernelSize, patternTexture, pulseSpeed, scene, visibleEdgeColor, width, xRay]);
   var api = React.useContext(selectionContext);
   React.useEffect(function () {
@@ -482,6 +482,8 @@ var Pixelation = /*#__PURE__*/React.forwardRef(function Pixelation(_ref, ref) {
 
 var Scanline = wrapEffect(postprocessing.ScanlineEffect, postprocessing.BlendFunction.OVERLAY);
 
+var _excluded$3 = ["selection", "selectionLayer", "lights", "luminanceThreshold", "luminanceSmoothing", "intensity", "width", "height", "kernelSize", "mipmapBlur"];
+
 var addLight = function addLight(light, effect) {
   return light.layers.enable(effect.selection.layer);
 };
@@ -502,7 +504,9 @@ var SelectiveBloom = /*#__PURE__*/React.forwardRef(function SelectiveBloom(_ref,
       intensity = _ref.intensity,
       width = _ref.width,
       height = _ref.height,
-      kernelSize = _ref.kernelSize;
+      kernelSize = _ref.kernelSize,
+      mipmapBlur = _ref.mipmapBlur,
+      props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$3);
 
   if (lights.length === 0) {
     console.warn('SelectiveBloom requires lights to work.');
@@ -517,16 +521,17 @@ var SelectiveBloom = /*#__PURE__*/React.forwardRef(function SelectiveBloom(_ref,
       camera = _useContext.camera;
 
   var effect = React.useMemo(function () {
-    return new postprocessing.SelectiveBloomEffect(scene, camera, {
+    return new postprocessing.SelectiveBloomEffect(scene, camera, _extends__default["default"]({
       blendFunction: postprocessing.BlendFunction.SCREEN,
       luminanceThreshold: luminanceThreshold,
       luminanceSmoothing: luminanceSmoothing,
       intensity: intensity,
       width: width,
       height: height,
-      kernelSize: kernelSize
-    });
-  }, [camera, height, intensity, kernelSize, luminanceSmoothing, luminanceThreshold, scene, width]);
+      kernelSize: kernelSize,
+      mipmapBlur: mipmapBlur
+    }, props));
+  }, [camera, height, intensity, kernelSize, luminanceSmoothing, luminanceThreshold, scene, width, height, mipmapBlur]);
   var api = React.useContext(selectionContext);
   React.useEffect(function () {
     // Do not allow array selection if declarative selection is active

package/dist/index.js

@@ -346,7 +346,8 @@ const Outline = /*#__PURE__*/forwardRef(function Outline(_ref, forwardRef) {
     height,
     kernelSize,
     blur,
-    xRay
+    xRay,
+    ...props
   }), [blendFunction, blur, camera, edgeStrength, height, hiddenEdgeColor, kernelSize, patternTexture, pulseSpeed, scene, visibleEdgeColor, width, xRay]);
   const api = useContext(selectionContext);
   useEffect(() => {
@@ -416,7 +417,9 @@ const SelectiveBloom = /*#__PURE__*/forwardRef(function SelectiveBloom(_ref, for
     intensity,
     width,
     height,
-    kernelSize
+    kernelSize,
+    mipmapBlur,
+    ...props
   } = _ref;
 
   if (lights.length === 0) {
@@ -435,8 +438,10 @@ const SelectiveBloom = /*#__PURE__*/forwardRef(function SelectiveBloom(_ref, for
     intensity,
     width,
     height,
-    kernelSize
-  }), [camera, height, intensity, kernelSize, luminanceSmoothing, luminanceThreshold, scene, width]);
+    kernelSize,
+    mipmapBlur,
+    ...props
+  }), [camera, height, intensity, kernelSize, luminanceSmoothing, luminanceThreshold, scene, width, height, mipmapBlur]);
   const api = useContext(selectionContext);
   useEffect(() => {
     // Do not allow array selection if declarative selection is active

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/postprocessing",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "description": "postprocessing wrapper for React and @react-three/fiber",
   "keywords": [
     "postprocessing",