@sitecore-jss/sitecore-jss-nextjs 21.2.0-canary.32 → 21.2.0-canary.34

package/dist/cjs/components/RichText.js

@@ -44,7 +44,7 @@ const router_1 = require("next/router");
 const sitecore_jss_react_1 = require("@sitecore-jss/sitecore-jss-react");
 const prefetched = {};
 const RichText = (props) => {
-    const { internalLinksSelector = 'a[href^="/"]' } = props, rest = __rest(props, ["internalLinksSelector"]);
+    const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks"]);
     const hasText = props.field && props.field.value;
     const isEditing = props.editable && props.field && props.field.editable;
     const router = (0, router_1.useRouter)();
@@ -69,13 +69,13 @@ const RichText = (props) => {
         if (!internalLinks || !internalLinks.length)
             return;
         internalLinks.forEach((link) => {
-            if (link.target !== '_blank') {
-                if (!prefetched[link.pathname]) {
-                    router.prefetch(link.pathname, undefined, { locale: false });
-                    prefetched[link.pathname] = true;
-                }
-                link.addEventListener('click', routeHandler, false);
+            if (link.target === '_blank')
+                return;
+            if (prefetchLinks && !prefetched[link.pathname]) {
+                router.prefetch(link.pathname, undefined, { locale: false });
+                prefetched[link.pathname] = true;
             }
+            link.addEventListener('click', routeHandler, false);
         });
     };
     return react_1.default.createElement(sitecore_jss_react_1.RichText, Object.assign({ ref: richTextRef }, rest));

package/dist/esm/components/RichText.js

@@ -15,7 +15,7 @@ import { useRouter } from 'next/router';
 import { RichText as ReactRichText, RichTextPropTypes, } from '@sitecore-jss/sitecore-jss-react';
 const prefetched = {};
 export const RichText = (props) => {
-    const { internalLinksSelector = 'a[href^="/"]' } = props, rest = __rest(props, ["internalLinksSelector"]);
+    const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks"]);
     const hasText = props.field && props.field.value;
     const isEditing = props.editable && props.field && props.field.editable;
     const router = useRouter();
@@ -40,13 +40,13 @@ export const RichText = (props) => {
         if (!internalLinks || !internalLinks.length)
             return;
         internalLinks.forEach((link) => {
-            if (link.target !== '_blank') {
-                if (!prefetched[link.pathname]) {
-                    router.prefetch(link.pathname, undefined, { locale: false });
-                    prefetched[link.pathname] = true;
-                }
-                link.addEventListener('click', routeHandler, false);
+            if (link.target === '_blank')
+                return;
+            if (prefetchLinks && !prefetched[link.pathname]) {
+                router.prefetch(link.pathname, undefined, { locale: false });
+                prefetched[link.pathname] = true;
             }
+            link.addEventListener('click', routeHandler, false);
         });
     };
     return React.createElement(ReactRichText, Object.assign({ ref: richTextRef }, rest));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-nextjs",
-  "version": "21.2.0-canary.32",
+  "version": "21.2.0-canary.34",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -70,9 +70,9 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "^21.2.0-canary.32",
-    "@sitecore-jss/sitecore-jss-dev-tools": "^21.2.0-canary.32",
-    "@sitecore-jss/sitecore-jss-react": "^21.2.0-canary.32",
+    "@sitecore-jss/sitecore-jss": "^21.2.0-canary.34",
+    "@sitecore-jss/sitecore-jss-dev-tools": "^21.2.0-canary.34",
+    "@sitecore-jss/sitecore-jss-react": "^21.2.0-canary.34",
     "node-html-parser": "^6.1.4",
     "prop-types": "^15.8.1",
     "regex-parser": "^2.2.11",
@@ -80,7 +80,7 @@
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "595a1349b4b6bcb18658389976522b2e62c05259",
+  "gitHead": "e73944adcc1dee36014b734eaa6bea2d3c68b437",
   "files": [
     "dist",
     "types",

package/types/components/RichText.d.ts

@@ -6,6 +6,12 @@ export type RichTextProps = ReactRichTextProps & {
      * @default 'a[href^="/"]'
      */
     internalLinksSelector?: string;
+    /**
+     * Controls the prefetch of internal links. This can be beneficial if you have RichText fields
+     * with large numbers of internal links in them.
+     * @default true
+     */
+    prefetchLinks?: boolean;
 };
 export declare const RichText: {
     (props: RichTextProps): JSX.Element;