@plasmicapp/react-web 0.2.226 → 0.2.228

package/dist/react-web.esm.js

@@ -6,10 +6,10 @@ import * as React from 'react';
 import React__default, { useLayoutEffect, useEffect } from 'react';
 import get from 'dlv';
 export { default as get } from 'dlv';
+import { usePlasmicLinkMaybe, DataProvider, PlasmicLinkProvider, usePlasmicCanvasContext } from '@plasmicapp/host';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 import { SSRProvider, useIsSSR as useIsSSR$1 } from '@react-aria/ssr';
-import { DataProvider, usePlasmicCanvasContext } from '@plasmicapp/host';
 import { useFocusRing, useFocusable, FocusScope } from '@react-aria/focus';
 import { proxy, ref, useSnapshot, getVersion, subscribe } from 'valtio';
 import clone from 'clone';
@@ -1368,6 +1368,19 @@ var PLASMIC_IMAGE_LOADER = {
 };
 
 var PlasmicLink = React__default.forwardRef(function PlasmicLink(props, ref) {
+    var _a;
+    // The usePlasmicLinkMaybe function may be undefined, if host is not up-to-date
+    var Link = (_a = usePlasmicLinkMaybe === null || usePlasmicLinkMaybe === void 0 ? void 0 : usePlasmicLinkMaybe()) !== null && _a !== void 0 ? _a : PlasmicLinkInternal;
+    if (Link === PlasmicLink || Link === PlasmicLinkInternal) {
+        // Just in case, break the cycle
+        return React__default.createElement(PlasmicLinkInternal, __assign({}, props, { ref: ref }));
+    }
+    else {
+        // Don't pass component/platform props to non-PlasmicLinkInternal
+        return React__default.createElement(Link, __assign({}, omit(props, "component", "platform"), { ref: ref }));
+    }
+});
+var PlasmicLinkInternal = React__default.forwardRef(function PlasmicLinkInternal(props, ref) {
     // props.href is required for nextjs; if no props.href,
     // then we just render the default anchor element
     if (props.platform === "nextjs" && props.href) {
@@ -1612,8 +1625,8 @@ function createUseScreenVariants(isMulti, screenQueries) {
 
 var PlasmicRootContext = React.createContext(undefined);
 function PlasmicRootProvider(props) {
-    var _a;
-    var platform = props.platform, children = props.children, userAuthToken = props.userAuthToken, isUserLoading = props.isUserLoading, authRedirectUri = props.authRedirectUri, user = props.user, disableLoadingBoundary = props.disableLoadingBoundary, suspenseFallback = props.suspenseFallback; props.i18n;
+    var _a, _b;
+    var platform = props.platform, children = props.children, userAuthToken = props.userAuthToken, isUserLoading = props.isUserLoading, authRedirectUri = props.authRedirectUri, user = props.user, disableLoadingBoundary = props.disableLoadingBoundary, suspenseFallback = props.suspenseFallback;
     var context = React.useMemo(function () { return ({
         platform: platform,
     }); }, [platform]);
@@ -1630,7 +1643,8 @@ function PlasmicRootProvider(props) {
             React.createElement(SSRProvider, null,
                 React.createElement(PlasmicDataSourceContextProvider, { value: dataSourceContextValue },
                     React.createElement(PlasmicTranslatorContext.Provider, { value: (_a = props.i18n) !== null && _a !== void 0 ? _a : props.translator },
-                        React.createElement(PlasmicHeadContext.Provider, { value: props.Head }, children)))))));
+                        React.createElement(PlasmicHeadContext.Provider, { value: props.Head },
+                            React.createElement(PlasmicLinkProvider, { Link: (_b = props.Link) !== null && _b !== void 0 ? _b : PlasmicLinkInternal }, children))))))));
 }
 var useIsSSR = useIsSSR$1;
 function useHasPlasmicRoot() {