motion-start 0.0.1 → 0.0.3

package/{src/components/AnimateSharedLayout/types.ts → dist/components/AnimateSharedLayout/types.d.ts}

@@ -1,111 +1,91 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { VisualElement } from "../../render/types";
-import type { Transition } from "../../types";
-import type { AxisBox2D } from "../../types/geometry";
-import { MotionValue } from "../../value";
-/**
- * @public
- */
-export enum Presence {
-    Entering = 0,
-    Present = 1,
-    Exiting = 2
-}
-/**
- * @public
- */
-export enum VisibilityAction {
-    Hide = 0,
-    Show = 1
-}
-/**
- * @public
- */
-export interface SharedLayoutProps {
-    /**
-     * @public
-     */
-    //children: React.ReactNode;
-    /**
-     * When combined with `AnimatePresence`, `SharedLayoutProps` can customise how to visually switch
-     * between `layoutId` components as new ones enter and leave the tree.
-     *
-     * - "switch" (default): The old `layoutId` component will be hidden instantly when a new one enters, and
-     * the new one will perform the full transition. When the newest one is removed, it will perform
-     * the full exit transition and then the old component will be shown instantly.
-     * - "crossfade": The root shared components will crossfade as `layoutId` children of both perform
-     * the same transition.
-     *
-     * @public
-     */
-    type?: "switch" | "crossfade";
-}
-export interface SharedLayoutAnimationConfig {
-    visibilityAction?: VisibilityAction;
-    originBox?: AxisBox2D;
-    targetBox?: AxisBox2D;
-    transition?: Transition;
-    crossfadeOpacity?: MotionValue<number>;
-    shouldStackAnimate?: boolean;
-    onComplete?: () => void;
-    isRelative?: boolean;
-    prevParent?: VisualElement;
-}
-/**
- * Handlers for batching sync layout lifecycles. We batches these processes to cut
- * down on layout thrashing
- *
- * @public
- */
-export interface SyncLayoutLifecycles {
-    layoutReady: (child: VisualElement) => void;
-    parent?: VisualElement;
-}
-/**
- * The exposed API for children to add themselves to the batcher and to flush it.
- *
- * @public
- */
-export interface SyncLayoutBatcher {
-    add: (child: VisualElement) => void;
-    flush: (handler?: SyncLayoutLifecycles) => void;
-}
-/**
- * Extra API methods available to children if they're a descendant of AnimateSharedLayout
- */
-export interface SharedLayoutSyncMethods extends SyncLayoutBatcher {
-    syncUpdate: (force?: boolean) => void;
-    forceUpdate: () => void;
-    register: (child: VisualElement) => void;
-    remove: (child: VisualElement) => void;
-}
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-
-/**
- * @public
- */
-// var Presence;
-// (function (Presence) {
-//     Presence[Presence["Entering"] = 0] = "Entering";
-//     Presence[Presence["Present"] = 1] = "Present";
-//     Presence[Presence["Exiting"] = 2] = "Exiting";
-// })(Presence || (Presence = {}));
-// /**
-//  * @public
-//  */
-// var VisibilityAction;
-// (function (VisibilityAction) {
-//     VisibilityAction[VisibilityAction["Hide"] = 0] = "Hide";
-//     VisibilityAction[VisibilityAction["Show"] = 1] = "Show";
-// })(VisibilityAction || (VisibilityAction = {}));
-
-// export { Presence, VisibilityAction };
-
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { VisualElement } from "../../render/types";
+import type { Transition } from "../../types";
+import type { AxisBox2D } from "../../types/geometry";
+import { MotionValue } from "../../value";
+/**
+ * @public
+ */
+export declare enum Presence {
+    Entering = 0,
+    Present = 1,
+    Exiting = 2
+}
+/**
+ * @public
+ */
+export declare enum VisibilityAction {
+    Hide = 0,
+    Show = 1
+}
+/**
+ * @public
+ */
+export interface SharedLayoutProps {
+    /**
+     * @public
+     */
+    /**
+     * When combined with `AnimatePresence`, `SharedLayoutProps` can customise how to visually switch
+     * between `layoutId` components as new ones enter and leave the tree.
+     *
+     * - "switch" (default): The old `layoutId` component will be hidden instantly when a new one enters, and
+     * the new one will perform the full transition. When the newest one is removed, it will perform
+     * the full exit transition and then the old component will be shown instantly.
+     * - "crossfade": The root shared components will crossfade as `layoutId` children of both perform
+     * the same transition.
+     *
+     * @public
+     */
+    type?: "switch" | "crossfade";
+}
+export interface SharedLayoutAnimationConfig {
+    visibilityAction?: VisibilityAction;
+    originBox?: AxisBox2D;
+    targetBox?: AxisBox2D;
+    transition?: Transition;
+    crossfadeOpacity?: MotionValue<number>;
+    shouldStackAnimate?: boolean;
+    onComplete?: () => void;
+    isRelative?: boolean;
+    prevParent?: VisualElement;
+}
+/**
+ * Handlers for batching sync layout lifecycles. We batches these processes to cut
+ * down on layout thrashing
+ *
+ * @public
+ */
+export interface SyncLayoutLifecycles {
+    layoutReady: (child: VisualElement) => void;
+    parent?: VisualElement;
+}
+/**
+ * The exposed API for children to add themselves to the batcher and to flush it.
+ *
+ * @public
+ */
+export interface SyncLayoutBatcher {
+    add: (child: VisualElement) => void;
+    flush: (handler?: SyncLayoutLifecycles) => void;
+}
+/**
+ * Extra API methods available to children if they're a descendant of AnimateSharedLayout
+ */
+export interface SharedLayoutSyncMethods extends SyncLayoutBatcher {
+    syncUpdate: (force?: boolean) => void;
+    forceUpdate: () => void;
+    register: (child: VisualElement) => void;
+    remove: (child: VisualElement) => void;
+}
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+/**
+ * @public
+ */
+//# sourceMappingURL=types.d.ts.map

