@sitecore-content-sdk/react 1.3.0-canary.9 → 1.4.0-canary.2

package/dist/cjs/components/RichText.js

@@ -1,70 +1,75 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichText = void 0;
-const react_1 = __importStar(require("react"));
-const withFieldMetadata_1 = require("../enhancers/withFieldMetadata");
-const withEmptyFieldEditingComponent_1 = require("../enhancers/withEmptyFieldEditingComponent");
-const DefaultEmptyFieldEditingComponents_1 = require("./DefaultEmptyFieldEditingComponents");
-const layout_1 = require("@sitecore-content-sdk/core/layout");
-exports.RichText = (0, withFieldMetadata_1.withFieldMetadata)((0, withEmptyFieldEditingComponent_1.withEmptyFieldEditingComponent)((0, react_1.forwardRef)((
-// eslint-disable-next-line no-unused-vars
-_a, ref) => {
-    var 
-    // eslint-disable-next-line no-unused-vars
-    { field, tag = 'div', editable = true } = _a, otherProps = __rest(_a, 
-    // eslint-disable-next-line no-unused-vars
-    ["field", "tag", "editable"]);
-    if ((0, layout_1.isFieldValueEmpty)(field)) {
-        return null;
-    }
-    const htmlProps = Object.assign({ dangerouslySetInnerHTML: {
-            __html: field.value,
-        }, ref }, otherProps);
-    return react_1.default.createElement(tag || 'div', htmlProps);
-}), { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentText, isForwardRef: true }), true);
-exports.RichText.displayName = 'RichText';
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RichText = void 0;
+const react_1 = __importStar(require("react"));
+const withFieldMetadata_1 = require("../enhancers/withFieldMetadata");
+const withEmptyFieldEditingComponent_1 = require("../enhancers/withEmptyFieldEditingComponent");
+const DefaultEmptyFieldEditingComponents_1 = require("./DefaultEmptyFieldEditingComponents");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
+/**
+ * The RichText component.
+ * @param {RichTextProps} props component props
+ * @public
+ */
+exports.RichText = (0, withFieldMetadata_1.withFieldMetadata)((0, withEmptyFieldEditingComponent_1.withEmptyFieldEditingComponent)((0, react_1.forwardRef)((
+// eslint-disable-next-line no-unused-vars
+_a, ref) => {
+    var 
+    // eslint-disable-next-line no-unused-vars
+    { field, tag = 'div', editable = true } = _a, otherProps = __rest(_a, 
+    // eslint-disable-next-line no-unused-vars
+    ["field", "tag", "editable"]);
+    if ((0, layout_1.isFieldValueEmpty)(field)) {
+        return null;
+    }
+    const htmlProps = Object.assign({ dangerouslySetInnerHTML: {
+            __html: field.value,
+        }, ref }, otherProps);
+    return react_1.default.createElement(tag || 'div', htmlProps);
+}), { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentText, isForwardRef: true }), true);
+exports.RichText.displayName = 'RichText';

package/dist/cjs/components/SitecoreProvider.js

