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

package/dist/cjs/components/FEaaS/feaas-utils.js

@@ -1,144 +1,130 @@
-"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 __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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.composeComponentEndpoint = void 0;
-exports.fetchBYOCComponentServerProps = fetchBYOCComponentServerProps;
-exports.fetchFEaaSComponentServerProps = fetchFEaaSComponentServerProps;
-const FEAAS = __importStar(require("@sitecore-feaas/clientside/react"));
-/**
- * Fetches server component props required for server rendering, based on rendering params.
- * @param {BYOCComponentParams} params component params
- */
-function fetchBYOCComponentServerProps(params) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const fetchDataOptions = params.ComponentDataOverride
-            ? JSON.parse(params.ComponentDataOverride)
-            : {};
-        const fetchedData = yield FEAAS.DataSettings.fetch(fetchDataOptions || {});
-        return {
-            fetchedData,
-        };
-    });
-}
-/**
- * Fetches server component props required for server rendering, based on rendering params.
- * Component endpoint will either be retrieved from params or from endpointOverride
- * @param {FEaaSComponentParams} params component params
- * @param {boolean} [isPageStateNormal] whether page is in normal mode
- * @param {string} [endpointOverride] optional override for component endpoint
- */
-function fetchFEaaSComponentServerProps(params, isPageStateNormal, endpointOverride) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const revisionFallback = isPageStateNormal ? 'published' : 'staged';
-        const src = endpointOverride || (0, exports.composeComponentEndpoint)(params, revisionFallback);
-        let template = '';
-        let fetchedData = {};
-        const fetchDataOptions = params.ComponentDataOverride
-            ? JSON.parse(params.ComponentDataOverride)
-            : {};
-        try {
-            template = yield fetchComponentTemplate(src, params, revisionFallback);
-            fetchedData = yield fetchData(fetchDataOptions);
-        }
-        catch (e) {
-            console.error(e);
-        }
-        return {
-            fetchedData,
-            revisionFallback,
-            template,
-        };
-    });
-}
-/**
- * @param {string} src component endpoint
- * @param {FEaaSComponentParams} params rendering parameters for FEAAS component
- * @param {RevisionType} revisionFallback fallback revision to fetch if revision is absent in params
- */
-function fetchComponentTemplate(src, params, revisionFallback) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const { template } = yield FEAAS.fetchComponent(src);
-            return template;
-        }
-        catch (error) {
-            console.error(`Fetch FEAAS component from ${src} failed. Ensure the component revision "${params.ComponentRevision || revisionFallback}" is present`);
-            throw error;
-        }
-    });
-}
-/**
- * Fetches component data based on the provided data options.
- * This function asynchronously fetches data using the FEAAS.DataSettings.fetch method.
- * @param {FEAAS.DataOptions} dataOptions - Options to customize data fetching.
- * @returns {Promise<FEAAS.DataScopes>} A promise that resolves with the fetched data,
- * or rejects with an error if data fetching encounters an issue.
- * @throws {Error} If an error occurs during data fetching, it is propagated as an error.
- */
-function fetchData(dataOptions) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const fetchedData = yield FEAAS.DataSettings.fetch(dataOptions || {});
-            return fetchedData;
-        }
-        catch (error) {
-            console.error('Fetch FEAAS component data settings failed');
-            throw error;
-        }
-    });
-}
-/**
- * Build component endpoint URL from component's params
- * @param {FEaaSComponentParams} params rendering parameters for FEAAS component
- * @param {RevisionType} revisionFallback fallback revision to fetch if revision is absent in params
- * @returns component endpoint URL
- */
-const composeComponentEndpoint = (params, revisionFallback) => {
-    const revision = params.ComponentRevision || revisionFallback;
-    const hostname = params.ComponentHostName.startsWith('https://')
-        ? params.ComponentHostName
-        : `https://${params.ComponentHostName}`;
-    return `${hostname}/components/${params.LibraryId}/${params.ComponentId}/${params.ComponentVersion}/${revision}`;
-};
-exports.composeComponentEndpoint = composeComponentEndpoint;
+"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 __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.composeComponentEndpoint = void 0;
+exports.fetchBYOCComponentServerProps = fetchBYOCComponentServerProps;
+exports.fetchFEaaSComponentServerProps = fetchFEaaSComponentServerProps;
+const FEAAS = __importStar(require("@sitecore-feaas/clientside/react"));
+/**
+ * Fetches server component props required for server rendering, based on rendering params.
+ * @param {BYOCComponentParams} params component params
+ * @public
+ */
+async function fetchBYOCComponentServerProps(params) {
+    const fetchDataOptions = params.ComponentDataOverride
+        ? JSON.parse(params.ComponentDataOverride)
+        : {};
+    const fetchedData = await FEAAS.DataSettings.fetch(fetchDataOptions || {});
+    return {
+        fetchedData,
+    };
+}
+/**
+ * Fetches server component props required for server rendering, based on rendering params.
+ * Component endpoint will either be retrieved from params or from endpointOverride
+ * @param {FEaaSComponentParams} params component params
+ * @param {boolean} [isPageStateNormal] whether page is in normal mode
+ * @param {string} [endpointOverride] optional override for component endpoint
+ * @public
+ */
+async function fetchFEaaSComponentServerProps(params, isPageStateNormal, endpointOverride) {
+    const revisionFallback = isPageStateNormal ? 'published' : 'staged';
+    const src = endpointOverride || (0, exports.composeComponentEndpoint)(params, revisionFallback);
+    let template = '';
+    let fetchedData = {};
+    const fetchDataOptions = params.ComponentDataOverride
+        ? JSON.parse(params.ComponentDataOverride)
+        : {};
+    try {
+        template = await fetchComponentTemplate(src, params, revisionFallback);
+        fetchedData = await fetchData(fetchDataOptions);
+    }
+    catch (e) {
+        console.error(e);
+    }
+    return {
+        fetchedData,
+        revisionFallback,
+        template,
+    };
+}
+/**
+ * @param {string} src component endpoint
+ * @param {FEaaSComponentParams} params rendering parameters for FEAAS component
+ * @param {RevisionType} revisionFallback fallback revision to fetch if revision is absent in params
+ */
+async function fetchComponentTemplate(src, params, revisionFallback) {
+    try {
+        const { template } = await FEAAS.fetchComponent(src);
+        return template;
+    }
+    catch (error) {
+        console.error(`Fetch FEAAS component from ${src} failed. Ensure the component revision "${params.ComponentRevision || revisionFallback}" is present`);
+        throw error;
+    }
+}
+/**
+ * Fetches component data based on the provided data options.
+ * This function asynchronously fetches data using the FEAAS.DataSettings.fetch method.
+ * @param {FEAAS.DataOptions} dataOptions - Options to customize data fetching.
+ * @returns {Promise<FEAAS.DataScopes>} A promise that resolves with the fetched data,
+ * or rejects with an error if data fetching encounters an issue.
+ * @throws {Error} If an error occurs during data fetching, it is propagated as an error.
+ */
+async function fetchData(dataOptions) {
+    try {
+        const fetchedData = await FEAAS.DataSettings.fetch(dataOptions || {});
+        return fetchedData;
+    }
+    catch (error) {
+        console.error('Fetch FEAAS component data settings failed');
+        throw error;
+    }
+}
+/**
+ * Build component endpoint URL from component's params
+ * @param {FEaaSComponentParams} params rendering parameters for FEAAS component
+ * @param {RevisionType} revisionFallback fallback revision to fetch if revision is absent in params
+ * @returns component endpoint URL
+ */
+const composeComponentEndpoint = (params, revisionFallback) => {
+    var _a;
+    const revision = params.ComponentRevision || revisionFallback;
+    const hostname = ((_a = params.ComponentHostName) === null || _a === void 0 ? void 0 : _a.startsWith('https://'))
+        ? params.ComponentHostName
+        : `https://${params.ComponentHostName}`;
+    return `${hostname}/components/${params.LibraryId}/${params.ComponentId}/${params.ComponentVersion}/${revision}`;
+};
+exports.composeComponentEndpoint = composeComponentEndpoint;

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

