@contentful/field-editor-rich-text 3.14.2 → 3.15.0

package/dist/cjs/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.js

@@ -13,6 +13,7 @@ const _f36components = require("@contentful/f36-components");
 const _fieldeditorreference = require("@contentful/field-editor-reference");
 const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _richtexttypes = require("@contentful/rich-text-types");
+const _utils = require("../../plugins/shared/utils");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -84,11 +85,12 @@ function FetchingWrappedResourceInlineCard(props) {
         localeCode: defaultLocaleCode,
         defaultTitle: 'Untitled'
     });
-    const status = getEntryStatus(entry?.sys);
+    const truncatedTitle = (0, _utils.truncateTitle)(title, 40);
+    const status = getEntryStatus(entry.sys);
     return _react.createElement(_f36components.InlineEntryCard, {
         testId: _richtexttypes.INLINES.EMBEDDED_RESOURCE,
         isSelected: props.isSelected,
-        title: `${data.contentType.name}: ${title} (Space: ${space.name})`,
+        title: `${contentType.name}: ${truncatedTitle} (Space: ${space.name} – Env.: ${entry.sys.environment.sys.id})`,
         status: status,
         actions: [
             _react.createElement(_f36components.MenuItem, {

package/dist/cjs/plugins/Hyperlink/components/UrlHyperlink.js

@@ -72,10 +72,11 @@ function UrlHyperlink(props) {
         (0, _HyperlinkModal.addOrEditLink)(editor, sdk, editor.tracking.onViewportAction, p?.path);
     }
     return _react.createElement(_f36components.Tooltip, {
+        usePortal: true,
         content: uri,
         targetWrapperClassName: _styles.styles.hyperlinkWrapper,
         placement: "bottom",
-        maxWidth: "auto"
+        maxWidth: "min-content"
     }, _react.createElement(_f36components.TextLink, {
         as: "a",
         href: uri,

package/dist/cjs/plugins/Hyperlink/useResourceEntityInfo.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "useResourceEntityInfo", {
 });
 const _react = _interop_require_wildcard(require("react"));
 const _fieldeditorreference = require("@contentful/field-editor-reference");
-const _utils = require("./utils");
+const _utils = require("../../plugins/shared/utils");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();

package/dist/cjs/plugins/Hyperlink/utils.js

@@ -12,9 +12,6 @@ _export(exports, {
     hasText: function() {
         return hasText;
     },
-    truncateTitle: function() {
-        return truncateTitle;
-    },
     getEntityInfo: function() {
         return getEntityInfo;
     }
@@ -22,22 +19,17 @@ _export(exports, {
 const _fieldeditorreference = require("@contentful/field-editor-reference");
 const _platecommon = require("@udecode/plate-common");
 const _queries = require("../../internal/queries");
+const _utils = require("../../plugins/shared/utils");
 const hasText = (editor, entry)=>{
     const [node, path] = entry;
     return !(0, _platecommon.isAncestorEmpty)(editor, node) && (0, _queries.getText)(editor, path).trim() !== '';
 };
-function truncateTitle(str, length) {
-    if (typeof str === 'string' && str.length > length) {
-        return str && str.substr(0, length + 1).replace(/(\s+\S(?=\S)|\s*)\.?.$/, '…');
-    }
-    return str;
-}
 function getEntityInfo(data) {
     if (!data) {
         return '';
     }
     const { entityTitle , contentTypeName , entityStatus , jobs  } = data;
-    const title = truncateTitle(entityTitle, 60) || 'Untitled';
+    const title = (0, _utils.truncateTitle)(entityTitle, 60) || 'Untitled';
     const scheduledActions = jobs.length > 0 ? (0, _fieldeditorreference.getScheduleTooltipContent)({
         job: jobs[0],
         jobsCount: jobs.length

package/dist/cjs/plugins/shared/utils.js

@@ -2,11 +2,25 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "getLinkEntityId", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getLinkEntityId: function() {
         return getLinkEntityId;
+    },
+    truncateTitle: function() {
+        return truncateTitle;
     }
 });
 const isResourceLink = (link)=>!!link.sys.urn;
 const getLinkEntityId = (link)=>isResourceLink(link) ? link.sys.urn : link.sys.id;
+function truncateTitle(str, length) {
+    if (typeof str === 'string' && str.length > length) {
+        return str && str.substr(0, length + 1).replace(/(\s+\S(?=\S)|\s*)\.?.$/, '…');
+    }
+    return str;
+}

package/dist/esm/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.js

@@ -3,6 +3,7 @@ import { InlineEntryCard, MenuItem, Text } from '@contentful/f36-components';
 import { useResource } from '@contentful/field-editor-reference';
 import { entityHelpers } from '@contentful/field-editor-shared';
 import { INLINES } from '@contentful/rich-text-types';
+import { truncateTitle } from '../../plugins/shared/utils';
 const { getEntryTitle , getEntryStatus  } = entityHelpers;
 export function FetchingWrappedResourceInlineCard(props) {
     const { link , onEntityFetchComplete  } = props;
@@ -35,11 +36,12 @@ export function FetchingWrappedResourceInlineCard(props) {
         localeCode: defaultLocaleCode,
         defaultTitle: 'Untitled'
     });
-    const status = getEntryStatus(entry?.sys);
+    const truncatedTitle = truncateTitle(title, 40);
+    const status = getEntryStatus(entry.sys);
     return React.createElement(InlineEntryCard, {
         testId: INLINES.EMBEDDED_RESOURCE,
         isSelected: props.isSelected,
-        title: `${data.contentType.name}: ${title} (Space: ${space.name})`,
+        title: `${contentType.name}: ${truncatedTitle} (Space: ${space.name} – Env.: ${entry.sys.environment.sys.id})`,
         status: status,
         actions: [
             React.createElement(MenuItem, {

package/dist/esm/plugins/Hyperlink/components/UrlHyperlink.js

@@ -23,10 +23,11 @@ export function UrlHyperlink(props) {
         addOrEditLink(editor, sdk, editor.tracking.onViewportAction, p?.path);
     }
     return React.createElement(Tooltip, {
+        usePortal: true,
         content: uri,
         targetWrapperClassName: styles.hyperlinkWrapper,
         placement: "bottom",
-        maxWidth: "auto"
+        maxWidth: "min-content"
     }, React.createElement(TextLink, {
         as: "a",
         href: uri,

package/dist/esm/plugins/Hyperlink/useResourceEntityInfo.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useResource } from '@contentful/field-editor-reference';
-import { truncateTitle } from './utils';
+import { truncateTitle } from '../../plugins/shared/utils';
 export function useResourceEntityInfo({ onEntityFetchComplete , target  }) {
     const { data , error , status  } = useResource(target.sys.linkType, target.sys.urn);
     React.useEffect(()=>{

package/dist/esm/plugins/Hyperlink/utils.js

@@ -1,16 +1,11 @@
 import { getScheduleTooltipContent } from '@contentful/field-editor-reference';
 import { isAncestorEmpty } from '@udecode/plate-common';
 import { getText } from '../../internal/queries';
+import { truncateTitle } from '../../plugins/shared/utils';
 export const hasText = (editor, entry)=>{
     const [node, path] = entry;
     return !isAncestorEmpty(editor, node) && getText(editor, path).trim() !== '';
 };
-export function truncateTitle(str, length) {
-    if (typeof str === 'string' && str.length > length) {
-        return str && str.substr(0, length + 1).replace(/(\s+\S(?=\S)|\s*)\.?.$/, '…');
-    }
-    return str;
-}
 export function getEntityInfo(data) {
     if (!data) {
         return '';

package/dist/esm/plugins/shared/utils.js

@@ -1,2 +1,8 @@
 const isResourceLink = (link)=>!!link.sys.urn;
 export const getLinkEntityId = (link)=>isResourceLink(link) ? link.sys.urn : link.sys.id;
+export function truncateTitle(str, length) {
+    if (typeof str === 'string' && str.length > length) {
+        return str && str.substr(0, length + 1).replace(/(\s+\S(?=\S)|\s*)\.?.$/, '…');
+    }
+    return str;
+}

package/dist/types/plugins/Hyperlink/utils.d.ts

@@ -2,5 +2,4 @@ import { NodeEntry } from '../../internal/types';
 import { PlateEditor } from '../../internal/types';
 import { FetchedEntityData } from './useEntityInfo';
 export declare const hasText: (editor: PlateEditor, entry: NodeEntry) => boolean;
-export declare function truncateTitle(str: string, length: number): string;
 export declare function getEntityInfo(data?: FetchedEntityData): string;

package/dist/types/plugins/shared/utils.d.ts

@@ -1,2 +1,3 @@
 import { EntityLink, ResourceLink } from '@contentful/field-editor-reference';
 export declare const getLinkEntityId: (link: EntityLink | ResourceLink) => string;
+export declare function truncateTitle(str: string, length: number): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-rich-text",
-  "version": "3.14.2",
+  "version": "3.15.0",
   "source": "./src/index.tsx",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -81,5 +81,5 @@
     "prism-react-renderer": "2.0.5",
     "react": ">=16.14.0"
   },
-  "gitHead": "77b1ef646776001d2a746176bb424772a12173c6"
+  "gitHead": "b84cacd208aa4de85e3e229455642fb451137828"
 }