@sitecore-jss/sitecore-jss-react 22.6.0 → 22.7.0-canary.10

package/dist/cjs/components/PlaceholderCommon.js

@@ -16,7 +16,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlaceholderCommon = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const MissingComponent_1 = require("./MissingComponent");
 const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
 const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
@@ -151,9 +150,10 @@ class PlaceholderCommon extends react_1.default.Component {
                 const isByocWrapper = componentRendering.componentName === BYOCWrapper_1.BYOC_WRAPPER_RENDERING_NAME;
                 // all dynamic elements will have a separate render prop
                 const isDynamicComponent = !!((_a = component.render) === null || _a === void 0 ? void 0 : _a.preload);
+                const disableSuspense = this.props.disableSuspense || false;
                 // wrapping with error boundary could cause problems in case where parent component uses withPlaceholder HOC and tries to access its children props
                 // that's why we need to expose element's props here
-                rendered = (react_1.default.createElement(ErrorBoundary_1.default, Object.assign({ key: rendered.type + '-' + index, errorComponent: this.props.errorComponent, componentLoadingMessage: this.props.componentLoadingMessage, type: type, isDynamic: isDynamicComponent || isByocWrapper }, rendered.props), rendered));
+                rendered = (react_1.default.createElement(ErrorBoundary_1.default, Object.assign({ key: rendered.type + '-' + index, errorComponent: this.props.errorComponent, componentLoadingMessage: this.props.componentLoadingMessage, type: type, isDynamic: isDynamicComponent || isByocWrapper, disableSuspense: disableSuspense }, rendered.props), rendered));
             }
             // if editMode is equal to 'metadata' then emit shallow chromes for hydration in Pages
             if (((_b = this.props.sitecoreContext) === null || _b === void 0 ? void 0 : _b.editMode) === layout_1.EditMode.Metadata) {
@@ -220,28 +220,3 @@ class PlaceholderCommon extends react_1.default.Component {
     }
 }
 exports.PlaceholderCommon = PlaceholderCommon;
-PlaceholderCommon.propTypes = {
-    rendering: prop_types_1.default.oneOfType([
-        prop_types_1.default.object,
-        prop_types_1.default.object,
-    ]).isRequired,
-    fields: prop_types_1.default.objectOf(prop_types_1.default.oneOfType([
-        prop_types_1.default.object,
-        prop_types_1.default.object,
-    ]).isRequired),
-    params: prop_types_1.default.objectOf(prop_types_1.default.string.isRequired),
-    missingComponentComponent: prop_types_1.default.oneOfType([
-        prop_types_1.default.object,
-        prop_types_1.default.func,
-    ]),
-    hiddenRenderingComponent: prop_types_1.default.oneOfType([
-        prop_types_1.default.object,
-        prop_types_1.default.func,
-    ]),
-    errorComponent: prop_types_1.default.oneOfType([
-        prop_types_1.default.object,
-        prop_types_1.default.func,
-    ]),
-    modifyComponentProps: prop_types_1.default.func,
-    sitecoreContext: prop_types_1.default.object,
-};

package/dist/cjs/components/RichText.js

@@ -33,13 +33,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTextPropTypes = exports.RichText = void 0;
+exports.RichText = void 0;
 const react_1 = __importStar(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const withFieldMetadata_1 = require("../enhancers/withFieldMetadata");
 const withEmptyFieldEditingComponent_1 = require("../enhancers/withEmptyFieldEditingComponent");
 const DefaultEmptyFieldEditingComponents_1 = require("./DefaultEmptyFieldEditingComponents");
@@ -56,18 +52,4 @@ exports.RichText = (0, withFieldMetadata_1.withFieldMetadata)((0, withEmptyField
         }, ref }, otherProps);
     return react_1.default.createElement(tag || 'div', htmlProps);
 }), { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentText, isForwardRef: true }), true);
-exports.RichTextPropTypes = {
-    field: prop_types_1.default.shape({
-        value: prop_types_1.default.string,
-        editable: prop_types_1.default.string,
-        metadata: prop_types_1.default.objectOf(prop_types_1.default.any),
-    }),
-    tag: prop_types_1.default.string,
-    editable: prop_types_1.default.bool,
-    emptyFieldEditingComponent: prop_types_1.default.oneOfType([
-        prop_types_1.default.object,
-        prop_types_1.default.func,
-    ]),
-};
-exports.RichText.propTypes = exports.RichTextPropTypes;
 exports.RichText.displayName = 'RichText';