package/dist/components/AnimateSharedLayout/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/AnimateSharedLayout/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C;;GAEG;AACH,oBAAY,QAAQ;IAChB,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,OAAO,IAAI;CACd;AACD;;GAEG;AACH,oBAAY,gBAAgB;IACxB,IAAI,IAAI;IACR,IAAI,IAAI;CACX;AACD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B;;OAEG;IAEH;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CACjC;AACD,MAAM,WAAW,2BAA2B;IACxC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC9B;AACD;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,aAAa,CAAC;CAC1B;AACD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAC9B,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD;AACD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAC9D,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAGD;;;EAGE;AAEF;;GAEG"}

package/dist/components/AnimateSharedLayout/types.js

@@ -0,0 +1,40 @@
+import { MotionValue } from "../../value";
+/**
+ * @public
+ */
+export var Presence;
+(function (Presence) {
+    Presence[Presence["Entering"] = 0] = "Entering";
+    Presence[Presence["Present"] = 1] = "Present";
+    Presence[Presence["Exiting"] = 2] = "Exiting";
+})(Presence || (Presence = {}));
+/**
+ * @public
+ */
+export var VisibilityAction;
+(function (VisibilityAction) {
+    VisibilityAction[VisibilityAction["Hide"] = 0] = "Hide";
+    VisibilityAction[VisibilityAction["Show"] = 1] = "Show";
+})(VisibilityAction || (VisibilityAction = {}));
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+/**
+ * @public
+ */
+// var Presence;
+// (function (Presence) {
+//     Presence[Presence["Entering"] = 0] = "Entering";
+//     Presence[Presence["Present"] = 1] = "Present";
+//     Presence[Presence["Exiting"] = 2] = "Exiting";
+// })(Presence || (Presence = {}));
+// /**
+//  * @public
+//  */
+// var VisibilityAction;
+// (function (VisibilityAction) {
+//     VisibilityAction[VisibilityAction["Hide"] = 0] = "Hide";
+//     VisibilityAction[VisibilityAction["Show"] = 1] = "Show";
+// })(VisibilityAction || (VisibilityAction = {}));
+// export { Presence, VisibilityAction };

package/dist/components/AnimateSharedLayout/utils/batcher.d.ts

@@ -0,0 +1,11 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { SyncLayoutBatcher } from "../types";
+/**
+ * Create a batcher to process VisualElements
+ */
+declare function createBatcher(): SyncLayoutBatcher;
+export { createBatcher };
+//# sourceMappingURL=batcher.d.ts.map

