framer-motion 8.2.4 → 8.3.1

package/dist/three-entry.d.ts

@@ -159,7 +159,7 @@ interface Orchestration {
      *   show: {
      *     opacity: 1,
      *     transition: {
-     *       delayChildren: 0.5,
+     *       staggerChildren: 0.5,
      *       staggerDirection: -1
      *     }
      *   }
@@ -921,14 +921,6 @@ interface MotionConfigContext {
  */
 declare const MotionConfigContext: React$1.Context<MotionConfigContext>;
 
-declare type IsValidProp = (key: string) => boolean;
-declare function filterProps(props: MotionProps, isDom: boolean, forwardMotionProps: boolean): {};
-
-interface MotionConfigProps extends Partial<MotionConfigContext> {
-    children?: React$1.ReactNode;
-    isValidProp?: IsValidProp;
-}
-
 declare class NodeStack {
     lead?: IProjectionNode;
     prevLead?: IProjectionNode;
@@ -1210,7 +1202,7 @@ declare abstract class VisualElement<Instance = unknown, RenderState = unknown,
     /**
      * Measure the viewport-relative bounding box of the Instance.
      */
-    abstract measureInstanceViewportBox(instance: Instance, props: MotionProps & MotionConfigProps): Box;
+    abstract measureInstanceViewportBox(instance: Instance, props: MotionProps & Partial<MotionConfigContext>): Box;
     /**
      * When a value has been removed from all animation props we need to
      * pick a target to animate back to. For instance, for HTMLElements
@@ -1240,6 +1232,11 @@ declare abstract class VisualElement<Instance = unknown, RenderState = unknown,
      * will have values applied to attributes.
      */
     abstract renderInstance(instance: Instance, renderState: RenderState, styleProp?: MotionStyle, projection?: IProjectionNode): void;
+    /**
+     * If the component child is provided as a motion value, handle subscriptions
+     * with the renderer-specific VisualElement.
+     */
+    handleChildMotionValue?(): void;
     /**
      * This method takes React props and returns found MotionValues. For example, HTML
      * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -1336,7 +1333,7 @@ declare abstract class VisualElement<Instance = unknown, RenderState = unknown,
     /**
      * A reference to the latest props provided to the VisualElement's host React component.
      */
-    private props;
+    protected props: MotionProps;
     /**
      * A map of every subscription that binds the provided or generated
      * motion values onChange listeners to this visual element.
@@ -1381,7 +1378,7 @@ declare abstract class VisualElement<Instance = unknown, RenderState = unknown,
     unmount(): void;
     private bindToMotionValue;
     sortNodePosition(other: VisualElement<Instance>): number;
-    loadFeatures(renderedProps: MotionProps, isStrict?: boolean, preloadedFeatures?: FeatureBundle, projectionId?: number, ProjectionNodeConstructor?: any, initialLayoutGroupConfig?: SwitchLayoutGroupContext): JSX.Element[];
+    loadFeatures({ children, ...renderedProps }: MotionProps, isStrict?: boolean, preloadedFeatures?: FeatureBundle, projectionId?: number, ProjectionNodeConstructor?: any, initialLayoutGroupConfig?: SwitchLayoutGroupContext): JSX.Element[];
     notifyUpdate: () => void;
     triggerBuild(): void;
     render: () => void;
@@ -2635,6 +2632,7 @@ interface MotionProps extends AnimationProps, EventProps, PanHandlers, TapHandle
      * @param values -
      */
     transformValues?<V extends ResolvedValues>(values: V): V;
+    children?: React.ReactNode | MotionValue<number> | MotionValue<string>;
 }
 
 declare type VariantStateContext = {
@@ -2749,6 +2747,8 @@ declare const createBox: () => Box;
 
 declare function calcLength(axis: Axis): number;
 
+declare function filterProps(props: MotionProps, isDom: boolean, forwardMotionProps: boolean): {};
+
 declare function isDragActive(): boolean;
 
 declare type EventListenerWithPointInfo = (e: PointerEvent, info: EventInfo) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "framer-motion",
-    "version": "8.2.4",
+    "version": "8.3.1",
     "description": "A simple and powerful React animation library",
     "main": "dist/cjs/index.js",
     "module": "dist/es/index.mjs",
@@ -39,7 +39,7 @@
         "clean": "rm -rf types dist lib",
         "test": "yarn test-server && yarn test-client",
         "test-ci": "yarn test",
-        "test-client": "jest --config jest.config.json --max-workers=2 --detectOpenHandles",
+        "test-client": "jest --config jest.config.json --max-workers=2",
         "test-server": "jest --config jest.config.ssr.json ",
         "test-watch": "jest --watch --coverage --coverageReporters=lcov --config jest.config.json",
         "test-appear": "yarn run collect-appear-tests && start-server-and-test 'pushd ../../; python -m SimpleHTTPServer; popd' http://0.0.0.0:8000 'cypress run -s cypress/integration/appear.chrome.ts --config baseUrl=http://localhost:8000/'",
@@ -72,32 +72,32 @@
     "bundlesize": [
         {
             "path": "./dist/size-rollup-motion.js",
-            "maxSize": "29.4 kB"
+            "maxSize": "29.55 kB"
         },
         {
             "path": "./dist/size-rollup-m.js",
-            "maxSize": "4.75 kB"
+            "maxSize": "4.78 kB"
         },
         {
             "path": "./dist/size-rollup-dom-animation.js",
-            "maxSize": "14.66 kB"
+            "maxSize": "14.78 kB"
         },
         {
             "path": "./dist/size-rollup-dom-max.js",
-            "maxSize": "25.35 kB"
+            "maxSize": "25.49 kB"
         },
         {
             "path": "./dist/size-webpack-m.js",
-            "maxSize": "4.96 kB"
+            "maxSize": "4.98 kB"
         },
         {
             "path": "./dist/size-webpack-dom-animation.js",
-            "maxSize": "18.75 kB"
+            "maxSize": "18.85 kB"
         },
         {
             "path": "./dist/size-webpack-dom-max.js",
-            "maxSize": "30.3 kB"
+            "maxSize": "30.42 kB"
         }
     ],
-    "gitHead": "b94527384a52d21a68c70666fad82e004708a4f6"
+    "gitHead": "2cf8b622487b2f442e009fe4851be8318e8d907d"
 }