package/dist/cjs/components/SitecoreContext.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SitecoreContext = exports.ComponentFactoryReactContext = exports.SitecoreContextReactContext = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const react_2 = __importDefault(require("fast-deep-equal/es6/react"));
 const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
 exports.SitecoreContextReactContext = react_1.default.createContext({});
@@ -61,14 +60,4 @@ class SitecoreContext extends react_1.default.Component {
     }
 }
 exports.SitecoreContext = SitecoreContext;
-SitecoreContext.propTypes = {
-    children: prop_types_1.default.any.isRequired,
-    componentFactory: prop_types_1.default.func,
-    layoutData: prop_types_1.default.shape({
-        sitecore: prop_types_1.default.shape({
-            context: prop_types_1.default.any,
-            route: prop_types_1.default.any,
-        }),
-    }),
-};
 SitecoreContext.displayName = 'SitecoreContext';

package/dist/cjs/components/Text.js

@@ -19,7 +19,6 @@ const react_1 = __importDefault(require("react"));
 const withFieldMetadata_1 = require("../enhancers/withFieldMetadata");
 const withEmptyFieldEditingComponent_1 = require("../enhancers/withEmptyFieldEditingComponent");
 const DefaultEmptyFieldEditingComponents_1 = require("./DefaultEmptyFieldEditingComponents");
-const prop_types_1 = __importDefault(require("prop-types"));
 const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
 exports.Text = (0, withFieldMetadata_1.withFieldMetadata)((0, withEmptyFieldEditingComponent_1.withEmptyFieldEditingComponent)((_a) => {
     var { field, tag, editable = true, encode = true } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "encode"]);
@@ -70,18 +69,4 @@ exports.Text = (0, withFieldMetadata_1.withFieldMetadata)((0, withEmptyFieldEdit
         return react_1.default.createElement(react_1.default.Fragment, null, children);
     }
 }, { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentText }));
-exports.Text.propTypes = {
-    field: prop_types_1.default.shape({
-        value: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]),
-        editable: prop_types_1.default.string,
-        metadata: prop_types_1.default.objectOf(prop_types_1.default.any),
-    }),
-    tag: prop_types_1.default.string,
-    editable: prop_types_1.default.bool,
-    encode: prop_types_1.default.bool,
-    emptyFieldEditingComponent: prop_types_1.default.oneOfType([
-        prop_types_1.default.object,
-        prop_types_1.default.func,
-    ]),
-};
 exports.Text.displayName = 'Text';

package/dist/cjs/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentBuilder = exports.EditFrame = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.VisitorIdentification = exports.File = exports.LinkPropTypes = exports.Link = exports.BYOCWrapper = exports.fetchBYOCComponentServerProps = exports.BYOCComponent = exports.FEaaSWrapper = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichTextPropTypes = exports.RichText = exports.getEEMarkup = exports.Image = exports.Form = exports.Placeholder = exports.mediaApi = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = exports.RestDictionaryService = exports.GraphQLDictionaryService = exports.trackingApi = exports.EditMode = exports.getFieldValue = exports.getChildPlaceholder = exports.RestLayoutService = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.getComponentLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.DefaultEditFrameButtons = exports.DefaultEditFrameButton = exports.resetEditorChromes = exports.isEditorActive = exports.NativeDataFetcher = exports.MemoryCacheClient = exports.ClientError = exports.enableDebug = exports.constants = void 0;
-exports.DefaultEmptyFieldEditingComponentImage = exports.DefaultEmptyFieldEditingComponentText = exports.EditingScripts = exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = void 0;
+exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = exports.ComponentBuilder = exports.EditFrame = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.VisitorIdentification = exports.File = exports.Link = exports.BYOCWrapper = exports.fetchBYOCComponentServerProps = exports.BYOCComponent = exports.FEaaSWrapper = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichText = exports.getEEMarkup = exports.Image = exports.Form = exports.Placeholder = exports.mediaApi = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = exports.RestDictionaryService = exports.GraphQLDictionaryService = exports.trackingApi = exports.EditMode = exports.getFieldValue = exports.getChildPlaceholder = exports.RestLayoutService = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.getComponentLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.DefaultEditFrameButtons = exports.DefaultEditFrameButton = exports.resetEditorChromes = exports.isEditorActive = exports.NativeDataFetcher = exports.MemoryCacheClient = exports.ClientError = exports.enableDebug = exports.constants = void 0;
+exports.DefaultEmptyFieldEditingComponentImage = exports.DefaultEmptyFieldEditingComponentText = exports.EditingScripts = void 0;
 var sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
 Object.defineProperty(exports, "constants", { enumerable: true, get: function () { return sitecore_jss_1.constants; } });
 Object.defineProperty(exports, "enableDebug", { enumerable: true, get: function () { return sitecore_jss_1.enableDebug; } });