package/dist/components/AnimateSharedLayout/utils/batcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"batcher.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/batcher.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAoBlD;;GAEG;AACH,iBAAS,aAAa,IAAI,iBAAiB,CA+D1C;AAKD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/{src/components/AnimateSharedLayout/utils/batcher.ts → dist/components/AnimateSharedLayout/utils/batcher.js}

@@ -1,96 +1,87 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { SyncLayoutBatcher } from "../types";
-
-/** 
-based on framer-motion@4.1.15,
-Copyright (c) 2018 Framer B.V.
-*/
-
-import { __spreadArray, __read } from 'tslib';
-import sync, { flushSync } from 'framesync';
-import { collectProjectingAncestors, updateLayoutMeasurement } from '../../../render/dom/projection/utils.js';
-import { batchLayout, flushLayout } from '../../../render/dom/utils/batch-layout.js';
-import { compareByDepth } from '../../../render/utils/compare-by-depth.js';
-import { Presence } from '../types.js';
-
-/**
- * Default handlers for batching VisualElements
- */
-var defaultHandler = {
-    layoutReady: function (child) { return child.notifyLayoutReady(); },
-};
-/**
- * Create a batcher to process VisualElements
- */
-function createBatcher(): SyncLayoutBatcher {
-    var queue = new Set();
-    return {
-        add: function (child) { return queue.add(child); },
-        flush: function (_a) {
-            var _b = _a === void 0 ? defaultHandler : _a, layoutReady = _b.layoutReady, parent = _b.parent;
-            batchLayout(function (read, write) {
-                var order = Array.from(queue).sort(compareByDepth);
-                var ancestors = parent
-                    ? collectProjectingAncestors(parent)
-                    : [];
-                write(function () {
-                    var allElements = __spreadArray(__spreadArray([], __read(ancestors)), __read(order));
-                    allElements.forEach(function (element) { return element.resetTransform(); });
-                });
-                read(function () {
-                    order.forEach(updateLayoutMeasurement);
-                });
-                write(function () {
-                    ancestors.forEach(function (element) { return element.restoreTransform(); });
-                    order.forEach(layoutReady);
-                });
-                read(function () {
-                    /**
-                     * After all children have started animating, ensure any Entering components are set to Present.
-                     * If we add deferred animations (set up all animations and then start them in two loops) this
-                     * could be moved to the start loop. But it needs to happen after all the animations configs
-                     * are generated in AnimateSharedLayout as this relies on presence data
-                     */
-                    order.forEach(function (child) {
-                        if (child.isPresent)
-                            child.presence = Presence.Present;
-                    });
-                });
-                write(function () {
-                    /**
-                     * Starting these animations will have queued jobs on the frame loop. In some situations,
-                     * like when removing an element, these will be processed too late after the DOM is manipulated,
-                     * leaving a flash of incorrectly-projected content. By manually flushing these jobs
-                     * we ensure there's no flash.
-                     */
-                    flushSync.preRender();
-                    flushSync.render();
-                });
-                read(function () {
-                    /**
-                     * Schedule a callback at the end of the following frame to assign the latest projection
-                     * box to the prevViewportBox snapshot. Once global batching is in place this could be run
-                     * synchronously. But for now it ensures that if any nested `AnimateSharedLayout` top-level
-                     * child attempts to calculate its previous relative position against a prevViewportBox
-                     * it will be against its latest projection box instead, as the snapshot is useless beyond this
-                     * render.
-                     */
-                    sync.postRender(function () {
-                        return order.forEach(assignProjectionToSnapshot);
-                    });
-                    queue.clear();
-                });
-            });
-            // TODO: Need to find a layout-synchronous way of flushing this
-            flushLayout();
-        },
-    };
-}
-function assignProjectionToSnapshot(child) {
-    child.prevViewportBox = child.projection.target;
-}
-
-export { createBatcher };
+/**
+based on framer-motion@4.1.15,
+Copyright (c) 2018 Framer B.V.
+*/
+import { __spreadArray, __read } from 'tslib';
+import sync, { flushSync } from 'framesync';
+import { collectProjectingAncestors, updateLayoutMeasurement } from '../../../render/dom/projection/utils.js';
+import { batchLayout, flushLayout } from '../../../render/dom/utils/batch-layout.js';
+import { compareByDepth } from '../../../render/utils/compare-by-depth.js';
+import { Presence } from '../types.js';
+/**
+ * Default handlers for batching VisualElements
+ */
+var defaultHandler = {
+    layoutReady: function (child) { return child.notifyLayoutReady(); },
+};
+/**
+ * Create a batcher to process VisualElements
+ */
+function createBatcher() {
+    var queue = new Set();
+    return {
+        add: function (child) { return queue.add(child); },
+        flush: function (_a) {
+            var _b = _a === void 0 ? defaultHandler : _a, layoutReady = _b.layoutReady, parent = _b.parent;
+            batchLayout(function (read, write) {
+                var order = Array.from(queue).sort(compareByDepth);
+                var ancestors = parent
+                    ? collectProjectingAncestors(parent)
+                    : [];
+                write(function () {
+                    var allElements = __spreadArray(__spreadArray([], __read(ancestors)), __read(order));
+                    allElements.forEach(function (element) { return element.resetTransform(); });
+                });
+                read(function () {
+                    order.forEach(updateLayoutMeasurement);
+                });
+                write(function () {
+                    ancestors.forEach(function (element) { return element.restoreTransform(); });
+                    order.forEach(layoutReady);
+                });
+                read(function () {
+                    /**
+                     * After all children have started animating, ensure any Entering components are set to Present.
+                     * If we add deferred animations (set up all animations and then start them in two loops) this
+                     * could be moved to the start loop. But it needs to happen after all the animations configs
+                     * are generated in AnimateSharedLayout as this relies on presence data
+                     */
+                    order.forEach(function (child) {
+                        if (child.isPresent)
+                            child.presence = Presence.Present;
+                    });
+                });
+                write(function () {
+                    /**
+                     * Starting these animations will have queued jobs on the frame loop. In some situations,
+                     * like when removing an element, these will be processed too late after the DOM is manipulated,
+                     * leaving a flash of incorrectly-projected content. By manually flushing these jobs
+                     * we ensure there's no flash.
+                     */
+                    flushSync.preRender();
+                    flushSync.render();
+                });
+                read(function () {
+                    /**
+                     * Schedule a callback at the end of the following frame to assign the latest projection
+                     * box to the prevViewportBox snapshot. Once global batching is in place this could be run
+                     * synchronously. But for now it ensures that if any nested `AnimateSharedLayout` top-level
+                     * child attempts to calculate its previous relative position against a prevViewportBox
+                     * it will be against its latest projection box instead, as the snapshot is useless beyond this
+                     * render.
+                     */
+                    sync.postRender(function () {
+                        return order.forEach(assignProjectionToSnapshot);
+                    });
+                    queue.clear();
+                });
+            });
+            // TODO: Need to find a layout-synchronous way of flushing this
+            flushLayout();
+        },
+    };
+}
+function assignProjectionToSnapshot(child) {
+    child.prevViewportBox = child.projection.target;
+}
+export { createBatcher };

