@sitecore-jss/sitecore-jss-react 22.9.0-canary.9 → 22.10.0-canary.2

package/dist/cjs/components/BYOCComponent.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -45,8 +35,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BYOCComponent = exports.BYOC_COMPONENT_RENDERING_NAME = void 0;
-exports.fetchBYOCComponentServerProps = fetchBYOCComponentServerProps;
+exports.fetchBYOCComponentServerProps = exports.BYOCComponent = exports.BYOC_COMPONENT_RENDERING_NAME = void 0;
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("../utils");
 const MissingComponent_1 = require("./MissingComponent");
@@ -130,3 +119,4 @@ function fetchBYOCComponentServerProps(params) {
         };
     });
 }
+exports.fetchBYOCComponentServerProps = fetchBYOCComponentServerProps;

package/dist/cjs/components/DesignLibrary.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DesignLibrary = void 0;
 const react_1 = __importStar(require("react"));

package/dist/cjs/components/EditingScripts.js

@@ -25,8 +25,14 @@ const EditingScripts = () => {
     }
     // In case of RenderingType.Component - render only the script for Design Libnrary
     if (renderingType === layout_1.RenderingType.Component) {
-        // Add cache buster to the script URL
-        const scriptUrl = `${(0, editing_2.getDesignLibraryScriptLink)((_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.edgeUrl)}?cb=${Date.now()}`;
+        // Add cache buster to the script URL (format hh-dd-mm-yyyy, UTC)
+        const now = new Date();
+        const hour = String(now.getUTCHours()).padStart(2, '0');
+        const day = String(now.getUTCDate()).padStart(2, '0');
+        const month = String(now.getUTCMonth() + 1).padStart(2, '0');
+        const year = String(now.getUTCFullYear());
+        const cacheTimestamp = `${hour}-${day}-${month}-${year}`;
+        const scriptUrl = `${(0, editing_2.getDesignLibraryScriptLink)((_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.edgeUrl)}?cb=${cacheTimestamp}`;
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("script", { src: scriptUrl, suppressHydrationWarning: true })));
     }

package/dist/cjs/components/ErrorBoundary.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const layout_1 = require("@sitecore-jss/sitecore-jss/layout");

package/dist/cjs/components/FEaaSComponent.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -45,8 +35,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.composeComponentEndpoint = exports.FEaaSComponent = exports.FEAAS_COMPONENT_RENDERING_NAME = void 0;
-exports.fetchFEaaSComponentServerProps = fetchFEaaSComponentServerProps;
+exports.composeComponentEndpoint = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.FEAAS_COMPONENT_RENDERING_NAME = void 0;
 const react_1 = __importDefault(require("react"));
 const FEAAS = __importStar(require("@sitecore-feaas/clientside/react"));
 const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
@@ -107,6 +96,7 @@ function fetchFEaaSComponentServerProps(params, pageState, endpointOverride) {
         };
     });
 }