@@ -1,52 +1,62 @@
-"use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SitecoreProvider = exports.ComponentMapReactContext = exports.SitecoreProviderReactContext = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = __importDefault(require("fast-deep-equal/es6/react"));
-const core_1 = require("@sitecore-content-sdk/core");
-exports.SitecoreProviderReactContext = react_1.default.createContext({});
-exports.ComponentMapReactContext = react_1.default.createContext(new Map());
-class SitecoreProvider extends react_1.default.Component {
-    constructor(props) {
-        var _a, _b, _c, _d, _e, _f;
-        super(props);
-        /**
-         * Update page state.
-         * @param {Page} value New page value
-         */
-        this.setPage = (value) => {
-            this.setState({
-                page: value,
-            });
-        };
-        // If any Edge ID is present but no edgeUrl, apply the default
-        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.clientContextId)) &&
-            !((_f = (_e = props.api) === null || _e === void 0 ? void 0 : _e.edge) === null || _f === void 0 ? void 0 : _f.edgeUrl)) {
-            api = Object.assign(Object.assign({}, props.api), { edge: Object.assign(Object.assign({}, props.api.edge), { edgeUrl: core_1.constants.SITECORE_EDGE_URL_DEFAULT }) });
-        }
-        this.state = {
-            page: props.page,
-            setPage: this.setPage,
-            api,
-        };
-    }
-    componentDidUpdate(prevProps) {
-        // In case if somebody will manage SitecoreProvider state by passing fresh `page` prop
-        // instead of using `updateContext`
-        if (!(0, react_2.default)(prevProps.page, this.props.page)) {
-            this.setPage(this.props.page);
-            return;
-        }
-    }
-    render() {
-        return (react_1.default.createElement(exports.ComponentMapReactContext.Provider, { value: this.props.componentMap },
-            react_1.default.createElement(exports.SitecoreProviderReactContext.Provider, { value: this.state }, this.props.children)));
-    }
-}
-exports.SitecoreProvider = SitecoreProvider;
-SitecoreProvider.displayName = 'SitecoreProvider';
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SitecoreProvider = exports.ImportMapReactContext = exports.ComponentMapReactContext = exports.SitecoreProviderReactContext = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = __importDefault(require("fast-deep-equal/es6/react"));
+const core_1 = require("@sitecore-content-sdk/core");
+/**
+ * The context for the SitecoreProvider component.
+ * @public
+ */
+exports.SitecoreProviderReactContext = react_1.default.createContext({});
+exports.ComponentMapReactContext = react_1.default.createContext(new Map());
+exports.ImportMapReactContext = react_1.default.createContext(undefined);
+/**
+ * The SitecoreProvider component.
+ * @public
+ */
+class SitecoreProvider extends react_1.default.Component {
+    constructor(props) {
+        var _a, _b, _c, _d, _e, _f;
+        super(props);
+        /**
+         * Update page state.
+         * @param {Page} value New page value
+         */
+        this.setPage = (value) => {
+            this.setState({
+                page: value,
+            });
+        };
+        // If any Edge ID is present but no edgeUrl, apply the default
+        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.clientContextId)) &&
+            !((_f = (_e = props.api) === null || _e === void 0 ? void 0 : _e.edge) === null || _f === void 0 ? void 0 : _f.edgeUrl)) {
+            api = Object.assign(Object.assign({}, props.api), { edge: Object.assign(Object.assign({}, props.api.edge), { edgeUrl: core_1.constants.SITECORE_EDGE_URL_DEFAULT }) });
+        }
+        this.state = {
+            page: props.page,
+            setPage: this.setPage,
+            api,
+        };
+    }
+    componentDidUpdate(prevProps) {
+        // In case if somebody will manage SitecoreProvider state by passing fresh `page` prop
+        // instead of using `updateContext`
+        if (!(0, react_2.default)(prevProps.page, this.props.page)) {
+            this.setPage(this.props.page);
+            return;
+        }
+    }
+    render() {
+        return (react_1.default.createElement(exports.ImportMapReactContext.Provider, { value: this.props.loadImportMap },
+            react_1.default.createElement(exports.ComponentMapReactContext.Provider, { value: this.props.componentMap },
+                react_1.default.createElement(exports.SitecoreProviderReactContext.Provider, { value: this.state }, this.props.children))));
+    }
+}
+exports.SitecoreProvider = SitecoreProvider;
+SitecoreProvider.displayName = 'SitecoreProvider';

package/dist/cjs/components/Text.js

@@ -1,65 +1,69 @@
-"use strict";
-'use client';
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
-const react_1 = __importDefault(require("react"));
-const withFieldMetadata_1 = require("../enhancers/withFieldMetadata");
-const withEmptyFieldEditingComponent_1 = require("../enhancers/withEmptyFieldEditingComponent");
-const DefaultEmptyFieldEditingComponents_1 = require("./DefaultEmptyFieldEditingComponents");
-const layout_1 = require("@sitecore-content-sdk/core/layout");
-exports.Text = (0, withFieldMetadata_1.withFieldMetadata)((0, withEmptyFieldEditingComponent_1.withEmptyFieldEditingComponent)((_a) => {
-    var { field, tag, editable = true, encode = true } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "encode"]);
-    if ((0, layout_1.isFieldValueEmpty)(field)) {
-        return null;
-    }
-    // can't use editable value if we want to output unencoded
-    if (!encode) {
-        // eslint-disable-next-line no-param-reassign, no-unused-vars
-        editable = false;
-    }
-    let output = field.value === undefined ? '' : field.value;
-    // when string value isn't formatted, we should format line breaks
-    const splitted = String(output).split('\n');
-    if (splitted.length) {
-        const formatted = [];
-        splitted.forEach((str, i) => {
-            const isLast = i === splitted.length - 1;
-            formatted.push(str);
-            if (!isLast) {
-                formatted.push(react_1.default.createElement("br", { key: i }));
-            }
-        });
-        output = formatted;
-    }
-    let children = null;
-    const htmlProps = Object.assign({}, otherProps);
-    if (!encode) {
-        htmlProps.dangerouslySetInnerHTML = {
-            __html: output,
-        };
-    }
-    else {
-        children = output;
-    }
-    if (tag || !encode) {
-        return react_1.default.createElement(tag || 'span', htmlProps, children);
-    }
-    else {
-        return react_1.default.createElement(react_1.default.Fragment, null, children);
-    }
-}, { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentText }));
-exports.Text.displayName = 'Text';
+"use strict";
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const react_1 = __importDefault(require("react"));
+const withFieldMetadata_1 = require("../enhancers/withFieldMetadata");
+const withEmptyFieldEditingComponent_1 = require("../enhancers/withEmptyFieldEditingComponent");
+const DefaultEmptyFieldEditingComponents_1 = require("./DefaultEmptyFieldEditingComponents");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
+/**
+ * The Text component.
+ * @public
+ */
+exports.Text = (0, withFieldMetadata_1.withFieldMetadata)((0, withEmptyFieldEditingComponent_1.withEmptyFieldEditingComponent)((_a) => {
+    var { field, tag, editable = true, encode = true } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "encode"]);
+    if ((0, layout_1.isFieldValueEmpty)(field)) {
+        return null;
+    }
+    // can't use editable value if we want to output unencoded
+    if (!encode) {
+        // eslint-disable-next-line no-param-reassign, no-unused-vars
+        editable = false;
+    }
+    let output = field.value === undefined ? '' : field.value;
+    // when string value isn't formatted, we should format line breaks
+    const splitted = String(output).split('\n');
+    if (splitted.length) {
+        const formatted = [];
+        splitted.forEach((str, i) => {
+            const isLast = i === splitted.length - 1;
+            formatted.push(str);
+            if (!isLast) {
+                formatted.push(react_1.default.createElement("br", { key: i }));
+            }
+        });
+        output = formatted;
+    }
+    let children = null;
+    const htmlProps = Object.assign({}, otherProps);
+    if (!encode) {
+        htmlProps.dangerouslySetInnerHTML = {
+            __html: output,
+        };
+    }
+    else {
+        children = output;
+    }
+    if (tag || !encode) {
+        return react_1.default.createElement(tag || 'span', htmlProps, children);
+    }
+    else {
+        return react_1.default.createElement(react_1.default.Fragment, null, children);
+    }
+}, { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentText }));
+exports.Text.displayName = 'Text';