@@ -41,7 +41,6 @@ Object.defineProperty(exports, "Image", { enumerable: true, get: function () { r
 Object.defineProperty(exports, "getEEMarkup", { enumerable: true, get: function () { return Image_1.getEEMarkup; } });
 var RichText_1 = require("./components/RichText");
 Object.defineProperty(exports, "RichText", { enumerable: true, get: function () { return RichText_1.RichText; } });
-Object.defineProperty(exports, "RichTextPropTypes", { enumerable: true, get: function () { return RichText_1.RichTextPropTypes; } });
 var Text_1 = require("./components/Text");
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
 var Date_1 = require("./components/Date");
@@ -58,7 +57,6 @@ var BYOCWrapper_1 = require("./components/BYOCWrapper");
 Object.defineProperty(exports, "BYOCWrapper", { enumerable: true, get: function () { return BYOCWrapper_1.BYOCWrapper; } });
 var Link_1 = require("./components/Link");
 Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
-Object.defineProperty(exports, "LinkPropTypes", { enumerable: true, get: function () { return Link_1.LinkPropTypes; } });
 var File_1 = require("./components/File");
 Object.defineProperty(exports, "File", { enumerable: true, get: function () { return File_1.File; } });
 var VisitorIdentification_1 = require("./components/VisitorIdentification");

package/dist/esm/components/Date.js

@@ -10,7 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 import { withFieldMetadata } from '../enhancers/withFieldMetadata';
 import { withEmptyFieldEditingComponent } from '../enhancers/withEmptyFieldEditingComponent';
 import { DefaultEmptyFieldEditingComponentText } from './DefaultEmptyFieldEditingComponents';
@@ -40,18 +39,4 @@ export const DateField = withFieldMetadata(withEmptyFieldEditingComponent((_a) =
         return React.createElement(React.Fragment, null, children);
     }
 }, { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponentText }));
-DateField.propTypes = {
-    field: PropTypes.shape({
-        value: PropTypes.string,
-        editable: PropTypes.string,
-        metadata: PropTypes.objectOf(PropTypes.any),
-    }).isRequired,
-    tag: PropTypes.string,
-    editable: PropTypes.bool,
-    render: PropTypes.func,
-    emptyFieldEditingComponent: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.func,
-    ]),
-};
 DateField.displayName = 'Date';

package/dist/esm/components/ErrorBoundary.js

@@ -50,8 +50,8 @@ class ErrorBoundary extends React.Component {
                 }
             }
         }