package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts

@@ -0,0 +1,27 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { PlaybackControls } from "popmotion";
+import type { ResolvedValues, VisualElement } from "../../../render/types";
+import type { Transition } from "../../../types";
+export interface Crossfader {
+    isActive(): boolean;
+    getCrossfadeState(element: VisualElement): ResolvedValues | undefined;
+    toLead(transition?: Transition): PlaybackControls;
+    fromLead(transition?: Transition): PlaybackControls;
+    setOptions(options: CrossfadeAnimationOptions): void;
+    reset(): void;
+    stop(): void;
+    getLatestValues(): ResolvedValues;
+}
+export interface CrossfadeAnimationOptions {
+    lead?: VisualElement;
+    follow?: VisualElement;
+    prevValues?: ResolvedValues;
+    crossfadeOpacity?: boolean;
+    preserveFollowOpacity?: boolean;
+}
+declare function createCrossfader(): Crossfader;
+export { createCrossfader };
+//# sourceMappingURL=crossfader.d.ts.map

package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crossfader.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/crossfader.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,MAAM,WAAW,UAAU;IACvB,QAAQ,IAAI,OAAO,CAAC;IACpB,iBAAiB,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC;IACtE,MAAM,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC;IAClD,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC;IACpD,UAAU,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACrD,KAAK,IAAI,IAAI,CAAC;IACd,IAAI,IAAI,IAAI,CAAC;IACb,eAAe,IAAI,cAAc,CAAC;CACrC;AACD,MAAM,WAAW,yBAAyB;IACtC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAeD,iBAAS,gBAAgB,IAAI,UAAU,CA0JtC;AAqED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}