+exports.fetchFEaaSComponentServerProps = fetchFEaaSComponentServerProps;
 /**
  * @param {string} src component endpoint
  * @param {FEaaSComponentParams} params rendering parameters for FEAAS component

package/dist/cjs/components/Form.js

@@ -16,23 +16,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = exports.mockFormModule = void 0;
 const react_1 = __importStar(require("react"));

package/dist/cjs/components/Link.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/dist/cjs/components/RichText.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/dist/cjs/components/VisitorIdentification.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VisitorIdentification = void 0;
-exports.resetEmittedVI = resetEmittedVI;
+exports.VisitorIdentification = exports.resetEmittedVI = void 0;
 const withSitecoreContext_1 = require("../enhancers/withSitecoreContext");
 let emittedVI = false;
 const VIComponent = (props) => {
@@ -34,4 +33,5 @@ VIComponent.displayName = 'VisitorIdentification';
 function resetEmittedVI() {
     emittedVI = false;
 }
+exports.resetEmittedVI = resetEmittedVI;
 exports.VisitorIdentification = VIComponent;

package/dist/cjs/enhancers/withComponentFactory.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withComponentFactory = withComponentFactory;
+exports.withComponentFactory = void 0;
 const react_1 = __importDefault(require("react"));
 const SitecoreContext_1 = require("../components/SitecoreContext");
 const react_2 = require("react");
@@ -24,3 +24,4 @@ function withComponentFactory(Component) {
         'Anonymous'})`;
     return WithComponentFactory;
 }
+exports.withComponentFactory = withComponentFactory;

package/dist/cjs/enhancers/withDatasourceCheck.js

@@ -3,8 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultEditingError = void 0;
-exports.withDatasourceCheck = withDatasourceCheck;
+exports.withDatasourceCheck = exports.DefaultEditingError = void 0;
 const react_1 = __importDefault(require("react"));
 const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
 const withSitecoreContext_1 = require("./withSitecoreContext");
@@ -29,3 +28,4 @@ function withDatasourceCheck(options) {
         };
     };
 }
+exports.withDatasourceCheck = withDatasourceCheck;

package/dist/cjs/enhancers/withEmptyFieldEditingComponent.js

@@ -15,25 +15,15 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withEmptyFieldEditingComponent = withEmptyFieldEditingComponent;
+exports.withEmptyFieldEditingComponent = void 0;
 const react_1 = __importStar(require("react"));
 const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
 /**
@@ -63,3 +53,4 @@ function withEmptyFieldEditingComponent(FieldComponent, options) {
         return (react_1.default.createElement(react_1.default.Fragment, null, (EmptyFieldEditingComponent && react_1.default.createElement(EmptyFieldEditingComponent, null)) || (react_1.default.createElement(FieldComponent, Object.assign({}, props)))));
     };
 }
+exports.withEmptyFieldEditingComponent = withEmptyFieldEditingComponent;

package/dist/cjs/enhancers/withFieldMetadata.js

@@ -15,25 +15,15 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withFieldMetadata = withFieldMetadata;
+exports.withFieldMetadata = void 0;
 const react_1 = __importStar(require("react"));
 const FieldMetadata_1 = require("../components/FieldMetadata");
 /**
@@ -67,3 +57,4 @@ function withFieldMetadata(FieldComponent, isForwardRef = false) {
             react_1.default.createElement(FieldComponent, Object.assign({}, props))));
     };
 }
+exports.withFieldMetadata = withFieldMetadata;

package/dist/cjs/enhancers/withPlaceholder.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withPlaceholder = withPlaceholder;
+exports.withPlaceholder = void 0;
 const react_1 = __importDefault(require("react"));
 const PlaceholderCommon_1 = require("../components/PlaceholderCommon");
 const withComponentFactory_1 = require("./withComponentFactory");
@@ -61,3 +61,4 @@ function withPlaceholder(placeholders, options) {
         return (0, withSitecoreContext_1.withSitecoreContext)()((0, withComponentFactory_1.withComponentFactory)(WithPlaceholder));
     };
 }
+exports.withPlaceholder = withPlaceholder;

package/dist/cjs/enhancers/withSitecoreContext.js

@@ -3,8 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withSitecoreContext = withSitecoreContext;
-exports.useSitecoreContext = useSitecoreContext;
+exports.useSitecoreContext = exports.withSitecoreContext = void 0;
 const react_1 = __importDefault(require("react"));
 const SitecoreContext_1 = require("../components/SitecoreContext");
 /**
@@ -17,6 +16,7 @@ function withSitecoreContext(options) {
         };
     };
 }
+exports.withSitecoreContext = withSitecoreContext;
 /**
  * This hook grants acсess to the current Sitecore page context
  * by default JSS includes the following properties in this context:
@@ -47,3 +47,4 @@ function useSitecoreContext(options) {
         updateSitecoreContext: updatable ? reactContext.setContext : undefined,
     };
 }
+exports.useSitecoreContext = useSitecoreContext;

package/dist/esm/components/EditingScripts.js

@@ -19,8 +19,14 @@ export const EditingScripts = () => {
     }
     // In case of RenderingType.Component - render only the script for Design Libnrary
     if (renderingType === RenderingType.Component) {
-        // Add cache buster to the script URL
-        const scriptUrl = `${getDesignLibraryScriptLink((_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.edgeUrl)}?cb=${Date.now()}`;
+        // Add cache buster to the script URL (format hh-dd-mm-yyyy, UTC)
+        const now = new Date();
+        const hour = String(now.getUTCHours()).padStart(2, '0');
+        const day = String(now.getUTCDate()).padStart(2, '0');
+        const month = String(now.getUTCMonth() + 1).padStart(2, '0');
+        const year = String(now.getUTCFullYear());
+        const cacheTimestamp = `${hour}-${day}-${month}-${year}`;
+        const scriptUrl = `${getDesignLibraryScriptLink((_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.edgeUrl)}?cb=${cacheTimestamp}`;
         return (React.createElement(React.Fragment, null,
             React.createElement("script", { src: scriptUrl, suppressHydrationWarning: true })));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-react",
-  "version": "22.9.0-canary.9",
+  "version": "22.10.0-canary.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -52,7 +52,7 @@
     "sinon": "^20.0.0",
     "sinon-chai": "^3.7.0",
     "ts-node": "^10.9.1",
-    "typescript": "~5.9.2"
+    "typescript": "~4.9.3"
   },
   "peerDependencies": {
     "@sitecore-cloudsdk/events": "^0.5.2",
@@ -61,13 +61,13 @@
     "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "22.9.0-canary.9",
+    "@sitecore-jss/sitecore-jss": "22.10.0-canary.2",
     "fast-deep-equal": "^3.1.3",
     "style-attr": "^1.3.0"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "0a43b0e00378ba1dcfeb30c18971d98da017fe0a",
+  "gitHead": "94b796b9c501ea7a6cb0d3a2fde9f8d5e05e54fc",
   "files": [
     "dist",
     "types"

package/types/ComponentBuilder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import { ComponentType } from 'react';
 import { ComponentFactory } from './components/sharedTypes';
 /**

package/types/components/BYOCComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { ComponentFields, ComponentRendering } from '@sitecore-jss/sitecore-jss/layout';
 import { MissingComponentProps } from './MissingComponent';

package/types/components/Date.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { EditableFieldProps } from './sharedTypes';
 import { FieldMetadata } from '@sitecore-jss/sitecore-jss/layout';

package/types/components/DefaultEmptyFieldEditingComponents.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 export declare const DefaultEmptyFieldEditingComponentText: React.FC;
 export declare const DefaultEmptyFieldEditingComponentImage: React.FC;

package/types/components/EditFrame.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React, { PropsWithChildren } from 'react';
 import { EditFrameDataSource, EditButtonTypes } from '@sitecore-jss/sitecore-jss/editing';
 export interface EditFrameProps {

package/types/components/ErrorBoundary.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React, { ReactNode } from 'react';
 import { ComponentRendering } from '@sitecore-jss/sitecore-jss/layout';
 import { SitecoreContextValue } from './SitecoreContext';

package/types/components/FieldMetadata.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React, { JSX } from 'react';
 interface FieldMetadataProps {
     metadata: {

package/types/components/File.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 export interface FileFieldValue {
     [propName: string]: unknown;

package/types/components/Form.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { ComponentRendering } from '@sitecore-jss/sitecore-jss/layout';
 /**

package/types/components/HiddenRendering.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="@types/react" />
 import React from 'react';
 export declare const HiddenRendering: () => React.JSX.Element;

package/types/components/Image.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { EditableFieldProps } from './sharedTypes';
 import { FieldMetadata } from '@sitecore-jss/sitecore-jss/layout';
@@ -53,5 +54,5 @@ export interface ImageProps extends EditableFieldProps {
  * @param {ImageProps} otherProps {ImageProps} all other props included on the image component
  * @returns Experience Editor Markup
  */
