@sitecore-jss/sitecore-jss-react 21.9.0 → 21.10.0-canary.2

package/dist/cjs/components/RichText.js

@@ -33,15 +33,11 @@ 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"));
 exports.RichText = (0, react_1.forwardRef)((_a, ref) => {
-    var { field, tag, editable } = _a, otherProps = __rest(_a, ["field", "tag", "editable"]);
+    var { field, tag = 'div', editable = true } = _a, otherProps = __rest(_a, ["field", "tag", "editable"]);
     if (!field || (!field.editable && !field.value)) {
         return null;
     }
@@ -50,17 +46,4 @@ exports.RichText = (0, react_1.forwardRef)((_a, ref) => {
         }, ref }, otherProps);
     return react_1.default.createElement(tag || 'div', htmlProps);
 });
-exports.RichTextPropTypes = {
-    field: prop_types_1.default.shape({
-        value: prop_types_1.default.string,
-        editable: prop_types_1.default.string,
-    }),
-    tag: prop_types_1.default.string,
-    editable: prop_types_1.default.bool,
-};
-exports.RichText.propTypes = exports.RichTextPropTypes;
-exports.RichText.defaultProps = {
-    tag: 'div',
-    editable: true,
-};
 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"));
 exports.SitecoreContextReactContext = react_1.default.createContext({});
 exports.ComponentFactoryReactContext = react_1.default.createContext({});
@@ -54,14 +53,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

@@ -16,9 +16,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const Text = (_a) => {
-    var { field, tag, editable, encode } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "encode"]);
+    var { field, tag, editable = true, encode = true } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "encode"]);
     if (!field || (!field.editable && (field.value === undefined || field.value === ''))) {
         return null;
     }
@@ -67,17 +66,4 @@ const Text = (_a) => {
     }
 };
 exports.Text = Text;
-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,
-    }),
-    tag: prop_types_1.default.string,
-    editable: prop_types_1.default.bool,
-    encode: prop_types_1.default.bool,
-};
-exports.Text.defaultProps = {
-    editable: true,
-    encode: true,
-};
 exports.Text.displayName = 'Text';

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "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.Placeholder = exports.getFEAASLibraryStylesheetLinks = exports.mediaApi = exports.DefaultRetryStrategy = exports.RestDictionaryService = exports.GraphQLDictionaryService = exports.trackingApi = exports.getFieldValue = exports.getChildPlaceholder = exports.RestLayoutService = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.getComponentLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.DefaultEditFrameButtons = exports.DefaultEditFrameButton = exports.resetEditorChromes = exports.isEditorActive = exports.ClientError = exports.enableDebug = exports.constants = void 0;
+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.Placeholder = exports.getFEAASLibraryStylesheetLinks = exports.mediaApi = exports.DefaultRetryStrategy = exports.RestDictionaryService = exports.GraphQLDictionaryService = exports.trackingApi = exports.getFieldValue = exports.getChildPlaceholder = exports.RestLayoutService = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.getComponentLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.DefaultEditFrameButtons = exports.DefaultEditFrameButton = exports.resetEditorChromes = exports.isEditorActive = exports.ClientError = exports.enableDebug = exports.constants = 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; } });
@@ -36,7 +36,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");
@@ -53,7 +52,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,9 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 export const DateField = (_a) => {
-    var { field, tag, editable, render } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "render"]);
+    var { field, tag, editable = true, render } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "render"]);
     if (!field || (!field.editable && !field.value)) {
         return null;
     }
@@ -36,16 +35,4 @@ export const DateField = (_a) => {
         return React.createElement(React.Fragment, null, children);
     }
 };
-DateField.propTypes = {
-    field: PropTypes.shape({
-        value: PropTypes.string,
-        editable: PropTypes.string,
-    }).isRequired,
-    tag: PropTypes.string,
-    editable: PropTypes.bool,
-    render: PropTypes.func,
-};
-DateField.defaultProps = {
-    editable: true,
-};
 DateField.displayName = 'Date';

package/dist/esm/components/File.js