-        // do not apply suspense on already dynamic components
-        if (this.props.isDynamic) {
+        // do not apply suspense when suspense is disabled or when on already dynamic components
+        if (this.props.disableSuspense || this.props.isDynamic) {
             return this.props.children;
         }
         return (React.createElement(Suspense, { fallback: React.createElement("h4", null, this.props.componentLoadingMessage || this.defaultLoadingMessage) }, this.props.children));

package/dist/esm/components/FieldMetadata.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { MetadataKind } from '@sitecore-jss/sitecore-jss/editing';
 /**
  * The component which renders field metadata markup
@@ -21,7 +20,3 @@ export const FieldMetadata = (props) => {
         React.createElement("code", Object.assign({}, codeCloseAttributes))));
 };
 FieldMetadata.displayName = 'FieldMetadata';
-FieldMetadata.propTypes = {
-    metadata: PropTypes.object.isRequired,
-    children: PropTypes.node.isRequired,
-};

package/dist/esm/components/File.js

@@ -10,7 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { isFieldValueEmpty } from '@sitecore-jss/sitecore-jss/layout';
-import PropTypes from 'prop-types';
 import React from 'react';
 export const File = (_a) => {
     /*
@@ -34,14 +33,4 @@ export const File = (_a) => {
     };
     return React.createElement('a', Object.assign(Object.assign({}, anchorAttrs), otherProps), linkText, children);
 };
-File.propTypes = {
-    field: PropTypes.oneOfType([
-        PropTypes.shape({
-            src: PropTypes.string,
-        }),
-        PropTypes.shape({
-            value: PropTypes.object,
-        }),
-    ]).isRequired,
-};
 File.displayName = 'File';

package/dist/esm/components/Image.js

@@ -10,7 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { mediaApi } from '@sitecore-jss/sitecore-jss/media';
-import PropTypes from 'prop-types';
 import React from 'react';
 import { addClassName, convertAttributesToReactProps } from '../utils';
 import { getAttributesString } from '../utils';
@@ -90,22 +89,4 @@ export const Image = withFieldMetadata(withEmptyFieldEditingComponent((_a) => {
     }
     return null; // we can't handle the truth
 }, { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponentImage }));
-Image.propTypes = {
-    field: PropTypes.oneOfType([
-        PropTypes.shape({
-            src: PropTypes.string,
-        }),
-        PropTypes.shape({
-            value: PropTypes.object,
-            editable: PropTypes.string,
-        }),
-    ]),
-    editable: PropTypes.bool,
-    mediaUrlPrefix: PropTypes.instanceOf(RegExp),
-    imageParams: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired]).isRequired),
-    emptyFieldEditingComponent: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.func,
-    ]),
-};
 Image.displayName = 'Image';

package/dist/esm/components/Link.js

@@ -10,7 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import { withFieldMetadata } from '../enhancers/withFieldMetadata';
 import { withEmptyFieldEditingComponent } from '../enhancers/withEmptyFieldEditingComponent';
 import { DefaultEmptyFieldEditingComponentText } from './DefaultEmptyFieldEditingComponents';
@@ -68,23 +67,4 @@ forwardRef((_a, ref) => {
     resultTags.push(React.createElement('a', Object.assign(Object.assign(Object.assign({}, anchorAttrs), otherProps), { key: 'link', ref }), linkText, children));
     return React.createElement(React.Fragment, null, resultTags);
 }), { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponentText, isForwardRef: true }), true);
-export const LinkPropTypes = {
-    field: PropTypes.oneOfType([
-        PropTypes.shape({
-            href: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.oneOf([null]).isRequired]),
-        }),
-        PropTypes.shape({
-            value: PropTypes.object,
-            editableFirstPart: PropTypes.string,
-            editableLastPart: PropTypes.string,
-        }),
-    ]).isRequired,
-    editable: PropTypes.bool,
-    showLinkTextWithChildrenPresent: PropTypes.bool,
-    emptyFieldEditingComponent: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.func,
-    ]),
-};
-Link.propTypes = LinkPropTypes;
 Link.displayName = 'Link';

package/dist/esm/components/MissingComponent.js

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 export const MissingComponent = (props) => {
     const componentName = props.rendering && props.rendering.componentName
@@ -19,9 +18,4 @@ export const MissingComponent = (props) => {
         React.createElement("h2", null, componentName),
         React.createElement("p", null, errorMessage)));
 };
-MissingComponent.propTypes = {
-    rendering: PropTypes.shape({
-        componentName: PropTypes.string,
-    }),
-};
 MissingComponent.displayName = 'MissingComponent';

package/dist/esm/components/PlaceholderCommon.js

@@ -10,7 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 import { MissingComponent } from './MissingComponent';
 import { EditMode, isDynamicPlaceholder, getDynamicPlaceholderPattern, } from '@sitecore-jss/sitecore-jss/layout';
 import { constants } from '@sitecore-jss/sitecore-jss';
@@ -145,9 +144,10 @@ export class PlaceholderCommon extends React.Component {
                 const isByocWrapper = componentRendering.componentName === BYOC_WRAPPER_RENDERING_NAME;
                 // all dynamic elements will have a separate render prop
                 const isDynamicComponent = !!((_a = component.render) === null || _a === void 0 ? void 0 : _a.preload);
+                const disableSuspense = this.props.disableSuspense || false;
                 // wrapping with error boundary could cause problems in case where parent component uses withPlaceholder HOC and tries to access its children props
                 // that's why we need to expose element's props here
-                rendered = (React.createElement(ErrorBoundary, Object.assign({ key: rendered.type + '-' + index, errorComponent: this.props.errorComponent, componentLoadingMessage: this.props.componentLoadingMessage, type: type, isDynamic: isDynamicComponent || isByocWrapper }, rendered.props), rendered));
+                rendered = (React.createElement(ErrorBoundary, Object.assign({ key: rendered.type + '-' + index, errorComponent: this.props.errorComponent, componentLoadingMessage: this.props.componentLoadingMessage, type: type, isDynamic: isDynamicComponent || isByocWrapper, disableSuspense: disableSuspense }, rendered.props), rendered));
             }
             // if editMode is equal to 'metadata' then emit shallow chromes for hydration in Pages
             if (((_b = this.props.sitecoreContext) === null || _b === void 0 ? void 0 : _b.editMode) === EditMode.Metadata) {
@@ -213,28 +213,3 @@ export class PlaceholderCommon extends React.Component {
         });
     }
 }
-PlaceholderCommon.propTypes = {
-    rendering: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.object,
-    ]).isRequired,
-    fields: PropTypes.objectOf(PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.object,
-    ]).isRequired),
-    params: PropTypes.objectOf(PropTypes.string.isRequired),
-    missingComponentComponent: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.func,
-    ]),
-    hiddenRenderingComponent: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.func,
-    ]),
-    errorComponent: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.func,
-    ]),
-    modifyComponentProps: PropTypes.func,
-    sitecoreContext: PropTypes.object,
-};

package/dist/esm/components/RichText.js

@@ -10,7 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import { withFieldMetadata } from '../enhancers/withFieldMetadata';
 import { withEmptyFieldEditingComponent } from '../enhancers/withEmptyFieldEditingComponent';
 import { DefaultEmptyFieldEditingComponentText } from './DefaultEmptyFieldEditingComponents';
@@ -27,18 +26,4 @@ forwardRef((_a, ref) => {
         }, ref }, otherProps);
     return React.createElement(tag || 'div', htmlProps);
 }), { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponentText, isForwardRef: true }), true);
-export const RichTextPropTypes = {
-    field: PropTypes.shape({
-        value: PropTypes.string,
-        editable: PropTypes.string,
-        metadata: PropTypes.objectOf(PropTypes.any),
-    }),
-    tag: PropTypes.string,
-    editable: PropTypes.bool,
-    emptyFieldEditingComponent: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.func,
-    ]),
-};
-RichText.propTypes = RichTextPropTypes;
 RichText.displayName = 'RichText';

package/dist/esm/components/SitecoreContext.js

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react';
-import PropTypes from 'prop-types';
 import fastDeepEqual from 'fast-deep-equal/es6/react';
 import { constants } from '@sitecore-jss/sitecore-jss';
 export const SitecoreContextReactContext = React.createContext({});
@@ -54,14 +53,4 @@ export class SitecoreContext extends React.Component {
             React.createElement(SitecoreContextReactContext.Provider, { value: this.state }, this.props.children)));
     }
 }
-SitecoreContext.propTypes = {
-    children: PropTypes.any.isRequired,
-    componentFactory: PropTypes.func,
-    layoutData: PropTypes.shape({
-        sitecore: PropTypes.shape({
-            context: PropTypes.any,
-            route: PropTypes.any,
-        }),
-    }),
-};
 SitecoreContext.displayName = 'SitecoreContext';

package/dist/esm/components/Text.js

@@ -13,7 +13,6 @@ import React from 'react';
 import { withFieldMetadata } from '../enhancers/withFieldMetadata';
 import { withEmptyFieldEditingComponent } from '../enhancers/withEmptyFieldEditingComponent';
 import { DefaultEmptyFieldEditingComponentText } from './DefaultEmptyFieldEditingComponents';
-import PropTypes from 'prop-types';
 import { isFieldValueEmpty } from '@sitecore-jss/sitecore-jss/layout';
 export const Text = withFieldMetadata(withEmptyFieldEditingComponent((_a) => {
     var { field, tag, editable = true, encode = true } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "encode"]);
@@ -64,18 +63,4 @@ export const Text = withFieldMetadata(withEmptyFieldEditingComponent((_a) => {
         return React.createElement(React.Fragment, null, children);
     }
 }, { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponentText }));
-Text.propTypes = {
-    field: PropTypes.shape({
-        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        editable: PropTypes.string,
-        metadata: PropTypes.objectOf(PropTypes.any),
-    }),
-    tag: PropTypes.string,
-    editable: PropTypes.bool,
-    encode: PropTypes.bool,
-    emptyFieldEditingComponent: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.func,
-    ]),
-};
 Text.displayName = 'Text';

package/dist/esm/index.js

@@ -8,14 +8,14 @@ export { mediaApi } from '@sitecore-jss/sitecore-jss/media';
 export { Placeholder } from './components/Placeholder';
 export { Form } from './components/Form';
 export { Image, getEEMarkup, } from './components/Image';
-export { RichText, RichTextPropTypes } from './components/RichText';
+export { RichText } from './components/RichText';
 export { Text } from './components/Text';
 export { DateField } from './components/Date';
 export { FEaaSComponent, fetchFEaaSComponentServerProps, } from './components/FEaaSComponent';
 export { FEaaSWrapper } from './components/FEaaSWrapper';
 export { BYOCComponent, fetchBYOCComponentServerProps, } from './components/BYOCComponent';
 export { BYOCWrapper } from './components/BYOCWrapper';
-export { Link, LinkPropTypes } from './components/Link';
+export { Link } from './components/Link';
 export { File } from './components/File';
 export { VisitorIdentification } from './components/VisitorIdentification';
 export { SitecoreContext, SitecoreContextReactContext, } from './components/SitecoreContext';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-react",
-  "version": "22.6.0",
+  "version": "22.7.0-canary.10",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -8,7 +8,7 @@
     "build": "npm run clean && tsc -p tsconfig.json && tsc -p tsconfig-esm.json",
     "clean": "del-cli dist types",
     "lint": "eslint \"./src/**/*.tsx\" \"./src/**/*.ts\"",
-    "test": "mocha --require ts-node/register/transpile-only --require ./src/tests/shim.ts ./src/tests/jsdom-setup.ts ./src/tests/enzyme-setup.ts \"./src/**/*.test.ts\" \"./src/**/*.test.tsx\" --exit",
+    "test": "mocha --require ts-node/register/transpile-only --require ./src/tests/jsdom-setup.ts \"./src/**/*.test.ts\" \"./src/**/*.test.tsx\" --exit",
     "prepublishOnly": "npm run build",
     "coverage": "nyc npm test",
     "generate-docs": "npx typedoc --plugin typedoc-plugin-markdown --outputFileStrategy Members --parametersFormat table --readme none --out ../../ref-docs/sitecore-jss-react src/index.ts --githubPages false"
@@ -27,49 +27,47 @@
   },
   "devDependencies": {
     "@sitecore-feaas/clientside": "^0.5.19",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.6.0",
     "@types/chai": "^4.3.4",
     "@types/chai-string": "^1.4.2",
-    "@types/enzyme": "^3.10.12",
     "@types/mocha": "^10.0.1",
     "@types/node": "20.14.2",
-    "@types/prop-types": "^15.7.5",
-    "@types/react": "^18.2.45",
-    "@types/react-dom": "^18.0.10",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.3",
     "@types/sinon": "^10.0.13",
     "@types/sinon-chai": "^3.2.9",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "chai": "^4.3.7",
     "chai-string": "^1.5.0",
     "cheerio": "1.0.0-rc.12",
     "del-cli": "^5.0.0",
-    "enzyme": "^3.11.0",
     "eslint": "^8.56.0",
-    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react": "^7.37.5",
     "jsdom": "^25.0.1",
     "mocha": "^10.2.0",
     "nyc": "^15.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "sinon": "^15.0.0",
     "sinon-chai": "^3.7.0",
     "ts-node": "^10.9.1",
     "typescript": "~4.9.3"
   },
   "peerDependencies": {
-    "@sitecore-cloudsdk/events": "^0.4.2",
+    "@sitecore-cloudsdk/events": "^0.5.1",
     "@sitecore-feaas/clientside": "^0.5.19",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "22.6.0",
+    "@sitecore-jss/sitecore-jss": "22.7.0-canary.10",
     "fast-deep-equal": "^3.1.3",
-    "prop-types": "^15.8.1",
     "style-attr": "^1.3.0"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "e75a84e27a017ba303b4e9b3a8e65d4dac4c8a59",
+  "gitHead": "98bc01faa6487f50b8f39498af7eac98ecc86445",
   "files": [
     "dist",
     "types"

package/types/components/BYOCWrapper.d.ts

@@ -1,3 +1,4 @@
 import { BYOCComponentProps } from './BYOCComponent';
+import { JSX } from 'react';
 export declare const BYOC_WRAPPER_RENDERING_NAME = "BYOCWrapper";
 export declare const BYOCWrapper: (props: BYOCComponentProps) => JSX.Element;

package/types/components/EditingScripts.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 /**
  * Renders client scripts and data for editing/preview mode in Pages.
  * This script is only rendered when EditMode is Metadata, otherwise it renders nothing.

package/types/components/ErrorBoundary.d.ts

@@ -10,6 +10,7 @@ export type ErrorBoundaryProps = {
     sitecoreContext: SitecoreContextValue;
     type: string;
     isDynamic?: boolean;
+    disableSuspense?: boolean;
     errorComponent?: React.ComponentClass<ErrorComponentProps> | React.FC<ErrorComponentProps>;
     rendering?: ComponentRendering;
     componentLoadingMessage?: string;

package/types/components/FEaaSComponent.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import * as FEAAS from '@sitecore-feaas/clientside/react';
 import { ComponentFields, LayoutServicePageState } from '@sitecore-jss/sitecore-jss/layout';
 export declare const FEAAS_COMPONENT_RENDERING_NAME = "FEaaSComponent";

package/types/components/FEaaSWrapper.d.ts

@@ -1,3 +1,4 @@
 import { FEaaSComponentProps } from './FEaaSComponent';
+import { JSX } from 'react';
 export declare const FEAAS_WRAPPER_RENDERING_NAME = "FEaaSWrapper";
 export declare const FEaaSWrapper: (props: FEaaSComponentProps) => JSX.Element;

package/types/components/FieldMetadata.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="@types/react" />
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { JSX } from 'react';
 interface FieldMetadataProps {
     metadata: {
         [key: string]: unknown;
@@ -15,9 +14,5 @@ interface FieldMetadataProps {
 export declare const FieldMetadata: {
     (props: FieldMetadataProps): JSX.Element;
     displayName: string;
-    propTypes: {
-        metadata: PropTypes.Validator<object>;
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    };
 };
 export {};

package/types/components/Link.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="@types/react" />
 import React, { RefAttributes } from 'react';
-import PropTypes from 'prop-types';
 import { EditableFieldProps } from './sharedTypes';
 import { FieldMetadata } from '@sitecore-jss/sitecore-jss/layout';
 export interface LinkFieldValue {
@@ -30,15 +29,3 @@ export type LinkProps = EditableFieldProps & React.AnchorHTMLAttributes<HTMLAnch
     showLinkTextWithChildrenPresent?: boolean;
 };
 export declare const Link: React.FC<LinkProps>;
-export declare const LinkPropTypes: {
-    field: PropTypes.Validator<NonNullable<NonNullable<PropTypes.InferProps<{
-        href: PropTypes.Requireable<any>;
-    }> | PropTypes.InferProps<{
-        value: PropTypes.Requireable<object>;
-        editableFirstPart: PropTypes.Requireable<string>;
-        editableLastPart: PropTypes.Requireable<string>;
-    }>>>>;
-    editable: PropTypes.Requireable<boolean>;
-    showLinkTextWithChildrenPresent: PropTypes.Requireable<boolean>;
-    emptyFieldEditingComponent: PropTypes.Requireable<NonNullable<React.ComponentClass<unknown, any> | React.FC<unknown>>>;
-};