package/dist/cjs/components/sharedTypes/components.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_EXPORT_NAME = void 0;
-/**
- * SXA uses custom default export name
- */
-exports.DEFAULT_EXPORT_NAME = 'Default';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_EXPORT_NAME = void 0;
+/**
+ * SXA uses custom default export name
+ */
+exports.DEFAULT_EXPORT_NAME = 'Default';

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

@@ -1,18 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
-__exportStar(require("./props"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./props"), exports);

package/dist/cjs/components/sharedTypes/props.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/enhancers/withAppPlaceholder.js

@@ -1,21 +1,21 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withAppPlaceholder = void 0;
-const react_1 = __importDefault(require("react"));
-const AppPlaceholder_1 = require("../components/Placeholder/AppPlaceholder");
-const withAppPlaceholder = (Component) => {
-    return (props) => {
-        const placeholders = props.rendering.placeholders;
-        const phProps = {};
-        for (const placeholder of Object.keys(placeholders)) {
-            phProps[placeholder] = (react_1.default.createElement(AppPlaceholder_1.AppPlaceholder, { name: placeholder, rendering: props.rendering, componentMap: props.componentMap, page: props.page }));
-        }
-        const displayName = Component.displayName || Component.name || 'Component';
-        const propsCopy = Object.assign(Object.assign({}, props), { displayName });
-        return react_1.default.createElement(Component, Object.assign({}, propsCopy, { placeholders: phProps }));
-    };
-};
-exports.withAppPlaceholder = withAppPlaceholder;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withAppPlaceholder = void 0;
+const react_1 = __importDefault(require("react"));
+const AppPlaceholder_1 = require("../components/Placeholder/AppPlaceholder");
+const withAppPlaceholder = (Component) => {
+    return (props) => {
+        const placeholders = props.rendering.placeholders || {};
+        const phProps = {};
+        for (const placeholder of Object.keys(placeholders)) {
+            phProps[placeholder] = (react_1.default.createElement(AppPlaceholder_1.AppPlaceholder, { name: placeholder, rendering: props.rendering, componentMap: props.componentMap, page: props.page }));
+        }
+        const displayName = Component.displayName || Component.name || 'Component';
+        const propsCopy = Object.assign(Object.assign({}, props), { displayName });
+        return react_1.default.createElement(Component, Object.assign({}, propsCopy, { placeholders: phProps }));
+    };
+};
+exports.withAppPlaceholder = withAppPlaceholder;

package/dist/cjs/enhancers/withComponentMap.js

@@ -1,24 +1,24 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withComponentMap = withComponentMap;
-const react_1 = __importDefault(require("react"));
-const SitecoreProvider_1 = require("../components/SitecoreProvider");
-const react_2 = require("react");
-/**
- * @param {React.ComponentClass<T> | React.FC<T>} Component
- */
-function withComponentMap(Component) {
-    /**
-     * @param {T} props - props to pass to the wrapped component
-     * @returns {JSX.Element} - the rendered component
-     */
-    function WithComponentMap(props) {
-        const context = (0, react_2.useContext)(SitecoreProvider_1.ComponentMapReactContext);
-        return react_1.default.createElement(Component, Object.assign({}, props, { componentMap: props.componentMap || context }));
-    }
-    WithComponentMap.displayName = `withComponentMap(${Component.displayName || Component.name || 'Anonymous'})`;
-    return WithComponentMap;
-}
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withComponentMap = withComponentMap;
+const react_1 = __importDefault(require("react"));
+const SitecoreProvider_1 = require("../components/SitecoreProvider");
+const react_2 = require("react");
+/**
+ * @param {React.ComponentClass<T> | React.FC<T>} Component
+ */
+function withComponentMap(Component) {
+    /**
+     * @param {T} props - props to pass to the wrapped component
+     * @returns {JSX.Element} - the rendered component
+     */
+    function WithComponentMap(props) {
+        const context = (0, react_2.useContext)(SitecoreProvider_1.ComponentMapReactContext);
+        return react_1.default.createElement(Component, Object.assign({}, props, { componentMap: props.componentMap || context }));
+    }
+    WithComponentMap.displayName = `withComponentMap(${Component.displayName || Component.name || 'Anonymous'})`;
+    return WithComponentMap;
+}

package/dist/cjs/enhancers/withDatasourceCheck.js

@@ -1,30 +1,31 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultEditingError = void 0;
-exports.withDatasourceCheck = withDatasourceCheck;
-const react_1 = __importDefault(require("react"));
-const withSitecore_1 = require("./withSitecore");
-const DefaultEditingError = () => (react_1.default.createElement("div", { className: "sc-jss-editing-error", role: "alert" }, "Datasource is required. Please choose a content item for this component."));
-exports.DefaultEditingError = DefaultEditingError;
-/**
- * Checks whether a Sitecore datasource is present and renders appropriately depending on page mode (normal vs editing).
- * @param {WithDatasourceCheckOptions} [options]
- * @returns
- *  The wrapped component, if a datasource is present.
- *  A null component (in normal mode) or an error component (in editing mode), if a datasource is not present.
- */
-function withDatasourceCheck(options) {
-    return function withDatasourceCheckHoc(Component) {
-        return function WithDatasourceCheck(props) {
-            var _a, _b;
-            const { page } = (0, withSitecore_1.useSitecore)();
-            const EditingError = (_a = options === null || options === void 0 ? void 0 : options.editingErrorComponent) !== null && _a !== void 0 ? _a : exports.DefaultEditingError;
-            // If the component is rendered in DesignLibrary, we don't need to check for datasource
-            const isDesignLibrary = page.mode.isDesignLibrary;
-            return isDesignLibrary || ((_b = props.rendering) === null || _b === void 0 ? void 0 : _b.dataSource) ? (react_1.default.createElement(Component, Object.assign({}, props))) : page.mode.isEditing ? (react_1.default.createElement(EditingError, null)) : null;
-        };
-    };
-}
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultEditingError = void 0;
+exports.withDatasourceCheck = withDatasourceCheck;
+const react_1 = __importDefault(require("react"));
+const withSitecore_1 = require("./withSitecore");
+const DefaultEditingError = () => (react_1.default.createElement("div", { className: "sc-jss-editing-error", role: "alert" }, "Datasource is required. Please choose a content item for this component."));
+exports.DefaultEditingError = DefaultEditingError;
+/**
+ * Checks whether a Sitecore datasource is present and renders appropriately depending on page mode (normal vs editing).
+ * @param {WithDatasourceCheckOptions} [options]
+ * @returns
+ *  The wrapped component, if a datasource is present.
+ *  A null component (in normal mode) or an error component (in editing mode), if a datasource is not present.
+ * @public
+ */
+function withDatasourceCheck(options) {
+    return function withDatasourceCheckHoc(Component) {
+        return function WithDatasourceCheck(props) {
+            var _a, _b;
+            const { page } = (0, withSitecore_1.useSitecore)();
+            const EditingError = (_a = options === null || options === void 0 ? void 0 : options.editingErrorComponent) !== null && _a !== void 0 ? _a : exports.DefaultEditingError;
+            // If the component is rendered in DesignLibrary, we don't need to check for datasource
+            const isDesignLibrary = page.mode.isDesignLibrary;
+            return isDesignLibrary || ((_b = props.rendering) === null || _b === void 0 ? void 0 : _b.dataSource) ? (react_1.default.createElement(Component, Object.assign({}, props))) : page.mode.isEditing ? (react_1.default.createElement(EditingError, null)) : null;
+        };
+    };
+}