@@ -9,7 +9,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import PropTypes from 'prop-types';
 import React from 'react';
 export const File = (_a) => {
     /*
@@ -33,14 +32,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';
@@ -60,7 +59,7 @@ export const getEEMarkup = (imageField, imageParams, mediaUrlPrefix, otherProps)
     return getEditableWrapper(editableMarkup);
 };
 export const Image = (_a) => {
-    var { media, editable, imageParams, field, mediaUrlPrefix } = _a, otherProps = __rest(_a, ["media", "editable", "imageParams", "field", "mediaUrlPrefix"]);
+    var { media, editable = true, imageParams, field, mediaUrlPrefix } = _a, otherProps = __rest(_a, ["media", "editable", "imageParams", "field", "mediaUrlPrefix"]);
     // allows the mistake of using 'field' prop instead of 'media' (consistent with other helpers)
     if (field && !media) {
         media = field;
@@ -87,30 +86,4 @@ export const Image = (_a) => {
     }
     return null; // we can't handle the truth
 };
-Image.propTypes = {
-    media: PropTypes.oneOfType([
-        PropTypes.shape({
-            src: PropTypes.string,
-        }),
-        PropTypes.shape({
-            value: PropTypes.object,
-            editable: PropTypes.string,
-        }),
-    ]),
-    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),
-};
-Image.defaultProps = {
-    editable: true,
-};
 Image.displayName = 'Image';

package/dist/esm/components/Link.js

@@ -10,9 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 export const Link = forwardRef((_a, ref) => {
-    var { field, editable, showLinkTextWithChildrenPresent } = _a, otherProps = __rest(_a, ["field", "editable", "showLinkTextWithChildrenPresent"]);
+    var { field, editable = true, showLinkTextWithChildrenPresent } = _a, otherProps = __rest(_a, ["field", "editable", "showLinkTextWithChildrenPresent"]);
     const children = otherProps.children;
     const dynamicField = field;
     if (!field ||
@@ -65,22 +64,4 @@ export const Link = 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);
 });
-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,
-};
-Link.propTypes = LinkPropTypes;
-Link.defaultProps = {
-    editable: true,
-};
 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 { convertAttributesToReactProps } from '../utils';
 import { HiddenRendering, HIDDEN_RENDERING_NAME } from './HiddenRendering';
@@ -172,27 +171,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,
-};

package/dist/esm/components/RichText.js

@@ -10,9 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 export const RichText = forwardRef((_a, ref) => {
-    var { field, tag, editable } = _a, otherProps = __rest(_a, ["field", "tag", "editable"]);
+    var { field, tag = 'div', editable = true } = _a, otherProps = __rest(_a, ["field", "tag", "editable"]);
     if (!field || (!field.editable && !field.value)) {
         return null;
     }
@@ -21,17 +20,4 @@ export const RichText = forwardRef((_a, ref) => {
         }, ref }, otherProps);
     return React.createElement(tag || 'div', htmlProps);
 });
-export const RichTextPropTypes = {
-    field: PropTypes.shape({
-        value: PropTypes.string,
-        editable: PropTypes.string,
-    }),
-    tag: PropTypes.string,
-    editable: PropTypes.bool,
-};
-RichText.propTypes = RichTextPropTypes;
-RichText.defaultProps = {
-    tag: 'div',
-    editable: true,
-};
 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';
 export const SitecoreContextReactContext = React.createContext({});
 export const ComponentFactoryReactContext = React.createContext({});
@@ -47,14 +46,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

@@ -10,9 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 export const Text = (_a) => {
-    var { field, tag, editable, encode } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "encode"]);
+    var { field, tag, editable = true, encode = true } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "encode"]);
     if (!field || (!field.editable && (field.value === undefined || field.value === ''))) {
         return null;
     }
@@ -60,17 +59,4 @@ export const Text = (_a) => {
         return React.createElement(React.Fragment, null, children);
     }
 };
-Text.propTypes = {
-    field: PropTypes.shape({
-        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        editable: PropTypes.string,
-    }),
-    tag: PropTypes.string,
-    editable: PropTypes.bool,
-    encode: PropTypes.bool,
-};
-Text.defaultProps = {
-    editable: true,
-    encode: true,
-};
 Text.displayName = 'Text';

package/dist/esm/index.js

@@ -8,14 +8,14 @@ export { mediaApi } from '@sitecore-jss/sitecore-jss/media';
 export { getFEAASLibraryStylesheetLinks } from '@sitecore-jss/sitecore-jss/feaas';
 export { Placeholder } from './components/Placeholder';
 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": "21.9.0",
+  "version": "21.10.0-canary.2",
   "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 --readme none --out ../../ref-docs/sitecore-jss-react src/index.ts --githubPages false"
@@ -27,29 +27,28 @@
   },
   "devDependencies": {
     "@sitecore-feaas/clientside": "^0.5.17",
+    "@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": "18.11.10",
-    "@types/prop-types": "^15.7.5",
-    "@types/react": "^18.2.22",
-    "@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.28.0",
-    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react": "^7.37.5",
     "jsdom": "^20.0.3",
     "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",
@@ -57,18 +56,17 @@
   },
   "peerDependencies": {
     "@sitecore-feaas/clientside": "^0.5.17",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "21.9.0",
+    "@sitecore-jss/sitecore-jss": "^21.10.0-canary.2",
     "fast-deep-equal": "^3.1.3",
-    "prop-types": "^15.8.1",
     "style-attr": "^1.3.0"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "e4548b0b8362a4d9b10b645fbb556fd90d7d957d",
+  "gitHead": "bbfadfc2b3b14c3d0561019f70c93a29ffeb6497",
   "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/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/Link.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="@types/react" />
 import React from 'react';
-import PropTypes from 'prop-types';
 export interface LinkFieldValue {
     [attributeName: string]: unknown;
     href?: string;
@@ -34,14 +33,3 @@ export type LinkProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLA
     showLinkTextWithChildrenPresent?: boolean;
 };
 export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-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>;
-};

package/types/components/Placeholder.d.ts

@@ -20,6 +20,6 @@ export interface PlaceholderComponentProps extends PlaceholderProps {
     renderEach?: (component: React.ReactNode, index: number) => React.ReactNode;
 }
 export declare const Placeholder: {
-    (props: PlaceholderComponentProps): JSX.Element;
+    (props: PlaceholderComponentProps): React.JSX.Element;
     displayName: string;
 };

package/types/components/PlaceholderCommon.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="@types/react" />
 import React, { ComponentType } from 'react';
-import PropTypes from 'prop-types';
 import { ComponentFactory } from './sharedTypes';
 import { ComponentRendering, RouteData, Field, Item, HtmlElementRendering } from '@sitecore-jss/sitecore-jss/layout';
 type ErrorComponentProps = {
@@ -59,19 +58,6 @@ export interface PlaceholderProps {
     errorComponent?: React.ComponentClass<ErrorComponentProps> | React.FC<ErrorComponentProps>;
 }
 export declare class PlaceholderCommon<T extends PlaceholderProps> extends React.Component<T> {
-    static propTypes: {
-        rendering: PropTypes.Validator<NonNullable<NonNullable<ComponentRendering | RouteData<Record<string, Field<import("@sitecore-jss/sitecore-jss/types/layout/models").GenericFieldValue> | Item | Item[]>>>>>;
-        fields: PropTypes.Requireable<{
-            [x: string]: NonNullable<NonNullable<Field<import("@sitecore-jss/sitecore-jss/types/layout/models").GenericFieldValue> | Item[]>>;
-        }>;
-        params: PropTypes.Requireable<{
-            [x: string]: string;
-        }>;
-        missingComponentComponent: PropTypes.Requireable<NonNullable<React.ComponentClass<unknown, any> | React.FC<unknown>>>;
-        hiddenRenderingComponent: PropTypes.Requireable<NonNullable<React.ComponentClass<unknown, any> | React.FC<unknown>>>;
-        errorComponent: PropTypes.Requireable<NonNullable<React.ComponentClass<unknown, any> | React.FC<unknown>>>;
-        modifyComponentProps: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     nodeRefs: Element[];
     state: Readonly<{
         error?: Error;

package/types/components/RichText.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="@types/react" />
 import React from 'react';
-import PropTypes from 'prop-types';
 export interface RichTextField {
     value?: string;
     editable?: string;
@@ -22,11 +21,3 @@ export interface RichTextProps {
     editable?: boolean;
 }
 export declare const RichText: React.FC<RichTextProps>;
-export declare const RichTextPropTypes: {
-    field: PropTypes.Requireable<PropTypes.InferProps<{
-        value: PropTypes.Requireable<string>;
-        editable: PropTypes.Requireable<string>;
-    }>>;
-    tag: PropTypes.Requireable<string>;
-    editable: PropTypes.Requireable<boolean>;
-};

package/types/components/SitecoreContext.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="@types/react" />
 import React from 'react';
-import PropTypes from 'prop-types';
 import { ComponentFactory } from './sharedTypes';
 import { LayoutServiceContext, LayoutServiceData, RouteData } from '../index';
 export interface SitecoreContextProps {
@@ -19,16 +18,6 @@ export type SitecoreContextValue = LayoutServiceContext & {
     route?: RouteData;
 };
 export declare class SitecoreContext extends React.Component<SitecoreContextProps, SitecoreContextState> {
-    static propTypes: {
-        children: PropTypes.Validator<any>;
-        componentFactory: PropTypes.Requireable<(...args: any[]) => any>;
-        layoutData: PropTypes.Requireable<PropTypes.InferProps<{
-            sitecore: PropTypes.Requireable<PropTypes.InferProps<{
-                context: PropTypes.Requireable<any>;
-                route: PropTypes.Requireable<any>;
-            }>>;
-        }>>;
-    };
     static displayName: string;
     constructor(props: SitecoreContextProps);
     constructContext(layoutData?: LayoutServiceData): SitecoreContextValue;

package/types/enhancers/withComponentFactory.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="@types/react" />
-import React from 'react';
+import React, { JSX } from 'react';
 import { ComponentFactory } from '../components/sharedTypes';
 export interface ComponentFactoryProps {
     componentFactory?: ComponentFactory;

package/types/enhancers/withDatasourceCheck.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="@types/react" />
-import React from 'react';
+import React, { JSX } from 'react';
 import { ComponentRendering } from '@sitecore-jss/sitecore-jss/layout';
 export declare const DefaultEditingError: () => JSX.Element;
 export interface WithDatasourceCheckProps {
@@ -19,4 +19,4 @@ export interface WithDatasourceCheckOptions {
  *  The wrapped component, if a datasource is present.
  *  A null component (in normal mode) or an error component (in editing mode), if a datasource is not present.
  */
-export declare function withDatasourceCheck(options?: WithDatasourceCheckOptions): <ComponentProps extends WithDatasourceCheckProps>(Component: React.ComponentType<ComponentProps>) => (props: ComponentProps) => React.JSX.Element;
+export declare function withDatasourceCheck(options?: WithDatasourceCheckOptions): <ComponentProps extends WithDatasourceCheckProps>(Component: React.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;

package/types/enhancers/withPlaceholder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { ComponentRendering, RouteData } from '@sitecore-jss/sitecore-jss/layout';
 import { PlaceholderProps } from '../components/PlaceholderCommon';
@@ -32,6 +33,6 @@ export type WithPlaceholderSpec = (string | PlaceholderToPropMapping) | (string
  * @param {WithPlaceholderOptions} [options]
  */
 export declare function withPlaceholder(placeholders: WithPlaceholderSpec, options?: WithPlaceholderOptions): (WrappedComponent: React.ComponentClass<PlaceholderProps> | React.FunctionComponent<PlaceholderProps>) => {
-    (props: PlaceholderProps): JSX.Element;
+    (props: PlaceholderProps): React.JSX.Element;
     displayName: string;
 };