@@ -1,21 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchBYOCComponentServerProps = exports.fetchFEaaSComponentServerProps = exports.BYOCServerWrapper = exports.FEaaSServerWrapper = exports.BYOC_WRAPPER_RENDERING_NAME = exports.FEAAS_WRAPPER_RENDERING_NAME = exports.BYOC_COMPONENT_RENDERING_NAME = exports.FEAAS_COMPONENT_RENDERING_NAME = exports.BYOCComponent = exports.BYOCWrapper = exports.FEaaSComponent = exports.FEaaSWrapper = void 0;
-var FEaaSWrapper_1 = require("./FEaaSWrapper");
-Object.defineProperty(exports, "FEaaSWrapper", { enumerable: true, get: function () { return FEaaSWrapper_1.FEaaSWrapper; } });
-Object.defineProperty(exports, "FEaaSComponent", { enumerable: true, get: function () { return FEaaSWrapper_1.FEaaSComponent; } });
-var BYOCWrapper_1 = require("./BYOCWrapper");
-Object.defineProperty(exports, "BYOCWrapper", { enumerable: true, get: function () { return BYOCWrapper_1.BYOCWrapper; } });
-Object.defineProperty(exports, "BYOCComponent", { enumerable: true, get: function () { return BYOCWrapper_1.BYOCComponent; } });
-var models_1 = require("./models");
-Object.defineProperty(exports, "FEAAS_COMPONENT_RENDERING_NAME", { enumerable: true, get: function () { return models_1.FEAAS_COMPONENT_RENDERING_NAME; } });
-Object.defineProperty(exports, "BYOC_COMPONENT_RENDERING_NAME", { enumerable: true, get: function () { return models_1.BYOC_COMPONENT_RENDERING_NAME; } });
-Object.defineProperty(exports, "FEAAS_WRAPPER_RENDERING_NAME", { enumerable: true, get: function () { return models_1.FEAAS_WRAPPER_RENDERING_NAME; } });
-Object.defineProperty(exports, "BYOC_WRAPPER_RENDERING_NAME", { enumerable: true, get: function () { return models_1.BYOC_WRAPPER_RENDERING_NAME; } });
-var FEaaSSeverWrapper_1 = require("./FEaaSSeverWrapper");
-Object.defineProperty(exports, "FEaaSServerWrapper", { enumerable: true, get: function () { return FEaaSSeverWrapper_1.FEaaSServerWrapper; } });
-var BYOCServerWrapper_1 = require("./BYOCServerWrapper");
-Object.defineProperty(exports, "BYOCServerWrapper", { enumerable: true, get: function () { return BYOCServerWrapper_1.BYOCServerWrapper; } });
-var feaas_utils_1 = require("./feaas-utils");
-Object.defineProperty(exports, "fetchFEaaSComponentServerProps", { enumerable: true, get: function () { return feaas_utils_1.fetchFEaaSComponentServerProps; } });
-Object.defineProperty(exports, "fetchBYOCComponentServerProps", { enumerable: true, get: function () { return feaas_utils_1.fetchBYOCComponentServerProps; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchBYOCComponentServerProps = exports.fetchFEaaSComponentServerProps = exports.BYOCServerWrapper = exports.FEaaSServerWrapper = exports.BYOC_WRAPPER_RENDERING_NAME = exports.FEAAS_WRAPPER_RENDERING_NAME = exports.BYOC_COMPONENT_RENDERING_NAME = exports.FEAAS_COMPONENT_RENDERING_NAME = exports.BYOCComponent = exports.BYOCWrapper = exports.FEaaSComponent = exports.FEaaSWrapper = void 0;
+var FEaaSWrapper_1 = require("./FEaaSWrapper");
+Object.defineProperty(exports, "FEaaSWrapper", { enumerable: true, get: function () { return FEaaSWrapper_1.FEaaSWrapper; } });
+Object.defineProperty(exports, "FEaaSComponent", { enumerable: true, get: function () { return FEaaSWrapper_1.FEaaSComponent; } });
+var BYOCWrapper_1 = require("./BYOCWrapper");
+Object.defineProperty(exports, "BYOCWrapper", { enumerable: true, get: function () { return BYOCWrapper_1.BYOCWrapper; } });
+Object.defineProperty(exports, "BYOCComponent", { enumerable: true, get: function () { return BYOCWrapper_1.BYOCComponent; } });
+var models_1 = require("./models");
+Object.defineProperty(exports, "FEAAS_COMPONENT_RENDERING_NAME", { enumerable: true, get: function () { return models_1.FEAAS_COMPONENT_RENDERING_NAME; } });
+Object.defineProperty(exports, "BYOC_COMPONENT_RENDERING_NAME", { enumerable: true, get: function () { return models_1.BYOC_COMPONENT_RENDERING_NAME; } });
+Object.defineProperty(exports, "FEAAS_WRAPPER_RENDERING_NAME", { enumerable: true, get: function () { return models_1.FEAAS_WRAPPER_RENDERING_NAME; } });
+Object.defineProperty(exports, "BYOC_WRAPPER_RENDERING_NAME", { enumerable: true, get: function () { return models_1.BYOC_WRAPPER_RENDERING_NAME; } });
+var FEaaSSeverWrapper_1 = require("./FEaaSSeverWrapper");
+Object.defineProperty(exports, "FEaaSServerWrapper", { enumerable: true, get: function () { return FEaaSSeverWrapper_1.FEaaSServerWrapper; } });
+var BYOCServerWrapper_1 = require("./BYOCServerWrapper");
+Object.defineProperty(exports, "BYOCServerWrapper", { enumerable: true, get: function () { return BYOCServerWrapper_1.BYOCServerWrapper; } });
+var feaas_utils_1 = require("./feaas-utils");
+Object.defineProperty(exports, "fetchFEaaSComponentServerProps", { enumerable: true, get: function () { return feaas_utils_1.fetchFEaaSComponentServerProps; } });
+Object.defineProperty(exports, "fetchBYOCComponentServerProps", { enumerable: true, get: function () { return feaas_utils_1.fetchBYOCComponentServerProps; } });

package/dist/cjs/components/FEaaS/models.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BYOC_COMPONENT_RENDERING_NAME = exports.BYOC_WRAPPER_RENDERING_NAME = exports.FEAAS_COMPONENT_RENDERING_NAME = exports.FEAAS_WRAPPER_RENDERING_NAME = void 0;
-exports.FEAAS_WRAPPER_RENDERING_NAME = 'FEaaSWrapper';
-exports.FEAAS_COMPONENT_RENDERING_NAME = 'FEaaSComponent';
-exports.BYOC_WRAPPER_RENDERING_NAME = 'BYOCWrapper';
-exports.BYOC_COMPONENT_RENDERING_NAME = 'BYOCComponent';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BYOC_COMPONENT_RENDERING_NAME = exports.BYOC_WRAPPER_RENDERING_NAME = exports.FEAAS_COMPONENT_RENDERING_NAME = exports.FEAAS_WRAPPER_RENDERING_NAME = void 0;
+exports.FEAAS_WRAPPER_RENDERING_NAME = 'FEaaSWrapper';
+exports.FEAAS_COMPONENT_RENDERING_NAME = 'FEaaSComponent';
+exports.BYOC_WRAPPER_RENDERING_NAME = 'BYOCWrapper';
+exports.BYOC_COMPONENT_RENDERING_NAME = 'BYOCComponent';

package/dist/cjs/components/FieldMetadata.js

@@ -1,29 +1,29 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldMetadata = void 0;
-const react_1 = __importDefault(require("react"));
-const editing_1 = require("@sitecore-content-sdk/core/editing");
-/**
- * The component which renders field metadata markup
- * @param {FieldMetadataProps} props the props of the component
- * @returns metadata markup wrapped around children
- */
-const FieldMetadata = (props) => {
-    const data = JSON.stringify(props.metadata);
-    const attributes = {
-        type: 'text/sitecore',
-        chrometype: 'field',
-        className: 'scpm',
-    };
-    const codeOpenAttributes = Object.assign(Object.assign({}, attributes), { kind: editing_1.MetadataKind.Open });
-    const codeCloseAttributes = Object.assign(Object.assign({}, attributes), { kind: editing_1.MetadataKind.Close });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("code", Object.assign({}, codeOpenAttributes), data),
-        props.children,
-        react_1.default.createElement("code", Object.assign({}, codeCloseAttributes))));
-};
-exports.FieldMetadata = FieldMetadata;
-exports.FieldMetadata.displayName = 'FieldMetadata';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldMetadata = void 0;
+const react_1 = __importDefault(require("react"));
+const editing_1 = require("@sitecore-content-sdk/core/editing");
+/**
+ * The component which renders field metadata markup
+ * @param {FieldMetadataProps} props the props of the component
+ * @returns metadata markup wrapped around children
+ */
+const FieldMetadata = (props) => {
+    const data = JSON.stringify(props.metadata);
+    const attributes = {
+        type: 'text/sitecore',
+        chrometype: 'field',
+        className: 'scpm',
+    };
+    const codeOpenAttributes = Object.assign(Object.assign({}, attributes), { kind: editing_1.MetadataKind.Open });
+    const codeCloseAttributes = Object.assign(Object.assign({}, attributes), { kind: editing_1.MetadataKind.Close });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("code", Object.assign({}, codeOpenAttributes), data),
+        props.children,
+        react_1.default.createElement("code", Object.assign({}, codeCloseAttributes))));
+};
+exports.FieldMetadata = FieldMetadata;
+exports.FieldMetadata.displayName = 'FieldMetadata';

