Merge pull request #88 from madou/rename-animation-data

chore: renames baba internals

Author: Madou

packages/yubaba-examples/src/parentChild/musicPlayer/Album.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import styled from 'styled-components';
 import StarIcon from '@material-ui/icons/StarBorder';
-import Baba, { Move as Move, CircleExpand, Collector } from 'yubaba';
+import Baba, { Move, CircleExpand, Collector } from 'yubaba';
 import { Album as AlbumData } from './data';
 import { IconButton } from '@material-ui/core';
 
@@ -104,7 +104,7 @@ const Album: React.StatelessComponent<Props> = ({
     <Root emphasis={emphasis} color={color}>
       <Baba name={baba}>
         <Expand background={color}>
-          <Move delay={expand ? 100 : 0}>
+          <Move>
             {({ ref, style }) => (
               <BackgroundImage onClick={onClick} src={albumArt} style={style} innerRef={ref} />
             )}

packages/yubaba/src/Baba/__snapshots__/test.tsx.snap

@@ -3,45 +3,49 @@
 exports[`<Baba /> should pass dom data to child animation 1`] = `
 Array [
   Object {
-    "fromTarget": Object {
-      "containerElement": <div
+    "destination": Object {
+      "element": undefined,
+      "elementBoundingBox": Object {
+        "location": Object {
+          "left": 0,
+          "top": 0,
+        },
+        "raw": Object {
+          "rect": Object {},
+          "scrollLeft": 0,
+          "scrollTop": 0,
+        },
+        "size": Object {
+          "height": 200,
+          "width": 100,
+        },
+      },
+      "focalTargetElement": undefined,
+      "focalTargetElementBoundingBox": undefined,
+      "render": undefined,
+    },
+    "origin": Object {
+      "element": <div
         style="opacity: 1;"
       />,
-      "location": Object {
-        "left": 0,
-        "top": 0,
-      },
-      "raw": Object {
-        "rect": Object {},
-        "scrollLeft": 0,
-        "scrollTop": 0,
+      "elementBoundingBox": Object {
+        "location": Object {
+          "left": 0,
+          "top": 0,
+        },
+        "raw": Object {
+          "rect": Object {},
+          "scrollLeft": 0,
+          "scrollTop": 0,
+        },
+        "size": Object {
+          "height": 200,
+          "width": 100,
+        },
       },
+      "focalTargetElement": undefined,
+      "focalTargetElementBoundingBox": undefined,
       "render": [Function],
-      "size": Object {
-        "height": 200,
-        "width": 100,
-      },
-      "targetDOMData": undefined,
-      "targetElement": undefined,
-    },
-    "toTarget": Object {
-      "containerElement": undefined,
-      "location": Object {
-        "left": 0,
-        "top": 0,
-      },
-      "raw": Object {
-        "rect": Object {},
-        "scrollLeft": 0,
-        "scrollTop": 0,
-      },
-      "render": undefined,
-      "size": Object {
-        "height": 200,
-        "width": 100,
-      },
-      "targetDOMData": undefined,
-      "targetElement": undefined,
     },
   },
 ]
@@ -50,45 +54,49 @@ Array [
 exports[`<Baba /> should pass dom data to child animation when using in prop 1`] = `
 Array [
   Object {
-    "fromTarget": Object {
-      "containerElement": <div
+    "destination": Object {
+      "element": undefined,
+      "elementBoundingBox": Object {
+        "location": Object {
+          "left": 0,
+          "top": 0,
+        },
+        "raw": Object {
+          "rect": Object {},
+          "scrollLeft": 0,
+          "scrollTop": 0,
+        },
+        "size": Object {
+          "height": 200,
+          "width": 100,
+        },
+      },
+      "focalTargetElement": undefined,
+      "focalTargetElementBoundingBox": undefined,
+      "render": undefined,
+    },
+    "origin": Object {
+      "element": <div
         style="opacity: 1;"
       />,
-      "location": Object {
-        "left": 0,
-        "top": 0,
-      },
-      "raw": Object {
-        "rect": Object {},
-        "scrollLeft": 0,
-        "scrollTop": 0,
+      "elementBoundingBox": Object {
+        "location": Object {
+          "left": 0,
+          "top": 0,
+        },
+        "raw": Object {
+          "rect": Object {},
+          "scrollLeft": 0,
+          "scrollTop": 0,
+        },
+        "size": Object {
+          "height": 200,
+          "width": 100,
+        },
       },
+      "focalTargetElement": undefined,
+      "focalTargetElementBoundingBox": undefined,
       "render": [Function],
-      "size": Object {
-        "height": 200,
-        "width": 100,
-      },
-      "targetDOMData": undefined,
-      "targetElement": undefined,
-    },
-    "toTarget": Object {
-      "containerElement": undefined,
-      "location": Object {
-        "left": 0,
-        "top": 0,
-      },
-      "raw": Object {
-        "rect": Object {},
-        "scrollLeft": 0,
-        "scrollTop": 0,
-      },
-      "render": undefined,
-      "size": Object {
-        "height": 200,
-        "width": 100,
-      },
-      "targetDOMData": undefined,
-      "targetElement": undefined,
     },
   },
 ]