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

package/README.md

@@ -1,11 +1,11 @@
-# Sitecore Content SDK for React
-
-This module is provided as a part of Sitecore Content SDK. It contains React components and integration for Sitecore Content SDK.
-
-<!---
-@TODO: Update link with appropriate page when avaiable
--->
-
-[Documentation](https://doc.sitecore.com/xmc/en/developers/content-sdk/creating-a-content-sdk-app.html)
-
-[API reference documentation](/ref-docs/react/)
+# Sitecore Content SDK for React
+
+This module is provided as a part of Sitecore Content SDK. It contains React components and integration for Sitecore Content SDK.
+
+<!---
+@TODO: Update link with appropriate page when avaiable
+-->
+
+[Documentation](https://doc.sitecore.com/xmc/en/developers/content-sdk/creating-a-content-sdk-app.html)
+
+[API reference documentation](/ref-docs/react/)

package/dist/cjs/components/ClientEditingChromesUpdate.js

@@ -1,52 +1,53 @@
-"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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClientEditingChromesUpdate = void 0;
-const editing_1 = require("@sitecore-content-sdk/core/editing");
-const react_1 = __importStar(require("react"));
-/**
- * Updates editing chromes in app router / RSC context.
- * This ensures all the relevant Pages editing markup is applied once all client components are loaded.
- */
-const ClientEditingChromesUpdate = () => {
-    (0, react_1.useEffect)(() => {
-        if ((0, editing_1.isEditorActive)()) {
-            (0, editing_1.resetEditorChromes)();
-        }
-    }, []);
-    return react_1.default.createElement(react_1.default.Fragment, null);
-};
-exports.ClientEditingChromesUpdate = ClientEditingChromesUpdate;
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientEditingChromesUpdate = void 0;
+const editing_1 = require("@sitecore-content-sdk/core/editing");
+const react_1 = __importStar(require("react"));
+/**
+ * Updates editing chromes in app router / RSC context.
+ * This ensures all the relevant Pages editing markup is applied once all client components are loaded.
+ * @public
+ */
+const ClientEditingChromesUpdate = () => {
+    (0, react_1.useEffect)(() => {
+        if ((0, editing_1.isEditorActive)()) {
+            (0, editing_1.resetEditorChromes)();
+        }
+    }, []);
+    return react_1.default.createElement(react_1.default.Fragment, null);
+};
+exports.ClientEditingChromesUpdate = ClientEditingChromesUpdate;

package/dist/cjs/components/Date.js

@@ -1,45 +1,49 @@
-"use strict";
-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.DateField = 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.DateField = (0, withFieldMetadata_1.withFieldMetadata)((0, withEmptyFieldEditingComponent_1.withEmptyFieldEditingComponent)(
-// eslint-disable-next-line no-unused-vars
-(_a) => {
-    var { field, tag, editable = true, render } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "render"]);
-    if ((0, layout_1.isFieldValueEmpty)(field)) {
-        return null;
-    }
-    let children;
-    const htmlProps = Object.assign({}, otherProps);
-    if (render) {
-        children = render(field.value ? new Date(field.value) : null);
-    }
-    else {
-        children = field.value;
-    }
-    if (tag) {
-        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.DateField.displayName = 'Date';
+"use strict";
+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.DateField = 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 DateField component.
+ * @public
+ */
+exports.DateField = (0, withFieldMetadata_1.withFieldMetadata)((0, withEmptyFieldEditingComponent_1.withEmptyFieldEditingComponent)(
+// eslint-disable-next-line no-unused-vars
+(_a) => {
+    var { field, tag, editable = true, render } = _a, otherProps = __rest(_a, ["field", "tag", "editable", "render"]);
+    if ((0, layout_1.isFieldValueEmpty)(field)) {
+        return null;
+    }
+    let children;
+    const htmlProps = Object.assign({}, otherProps);
+    if (render) {
+        children = render(field.value ? new Date(field.value) : null);
+    }
+    else {
+        children = field.value;
+    }
+    if (tag) {
+        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.DateField.displayName = 'Date';

package/dist/cjs/components/DefaultEmptyFieldEditingComponents.js

@@ -1,22 +1,32 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultEmptyFieldEditingComponentImage = exports.DefaultEmptyFieldEditingComponentText = void 0;
-const react_1 = __importDefault(require("react"));
-const DefaultEmptyFieldEditingComponentText = (props) => {
-    return react_1.default.createElement(props.tag || 'span', props, '[No text in field]');
-};
-exports.DefaultEmptyFieldEditingComponentText = DefaultEmptyFieldEditingComponentText;
-const DefaultEmptyFieldEditingComponentImage = (props) => {
-    const inlineStyles = {
-        minWidth: '48px',
-        minHeight: '48px',
-        maxWidth: '400px',
-        maxHeight: '400px',
-        cursor: 'pointer',
-    };
-    return (react_1.default.createElement("img", Object.assign({}, props, { alt: "", src: 'data:image/svg+xml,%3Csvg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240" style="enable-background:new 0 0 240 240;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23969696;%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%23FFFFFF;stroke:%23FFFFFF;stroke-width:0.75;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Crect class="st0" width="240" height="240"/%3E%3Cg%3E%3Cg%3E%3Crect x="20" y="20" class="st1" width="200" height="200"/%3E%3C/g%3E%3Cg%3E%3Ccircle class="st2" cx="174" cy="67" r="14"/%3E%3Cpath class="st2" d="M174,54c7.17,0,13,5.83,13,13s-5.83,13-13,13s-13-5.83-13-13S166.83,54,174,54 M174,52 c-8.28,0-15,6.72-15,15s6.72,15,15,15s15-6.72,15-15S182.28,52,174,52L174,52z"/%3E%3C/g%3E%3Cpolyline class="st3" points="29.5,179.25 81.32,122.25 95.41,137.75 137.23,91.75 209.5,179.75 "/%3E%3C/g%3E%3C/g%3E%3C/svg%3E', className: `scEmptyImage ${props.className || ''}`, style: inlineStyles })));
-};
-exports.DefaultEmptyFieldEditingComponentImage = DefaultEmptyFieldEditingComponentImage;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultEmptyFieldEditingComponentImage = exports.DefaultEmptyFieldEditingComponentText = void 0;
+const react_1 = __importDefault(require("react"));
+/**
+ * The DefaultEmptyFieldEditingComponentText component.
+ * @param {object} props - The props for the component.
+ * @public
+ */
+const DefaultEmptyFieldEditingComponentText = (props) => {
+    return react_1.default.createElement(props.tag || 'span', props, '[No text in field]');
+};
+exports.DefaultEmptyFieldEditingComponentText = DefaultEmptyFieldEditingComponentText;
+/**
+ * The DefaultEmptyFieldEditingComponentImage component.
+ * @param {object} props - The props for the component.
+ * @public
+ */
+const DefaultEmptyFieldEditingComponentImage = (props) => {
+    const inlineStyles = {
+        minWidth: '48px',
+        minHeight: '48px',
+        maxWidth: '400px',
+        maxHeight: '400px',
+        cursor: 'pointer',
+    };
+    return (react_1.default.createElement("img", Object.assign({}, props, { alt: "", src: 'data:image/svg+xml,%3Csvg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240" style="enable-background:new 0 0 240 240;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23969696;%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%23FFFFFF;stroke:%23FFFFFF;stroke-width:0.75;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Crect class="st0" width="240" height="240"/%3E%3Cg%3E%3Cg%3E%3Crect x="20" y="20" class="st1" width="200" height="200"/%3E%3C/g%3E%3Cg%3E%3Ccircle class="st2" cx="174" cy="67" r="14"/%3E%3Cpath class="st2" d="M174,54c7.17,0,13,5.83,13,13s-5.83,13-13,13s-13-5.83-13-13S166.83,54,174,54 M174,52 c-8.28,0-15,6.72-15,15s6.72,15,15,15s15-6.72,15-15S182.28,52,174,52L174,52z"/%3E%3C/g%3E%3Cpolyline class="st3" points="29.5,179.25 81.32,122.25 95.41,137.75 137.23,91.75 209.5,179.75 "/%3E%3C/g%3E%3C/g%3E%3C/svg%3E', className: `scEmptyImage ${props.className || ''}`, style: inlineStyles })));
+};
+exports.DefaultEmptyFieldEditingComponentImage = DefaultEmptyFieldEditingComponentImage;