@sitecore-content-sdk/react 2.0.0-canary.2 → 2.0.0-canary.4

package/dist/esm/enhancers/withEmptyFieldEditingComponent.js

@@ -1,9 +1,9 @@
-import React, { forwardRef } from 'react';
+import React from 'react';
 import { isFieldValueEmpty, } from '@sitecore-content-sdk/content/layout';
 /**
  * Returns the passed field component or default component in case field value is empty and edit mode is 'metadata'
  * @param {ComponentType<FieldComponentProps>} FieldComponent the field component
- * @param {WithEmptyFieldEditingComponentProps} options the options of the HOC;
+ * @param {WithEmptyFieldEditingComponentOptions} options the options of the HOC;
  * @public
  */
 export function withEmptyFieldEditingComponent(FieldComponent, options) {
@@ -23,10 +23,10 @@ export function withEmptyFieldEditingComponent(FieldComponent, options) {
         return null;
     };
     if (options.isForwardRef) {
-        return forwardRef((props, ref) => {
+        return (props) => {
             const emptyFieldEditingComponent = getEmptyFieldEditingComponent(props);
-            return (emptyFieldEditingComponent || (React.createElement(FieldComponent, Object.assign({}, props, { ref: ref }))));
-        });
+            return (emptyFieldEditingComponent || React.createElement(FieldComponent, Object.assign({}, props)));
+        };
     }
     return (props) => {
         const emptyFieldEditingComponent = getEmptyFieldEditingComponent(props);

package/dist/esm/enhancers/withFieldMetadata.js

@@ -1,23 +1,23 @@
-import React, { forwardRef } from 'react';
+import React from 'react';
 import { FieldMetadata } from '../components/FieldMetadata';
 /**
  * Wraps the field component with metadata markup intended to be used for chromes hydration in Pages
  * @param {ComponentType<FieldComponentProps>} FieldComponent the field component
- * @param {boolean} isForwardRef set to 'true' if forward reference is needed
+ * @param {boolean} isForwardRef set to 'true' if the ref prop should be explicitly accepted and forwarded
  * @public
  */
 export function withFieldMetadata(FieldComponent, isForwardRef = false) {
     if (isForwardRef) {
-        return forwardRef((props, ref) => {
+        return (props) => {
             var _a;
             const { editable = true } = props;
             const metadata = (_a = props.field) === null || _a === void 0 ? void 0 : _a.metadata;
             if (!metadata || !editable) {
-                return React.createElement(FieldComponent, Object.assign({}, props, { ref: ref }));
+                return React.createElement(FieldComponent, Object.assign({}, props));
             }
             return (React.createElement(FieldMetadata, { metadata: metadata },
-                React.createElement(FieldComponent, Object.assign({}, props, { ref: ref }))));
-        });
+                React.createElement(FieldComponent, Object.assign({}, props))));
+        };
     }
     return (props) => {
         var _a;

package/dist/esm/enhancers/withPlaceholder.js

@@ -1,58 +1,21 @@
+'use client';
 import React from 'react';
-import { withComponentMap } from './withComponentMap';
-import { withSitecore } from './withSitecore';
-import { PlaceholderComponent, getPlaceholderRenderings, } from '../components/Placeholder';
-import { ErrorComponent } from '../components/ErrorBoundary';
+import { Placeholder } from '../components/Placeholder';
 /**
- * HOC to provide client-side placeholder functionality to a component.
- * @param {WithPlaceholderSpec} placeholders
- * @param {WithPlaceholderOptions} [options]
+ * Provides a slot-like functionality by wrapping a component in client/SSR context and rendering placeholders defined in the layout data.
+ * @param {ComponentType<T>} Component - The component to be wrapped around placeholders.
+ * @returns {React.ReactNode} A new component that renders the original component with placeholders.
  * @public
  */
-export function withPlaceholder(placeholders, options) {
-    return (WrappedComponent) => {
-        class WithPlaceholder extends PlaceholderComponent {
-            constructor(props) {
-                super(props);
-            }
-            render() {
-                let childProps = Object.assign({}, this.props);
-                delete childProps.componentMap;
-                if (options && options.propsTransformer) {
-                    childProps = options.propsTransformer(childProps);
-                }
-                if (this.state.error) {
-                    if (childProps.errorComponent) {
-                        return React.createElement(childProps.errorComponent, { error: this.state.error });
-                    }
-                    return (React.createElement(ErrorComponent, { message: `A rendering error occurred: ${this.state.error.message}.` }));
-                }
-                const renderingData = options && options.resolvePlaceholderDataFromProps
-                    ? options.resolvePlaceholderDataFromProps(childProps)
-                    : childProps.rendering;
-                const definitelyArrayPlacholders = !Array.isArray(placeholders)
-                    ? [placeholders]
-                    : placeholders;
-                definitelyArrayPlacholders.forEach((placeholder) => {
-                    let placeholderData;
-                    if (typeof placeholder !== 'string' && placeholder.placeholder && placeholder.prop) {
-                        placeholderData = getPlaceholderRenderings(renderingData, placeholder.placeholder, childProps.page.mode.isEditing);
-                        if (placeholderData) {
-                            childProps[placeholder.prop] =
-                                PlaceholderComponent.getRenderedComponents(this.props, placeholderData);
-                        }
-                    }
-                    else {
-                        placeholderData = getPlaceholderRenderings(renderingData, placeholder, childProps.page.mode.isEditing);
-                        if (placeholderData) {
-                            childProps[placeholder] =
-                                PlaceholderComponent.getRenderedComponents(this.props, placeholderData);
-                        }
-                    }
-                });
-                return React.createElement(WrappedComponent, Object.assign({}, childProps));
-            }
+export const withPlaceholder = (Component) => {
+    return (props) => {
+        const placeholders = props.rendering.placeholders || {};
+        const phProps = {};
+        for (const placeholder of Object.keys(placeholders)) {
+            phProps[placeholder] = (React.createElement(Placeholder, { name: placeholder, rendering: props.rendering, page: props.page, componentMap: props.componentMap }));
         }
-        return withSitecore()(withComponentMap(WithPlaceholder));
+        const displayName = Component.displayName || Component.name || 'Component';
+        const propsCopy = Object.assign(Object.assign({}, props), { displayName });
+        return React.createElement(Component, Object.assign({}, propsCopy, { placeholders: phProps }));
     };
-}
+};

package/dist/esm/enhancers/withSitecore.js

@@ -1,40 +1,17 @@
 'use client';
 import React from 'react';
-import { SitecoreProviderReactContext, } from '../components/SitecoreProvider';
+import { useSitecore, } from '../components/SitecoreProvider';
 /**
- * @param {WithSitecoreProviderOptions} [options]
+ * @deprecated `useSitecore` hook is a better practice for consuming Sitecore context in components
+ * @param {UseSitecoreOptions} [options] - Options for whether return page context update method alongside the rest of context
+ * @returns A higher-order component that injects Sitecore context into the wrapped component.
  * @public
  */
 export function withSitecore(options) {
     return function withSitecoreProviderHoc(Component) {
         return function WithSitecoreProvider(props) {
-            return (React.createElement(SitecoreProviderReactContext.Consumer, null, (value) => (React.createElement(Component, Object.assign({}, props, { page: value.page, api: value.api, updatePage: options && options.updatable && value.setPage })))));
+            const scContext = useSitecore(options);
+            return (React.createElement(Component, Object.assign({}, props, { page: scContext.page, api: scContext.api, setPage: scContext.setPage, componentMap: scContext.componentMap, loadImportMap: scContext.loadImportMap })));
         };
     };
 }
-/**
- * This hook grants acсess to the current Sitecore page and api.
- * @param {WithSitecoreOptions} [options] hook options
- * @example
- * const EditMode = () => {
- *    const { page } = useSitecore();
- *    return <span>Edit Mode is {page.mode.isEditing ? 'active' : 'inactive'}</span>
- * }
- * @example
- * const EditMode = () => {
- *    const { page, updatePage } = useSitecore({ updatable: true });
- *    const onClick = () => updatePage({ itemId: '123' });
- *    return <span onClick={onClick}>Item id is {page.itemId}</span>
- * }
- * @returns {object} { api, page, updatePage }
- * @public
- */
-export function useSitecore(options) {
-    const reactContext = React.useContext(SitecoreProviderReactContext);
-    const updatable = options === null || options === void 0 ? void 0 : options.updatable;
-    return {
-        api: reactContext.api,
-        page: reactContext.page,
-        updatePage: updatable ? reactContext.setPage : undefined,
-    };
-}

package/dist/esm/index.js

@@ -16,13 +16,14 @@ BYOCWrapper, BYOCWrapper as BYOCClientWrapper, FEaaSWrapper, FEaaSWrapper as FEa
 export { DesignLibrary, DesignLibraryApp } from './components/DesignLibrary';
 export { Link } from './components/Link';
 export { File } from './components/File';
-export { SitecoreProvider, SitecoreProviderReactContext, } from './components/SitecoreProvider';
-export { withSitecore, useSitecore, } from './enhancers/withSitecore';
+export { SitecoreProvider, SitecoreProviderReactContext, useSitecore, } from './components/SitecoreProvider';
 export { withEditorChromes } from './enhancers/withEditorChromes';
-export { withPlaceholder } from './enhancers/withPlaceholder';
+export { withSitecore } from './enhancers/withSitecore';
 export { withDatasourceCheck } from './enhancers/withDatasourceCheck';
 export { withFieldMetadata } from './enhancers/withFieldMetadata';
 export { withEmptyFieldEditingComponent } from './enhancers/withEmptyFieldEditingComponent';
+export { withAppPlaceholder } from './enhancers/withAppPlaceholder';
+export { withPlaceholder } from './enhancers/withPlaceholder';
 export { EditingScripts } from './components/EditingScripts';
 export { DefaultEmptyFieldEditingComponentText, DefaultEmptyFieldEditingComponentImage, } from './components/DefaultEmptyFieldEditingComponents';
 export { ClientEditingChromesUpdate } from './components/ClientEditingChromesUpdate';

package/dist/esm/search/utils.js

@@ -1,6 +1,6 @@
 import { SearchService } from '@sitecore-content-sdk/search';
 import { useMemo } from 'react';
-import { useSitecore } from '../enhancers/withSitecore';
+import { useSitecore } from '../components/SitecoreProvider';
 export const DEFAULT_PAGE_SIZE = 10;
 /**
  * Hook to initialize and manage SearchService.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-content-sdk/react",
-  "version": "2.0.0-canary.2",
+  "version": "2.0.0-canary.4",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -76,14 +76,14 @@
     "react-dom": "^19.2.1"
   },
   "dependencies": {
-    "@sitecore-content-sdk/content": "2.0.0-canary.2",
-    "@sitecore-content-sdk/core": "2.0.0-canary.2",
-    "@sitecore-content-sdk/search": "0.2.0-canary.12",
+    "@sitecore-content-sdk/content": "2.0.0-canary.4",
+    "@sitecore-content-sdk/core": "2.0.0-canary.4",
+    "@sitecore-content-sdk/search": "0.2.0-canary.14",
     "fast-deep-equal": "^3.1.3"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "fb5a8d3373cf15bbb9dcc2312b80825fe7d82ac8",
+  "gitHead": "5c49b45ca02bc2f418f6018a2221ca69199e21be",
   "files": [
     "dist",
     "types",

package/types/components/Date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Date.d.ts","sourceRoot":"","sources":["../../src/components/Date.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAqB,MAAM,sCAAsC,CAAC;AAExF;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACxE,2BAA2B;IAC3B,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,KAAK,EAAE,aAAa,GAAG;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+B9C,CAAC"}
+{"version":3,"file":"Date.d.ts","sourceRoot":"","sources":["../../src/components/Date.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAqB,MAAM,sCAAsC,CAAC;AAExF;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACxE,2BAA2B;IAC3B,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,KAAK,EAAE,aAAa,GAAG;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAwBD;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAI9C,CAAC"}

package/types/components/DefaultEmptyFieldEditingComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultEmptyFieldEditingComponents.d.ts","sourceRoot":"","sources":["../../src/components/DefaultEmptyFieldEditingComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;GAIG;AACH,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAMA,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sCAAsC,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAmBA,CAAC"}
+{"version":3,"file":"DefaultEmptyFieldEditingComponents.d.ts","sourceRoot":"","sources":["../../src/components/DefaultEmptyFieldEditingComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;GAIG;AACH,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAOA,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sCAAsC,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAmBA,CAAC"}

package/types/components/DesignLibrary/DesignLibrary.d.ts

@@ -7,8 +7,6 @@ export declare const __mockDependencies: (mocks: any) => void;
  * when generation is enabled (`page.mode.designLibrary.isVariantGeneration === true`),
  * wires the **variant generation** handshake so the parent (DL Studio) can send
  * generated code to preview and iterate on.
- * @param {DesignLibraryProps} props
- * @param {() => Promise} [props.loadImportMap] Optional async loader that resolves to the import-map used to resolve the generated component’s imports. Required when `isVariantGeneration` is true.
  * @returns {JSX.Element} The preview surface, or `null` when not in Design Library mode.
  * @public
  */

package/types/components/DesignLibrary/DesignLibrary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesignLibrary.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibrary.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA2BnD,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,SAQ5C,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,gCA6HzB,CAAC"}
+{"version":3,"file":"DesignLibrary.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibrary.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA0BnD,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,SAQ5C,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,gCA4HzB,CAAC"}

package/types/components/DesignLibrary/DesignLibraryClientEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesignLibraryClientEvents.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryClientEvents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,OAAO,EACL,+BAA+B,EAC/B,yCAAyC,EAC1C,MAAM,UAAU,CAAC;AAclB,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,SAU5C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,GAAI,qCAGxC,+BAA+B,sBAgBjC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oCAAoC,GAAI,4FAMlD,yCAAyC,sBAyD3C,CAAC"}
+{"version":3,"file":"DesignLibraryClientEvents.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryClientEvents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,OAAO,EACL,+BAA+B,EAC/B,yCAAyC,EAC1C,MAAM,UAAU,CAAC;AAclB,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,SAU5C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,GAAI,qCAGxC,+BAA+B,sBAgBjC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oCAAoC,GAAI,4FAMlD,yCAAyC,sBAiE3C,CAAC"}

package/types/components/EditingScripts.d.ts

@@ -1,9 +1,9 @@
-import { JSX } from 'react';
+import React from 'react';
 /**
  * Renders client scripts and data for editing/preview mode for Pages.
  * Renders script required for the Design Library (when mode.isDesignLibrary is true).
  * @returns A JSX element containing the editing scripts or an empty fragment if not in editing/preview mode.
  * @public
  */
-export declare const EditingScripts: () => JSX.Element;
+export declare const EditingScripts: () => React.JSX.Element;
 //# sourceMappingURL=EditingScripts.d.ts.map

package/types/components/EditingScripts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditingScripts.d.ts","sourceRoot":"","sources":["../../src/components/EditingScripts.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAInC;;;;;GAKG;AACH,eAAO,MAAM,cAAc,QAAO,GAAG,CAAC,OA+CrC,CAAC"}
+{"version":3,"file":"EditingScripts.d.ts","sourceRoot":"","sources":["../../src/components/EditingScripts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;GAKG;AACH,eAAO,MAAM,cAAc,yBA+C1B,CAAC"}

package/types/components/ErrorBoundary.d.ts

@@ -24,6 +24,6 @@ export declare const ErrorComponent: (props: {
     children: React.ReactNode;
     message?: never;
 }) => React.JSX.Element;
-declare const _default: (props: import("@sitecore-content-sdk/core/tools").EnhancedOmit<ErrorBoundaryProps, keyof import("../enhancers/withSitecore").WithSitecoreProps>) => React.JSX.Element;
-export default _default;
+declare const ErrorBoundary: (props: Omit<ErrorBoundaryProps, "page">) => React.JSX.Element;
+export default ErrorBoundary;
 //# sourceMappingURL=ErrorBoundary.d.ts.map

package/types/components/ErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,KAAK,mBAAmB,GAAG;IACzB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAC3F,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GACzB,OACI;IAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAC9C;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,sBAOnD,CAAC;;AA0EF,wBAA6C"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,KAAK,mBAAmB,GAAG;IACzB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAC3F,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GACzB,OACI;IAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAC9C;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,sBAOnD,CAAC;AA0EF,QAAA,MAAM,aAAa,GAAI,OAAO,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,sBAI7D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/types/components/File.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../../src/components/File.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,2BAA2B;IAC3B,KAAK,EAAE,cAAc,GAAG,SAAS,CAAC;IAClC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoBpC,CAAC"}
+{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../../src/components/File.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,2BAA2B;IAC3B,KAAK,EAAE,cAAc,GAAG,SAAS,CAAC;IAClC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0BpC,CAAC"}

package/types/components/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/components/Form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO1E;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,YAAY,GAAG,SAI7C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,EAAE;QACN;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;WAEG;QACH,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;CACH,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,uBAAuB,SAAS,sBAwDpD,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/components/Form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO1E;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,YAAY,GAAG,SAI7C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,EAAE;QACN;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;WAEG;QACH,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;CACH,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,uBAAuB,SAAS,sBA+DpD,CAAC"}

package/types/components/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAGrE;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;CAEd;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C,+BAA+B;IAC/B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0BAA0B;IAC1B,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACZ,oBAAoB;IACpB,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACX,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,UAAU,CAAC;IAChE,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,CAAC,UAAU,GAAG,eAAe,CAAC,GAAG,aAAa,CAAC;IAEvD;;OAEG;IACH,WAAW,CAAC,EAAE;QACZ,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;KACtC,CAAC;IAEF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE/B;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAGzB;AAmCD;;;;GAIG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA+BtC,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAGrE;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;CAEd;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C,+BAA+B;IAC/B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0BAA0B;IAC1B,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACZ,oBAAoB;IACpB,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACX,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,UAAU,CAAC;IAChE,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,CAAC,UAAU,GAAG,eAAe,CAAC,GAAG,aAAa,CAAC;IAEvD;;OAEG;IACH,WAAW,CAAC,EAAE;QACZ,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;KACtC,CAAC;IAEF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE/B;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAGzB;AAsED;;;;GAIG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAItC,CAAC"}

package/types/components/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAqB,MAAM,sCAAsC,CAAC;AAIxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,cAAc,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,kBAAkB,CAAC,SAAS,CAAC,GACnD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAC7C,aAAa,CAAC,iBAAiB,CAAC,GAAG;IACjC,2BAA2B;IAC3B,KAAK,EAAE,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,aAAa,CAAC;IAEpD;;OAEG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoDpC,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAqB,MAAM,sCAAsC,CAAC;AAIxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,cAAc,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,kBAAkB,CAAC,SAAS,CAAC,GACnD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAC7C,aAAa,CAAC,iBAAiB,CAAC,GAAG;IACjC,2BAA2B;IAC3B,KAAK,EAAE,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,aAAa,CAAC;IAEpD;;OAEG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C,CAAC;AAkDJ;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIpC,CAAC"}

package/types/components/Placeholder/AppPlaceholder.d.ts

@@ -8,5 +8,5 @@ import React from 'react';
  * @returns {React.ReactNode | React.ReactElement[]} rendered component(s)
  * @public
  */
-export declare const AppPlaceholder: (props: AppPlaceholderProps) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | (string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined)[] | null | undefined;
+export declare const AppPlaceholder: (props: AppPlaceholderProps) => React.JSX.Element;
 //# sourceMappingURL=AppPlaceholder.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/AppPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAO/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,0kBAyHxD,CAAC"}
+{"version":3,"file":"AppPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/AppPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAO/C,OAAO,KAAK,MAAM,OAAO,CAAC;AA6I1B;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBAKxD,CAAC"}

package/types/components/Placeholder/ClientComponentWrapper.d.ts

@@ -1,9 +1,9 @@
 import { ComponentRendering } from '@sitecore-content-sdk/content/layout';
 import React from 'react';
-import { AppComponentProps } from './models';
+import { ChildComponentProps } from './models';
 export interface ClientComponentWrapperProps {
     rendering: ComponentRendering;
-    componentProps: AppComponentProps;
+    componentProps: ChildComponentProps;
     placeholderName: string;
 }
 export declare const ClientComponentWrapper: (props: ClientComponentWrapperProps) => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"ClientComponentWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/ClientComponentWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,EAAE,iBAAiB,CAAC;IAClC,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,sBAexE,CAAC"}
+{"version":3,"file":"ClientComponentWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/ClientComponentWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,EAAE,mBAAmB,CAAC;IACpC,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,sBAcxE,CAAC"}

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

@@ -1,26 +1,11 @@
 import React from 'react';
 import { PlaceholderProps } from './models';
-import { ComponentRendering } from '@sitecore-content-sdk/content/layout';
-export declare class PlaceholderComponent extends React.Component<PlaceholderProps> {
-    isEmpty: boolean;
-    state: Readonly<{
-        error?: Error;
-    }>;
-    constructor(props: PlaceholderProps);
-    /**
-     * Renders the components for the placeholder based on the provided rendering data.
-     * @param {PlaceholderProps} props placeholder component props
-     * @param {ComponentRendering[]} placeholderRenderings renderings within placeholder
-     * @returns {React.ReactNode | React.ReactElement[]} rendered components
-     */
-    static getRenderedComponents: (props: PlaceholderProps, placeholderRenderings: ComponentRendering[]) => React.JSX.Element[];
-    componentDidMount(): void;
-    componentDidCatch(error: Error): void;
-    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | (string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined)[] | null | undefined;
-}
 /**
  * The Placeholder component.
+ * Renders the components assigned to a placeholder in Sitecore. It also supports custom rendering and empty state.
+ * @param {PlaceholderProps} props - The props for the Placeholder component.
+ * @returns The rendered Placeholder component.
  * @public
  */
-export declare const Placeholder: (props: import("@sitecore-content-sdk/core/tools").EnhancedOmit<PlaceholderProps, keyof import("../../enhancers/withSitecore").WithSitecoreProps>) => React.JSX.Element;
+export declare const Placeholder: (props: PlaceholderProps) => React.JSX.Element;
 //# sourceMappingURL=Placeholder.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/Placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAU5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI1E,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACzE,OAAO,UAAS;IAChB,KAAK,EAAE,QAAQ,CAAC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;gBAEvB,KAAK,EAAE,gBAAgB;IAKnC;;;;;OAKG;IACH,MAAM,CAAC,qBAAqB,GAC1B,OAAO,gBAAgB,EACvB,uBAAuB,kBAAkB,EAAE,yBAoE3C;IAEF,iBAAiB;IAMjB,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAI9B,MAAM;CAkDP;AAID;;;GAGG;AACH,eAAO,MAAM,WAAW,yKAA8C,CAAC"}
+{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/Placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAM5C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAkBlD,CAAC"}

package/types/components/Placeholder/index.d.ts

@@ -1,4 +1,4 @@
-export { Placeholder, PlaceholderComponent } from './Placeholder';
+export { Placeholder } from './Placeholder';
 export { PlaceholderMetadata } from './PlaceholderMetadata';
 export { PlaceholderProps, AppPlaceholderProps } from './models';
 export { AppPlaceholder } from './AppPlaceholder';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,cAAc,qBAAqB,CAAC"}

package/types/components/Placeholder/models.d.ts

@@ -6,21 +6,11 @@ export type { ComponentType };
 type ErrorComponentProps = {
     [prop: string]: unknown;
 };
-/** Provided for the component which represents rendering data */
-export type ComponentProps = {
-    [key: string]: unknown;
-    rendering: ComponentRendering;
-};
-export interface AppComponentProps {
-    fields: {
-        [name: string]: Field | Item | Item[];
-    };
-    params: {
-        [name: string]: string;
-    };
-    rendering: ComponentRendering;
-}
-export interface BasePlaceholderProps {
+/**
+ * Base Placeholder props
+ * @public
+ */
+export interface PlaceholderProps {
     /** Name of the placeholder to render. */
     name: string;
     /** Rendering data to be used when rendering the placeholder. */
@@ -57,7 +47,7 @@ export interface BasePlaceholderProps {
      * Page data.
      * This data is passed by the SitecoreProvider.
      */
-    page: Page;
+    page?: Page;
     /**
      * The message that gets displayed while component is loading
      */
@@ -76,66 +66,50 @@ export interface BasePlaceholderProps {
      * Mutually exclusive with `render`.
      */
     renderEach?: (component: React.ReactNode, index: number) => React.ReactNode;
-}
-/**
- * The interface for the Placeholder component props.
- * @public
- */
-export interface PlaceholderProps extends BasePlaceholderProps {
-    [key: string]: unknown;
     /**
-     * Component Map will be used to map Sitecore component names to app implementation
-     * When rendered within a <SitecoreProvider> component, defaults to the context componentMap.
-     * When rendered as a server placeholder, this prop must be provided. This prop is not used in AppPlaceholder.
+     * Render props function that enables control over the rendering of the components in the placeholder.
+     * Useful for techniques like wrapping each child in a wrapper component.
      */
-    componentMap?: ComponentMap;
+    render?: (components: React.ReactNode[], data: ComponentRendering[], props: PlaceholderProps) => React.ReactNode;
     /**
      * Modify final props of component (before render) provided by rendering data.
      * Can be used in case when you need to insert additional data into the component.
-     * @param {ComponentProps} componentProps component props to be modified
-     * @returns {ComponentProps} modified or initial props
+     * @param {ChildComponentProps} componentProps component props to be modified
+     * @returns {ChildComponentProps} modified or initial props
      */
-    modifyComponentProps?: (componentProps: ComponentProps) => ComponentProps;
+    modifyComponentProps?: (componentProps: ChildComponentProps) => ChildComponentProps;
     /**
-     * Render props function that enables control over the rendering of the components in the placeholder.
-     * Useful for techniques like wrapping each child in a wrapper component.
+     * An alternative to `modifyComponentProps` that allows passing additional props to the component without modifying the CSDK Placeholder props from Sitecore.
+     * These props will be merged into the result of modifyComponentProps if you use both
+     * Make sure to not include non-serializable props here in RSC server context https://react.dev/reference/rsc/use-server#serializable-parameters-and-return-values
      */
-    render?: (components: React.ReactNode[], data: ComponentRendering[], props: PlaceholderProps) => React.ReactNode;
-}
-/**
- * The interface for the AppPlaceholder component props.
- * @public
- */
-export interface AppPlaceholderProps extends BasePlaceholderProps {
+    passThroughComponentProps?: {
+        [key: string]: unknown;
+    };
     /**
      * Component Map will be used to map Sitecore component names to app implementation
      * When rendered within a <SitecoreProvider> component, defaults to the context componentMap.
      * When rendered as a server placeholder, this prop must be provided. This prop is not used in AppPlaceholder.
      */
-    componentMap: ComponentMap;
-    /**
-     * Modify final props of component (before render) provided by rendering data.
-     * Can be used in case when you need to insert additional data into the component.
-     * @param {AppComponentProps} componentProps component props to be modified
-     * @returns {AppComponentProps} modified or initial props
-     */
-    modifyComponentProps?: (componentProps: AppComponentProps) => AppComponentProps;
-    /**
-     * Render props function that enables control over the rendering of the components in the placeholder.
-     * Useful for techniques like wrapping each child in a wrapper component.
-     */
-    render?: (components: React.ReactNode[], data: ComponentRendering[], props: AppPlaceholderProps) => React.ReactNode;
+    componentMap?: ComponentMap;
 }
-export type RenderedProps = Omit<PlaceholderProps, 'fields' | 'params' | 'name'> & {
+/**
+ * The interface for the AppPlaceholder server-side component props.
+ * @public
+ */
+export type AppPlaceholderProps = Omit<PlaceholderProps, 'componentMap' | 'page'> & Required<Pick<PlaceholderProps, 'componentMap' | 'page'>>;
+export type RenderedProps = ChildComponentProps & {
     key: string;
+};
+export interface ChildComponentProps {
     fields: {
-        [field: string]: unknown;
+        [name: string]: Field | Item | Item[];
     };
     params: {
-        [param: string]: unknown;
+        [name: string]: string;
     };
     rendering: ComponentRendering;
-};
+}
 export interface ComponentForRendering {
     component: React.ComponentType<any>;
     isEmpty: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/models.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/models.ts"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { ComponentMap } from '../sharedTypes';
 import { ComponentRendering, RouteData } from '@sitecore-content-sdk/content/layout';
-import { AppComponentProps, BasePlaceholderProps, ComponentForRendering, PlaceholderProps, RenderedProps } from './models';
+import { ChildComponentProps, PlaceholderProps, ComponentForRendering } from './models';
 /**
- * Get the renderings for the specified placeholder from the rendering data.
+ * Get the renderings for the specified placeholder from the rendering layout data.
  * @param {ComponentRendering | RouteData } rendering rendering data
  * @param {string} name placeholder name
  * @param {boolean} isEditing whether components should be rendered in editing mode
@@ -26,20 +26,12 @@ export declare const getSXAParams: (rendering: ComponentRendering) => "" | {
  */
 export declare const renderEmptyPlaceholder: (node: React.ReactNode | React.ReactElement[]) => React.JSX.Element;
 /**
- * Get component props to be passed to the rendered component.
- * @param {PlaceholderProps} placeholderProps current placeholder props
- * @param {ComponentRendering} componentRendering rendering to be rendered
- * @param {string} renderingKey unique key to pass over to rendering props
- * @returns {RenderedProps} props to be passed to the rendered component
- */
-export declare const getRenderedComponentProps: (placeholderProps: PlaceholderProps, componentRendering: ComponentRendering, renderingKey: string) => RenderedProps;
-/**
- * Merge placeholder and component field and params content props.
- * @param {BasePlaceholderProps} placeholderProps placeholder props
+ * Merge specific placeholder props with component field and params content props.
+ * @param {PlaceholderProps} placeholderProps placeholder props
  * @param {ComponentRendering} componentRendering component rendering
  * @returns {ComponentProps} merged props
  */
-export declare function getAppComponentProps<T extends BasePlaceholderProps>(placeholderProps: T, componentRendering: ComponentRendering): AppComponentProps;
+export declare function getChildComponentProps<T extends PlaceholderProps>(placeholderProps: T, componentRendering: ComponentRendering): ChildComponentProps;
 /**
  * Get component implemenation from the component map based on the rendering definition.
  * @param {ComponentRendering} renderingDefinition rendering data