@epic-web/workshop-app 4.6.6 → 4.7.1

package/node_modules/framer-motion/dist/es/render/VisualElement.mjs

@@ -1,6 +1,4 @@
-import { warning, invariant } from '../utils/errors.mjs';
 import { createBox } from '../projection/geometry/models.mjs';
-import { isRefObject } from '../utils/is-ref-object.mjs';
 import { initPrefersReducedMotion } from '../utils/reduced-motion/index.mjs';
 import { hasReducedMotionListener, prefersReducedMotion } from '../utils/reduced-motion/state.mjs';
 import { SubscriptionManager } from '../utils/subscription-manager.mjs';
@@ -24,8 +22,6 @@ import { complex } from '../value/types/complex/index.mjs';
 import { getAnimatableNone } from './dom/value-types/animatable-none.mjs';
 import { frame, cancelFrame } from '../frameloop/frame.mjs';
 
-const featureNames = Object.keys(featureDefinitions);
-const numFeatures = featureNames.length;
 const propEventHandlers = [
     "AnimationStart",
     "AnimationComplete",
@@ -36,13 +32,6 @@ const propEventHandlers = [
     "LayoutAnimationComplete",
 ];
 const numVariantProps = variantProps.length;
-function getClosestProjectingNode(visualElement) {
-    if (!visualElement)
-        return undefined;
-    return visualElement.options.allowProjection !== false
-        ? visualElement.projection
-        : getClosestProjectingNode(visualElement.parent);
-}
 /**
  * A VisualElement is an imperative abstraction around UI elements such as
  * HTMLElement, SVGElement, Three.Object3D etc.
@@ -194,7 +183,6 @@ class VisualElement {
         this.update(this.props, this.presenceContext);
     }
     unmount() {
-        var _a;
         visualElementStore.delete(this.current);
         this.projection && this.projection.unmount();
         cancelFrame(this.notifyUpdate);
@@ -206,7 +194,11 @@ class VisualElement {
             this.events[key].clear();
         }
         for (const key in this.features) {
-            (_a = this.features[key]) === null || _a === void 0 ? void 0 : _a.unmount();
+            const feature = this.features[key];
+            if (feature) {
+                feature.unmount();
+                feature.isMounted = false;
+            }
         }
         this.current = null;
     }
@@ -238,73 +230,33 @@ class VisualElement {
         }
         return this.sortInstanceNodePosition(this.current, other.current);
     }
-    loadFeatures({ children, ...renderedProps }, isStrict, preloadedFeatures, initialLayoutGroupConfig) {
-        let ProjectionNodeConstructor;
-        let MeasureLayout;
-        /**
-         * If we're in development mode, check to make sure we're not rendering a motion component
-         * as a child of LazyMotion, as this will break the file-size benefits of using it.
-         */
-        if (process.env.NODE_ENV !== "production" &&
-            preloadedFeatures &&
-            isStrict) {
-            const strictMessage = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-            renderedProps.ignoreStrict
-                ? warning(false, strictMessage)
-                : invariant(false, strictMessage);
-        }
-        for (let i = 0; i < numFeatures; i++) {
-            const name = featureNames[i];
-            const { isEnabled, Feature: FeatureConstructor, ProjectionNode, MeasureLayout: MeasureLayoutComponent, } = featureDefinitions[name];
-            if (ProjectionNode)
-                ProjectionNodeConstructor = ProjectionNode;
-            if (isEnabled(renderedProps)) {
-                if (!this.features[name] && FeatureConstructor) {
-                    this.features[name] = new FeatureConstructor(this);
-                }
-                if (MeasureLayoutComponent) {
-                    MeasureLayout = MeasureLayoutComponent;
-                }
-            }
-        }
-        if ((this.type === "html" || this.type === "svg") &&
-            !this.projection &&
-            ProjectionNodeConstructor) {
-            const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = renderedProps;
-            this.projection = new ProjectionNodeConstructor(this.latestValues, renderedProps["data-framer-portal-id"]
-                ? undefined
-                : getClosestProjectingNode(this.parent));
-            this.projection.setOptions({
-                layoutId,
-                layout,
-                alwaysMeasureLayout: Boolean(drag) ||
-                    (dragConstraints && isRefObject(dragConstraints)),
-                visualElement: this,
-                scheduleRender: () => this.scheduleRender(),
-                /**
-                 * TODO: Update options in an effect. This could be tricky as it'll be too late
-                 * to update by the time layout animations run.
-                 * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
-                 * ensuring it gets called if there's no potential layout animations.
-                 *
-                 */
-                animationType: typeof layout === "string" ? layout : "both",
-                initialPromotionConfig: initialLayoutGroupConfig,
-                layoutScroll,
-                layoutRoot,
-            });
-        }
-        return MeasureLayout;
-    }
     updateFeatures() {
-        for (const key in this.features) {
-            const feature = this.features[key];
-            if (feature.isMounted) {
-                feature.update();
+        let key = "animation";
+        for (key in featureDefinitions) {
+            const featureDefinition = featureDefinitions[key];
+            if (!featureDefinition)
+                continue;
+            const { isEnabled, Feature: FeatureConstructor } = featureDefinition;
+            /**
+             * If this feature is enabled but not active, make a new instance.
+             */
+            if (!this.features[key] &&
+                FeatureConstructor &&
+                isEnabled(this.props)) {
+                this.features[key] = new FeatureConstructor(this);
             }
-            else {
-                feature.mount();
-                feature.isMounted = true;
+            /**
+             * If we have a feature, mount or update it.
+             */
+            if (this.features[key]) {
+                const feature = this.features[key];
+                if (feature.isMounted) {
+                    feature.update();
+                }
+                else {
+                    feature.mount();
+                    feature.isMounted = true;
+                }
             }
         }
     }

package/node_modules/framer-motion/dist/es/render/utils/animation-state.mjs

@@ -13,7 +13,7 @@ function animateList(visualElement) {
 }
 function createAnimationState(visualElement) {
     let animate = animateList(visualElement);
-    const state = createState();
+    let state = createState();
     let isInitialRender = true;
     /**
      * This function will be used to reduce the animation definitions for
@@ -290,6 +290,10 @@ function createAnimationState(visualElement) {
         setActive,
         setAnimateFunction,
         getState: () => state,
+        reset: () => {
+            state = createState();
+            isInitialRender = true;
+        },
     };
 }
 function checkVariantsDidChange(prev, next) {

package/node_modules/framer-motion/dist/es/render/utils/motion-values.mjs

@@ -22,7 +22,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.2.9", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.2.9 may not work as expected.`);
+                warnOnce(nextValue.version === "11.2.12", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.2.12 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/node_modules/framer-motion/dist/es/utils/mix/color.mjs

@@ -1,9 +1,10 @@
 import { mixNumber } from './number.mjs';
-import { invariant } from '../errors.mjs';
+import { warning } from '../errors.mjs';
 import { hslaToRgba } from '../hsla-to-rgba.mjs';
 import { hex } from '../../value/types/color/hex.mjs';
 import { rgba } from '../../value/types/color/rgba.mjs';
 import { hsla } from '../../value/types/color/hsla.mjs';
+import { mixImmediate } from './immediate.mjs';
 
 // Linear color space blending
 // Explained https://www.youtube.com/watch?v=LKnqECcg6Gw
@@ -17,7 +18,9 @@ const colorTypes = [hex, rgba, hsla];
 const getColorType = (v) => colorTypes.find((type) => type.test(v));
 function asRGBA(color) {
     const type = getColorType(color);
-    invariant(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`);
+    warning(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`);
+    if (!Boolean(type))
+        return false;
     let model = type.parse(color);
     if (type === hsla) {
         // TODO Remove this cast - needed since Framer Motion's stricter typing
@@ -28,6 +31,9 @@ function asRGBA(color) {
 const mixColor = (from, to) => {
     const fromRGBA = asRGBA(from);
     const toRGBA = asRGBA(to);
+    if (!fromRGBA || !toRGBA) {
+        return mixImmediate(from, to);
+    }
     const blended = { ...fromRGBA };
     return (v) => {
         blended.red = mixLinearColor(fromRGBA.red, toRGBA.red, v);

package/node_modules/framer-motion/dist/es/utils/mix/complex.mjs

@@ -6,10 +6,8 @@ import { color } from '../../value/types/color/index.mjs';
 import { complex, analyseComplexValue } from '../../value/types/complex/index.mjs';
 import { isCSSVariableToken } from '../../render/dom/utils/is-css-variable.mjs';
 import { invisibleValues, mixVisibility } from './visibility.mjs';
+import { mixImmediate } from './immediate.mjs';
 
-function mixImmediate(a, b) {
-    return (p) => (p > 0 ? b : a);
-}
 function mixNumber(a, b) {
     return (p) => mixNumber$1(a, b, p);
 }

package/node_modules/framer-motion/dist/es/utils/mix/immediate.mjs

@@ -0,0 +1,5 @@
+function mixImmediate(a, b) {
+    return (p) => (p > 0 ? b : a);
+}
+
+export { mixImmediate };

package/node_modules/framer-motion/dist/es/value/index.mjs

@@ -34,7 +34,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "11.2.9";
+        this.version = "11.2.12";
         /**
          * Tracks whether this value can output a velocity. Currently this is only true
          * if the value is numerical, but we might be able to widen the scope here and support

package/node_modules/framer-motion/dist/es/value/types/color/rgba.mjs

@@ -1,5 +1,5 @@
 import { clamp } from '../../../utils/clamp.mjs';
-import { number, alpha } from '../numbers/index.mjs';
+import { alpha, number } from '../numbers/index.mjs';
 import { sanitize } from '../utils.mjs';
 import { isColorString, splitColor } from './utils.mjs';