@plasmicapp/react-web 0.2.226 → 0.2.228

package/dist/all.d.ts

@@ -12051,6 +12051,7 @@ interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue {
      */
     translator?: PlasmicTranslator;
     Head?: React$1.ComponentType<any>;
+    Link?: React$1.ComponentType<any>;
     disableLoadingBoundary?: boolean;
     suspenseFallback?: React$1.ReactNode;
 }

package/dist/index.cjs.js

@@ -7,9 +7,9 @@ var classNames$1 = require('classnames');
 var dataSourcesContext = require('@plasmicapp/data-sources-context');
 var React = require('react');
 var get = require('dlv');
+var host = require('@plasmicapp/host');
 var ReactDOM = require('react-dom');
 var ssr = require('@react-aria/ssr');
-var host = require('@plasmicapp/host');
 var focus = require('@react-aria/focus');
 var valtio = require('valtio');
 var clone = require('clone');
@@ -1399,6 +1399,19 @@ var PLASMIC_IMAGE_LOADER = {
 };
 
 var PlasmicLink = React__default['default'].forwardRef(function PlasmicLink(props, ref) {
+    var _a;
+    // The usePlasmicLinkMaybe function may be undefined, if host is not up-to-date
+    var Link = (_a = host.usePlasmicLinkMaybe === null || host.usePlasmicLinkMaybe === void 0 ? void 0 : host.usePlasmicLinkMaybe()) !== null && _a !== void 0 ? _a : PlasmicLinkInternal;
+    if (Link === PlasmicLink || Link === PlasmicLinkInternal) {
+        // Just in case, break the cycle
+        return React__default['default'].createElement(PlasmicLinkInternal, __assign({}, props, { ref: ref }));
+    }
+    else {
+        // Don't pass component/platform props to non-PlasmicLinkInternal
+        return React__default['default'].createElement(Link, __assign({}, omit(props, "component", "platform"), { ref: ref }));
+    }
+});
+var PlasmicLinkInternal = React__default['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) {
@@ -1643,8 +1656,8 @@ function createUseScreenVariants(isMulti, screenQueries) {
 
 var PlasmicRootContext = React__namespace.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__namespace.useMemo(function () { return ({
         platform: platform,
     }); }, [platform]);
@@ -1661,7 +1674,8 @@ function PlasmicRootProvider(props) {
             React__namespace.createElement(ssr.SSRProvider, null,
                 React__namespace.createElement(dataSourcesContext.PlasmicDataSourceContextProvider, { value: dataSourceContextValue },
                     React__namespace.createElement(PlasmicTranslatorContext.Provider, { value: (_a = props.i18n) !== null && _a !== void 0 ? _a : props.translator },
-                        React__namespace.createElement(PlasmicHeadContext.Provider, { value: props.Head }, children)))))));
+                        React__namespace.createElement(PlasmicHeadContext.Provider, { value: props.Head },
+                            React__namespace.createElement(host.PlasmicLinkProvider, { Link: (_b = props.Link) !== null && _b !== void 0 ? _b : PlasmicLinkInternal }, children))))))));
 }
 var useIsSSR = ssr.useIsSSR;
 function useHasPlasmicRoot() {