package/dist/cjs/components/File.js

@@ -1,38 +1,43 @@
-"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.File = void 0;
-const layout_1 = require("@sitecore-content-sdk/core/layout");
-const react_1 = __importDefault(require("react"));
-const File = (_a) => {
-    var { field, children } = _a, otherProps = __rest(_a, ["field", "children"]);
-    const dynamicField = field;
-    if ((0, layout_1.isFieldValueEmpty)(dynamicField)) {
-        return null;
-    }
-    // handle link directly on field for forgetful devs
-    const file = (dynamicField.src ? field : dynamicField.value);
-    if (!file) {
-        return null;
-    }
-    const linkText = !children ? file.title || file.displayName : null;
-    const anchorAttrs = {
-        href: file.src,
-    };
-    return react_1.default.createElement('a', Object.assign(Object.assign({}, anchorAttrs), otherProps), linkText, children);
-};
-exports.File = File;
-exports.File.displayName = 'File';
+"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.File = void 0;
+const layout_1 = require("@sitecore-content-sdk/core/layout");
+const react_1 = __importDefault(require("react"));
+/**
+ * The File component.
+ * @param {FileProps} props component props
+ * @public
+ */
+const File = (_a) => {
+    var { field, children } = _a, otherProps = __rest(_a, ["field", "children"]);
+    const dynamicField = field;
+    if ((0, layout_1.isFieldValueEmpty)(dynamicField)) {
+        return null;
+    }
+    // handle link directly on field for forgetful devs
+    const file = (dynamicField.src ? field : dynamicField.value);
+    if (!file) {
+        return null;
+    }
+    const linkText = !children ? file.title || file.displayName : null;
+    const anchorAttrs = {
+        href: file.src,
+    };
+    return react_1.default.createElement('a', Object.assign(Object.assign({}, anchorAttrs), otherProps), linkText, children);
+};
+exports.File = File;
+exports.File.displayName = 'File';