-export declare const getEEMarkup: (imageField: ImageField, imageParams?: ImageProps["imageParams"], mediaUrlPrefix?: RegExp, otherProps?: ImageProps) => React.JSX.Element;
+export declare const getEEMarkup: (imageField: ImageField, imageParams?: ImageProps['imageParams'], mediaUrlPrefix?: RegExp, otherProps?: ImageProps) => React.JSX.Element;
 export declare const Image: React.FC<ImageProps>;

package/types/components/Link.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React, { RefAttributes } from 'react';
 import { EditableFieldProps } from './sharedTypes';
 import { FieldMetadata } from '@sitecore-jss/sitecore-jss/layout';

package/types/components/MissingComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 export interface MissingComponentProps {
     rendering?: {

package/types/components/Placeholder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { PlaceholderProps } from './PlaceholderCommon';
 import { ComponentRendering, HtmlElementRendering } from '@sitecore-jss/sitecore-jss/layout';

package/types/components/PlaceholderCommon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React, { ComponentType } from 'react';
 import { ComponentFactory } from './sharedTypes';
 import { ComponentRendering, RouteData, Field, Item, HtmlElementRendering, EditMode } from '@sitecore-jss/sitecore-jss/layout';

package/types/components/PlaceholderMetadata.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import { ReactNode, JSX } from 'react';
 import { ComponentRendering } from '@sitecore-jss/sitecore-jss/layout';
 /**

package/types/components/RichText.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { EditableFieldProps } from './sharedTypes';
 import { FieldMetadata } from '@sitecore-jss/sitecore-jss/layout';

package/types/components/SitecoreContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { ComponentFactory } from './sharedTypes';
 import { LayoutServiceContext, LayoutServiceData, RouteData } from '../index';

package/types/components/Text.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { EditableFieldProps } from './sharedTypes';
 import { FieldMetadata } from '@sitecore-jss/sitecore-jss/layout';

package/types/components/VisitorIdentification.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 interface VisitorIdentificationProps {
     defer?: boolean;

package/types/components/sharedTypes.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import { ComponentType } from 'react';
 /**
  * @param {string} componentName component to be imported from the component factory

package/types/enhancers/withComponentFactory.d.ts

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

package/types/enhancers/withDatasourceCheck.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React, { JSX } from 'react';
 import { ComponentRendering } from '@sitecore-jss/sitecore-jss/layout';
 export declare const DefaultEditingError: () => JSX.Element;

package/types/enhancers/withEditorChromes.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="@types/react" />
 import React from 'react';
-export declare const withEditorChromes: (WrappedComponent: React.ComponentClass<unknown> | React.FC<unknown>) => React.ComponentClass;
+export declare const withEditorChromes: (WrappedComponent: React.ComponentClass<unknown> | React.FC<unknown>) => React.ComponentClass<{}, any>;

package/types/enhancers/withEmptyFieldEditingComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React, { ComponentType } from 'react';
 import { GenericFieldValue, Field, FieldMetadata } from '@sitecore-jss/sitecore-jss/layout';
 /**

package/types/enhancers/withFieldMetadata.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React, { ComponentType } from 'react';
 interface WithMetadataProps {
     field?: {

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';

package/types/enhancers/withSitecoreContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { EnhancedOmit } from '@sitecore-jss/sitecore-jss/utils';
 import { SitecoreContextState, SitecoreContextValue } from '../components/SitecoreContext';
@@ -13,7 +14,7 @@ export type WithSitecoreContextHocProps<ComponentProps> = EnhancedOmit<Component
 /**
  * @param {WithSitecoreContextOptions} [options]
  */
-export declare function withSitecoreContext(options?: WithSitecoreContextOptions): <ComponentProps extends WithSitecoreContextProps>(Component: React.ComponentType<ComponentProps>) => (props: WithSitecoreContextHocProps<ComponentProps>) => React.JSX.Element;
+export declare function withSitecoreContext(options?: WithSitecoreContextOptions): <ComponentProps extends WithSitecoreContextProps>(Component: React.ComponentType<ComponentProps>) => (props: EnhancedOmit<ComponentProps, keyof WithSitecoreContextProps>) => React.JSX.Element;
 /**
  * This hook grants acсess to the current Sitecore page context
  * by default JSS includes the following properties in this context:

package/types/utils.d.ts

@@ -9,7 +9,7 @@ export declare const convertKebabCasetoCamelCase: (str: string) => string;
  * @returns {Array} converted attributes
  */
 export declare const convertStyleAttribute: (style?: string) => {};
-export declare const convertAttributesToReactProps: (attributes: null | {
+export declare const convertAttributesToReactProps: (attributes: {
     [key: string]: unknown;
     style?: string;
     class?: string;