@sitecore-content-sdk/react 2.3.0-canary.20260804090000 → 2.3.0-canary.20260807092858

package/dist/cjs/components/Placeholder/AppPlaceholder.js

@@ -59,7 +59,7 @@ const getPlaceholderComponents = (placeholderProps, placeholderRenderings) => {
         return transformedComponents;
     }
     return [
-        react_1.default.createElement(PlaceholderMetadata_1.PlaceholderMetadata, { key: rendering.uid, placeholderName: name, rendering: rendering }, transformedComponents),
+        react_1.default.createElement(PlaceholderMetadata_1.PlaceholderMetadata, { key: rendering.uid || `placeholder-metadata-${name}`, placeholderName: name, rendering: rendering }, transformedComponents),
     ];
 };
 /**

package/dist/cjs/components/Placeholder/PlaceholderMetadata.js

@@ -61,9 +61,13 @@ const PlaceholderMetadata = ({ rendering, placeholderName, children, componentRu
         }
         return attributes;
     };
+    // suppressHydrationWarning: Pages Editor attaches attributes to these chrome markers
+    // directly in the DOM (outside of React), which can happen before hydration completes.
+    // That mutation is expected in edit mode and isn't something app code can control, so it
+    // shouldn't surface as a hydration mismatch.
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("code", Object.assign({}, getCodeBlockAttributes({ kind: editing_1.MetadataKind.Open, id: rendering.uid, placeholderName }))),
+        react_1.default.createElement("code", Object.assign({ suppressHydrationWarning: true }, getCodeBlockAttributes({ kind: editing_1.MetadataKind.Open, id: rendering.uid, placeholderName }))),
         children,
-        react_1.default.createElement("code", Object.assign({}, getCodeBlockAttributes({ kind: editing_1.MetadataKind.Close, placeholderName })))));
+        react_1.default.createElement("code", Object.assign({ suppressHydrationWarning: true }, getCodeBlockAttributes({ kind: editing_1.MetadataKind.Close, placeholderName })))));
 };
 exports.PlaceholderMetadata = PlaceholderMetadata;

package/dist/cjs/components/Placeholder/placeholder-utils.js

@@ -76,12 +76,17 @@ const getSXAParams = (rendering) => {
 exports.getSXAParams = getSXAParams;
 /**
  * Renders the placeholder when it is empty. The required CSS styles are applied to the placeholder in edit mode.
+ *
+ * `suppressHydrationWarning` is set because Pages Editor attaches chrome (e.g. `cursor: pointer`
+ * styling, click handlers) directly to this element outside of React, which can happen before
+ * client-side hydration completes. That DOM mutation is expected in edit mode and isn't something
+ * app code can control, so it shouldn't surface as a hydration mismatch.
  * @param {React.ReactNode | React.ReactElement[]} node react node
  * @returns react node
  * @public
  */
 const renderEmptyPlaceholder = (node) => {
-    return react_1.default.createElement("div", { className: "sc-jss-empty-placeholder" }, node);
+    return (react_1.default.createElement("div", { className: "sc-jss-empty-placeholder", suppressHydrationWarning: true }, node));
 };
 exports.renderEmptyPlaceholder = renderEmptyPlaceholder;
 /**

package/dist/esm/components/Placeholder/AppPlaceholder.js

@@ -53,7 +53,7 @@ const getPlaceholderComponents = (placeholderProps, placeholderRenderings) => {
         return transformedComponents;
     }
     return [
-        React.createElement(PlaceholderMetadata, { key: rendering.uid, placeholderName: name, rendering: rendering }, transformedComponents),
+        React.createElement(PlaceholderMetadata, { key: rendering.uid || `placeholder-metadata-${name}`, placeholderName: name, rendering: rendering }, transformedComponents),
     ];
 };
 /**

package/dist/esm/components/Placeholder/PlaceholderMetadata.js

@@ -55,8 +55,12 @@ export const PlaceholderMetadata = ({ rendering, placeholderName, children, comp
         }
         return attributes;
     };
+    // suppressHydrationWarning: Pages Editor attaches attributes to these chrome markers
+    // directly in the DOM (outside of React), which can happen before hydration completes.
+    // That mutation is expected in edit mode and isn't something app code can control, so it
+    // shouldn't surface as a hydration mismatch.
     return (React.createElement(React.Fragment, null,
-        React.createElement("code", Object.assign({}, getCodeBlockAttributes({ kind: MetadataKind.Open, id: rendering.uid, placeholderName }))),
+        React.createElement("code", Object.assign({ suppressHydrationWarning: true }, getCodeBlockAttributes({ kind: MetadataKind.Open, id: rendering.uid, placeholderName }))),
         children,
-        React.createElement("code", Object.assign({}, getCodeBlockAttributes({ kind: MetadataKind.Close, placeholderName })))));
+        React.createElement("code", Object.assign({ suppressHydrationWarning: true }, getCodeBlockAttributes({ kind: MetadataKind.Close, placeholderName })))));
 };

package/dist/esm/components/Placeholder/placeholder-utils.js

@@ -67,12 +67,17 @@ export const getSXAParams = (rendering) => {
 };
 /**
  * Renders the placeholder when it is empty. The required CSS styles are applied to the placeholder in edit mode.
+ *
+ * `suppressHydrationWarning` is set because Pages Editor attaches chrome (e.g. `cursor: pointer`
+ * styling, click handlers) directly to this element outside of React, which can happen before
+ * client-side hydration completes. That DOM mutation is expected in edit mode and isn't something
+ * app code can control, so it shouldn't surface as a hydration mismatch.
  * @param {React.ReactNode | React.ReactElement[]} node react node
  * @returns react node
  * @public
  */
 export const renderEmptyPlaceholder = (node) => {
-    return React.createElement("div", { className: "sc-jss-empty-placeholder" }, node);
+    return (React.createElement("div", { className: "sc-jss-empty-placeholder", suppressHydrationWarning: true }, node));
 };
 /**
  * Merge specific placeholder props with component field and params content props.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-content-sdk/react",
-  "version": "2.3.0-canary.20260804090000",
+  "version": "2.3.0-canary.20260807092858",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -32,7 +32,7 @@
     "url": "https://github.com/sitecore/content-sdk/issues"
   },
   "devDependencies": {
-    "@sitecore-content-sdk/analytics-core": "2.1.2-canary.20260804090000",
+    "@sitecore-content-sdk/analytics-core": "2.1.2-canary.20260807092858",
     "@sitecore-feaas/clientside": "^0.6.0",
     "@stylistic/eslint-plugin": "^5.2.2",
     "@testing-library/dom": "^10.4.0",
@@ -71,16 +71,16 @@
     "typescript": "~5.8.3"
   },
   "peerDependencies": {
-    "@sitecore-content-sdk/analytics-core": "2.1.2-canary.20260804090000",
-    "@sitecore-content-sdk/events": "2.1.2-canary.20260804090000",
+    "@sitecore-content-sdk/analytics-core": "2.1.2-canary.20260807092858",
+    "@sitecore-content-sdk/events": "2.1.2-canary.20260807092858",
     "@sitecore-feaas/clientside": "^0.6.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1"
   },
   "dependencies": {
-    "@sitecore-content-sdk/content": "2.2.2-canary.20260804090000",
-    "@sitecore-content-sdk/core": "2.1.3-canary.20260804090000",
-    "@sitecore-content-sdk/search": "0.4.0-canary.20260804090000",
+    "@sitecore-content-sdk/content": "2.2.2-canary.20260807092858",
+    "@sitecore-content-sdk/core": "2.1.3-canary.20260807092858",
+    "@sitecore-content-sdk/search": "0.4.0-canary.20260807092858",
     "fast-deep-equal": "^3.1.3"
   },
   "description": "",

package/types/components/Placeholder/PlaceholderMetadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlaceholderMetadata.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/PlaceholderMetadata.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAGnB,MAAM,sCAAsC,CAAC;AAG9C;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACxC;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACrD,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,GAAI,6DAKjC,wBAAwB,KAAG,GAAG,CAAC,OAkEjC,CAAC"}
+{"version":3,"file":"PlaceholderMetadata.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/PlaceholderMetadata.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAGnB,MAAM,sCAAsC,CAAC;AAG9C;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACxC;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACrD,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,GAAI,6DAKjC,wBAAwB,KAAG,GAAG,CAAC,OA0EjC,CAAC"}

package/types/components/Placeholder/placeholder-utils.d.ts

@@ -20,6 +20,11 @@ export declare const getSXAParams: (rendering: ComponentRendering) => {
 } | undefined;
 /**
  * Renders the placeholder when it is empty. The required CSS styles are applied to the placeholder in edit mode.
+ *
+ * `suppressHydrationWarning` is set because Pages Editor attaches chrome (e.g. `cursor: pointer`
+ * styling, click handlers) directly to this element outside of React, which can happen before
+ * client-side hydration completes. That DOM mutation is expected in edit mode and isn't something
+ * app code can control, so it shouldn't surface as a hydration mismatch.
  * @param {React.ReactNode | React.ReactElement[]} node react node
  * @returns react node
  * @public

package/types/components/Placeholder/placeholder-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder-utils.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/placeholder-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAuD,MAAM,gBAAgB,CAAC;AACnG,OAAO,EACL,kBAAkB,EAClB,SAAS,EAIV,MAAM,sCAAsC,CAAC;AAa9C,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAExF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GACnC,WAAW,kBAAkB,GAAG,SAAS,EACzC,MAAM,MAAM,EACZ,WAAW,OAAO,yFA2CnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,WAAW,kBAAkB,KAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,SAYjF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,MAAM,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,EAAE,sBAElF,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,gBAAgB,EAC/D,gBAAgB,EAAE,CAAC,EACnB,kBAAkB,EAAE,kBAAkB,GACrC,mBAAmB,CAYrB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,wBAAwB,GACnC,qBAAqB,kBAAkB,EACvC,iBAAiB,MAAM,EACvB,eAAe,YAAY,EAC3B,2BAA2B,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,EAAE,EAC1D,4BAA4B,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,EAAE,KAC1D,qBA0GF,CAAC"}
+{"version":3,"file":"placeholder-utils.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/placeholder-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAuD,MAAM,gBAAgB,CAAC;AACnG,OAAO,EACL,kBAAkB,EAClB,SAAS,EAIV,MAAM,sCAAsC,CAAC;AAa9C,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAExF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GACnC,WAAW,kBAAkB,GAAG,SAAS,EACzC,MAAM,MAAM,EACZ,WAAW,OAAO,yFA2CnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,WAAW,kBAAkB,KAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,SAYjF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,sBAAsB,GAAI,MAAM,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,EAAE,sBAMlF,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,gBAAgB,EAC/D,gBAAgB,EAAE,CAAC,EACnB,kBAAkB,EAAE,kBAAkB,GACrC,mBAAmB,CAYrB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,wBAAwB,GACnC,qBAAqB,kBAAkB,EACvC,iBAAiB,MAAM,EACvB,eAAe,YAAY,EAC3B,2BAA2B,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,EAAE,EAC1D,4BAA4B,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,EAAE,KAC1D,qBA0GF,CAAC"}