@sitecore-content-sdk/react 0.1.0-beta.9 → 0.1.0-canary.0

package/dist/esm/components/PlaceholderCommon.js

@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import PropTypes from 'prop-types';
 import { MissingComponent } from './MissingComponent';
+import { DEFAULT_EXPORT_NAME } from './sharedTypes';
 import { isDynamicPlaceholder, getDynamicPlaceholderPattern, } from '@sitecore-content-sdk/core/layout';
 import { constants } from '@sitecore-content-sdk/core';
 import { HiddenRendering } from './HiddenRendering';
@@ -96,7 +97,7 @@ export class PlaceholderCommon extends React.Component {
             else {
                 component = this.getComponentForRendering(componentRendering);
             }
-            // Fallback/defaults for Sitecore Component renderings (in case not defined in component factory)
+            // Fallback/defaults for Sitecore Component renderings (in case not defined in component map)
             if (!component) {
                 if (componentRendering.componentName === FEAAS_COMPONENT_RENDERING_NAME) {
                     component = FEaaSComponent;
@@ -112,7 +113,7 @@ export class PlaceholderCommon extends React.Component {
                 }
             }
             if (!component) {
-                console.error(`Placeholder ${name} contains unknown component ${componentRendering.componentName}. Ensure that a React component exists for it, and that it is registered in your componentFactory.js.`);
+                console.error(`Placeholder ${name} contains unknown component ${componentRendering.componentName}. Ensure that a React component exists for it, and that it is registered in your component-map file.`);
                 component = missingComponentComponent !== null && missingComponentComponent !== void 0 ? missingComponentComponent : MissingComponent;
                 isEmpty = true;
             }
@@ -145,16 +146,22 @@ export class PlaceholderCommon extends React.Component {
     }
     getComponentForRendering(renderingDefinition) {
         var _a;
-        const componentFactory = this.props.componentFactory;
-        if (!componentFactory || typeof componentFactory !== 'function') {
-            console.warn(`No componentFactory was available to service request for component ${renderingDefinition}`);
+        const componentMap = this.props.componentMap;
+        if (!componentMap || componentMap.size === 0) {
+            console.warn(`No components were available in component map to service request for component ${renderingDefinition}`);
             return null;
         }
-        // Render SXA Rendering Variant
-        if ((_a = renderingDefinition.params) === null || _a === void 0 ? void 0 : _a.FieldNames) {
-            return componentFactory(renderingDefinition.componentName, renderingDefinition.params.FieldNames);
+        // Render SXA Rendering Variant if available
+        const exportName = (_a = renderingDefinition.params) === null || _a === void 0 ? void 0 : _a.FieldNames;
+        const component = componentMap.get(renderingDefinition.componentName);
+        if (!component)
+            return null;
+        if (exportName && exportName !== DEFAULT_EXPORT_NAME) {
+            return component[exportName];
         }
-        return componentFactory(renderingDefinition.componentName);
+        return (component.default ||
+            component.Default ||
+            component);
     }
 }
 PlaceholderCommon.propTypes = {

package/dist/esm/components/SitecoreContext.js

@@ -2,10 +2,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import fastDeepEqual from 'fast-deep-equal/es6/react';
+import { constants } from '@sitecore-content-sdk/core';
 export const SitecoreContextReactContext = React.createContext({});
-export const ComponentFactoryReactContext = React.createContext({});
+export const ComponentMapReactContext = React.createContext(new Map());
 export class SitecoreContext extends React.Component {
     constructor(props) {
+        var _a, _b, _c, _d;
         super(props);
         /**
          * Update context state. Value can be @type {LayoutServiceData} which will be automatically transformed
@@ -20,9 +22,14 @@ export class SitecoreContext extends React.Component {
             });
         };
         const context = this.constructContext(props.layoutData);
+        let api = props.api;
+        if (((_b = (_a = props.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.contextId) && !((_d = (_c = props.api) === null || _c === void 0 ? void 0 : _c.edge) === null || _d === void 0 ? void 0 : _d.edgeUrl)) {
+            api = Object.assign(Object.assign({}, props.api), { edge: Object.assign(Object.assign({}, props.api.edge), { edgeUrl: constants.SITECORE_EDGE_URL_DEFAULT }) });
+        }
         this.state = {
             context,
             setContext: this.setContext,
+            api,
         };
     }
     constructContext(layoutData) {
@@ -43,13 +50,13 @@ export class SitecoreContext extends React.Component {
         }
     }
     render() {
-        return (React.createElement(ComponentFactoryReactContext.Provider, { value: this.props.componentFactory },
+        return (React.createElement(ComponentMapReactContext.Provider, { value: this.props.componentMap },
             React.createElement(SitecoreContextReactContext.Provider, { value: this.state }, this.props.children)));
     }
 }
 SitecoreContext.propTypes = {
     children: PropTypes.any.isRequired,
-    componentFactory: PropTypes.func,
+    componentMap: PropTypes.instanceOf(Map),
     layoutData: PropTypes.shape({
         sitecore: PropTypes.shape({
             context: PropTypes.any,

package/dist/esm/components/sharedTypes/components.js

@@ -0,0 +1,4 @@
+/**
+ * SXA uses custom default export name
+ */
+export const DEFAULT_EXPORT_NAME = 'Default';

package/dist/esm/components/sharedTypes/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './props';

package/dist/esm/enhancers/withComponentMap.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ComponentMapReactContext } from '../components/SitecoreContext';
+import { useContext } from 'react';
+/**
+ * @param {React.ComponentClass<T> | React.FC<T>} Component
+ */
+export function withComponentMap(Component) {
+    /**
+     * @param {T} props - props to pass to the wrapped component
+     * @returns {JSX.Element} - the rendered component
+     */
+    function WithComponentMap(props) {
+        const context = useContext(ComponentMapReactContext);
+        return React.createElement(Component, Object.assign({}, props, { componentMap: props.componentMap || context }));
+    }
+    WithComponentMap.displayName = `withComponentMap(${Component.displayName ||
+        Component.name ||
+        'Anonymous'})`;
+    return WithComponentMap;
+}

package/dist/esm/enhancers/withPlaceholder.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PlaceholderCommon } from '../components/PlaceholderCommon';
-import { withComponentFactory } from './withComponentFactory';
+import { withComponentMap } from './withComponentMap';
 import { withSitecoreContext } from './withSitecoreContext';
 /**
  * @param {WithPlaceholderSpec} placeholders
@@ -14,7 +14,7 @@ export function withPlaceholder(placeholders, options) {
             }
             render() {
                 let childProps = Object.assign({}, this.props);
-                delete childProps.componentFactory;
+                delete childProps.componentMap;
                 if (options && options.propsTransformer) {
                     childProps = options.propsTransformer(childProps);
                 }
@@ -52,6 +52,6 @@ export function withPlaceholder(placeholders, options) {
             }
         }
         WithPlaceholder.propTypes = PlaceholderCommon.propTypes;
-        return withSitecoreContext()(withComponentFactory(WithPlaceholder));
+        return withSitecoreContext()(withComponentMap(WithPlaceholder));
     };
 }

package/dist/esm/enhancers/withSitecoreContext.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { SitecoreContextReactContext } from '../components/SitecoreContext';
+import { SitecoreContextReactContext, } from '../components/SitecoreContext';
 /**
  * @param {WithSitecoreContextOptions} [options]
  */
 export function withSitecoreContext(options) {
     return function withSitecoreContextHoc(Component) {
         return function WithSitecoreContext(props) {
-            return (React.createElement(SitecoreContextReactContext.Consumer, null, (context) => (React.createElement(Component, Object.assign({}, props, { sitecoreContext: context.context, updateSitecoreContext: options && options.updatable && context.setContext })))));
+            return (React.createElement(SitecoreContextReactContext.Consumer, null, (context) => (React.createElement(Component, Object.assign({}, props, { sitecoreContext: context.context, api: context.api, updateSitecoreContext: options && options.updatable && context.setContext })))));
         };
     };
 }
@@ -16,7 +16,6 @@ export function withSitecoreContext(options) {
  * - pageEditing - Provided by Layout Service, a boolean indicating whether the route is being accessed via the Sitecore Editor.
  * - pageState - Like pageEditing, but a string: normal, preview or edit.
  * - site - Provided by Layout Service, an object containing the name of the current Sitecore site context.
- * @see https://jss.sitecore.com/docs/techniques/extending-layout-service/layoutservice-extending-context
  * @param {WithSitecoreContextOptions} [options] hook options
  * @example
  * const EditMode = () => {
@@ -35,6 +34,7 @@ export function useSitecoreContext(options) {
     const reactContext = React.useContext(SitecoreContextReactContext);
     const updatable = options === null || options === void 0 ? void 0 : options.updatable;
     return {
+        api: reactContext.api,
         sitecoreContext: reactContext.context,
         updateSitecoreContext: updatable ? reactContext.setContext : undefined,
     };

package/dist/esm/index.js

@@ -1,9 +1,10 @@
 export { constants, enableDebug, ClientError, MemoryCacheClient, NativeDataFetcher, } from '@sitecore-content-sdk/core';
 export { isEditorActive, resetEditorChromes } from '@sitecore-content-sdk/core/editing';
-export { getContentStylesheetLink, getComponentLibraryStylesheetLinks, LayoutServicePageState, GraphQLLayoutService, getChildPlaceholder, getFieldValue, EditMode, } from '@sitecore-content-sdk/core/layout';
+export { getContentStylesheetLink, getDesignLibraryStylesheetLinks, LayoutServicePageState, GraphQLLayoutService, getChildPlaceholder, getFieldValue, EditMode, } from '@sitecore-content-sdk/core/layout';
 export { GraphQLDictionaryService, } from '@sitecore-content-sdk/core/i18n';
-export { DefaultRetryStrategy, GraphQLRequestClient, } from '@sitecore-content-sdk/core/graphql';
+export { DefaultRetryStrategy, GraphQLRequestClient, } from '@sitecore-content-sdk/core/client';
 export { mediaApi } from '@sitecore-content-sdk/core/media';
+export { Form } from './components/Form';
 export { Placeholder } from './components/Placeholder';
 export { Image, } from './components/Image';
 export { RichText, RichTextPropTypes } from './components/RichText';
@@ -11,7 +12,7 @@ export { Text } from './components/Text';
 export { DateField } from './components/Date';
 export { FEaaSComponent, fetchFEaaSComponentServerProps, } from './components/FEaaSComponent';
 export { FEaaSWrapper } from './components/FEaaSWrapper';
-export { ComponentLibraryLayout } from './components/ComponentLibraryLayout';
+export { DesignLibrary } from './components/DesignLibrary';
 export { BYOCComponent, fetchBYOCComponentServerProps, } from './components/BYOCComponent';
 export { BYOCWrapper } from './components/BYOCWrapper';
 export { Link, LinkPropTypes } from './components/Link';
@@ -21,8 +22,8 @@ export { withSitecoreContext, useSitecoreContext, } from './enhancers/withSiteco
 export { withEditorChromes } from './enhancers/withEditorChromes';
 export { withPlaceholder } from './enhancers/withPlaceholder';
 export { withDatasourceCheck } from './enhancers/withDatasourceCheck';
-export { ComponentBuilder } from './ComponentBuilder';
 export { withFieldMetadata } from './enhancers/withFieldMetadata';
 export { withEmptyFieldEditingComponent } from './enhancers/withEmptyFieldEditingComponent';
 export { EditingScripts } from './components/EditingScripts';
 export { DefaultEmptyFieldEditingComponentText, DefaultEmptyFieldEditingComponentImage, } from './components/DefaultEmptyFieldEditingComponents';
+export { GraphQLSitePathService, } from '@sitecore-content-sdk/core/site';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-content-sdk/react",
-  "version": "0.1.0-beta.9",
+  "version": "0.1.0-canary.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -22,12 +22,12 @@
   },
   "author": {
     "name": "Sitecore Corporation",
-    "url": "https://jss.sitecore.com"
+    "url": "https://doc.sitecore.com/xmc/en/developers/content-sdk/index.html"
   },
   "license": "Apache-2.0",
-  "homepage": "https://jss.sitecore.com",
+  "homepage": "https://doc.sitecore.com/xmc/en/developers/content-sdk/index.html",
   "bugs": {
-    "url": "https://github.com/sitecore/jss/issues"
+    "url": "https://github.com/sitecore/content-sdk/issues"
   },
   "devDependencies": {
     "@sitecore-feaas/clientside": "^0.5.19",
@@ -39,6 +39,7 @@
     "@types/mocha": "^10.0.10",
     "@types/node": "22.12.0",
     "@types/prop-types": "^15.7.14",
+    "@types/proxyquire": "^1.3.31",
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.0.10",
     "@types/sinon": "^17.0.3",
@@ -51,6 +52,7 @@
     "jsdom": "^26.0.0",
     "mocha": "^11.1.0",
     "nyc": "^17.1.0",
+    "proxyquire": "^2.1.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "sinon": "^19.0.2",
@@ -59,18 +61,19 @@
     "typescript": "~5.7.3"
   },
   "peerDependencies": {
+    "@sitecore-cloudsdk/events": "^0.5.0",
     "@sitecore-feaas/clientside": "^0.5.19",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@sitecore-content-sdk/core": "0.1.0-beta.9",
+    "@sitecore-content-sdk/core": "0.1.0-canary.0",
     "fast-deep-equal": "^3.1.3",
     "prop-types": "^15.8.1"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "119f924ced30a80f183049cce1477365aeadb1c3",
+  "gitHead": "2352eb9d087aa563507d1a2092af21ddf1e31c35",
   "files": [
     "dist",
     "types"

package/types/components/DesignLibrary.d.ts

@@ -0,0 +1,2 @@
+import { LayoutServiceData } from '@sitecore-content-sdk/core/layout';
+export declare const DesignLibrary: (layoutData: LayoutServiceData) => JSX.Element;

package/types/components/EditingScripts.d.ts

@@ -1,4 +1,17 @@
 /**
- * Renders client scripts and data for editing/preview mode in Pages.
+ * Props for the EditingScripts component.
  */
-export declare const EditingScripts: () => JSX.Element;
+export type EditingScriptsProps = {
+    /**
+     * Sitecore Edge Platform URL.
+     */
+    sitecoreEdgeUrl?: string;
+};
+/**
+ * Renders client scripts and data for editing/preview mode for Pages.
+ * Renders script required for the Design Library (when RenderingType is `component`).
+ * @param {EditingScriptsProps} props - The props for the EditingScripts component.
+ * @param {string} props.sitecoreEdgeUrl - Sitecore Edge Platform URL.
+ * @returns A JSX element containing the editing scripts or an empty fragment if not in editing/preview mode.
+ */
+export declare const EditingScripts: (props: EditingScriptsProps) => JSX.Element;

package/types/components/Form.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { ComponentRendering } from '@sitecore-content-sdk/core/layout';
+/**
+ * Shape of the Form component rendering data.
+ * FormId is the rendering parameter that specifies the ID of the Sitecore Form to render.
+ */
+export type FormProps = {
+    rendering: ComponentRendering;
+    params: {
+        /**
+         * The ID of the Sitecore Form to render.
+         */
+        FormId: string;
+        /**
+         * The CSS class to apply to the form.
+         */
+        styles?: string;
+        /**
+         * The unique identifier of the rendering.
+         */
+        RenderingIdentifier?: string;
+    };
+};
+export declare const Form: ({ params, rendering }: FormProps) => React.JSX.Element;

package/types/components/PlaceholderCommon.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentType } from 'react';
 import PropTypes, { Requireable } from 'prop-types';
-import { ComponentFactory } from './sharedTypes';
+import { ComponentMap } from './sharedTypes';
 import { ComponentRendering, RouteData, Field, Item } from '@sitecore-content-sdk/core/layout';
 import { SitecoreContextValue } from './SitecoreContext';
 type ErrorComponentProps = {
@@ -18,10 +18,10 @@ export interface PlaceholderProps {
     /** Rendering data to be used when rendering the placeholder. */
     rendering: ComponentRendering | RouteData;
     /**
-     * A factory function that will receive a componentName and return an instance of a React component.
-     * When rendered within a <SitecoreContext> component, defaults to the context componentFactory.
+     * Component Map will be used to map Sitecore component names to app implementation
+     * When rendered within a <SitecoreContext> component, defaults to the context componentMap.
      */
-    componentFactory?: ComponentFactory;
+    componentMap?: ComponentMap;
     /**
      * An object of field names/values that are aggregated and propagated through the component tree created by a placeholder.
      * Any component or placeholder rendered by a placeholder will have access to this data via `props.fields`.
@@ -45,7 +45,7 @@ export interface PlaceholderProps {
     modifyComponentProps?: (componentProps: ComponentProps) => ComponentProps;
     /**
      * A component that is rendered in place of any components that are in this placeholder,
-     * but do not have a definition in the componentFactory (i.e. don't have a React implementation)
+     * but do not have a definition in the componentMap (i.e. don't have a React implementation)
      */
     missingComponentComponent?: React.ComponentClass<unknown> | React.FC<unknown>;
     /**
@@ -68,7 +68,7 @@ export interface PlaceholderProps {
 }
 export declare class PlaceholderCommon<T extends PlaceholderProps> extends React.Component<T> {
     static propTypes: {
-        rendering: PropTypes.Validator<NonNullable<NonNullable<ComponentRendering<import("@sitecore-content-sdk/core/layout").ComponentFields> | RouteData<Record<string, Field<import("@sitecore-content-sdk/core/layout").GenericFieldValue> | Item | Item[]>>>>>;
+        rendering: PropTypes.Validator<NonNullable<NonNullable<RouteData<Record<string, Field<import("@sitecore-content-sdk/core/layout").GenericFieldValue> | Item | Item[]>> | ComponentRendering<import("@sitecore-content-sdk/core/layout").ComponentFields>>>>;
         fields: PropTypes.Requireable<{
             [x: string]: NonNullable<NonNullable<Field<import("@sitecore-content-sdk/core/layout").GenericFieldValue> | Item[]>>;
         }>;

package/types/components/SitecoreContext.d.ts

@@ -1,18 +1,21 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ComponentFactory } from './sharedTypes';
+import { SitecoreConfig } from '@sitecore-content-sdk/core/config';
 import { LayoutServiceContext, LayoutServiceData, RouteData } from '../index';
+import { ComponentMap } from './sharedTypes';
 export interface SitecoreContextProps {
-    componentFactory: ComponentFactory;
+    api: SitecoreConfig['api'];
+    componentMap: ComponentMap;
     layoutData?: LayoutServiceData;
     children: React.ReactNode;
 }
 export interface SitecoreContextState {
     setContext: (value: SitecoreContextValue | LayoutServiceData) => void;
     context: SitecoreContextValue;
+    api?: SitecoreContextProps['api'];
 }
 export declare const SitecoreContextReactContext: React.Context<SitecoreContextState>;
-export declare const ComponentFactoryReactContext: React.Context<ComponentFactory>;
+export declare const ComponentMapReactContext: React.Context<ComponentMap>;
 export type SitecoreContextValue = LayoutServiceContext & {
     itemId?: string;
     route?: RouteData;
@@ -20,7 +23,7 @@ export type SitecoreContextValue = LayoutServiceContext & {
 export declare class SitecoreContext extends React.Component<SitecoreContextProps, SitecoreContextState> {
     static propTypes: {
         children: PropTypes.Validator<any>;
-        componentFactory: PropTypes.Requireable<(...args: any[]) => any>;
+        componentMap: PropTypes.Requireable<Map<unknown, unknown>>;
         layoutData: PropTypes.Requireable<PropTypes.InferProps<{
             sitecore: PropTypes.Requireable<PropTypes.InferProps<{
                 context: PropTypes.Requireable<any>;

package/types/components/sharedTypes/components.d.ts

@@ -0,0 +1,32 @@
+import { ComponentType } from 'react';
+/**
+ * SXA uses custom default export name
+ */
+export declare const DEFAULT_EXPORT_NAME = "Default";
+/**
+ * React component import with account for custom exports
+ */
+export type ReactJssComponent = ComponentType | ReactModule;
+export type ReactModule = {
+    /**
+     * Custom exports
+     */
+    [key: string]: unknown;
+    /**
+     * Default module export
+     */
+    Default?: ComponentType;
+    /**
+     * Default non-standard export
+     */
+    default?: ComponentType;
+};
+/**
+ * Component type returned from component builder / factory
+ */
+export type LazyComponentType = ComponentType & {
+    render?: {
+        [key: string]: unknown;
+    };
+};
+export type ComponentMap<TComponent extends ReactJssComponent = ReactJssComponent> = Map<string, TComponent>;

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

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './props';

package/types/components/sharedTypes/props.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Shared editing field props
+ */
+export interface EditableFieldProps {
+    /**
+     * Can be used to explicitly disable inline editing.
+     * @default true
+     */
+    editable?: boolean;
+    /**
+     * Custom element to render in Pages in edit mode if field value is empty
+     */
+    emptyFieldEditingComponent?: React.ComponentClass<unknown> | React.FC<unknown>;
+}

package/types/enhancers/withComponentMap.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ComponentMap } from '../components/sharedTypes';
+export interface WithComponentMapProps {
+    componentMap?: ComponentMap;
+}
+/**
+ * @param {React.ComponentClass<T> | React.FC<T>} Component
+ */
+export declare function withComponentMap<T extends WithComponentMapProps>(Component: React.ComponentClass<T> | React.FC<T>): {
+    (props: T): JSX.Element;
+    displayName: string;
+};

package/types/enhancers/withSitecoreContext.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { EnhancedOmit } from '@sitecore-content-sdk/core/utils';
-import { SitecoreContextValue } from '../components/SitecoreContext';
+import { SitecoreContextState, SitecoreContextValue } from '../components/SitecoreContext';
 export interface WithSitecoreContextOptions {
     updatable?: boolean;
 }
 export interface WithSitecoreContextProps {
     sitecoreContext: SitecoreContextValue;
+    api?: SitecoreContextState['api'];
     updateSitecoreContext?: ((value: SitecoreContextValue) => void) | false;
 }
 export type WithSitecoreContextHocProps<ComponentProps> = EnhancedOmit<ComponentProps, keyof WithSitecoreContextProps>;
@@ -19,7 +20,6 @@ export declare function withSitecoreContext(options?: WithSitecoreContextOptions
  * - pageEditing - Provided by Layout Service, a boolean indicating whether the route is being accessed via the Sitecore Editor.
  * - pageState - Like pageEditing, but a string: normal, preview or edit.
  * - site - Provided by Layout Service, an object containing the name of the current Sitecore site context.
- * @see https://jss.sitecore.com/docs/techniques/extending-layout-service/layoutservice-extending-context
  * @param {WithSitecoreContextOptions} [options] hook options
  * @example
  * const EditMode = () => {
@@ -34,7 +34,4 @@ export declare function withSitecoreContext(options?: WithSitecoreContextOptions
  * }
  * @returns {object} { sitecoreContext, updateSitecoreContext }
  */
-export declare function useSitecoreContext(options?: WithSitecoreContextOptions): {
-    sitecoreContext: SitecoreContextValue;
-    updateSitecoreContext: (value: SitecoreContextValue | import("@sitecore-content-sdk/core/layout").LayoutServiceData) => void;
-};
+export declare function useSitecoreContext(options?: WithSitecoreContextOptions): WithSitecoreContextProps;

package/types/index.d.ts

@@ -1,11 +1,12 @@
 export { constants, enableDebug, ClientError, CacheClient, CacheOptions, MemoryCacheClient, NativeDataFetcher, NativeDataFetcherResponse, NativeDataFetcherConfig, } from '@sitecore-content-sdk/core';
 export { EnhancedOmit } from '@sitecore-content-sdk/core/utils';
 export { isEditorActive, resetEditorChromes } from '@sitecore-content-sdk/core/editing';
-export { getContentStylesheetLink, getComponentLibraryStylesheetLinks, LayoutService, LayoutServiceData, LayoutServicePageState, LayoutServiceContext, LayoutServiceContextData, GraphQLLayoutService, RouteData, Field, Item, getChildPlaceholder, getFieldValue, ComponentRendering, ComponentFields, ComponentParams, EditMode, } from '@sitecore-content-sdk/core/layout';
+export { getContentStylesheetLink, getDesignLibraryStylesheetLinks, LayoutServiceData, LayoutServicePageState, LayoutServiceContext, LayoutServiceContextData, GraphQLLayoutService, RouteData, Field, Item, getChildPlaceholder, getFieldValue, ComponentRendering, ComponentFields, ComponentParams, EditMode, } from '@sitecore-content-sdk/core/layout';
 export { DictionaryPhrases, DictionaryService, GraphQLDictionaryService, } from '@sitecore-content-sdk/core/i18n';
-export { GraphQLClientError, RetryStrategy, DefaultRetryStrategy, GraphQLRequestClientFactoryConfig, GraphQLRequestClient, } from '@sitecore-content-sdk/core/graphql';
+export { GraphQLClientError, RetryStrategy, DefaultRetryStrategy, GraphQLRequestClientFactoryConfig, GraphQLRequestClient, } from '@sitecore-content-sdk/core/client';
 export { mediaApi } from '@sitecore-content-sdk/core/media';
-export { ComponentFactory, JssComponentType } from './components/sharedTypes';
+export { Form } from './components/Form';
+export { ReactJssComponent, ComponentMap, ReactModule } from './components/sharedTypes';
 export { Placeholder, PlaceholderComponentProps } from './components/Placeholder';
 export { Image, ImageProps, ImageField, ImageFieldValue, ImageSizeParameters, } from './components/Image';
 export { RichText, RichTextProps, RichTextPropTypes, RichTextField } from './components/RichText';
@@ -13,7 +14,7 @@ export { Text, TextField } from './components/Text';
 export { DateField, DateFieldProps } from './components/Date';
 export { FEaaSComponent, FEaaSComponentProps, FEaaSComponentParams, fetchFEaaSComponentServerProps, } from './components/FEaaSComponent';
 export { FEaaSWrapper } from './components/FEaaSWrapper';
-export { ComponentLibraryLayout } from './components/ComponentLibraryLayout';
+export { DesignLibrary } from './components/DesignLibrary';
 export { BYOCComponent, BYOCComponentParams, BYOCComponentProps, fetchBYOCComponentServerProps, } from './components/BYOCComponent';
 export { BYOCWrapper } from './components/BYOCWrapper';
 export { Link, LinkField, LinkFieldValue, LinkProps, LinkPropTypes } from './components/Link';
@@ -23,8 +24,8 @@ export { withSitecoreContext, useSitecoreContext, WithSitecoreContextOptions, Wi
 export { withEditorChromes } from './enhancers/withEditorChromes';
 export { withPlaceholder } from './enhancers/withPlaceholder';
 export { withDatasourceCheck } from './enhancers/withDatasourceCheck';
-export { ComponentBuilder, ComponentBuilderConfig } from './ComponentBuilder';
 export { withFieldMetadata } from './enhancers/withFieldMetadata';
 export { withEmptyFieldEditingComponent } from './enhancers/withEmptyFieldEditingComponent';
 export { EditingScripts } from './components/EditingScripts';
 export { DefaultEmptyFieldEditingComponentText, DefaultEmptyFieldEditingComponentImage, } from './components/DefaultEmptyFieldEditingComponents';
+export { GraphQLSitePathService, GraphQLSitePathServiceConfig, } from '@sitecore-content-sdk/core/site';

package/dist/cjs/ComponentBuilder.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentBuilder = void 0;
-/**
- * React implementation of component builder class for building components based on the configuration.
- */
-class ComponentBuilder {
-    constructor(config) {
-        this.config = config;
-        this.components = new Map([...config.components]);
-    }
-    /**
-     * Creates a new instance of component factory
-     * @returns {ComponentFactory} Component factory implementation
-     */
-    getComponentFactory() {
-        return (componentName) => {
-            const component = this.components.get(componentName);
-            if (!component)
-                return null;
-            return component;
-        };
-    }
-}
-exports.ComponentBuilder = ComponentBuilder;

package/dist/esm/ComponentBuilder.js

@@ -1,21 +0,0 @@
-/**
- * React implementation of component builder class for building components based on the configuration.
- */
-export class ComponentBuilder {
-    constructor(config) {
-        this.config = config;
-        this.components = new Map([...config.components]);
-    }
-    /**
-     * Creates a new instance of component factory
-     * @returns {ComponentFactory} Component factory implementation
-     */
-    getComponentFactory() {
-        return (componentName) => {
-            const component = this.components.get(componentName);
-            if (!component)
-                return null;
-            return component;
-        };
-    }
-}

package/dist/esm/enhancers/withComponentFactory.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { ComponentFactoryReactContext } from '../components/SitecoreContext';
-import { useContext } from 'react';
-/**
- * @param {React.ComponentClass<T> | React.FC<T>} Component
- */
-export function withComponentFactory(Component) {
-    /**
-     * @param {T} props - props to pass to the wrapped component
-     * @returns {JSX.Element} - the rendered component
-     */
-    function WithComponentFactory(props) {
-        const context = useContext(ComponentFactoryReactContext);
-        return React.createElement(Component, Object.assign({}, props, { componentFactory: props.componentFactory || context }));
-    }
-    WithComponentFactory.displayName = `withComponentFactory(${Component.displayName ||
-        Component.name ||
-        'Anonymous'})`;
-    return WithComponentFactory;
-}

package/types/ComponentBuilder.d.ts

@@ -1,27 +0,0 @@
-import { ComponentType } from 'react';
-import { ComponentFactory } from './components/sharedTypes';
-/**
- * Configuration for ComponentBuilder
- */
-export type ComponentBuilderConfig<ComponentType> = {
-    /**
-     * List of components to be stored
-     */
-    components: Map<string, ComponentType>;
-};
-/**
- * React implementation of component builder class for building components based on the configuration.
- */
-export declare class ComponentBuilder {
-    protected config: ComponentBuilderConfig<ComponentType>;
-    /**
-     * List of components to be stored
-     */
-    protected components: Map<string, ComponentType>;
-    constructor(config: ComponentBuilderConfig<ComponentType>);
-    /**
-     * Creates a new instance of component factory
-     * @returns {ComponentFactory} Component factory implementation
-     */
-    getComponentFactory(): ComponentFactory;
-}