@sitecore-content-sdk/react 0.3.0 → 1.0.0-canary.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Form.js +10 -5
- package/dist/cjs/components/SitecoreProvider.js +5 -5
- package/dist/cjs/index.js +4 -4
- package/dist/esm/components/Form.js +10 -5
- package/dist/esm/components/SitecoreProvider.js +5 -5
- package/dist/esm/index.js +3 -3
- package/package.json +3 -3
- package/types/components/Form.d.ts +1 -1
- package/types/index.d.ts +3 -3
|
@@ -59,7 +59,14 @@ const Form = ({ params, rendering }) => {
|
|
|
59
59
|
(0, react_1.useEffect)(() => {
|
|
60
60
|
var _a, _b, _c, _d;
|
|
61
61
|
if (!content) {
|
|
62
|
-
|
|
62
|
+
// Forms must use clientContextId since they are rendered client-side
|
|
63
|
+
const edgeId = (_b = (_a = context.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.clientContextId;
|
|
64
|
+
if (!edgeId) {
|
|
65
|
+
/* eslint-disable no-console */
|
|
66
|
+
console.warn('Warning: clientContextId is missing – form cannot be loaded properly on the client');
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
loadForm(edgeId, params.FormId, (_d = (_c = context.api) === null || _c === void 0 ? void 0 : _c.edge) === null || _d === void 0 ? void 0 : _d.edgeUrl)
|
|
63
70
|
.then(setContent)
|
|
64
71
|
.catch(() => {
|
|
65
72
|
if (isEditing) {
|
|
@@ -76,10 +83,8 @@ const Form = ({ params, rendering }) => {
|
|
|
76
83
|
executeScriptElements(formRef.current);
|
|
77
84
|
}
|
|
78
85
|
}, [content]);
|
|
79
|
-
if (isEditing) {
|
|
80
|
-
|
|
81
|
-
return (react_1.default.createElement("div", { className: "sc-content-sdk-placeholder-error" }, "There was a problem loading this section"));
|
|
82
|
-
}
|
|
86
|
+
if (isEditing && error) {
|
|
87
|
+
return (react_1.default.createElement("div", { className: "sc-content-sdk-placeholder-error" }, "There was a problem loading this section"));
|
|
83
88
|
}
|
|
84
89
|
return (react_1.default.createElement("div", { ref: formRef, dangerouslySetInnerHTML: { __html: content }, className: (_a = params.styles) === null || _a === void 0 ? void 0 : _a.trimEnd(), id: id ? id : undefined }));
|
|
85
90
|
};
|
|
@@ -12,7 +12,7 @@ exports.SitecoreProviderReactContext = react_1.default.createContext({});
|
|
|
12
12
|
exports.ComponentMapReactContext = react_1.default.createContext(new Map());
|
|
13
13
|
class SitecoreProvider extends react_1.default.Component {
|
|
14
14
|
constructor(props) {
|
|
15
|
-
var _a, _b, _c, _d;
|
|
15
|
+
var _a, _b, _c, _d, _e, _f;
|
|
16
16
|
super(props);
|
|
17
17
|
/**
|
|
18
18
|
* Update context state. Value can be @type {LayoutServiceData} which will be automatically transformed
|
|
@@ -27,8 +27,10 @@ class SitecoreProvider extends react_1.default.Component {
|
|
|
27
27
|
});
|
|
28
28
|
};
|
|
29
29
|
const pageContext = this.constructContext(props.layoutData);
|
|
30
|
+
// If any Edge ID is present but no edgeUrl, apply the default
|
|
30
31
|
let api = props.api;
|
|
31
|
-
if (((_b = (_a = props.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.contextId)
|
|
32
|
+
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.clientContextId)) &&
|
|
33
|
+
!((_f = (_e = props.api) === null || _e === void 0 ? void 0 : _e.edge) === null || _f === void 0 ? void 0 : _f.edgeUrl)) {
|
|
32
34
|
api = Object.assign(Object.assign({}, props.api), { edge: Object.assign(Object.assign({}, props.api.edge), { edgeUrl: core_1.constants.SITECORE_EDGE_URL_DEFAULT }) });
|
|
33
35
|
}
|
|
34
36
|
this.state = {
|
|
@@ -40,9 +42,7 @@ class SitecoreProvider extends react_1.default.Component {
|
|
|
40
42
|
constructContext(layoutData) {
|
|
41
43
|
var _a;
|
|
42
44
|
if (!layoutData) {
|
|
43
|
-
return {
|
|
44
|
-
pageEditing: false,
|
|
45
|
-
};
|
|
45
|
+
return { pageEditing: false };
|
|
46
46
|
}
|
|
47
47
|
return Object.assign({ route: layoutData.sitecore.route, itemId: (_a = layoutData.sitecore.route) === null || _a === void 0 ? void 0 : _a.itemId }, layoutData.sitecore.context);
|
|
48
48
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.SitePathService = exports.DefaultEmptyFieldEditingComponentImage = exports.DefaultEmptyFieldEditingComponentText = exports.EditingScripts = exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecore = exports.withSitecore = exports.SitecoreProviderReactContext = exports.SitecoreProvider = exports.File = exports.Link = exports.BYOCWrapper = exports.fetchBYOCComponentServerProps = exports.BYOCComponent = exports.DesignLibrary = exports.FEaaSWrapper = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichText = exports.Image = exports.Placeholder = exports.Form = exports.mediaApi = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = exports.DictionaryService = exports.EditMode = exports.getFieldValue = exports.getChildPlaceholder = exports.LayoutService = exports.LayoutServicePageState = exports.getDesignLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.resetEditorChromes = exports.isEditorActive = exports.NativeDataFetcher = exports.MemoryCacheClient = exports.ClientError = exports.enableDebug = exports.constants = void 0;
|
|
4
4
|
var core_1 = require("@sitecore-content-sdk/core");
|
|
5
5
|
Object.defineProperty(exports, "constants", { enumerable: true, get: function () { return core_1.constants; } });
|
|
6
6
|
Object.defineProperty(exports, "enableDebug", { enumerable: true, get: function () { return core_1.enableDebug; } });
|
|
@@ -14,12 +14,12 @@ var layout_1 = require("@sitecore-content-sdk/core/layout");
|
|
|
14
14
|
Object.defineProperty(exports, "getContentStylesheetLink", { enumerable: true, get: function () { return layout_1.getContentStylesheetLink; } });
|
|
15
15
|
Object.defineProperty(exports, "getDesignLibraryStylesheetLinks", { enumerable: true, get: function () { return layout_1.getDesignLibraryStylesheetLinks; } });
|
|
16
16
|
Object.defineProperty(exports, "LayoutServicePageState", { enumerable: true, get: function () { return layout_1.LayoutServicePageState; } });
|
|
17
|
-
Object.defineProperty(exports, "
|
|
17
|
+
Object.defineProperty(exports, "LayoutService", { enumerable: true, get: function () { return layout_1.LayoutService; } });
|
|
18
18
|
Object.defineProperty(exports, "getChildPlaceholder", { enumerable: true, get: function () { return layout_1.getChildPlaceholder; } });
|
|
19
19
|
Object.defineProperty(exports, "getFieldValue", { enumerable: true, get: function () { return layout_1.getFieldValue; } });
|
|
20
20
|
Object.defineProperty(exports, "EditMode", { enumerable: true, get: function () { return layout_1.EditMode; } });
|
|
21
21
|
var i18n_1 = require("@sitecore-content-sdk/core/i18n");
|
|
22
|
-
Object.defineProperty(exports, "
|
|
22
|
+
Object.defineProperty(exports, "DictionaryService", { enumerable: true, get: function () { return i18n_1.DictionaryService; } });
|
|
23
23
|
var client_1 = require("@sitecore-content-sdk/core/client");
|
|
24
24
|
Object.defineProperty(exports, "DefaultRetryStrategy", { enumerable: true, get: function () { return client_1.DefaultRetryStrategy; } });
|
|
25
25
|
Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return client_1.GraphQLRequestClient; } });
|
|
@@ -75,4 +75,4 @@ var DefaultEmptyFieldEditingComponents_1 = require("./components/DefaultEmptyFie
|
|
|
75
75
|
Object.defineProperty(exports, "DefaultEmptyFieldEditingComponentText", { enumerable: true, get: function () { return DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentText; } });
|
|
76
76
|
Object.defineProperty(exports, "DefaultEmptyFieldEditingComponentImage", { enumerable: true, get: function () { return DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentImage; } });
|
|
77
77
|
var site_1 = require("@sitecore-content-sdk/core/site");
|
|
78
|
-
Object.defineProperty(exports, "
|
|
78
|
+
Object.defineProperty(exports, "SitePathService", { enumerable: true, get: function () { return site_1.SitePathService; } });
|
|
@@ -22,7 +22,14 @@ export const Form = ({ params, rendering }) => {
|
|
|
22
22
|
useEffect(() => {
|
|
23
23
|
var _a, _b, _c, _d;
|
|
24
24
|
if (!content) {
|
|
25
|
-
|
|
25
|
+
// Forms must use clientContextId since they are rendered client-side
|
|
26
|
+
const edgeId = (_b = (_a = context.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.clientContextId;
|
|
27
|
+
if (!edgeId) {
|
|
28
|
+
/* eslint-disable no-console */
|
|
29
|
+
console.warn('Warning: clientContextId is missing – form cannot be loaded properly on the client');
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
loadForm(edgeId, params.FormId, (_d = (_c = context.api) === null || _c === void 0 ? void 0 : _c.edge) === null || _d === void 0 ? void 0 : _d.edgeUrl)
|
|
26
33
|
.then(setContent)
|
|
27
34
|
.catch(() => {
|
|
28
35
|
if (isEditing) {
|
|
@@ -39,10 +46,8 @@ export const Form = ({ params, rendering }) => {
|
|
|
39
46
|
executeScriptElements(formRef.current);
|
|
40
47
|
}
|
|
41
48
|
}, [content]);
|
|
42
|
-
if (isEditing) {
|
|
43
|
-
|
|
44
|
-
return (React.createElement("div", { className: "sc-content-sdk-placeholder-error" }, "There was a problem loading this section"));
|
|
45
|
-
}
|
|
49
|
+
if (isEditing && error) {
|
|
50
|
+
return (React.createElement("div", { className: "sc-content-sdk-placeholder-error" }, "There was a problem loading this section"));
|
|
46
51
|
}
|
|
47
52
|
return (React.createElement("div", { ref: formRef, dangerouslySetInnerHTML: { __html: content }, className: (_a = params.styles) === null || _a === void 0 ? void 0 : _a.trimEnd(), id: id ? id : undefined }));
|
|
48
53
|
};
|
|
@@ -6,7 +6,7 @@ export const SitecoreProviderReactContext = React.createContext({});
|
|
|
6
6
|
export const ComponentMapReactContext = React.createContext(new Map());
|
|
7
7
|
export class SitecoreProvider extends React.Component {
|
|
8
8
|
constructor(props) {
|
|
9
|
-
var _a, _b, _c, _d;
|
|
9
|
+
var _a, _b, _c, _d, _e, _f;
|
|
10
10
|
super(props);
|
|
11
11
|
/**
|
|
12
12
|
* Update context state. Value can be @type {LayoutServiceData} which will be automatically transformed
|
|
@@ -21,8 +21,10 @@ export class SitecoreProvider extends React.Component {
|
|
|
21
21
|
});
|
|
22
22
|
};
|
|
23
23
|
const pageContext = this.constructContext(props.layoutData);
|
|
24
|
+
// If any Edge ID is present but no edgeUrl, apply the default
|
|
24
25
|
let api = props.api;
|
|
25
|
-
if (((_b = (_a = props.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.contextId)
|
|
26
|
+
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.clientContextId)) &&
|
|
27
|
+
!((_f = (_e = props.api) === null || _e === void 0 ? void 0 : _e.edge) === null || _f === void 0 ? void 0 : _f.edgeUrl)) {
|
|
26
28
|
api = Object.assign(Object.assign({}, props.api), { edge: Object.assign(Object.assign({}, props.api.edge), { edgeUrl: constants.SITECORE_EDGE_URL_DEFAULT }) });
|
|
27
29
|
}
|
|
28
30
|
this.state = {
|
|
@@ -34,9 +36,7 @@ export class SitecoreProvider extends React.Component {
|
|
|
34
36
|
constructContext(layoutData) {
|
|
35
37
|
var _a;
|
|
36
38
|
if (!layoutData) {
|
|
37
|
-
return {
|
|
38
|
-
pageEditing: false,
|
|
39
|
-
};
|
|
39
|
+
return { pageEditing: false };
|
|
40
40
|
}
|
|
41
41
|
return Object.assign({ route: layoutData.sitecore.route, itemId: (_a = layoutData.sitecore.route) === null || _a === void 0 ? void 0 : _a.itemId }, layoutData.sitecore.context);
|
|
42
42
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { constants, enableDebug, ClientError, MemoryCacheClient, NativeDataFetcher, } from '@sitecore-content-sdk/core';
|
|
2
2
|
export { isEditorActive, resetEditorChromes } from '@sitecore-content-sdk/core/editing';
|
|
3
|
-
export { getContentStylesheetLink, getDesignLibraryStylesheetLinks, LayoutServicePageState,
|
|
4
|
-
export {
|
|
3
|
+
export { getContentStylesheetLink, getDesignLibraryStylesheetLinks, LayoutServicePageState, LayoutService, getChildPlaceholder, getFieldValue, EditMode, } from '@sitecore-content-sdk/core/layout';
|
|
4
|
+
export { DictionaryService } from '@sitecore-content-sdk/core/i18n';
|
|
5
5
|
export { DefaultRetryStrategy, GraphQLRequestClient, } from '@sitecore-content-sdk/core/client';
|
|
6
6
|
export { mediaApi } from '@sitecore-content-sdk/core/media';
|
|
7
7
|
export { Form } from './components/Form';
|
|
@@ -26,4 +26,4 @@ export { withFieldMetadata } from './enhancers/withFieldMetadata';
|
|
|
26
26
|
export { withEmptyFieldEditingComponent } from './enhancers/withEmptyFieldEditingComponent';
|
|
27
27
|
export { EditingScripts } from './components/EditingScripts';
|
|
28
28
|
export { DefaultEmptyFieldEditingComponentText, DefaultEmptyFieldEditingComponentImage, } from './components/DefaultEmptyFieldEditingComponents';
|
|
29
|
-
export {
|
|
29
|
+
export { SitePathService } from '@sitecore-content-sdk/core/site';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sitecore-content-sdk/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0-canary.10",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -63,12 +63,12 @@
|
|
|
63
63
|
"react-dom": "^19.1.0"
|
|
64
64
|
},
|
|
65
65
|
"dependencies": {
|
|
66
|
-
"@sitecore-content-sdk/core": "0.
|
|
66
|
+
"@sitecore-content-sdk/core": "1.0.0-canary.10",
|
|
67
67
|
"fast-deep-equal": "^3.1.3"
|
|
68
68
|
},
|
|
69
69
|
"description": "",
|
|
70
70
|
"types": "types/index.d.ts",
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "518a65de8c22a059ad4df5e46e2c00839eb2fc2e",
|
|
72
72
|
"files": [
|
|
73
73
|
"dist",
|
|
74
74
|
"types"
|
package/types/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { constants, enableDebug, ClientError, CacheClient, CacheOptions, MemoryCacheClient, NativeDataFetcher, NativeDataFetcherResponse, NativeDataFetcherConfig, } from '@sitecore-content-sdk/core';
|
|
2
2
|
export { EnhancedOmit } from '@sitecore-content-sdk/core/utils';
|
|
3
3
|
export { isEditorActive, resetEditorChromes } from '@sitecore-content-sdk/core/editing';
|
|
4
|
-
export { getContentStylesheetLink, getDesignLibraryStylesheetLinks, LayoutServiceData, LayoutServicePageState, LayoutServiceContext, LayoutServiceContextData,
|
|
5
|
-
export { DictionaryPhrases, DictionaryService
|
|
4
|
+
export { getContentStylesheetLink, getDesignLibraryStylesheetLinks, LayoutServiceData, LayoutServicePageState, LayoutServiceContext, LayoutServiceContextData, LayoutService, RouteData, Field, Item, getChildPlaceholder, getFieldValue, ComponentRendering, ComponentFields, ComponentParams, EditMode, } from '@sitecore-content-sdk/core/layout';
|
|
5
|
+
export { DictionaryPhrases, DictionaryService } from '@sitecore-content-sdk/core/i18n';
|
|
6
6
|
export { GraphQLClientError, RetryStrategy, DefaultRetryStrategy, GraphQLRequestClientFactoryConfig, GraphQLRequestClient, } from '@sitecore-content-sdk/core/client';
|
|
7
7
|
export { mediaApi } from '@sitecore-content-sdk/core/media';
|
|
8
8
|
export { Form } from './components/Form';
|
|
@@ -28,4 +28,4 @@ export { withFieldMetadata } from './enhancers/withFieldMetadata';
|
|
|
28
28
|
export { withEmptyFieldEditingComponent } from './enhancers/withEmptyFieldEditingComponent';
|
|
29
29
|
export { EditingScripts } from './components/EditingScripts';
|
|
30
30
|
export { DefaultEmptyFieldEditingComponentText, DefaultEmptyFieldEditingComponentImage, } from './components/DefaultEmptyFieldEditingComponents';
|
|
31
|
-
export {
|
|
31
|
+
export { SitePathService, SitePathServiceConfig } from '@sitecore-content-sdk/core/site';
|