@sitecore-content-sdk/react 0.1.0-beta.28 → 0.1.0-beta.29

package/dist/cjs/components/{ComponentLibraryLayout.js → DesignLibrary.js}

@@ -33,13 +33,13 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentLibraryLayout = void 0;
+exports.DesignLibrary = void 0;
 const react_1 = __importStar(require("react"));
 const Placeholder_1 = require("./Placeholder");
 const layout_1 = require("@sitecore-content-sdk/core/layout");
 const editing_1 = require("@sitecore-content-sdk/core/editing");
 const EditingScripts_1 = require("./EditingScripts");
-const ComponentLibraryLayout = (layoutData) => {
+const DesignLibrary = (layoutData) => {
     const { route } = layoutData.sitecore;
     const [renderKey, setRenderKey] = (0, react_1.useState)(0);
     const [rootUpdate, setRootUpdate] = (0, react_1.useState)(null);
@@ -56,7 +56,7 @@ const ComponentLibraryLayout = (layoutData) => {
         // useEffect will fire when components are ready - and we inform the whole wide world of it too
         if (!componentReady) {
             componentReady = true;
-            window.top.postMessage((0, editing_1.getComponentLibraryStatusEvent)(editing_1.ComponentLibraryStatus.READY, rootComponent.uid), '*');
+            window.top.postMessage((0, editing_1.getDesignLibraryStatusEvent)(editing_1.DesignLibraryStatus.READY, rootComponent.uid), '*');
         }
         const unsubscribe = (0, editing_1.addComponentUpdateHandler)(persistedRoot, (updatedRoot) => {
             setRootUpdate(Object.assign({}, updatedRoot));
@@ -70,11 +70,11 @@ const ComponentLibraryLayout = (layoutData) => {
         if (renderKey === 0) {
             return;
         }
-        window.top.postMessage((0, editing_1.getComponentLibraryStatusEvent)(editing_1.ComponentLibraryStatus.RENDERED, rootComponent.uid), '*');
+        window.top.postMessage((0, editing_1.getDesignLibraryStatusEvent)(editing_1.DesignLibraryStatus.RENDERED, rootComponent.uid), '*');
     }, [renderKey, rootComponent.uid]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(EditingScripts_1.EditingScripts, null),
         react_1.default.createElement("main", null,
             react_1.default.createElement("div", { id: layout_1.EDITING_COMPONENT_ID }, route && (react_1.default.createElement(Placeholder_1.Placeholder, { name: layout_1.EDITING_COMPONENT_PLACEHOLDER, rendering: route, key: renderKey }))))));
 };
-exports.ComponentLibraryLayout = ComponentLibraryLayout;
+exports.DesignLibrary = DesignLibrary;

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GraphQLSitePathService = exports.DefaultEmptyFieldEditingComponentImage = exports.DefaultEmptyFieldEditingComponentText = exports.EditingScripts = exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = exports.ComponentBuilder = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.File = exports.LinkPropTypes = exports.Link = exports.BYOCWrapper = exports.fetchBYOCComponentServerProps = exports.BYOCComponent = exports.ComponentLibraryLayout = exports.FEaaSWrapper = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichTextPropTypes = exports.RichText = exports.Image = exports.Placeholder = exports.Form = exports.mediaApi = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = exports.GraphQLDictionaryService = exports.EditMode = exports.getFieldValue = exports.getChildPlaceholder = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.getComponentLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.resetEditorChromes = exports.isEditorActive = exports.NativeDataFetcher = exports.MemoryCacheClient = exports.ClientError = exports.enableDebug = exports.constants = void 0;
+exports.GraphQLSitePathService = exports.DefaultEmptyFieldEditingComponentImage = exports.DefaultEmptyFieldEditingComponentText = exports.EditingScripts = exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = exports.ComponentBuilder = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.File = exports.LinkPropTypes = exports.Link = exports.BYOCWrapper = exports.fetchBYOCComponentServerProps = exports.BYOCComponent = exports.DesignLibrary = exports.FEaaSWrapper = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichTextPropTypes = exports.RichText = exports.Image = exports.Placeholder = exports.Form = exports.mediaApi = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = exports.GraphQLDictionaryService = exports.EditMode = exports.getFieldValue = exports.getChildPlaceholder = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.getDesignLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.resetEditorChromes = exports.isEditorActive = exports.NativeDataFetcher = exports.MemoryCacheClient = exports.ClientError = exports.enableDebug = exports.constants = void 0;
 var core_1 = require("@sitecore-content-sdk/core");
 Object.defineProperty(exports, "constants", { enumerable: true, get: function () { return core_1.constants; } });
 Object.defineProperty(exports, "enableDebug", { enumerable: true, get: function () { return core_1.enableDebug; } });
@@ -12,7 +12,7 @@ Object.defineProperty(exports, "isEditorActive", { enumerable: true, get: functi
 Object.defineProperty(exports, "resetEditorChromes", { enumerable: true, get: function () { return editing_1.resetEditorChromes; } });
 var layout_1 = require("@sitecore-content-sdk/core/layout");
 Object.defineProperty(exports, "getContentStylesheetLink", { enumerable: true, get: function () { return layout_1.getContentStylesheetLink; } });
-Object.defineProperty(exports, "getComponentLibraryStylesheetLinks", { enumerable: true, get: function () { return layout_1.getComponentLibraryStylesheetLinks; } });
+Object.defineProperty(exports, "getDesignLibraryStylesheetLinks", { enumerable: true, get: function () { return layout_1.getDesignLibraryStylesheetLinks; } });
 Object.defineProperty(exports, "LayoutServicePageState", { enumerable: true, get: function () { return layout_1.LayoutServicePageState; } });
 Object.defineProperty(exports, "GraphQLLayoutService", { enumerable: true, get: function () { return layout_1.GraphQLLayoutService; } });
 Object.defineProperty(exports, "getChildPlaceholder", { enumerable: true, get: function () { return layout_1.getChildPlaceholder; } });
@@ -43,8 +43,8 @@ Object.defineProperty(exports, "FEaaSComponent", { enumerable: true, get: functi
 Object.defineProperty(exports, "fetchFEaaSComponentServerProps", { enumerable: true, get: function () { return FEaaSComponent_1.fetchFEaaSComponentServerProps; } });
 var FEaaSWrapper_1 = require("./components/FEaaSWrapper");
 Object.defineProperty(exports, "FEaaSWrapper", { enumerable: true, get: function () { return FEaaSWrapper_1.FEaaSWrapper; } });
-var ComponentLibraryLayout_1 = require("./components/ComponentLibraryLayout");
-Object.defineProperty(exports, "ComponentLibraryLayout", { enumerable: true, get: function () { return ComponentLibraryLayout_1.ComponentLibraryLayout; } });
+var DesignLibrary_1 = require("./components/DesignLibrary");
+Object.defineProperty(exports, "DesignLibrary", { enumerable: true, get: function () { return DesignLibrary_1.DesignLibrary; } });
 var BYOCComponent_1 = require("./components/BYOCComponent");
 Object.defineProperty(exports, "BYOCComponent", { enumerable: true, get: function () { return BYOCComponent_1.BYOCComponent; } });
 Object.defineProperty(exports, "fetchBYOCComponentServerProps", { enumerable: true, get: function () { return BYOCComponent_1.fetchBYOCComponentServerProps; } });

package/dist/esm/components/{ComponentLibraryLayout.js → DesignLibrary.js}

@@ -1,9 +1,9 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { Placeholder } from './Placeholder';
 import { EDITING_COMPONENT_ID, EDITING_COMPONENT_PLACEHOLDER, } from '@sitecore-content-sdk/core/layout';
-import { ComponentLibraryStatus, getComponentLibraryStatusEvent, addComponentUpdateHandler, } from '@sitecore-content-sdk/core/editing';
+import { DesignLibraryStatus, getDesignLibraryStatusEvent, addComponentUpdateHandler, } from '@sitecore-content-sdk/core/editing';
 import { EditingScripts } from './EditingScripts';
-export const ComponentLibraryLayout = (layoutData) => {
+export const DesignLibrary = (layoutData) => {
     const { route } = layoutData.sitecore;
     const [renderKey, setRenderKey] = useState(0);
     const [rootUpdate, setRootUpdate] = useState(null);
@@ -20,7 +20,7 @@ export const ComponentLibraryLayout = (layoutData) => {
         // useEffect will fire when components are ready - and we inform the whole wide world of it too
         if (!componentReady) {
             componentReady = true;
-            window.top.postMessage(getComponentLibraryStatusEvent(ComponentLibraryStatus.READY, rootComponent.uid), '*');
+            window.top.postMessage(getDesignLibraryStatusEvent(DesignLibraryStatus.READY, rootComponent.uid), '*');
         }
         const unsubscribe = addComponentUpdateHandler(persistedRoot, (updatedRoot) => {
             setRootUpdate(Object.assign({}, updatedRoot));
@@ -34,7 +34,7 @@ export const ComponentLibraryLayout = (layoutData) => {
         if (renderKey === 0) {
             return;
         }
-        window.top.postMessage(getComponentLibraryStatusEvent(ComponentLibraryStatus.RENDERED, rootComponent.uid), '*');
+        window.top.postMessage(getDesignLibraryStatusEvent(DesignLibraryStatus.RENDERED, rootComponent.uid), '*');
     }, [renderKey, rootComponent.uid]);
     return (React.createElement(React.Fragment, null,
         React.createElement(EditingScripts, null),

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 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/client';
 export { mediaApi } from '@sitecore-content-sdk/core/media';
@@ -12,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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-content-sdk/react",
-  "version": "0.1.0-beta.28",
+  "version": "0.1.0-beta.29",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -67,13 +67,13 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@sitecore-content-sdk/core": "0.1.0-beta.28",
+    "@sitecore-content-sdk/core": "0.1.0-beta.29",
     "fast-deep-equal": "^3.1.3",
     "prop-types": "^15.8.1"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "efa34cf0c8f10c1bbf9db6ce9edb2d1b9bca5977",
+  "gitHead": "2f4fef1dfc43acdc0221efb4287f62970c24c61b",
   "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/index.d.ts

@@ -1,7 +1,7 @@
 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, 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/client';
 export { mediaApi } from '@sitecore-content-sdk/core/media';
@@ -14,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';

package/types/components/ComponentLibraryLayout.d.ts

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