enjanga-components-library 1.0.92 → 1.0.95

package/dist/index.d.mts

@@ -239,6 +239,25 @@ declare const SmartText: ({ className, plainText, richText }: SMT_propsType) =>
 
 declare const FeatureText: ({ className, heading, smartText, headingMaxLength, plainTextMaxLength, isHidden, }: FTX_propsType) => react_jsx_runtime.JSX.Element;
 
+/** Metadata for an entry used as an inline hyperlink target. */
+interface CRT_EntryHyperlink {
+    sys: {
+        id: string;
+    };
+    /** Contentful __typename (e.g. "BlogPost", "CaseStudy", "Organization"). */
+    __typename: string;
+    slug: string;
+}
+/** Metadata for a resource (cross-space) hyperlink entry. */
+interface CRT_ResourceHyperlink {
+    sys: {
+        id: string;
+        urn: string;
+    };
+    /** Contentful __typename (e.g. "BlogPost", "CaseStudy", "Organization"). */
+    __typename: string;
+    slug: string;
+}
 interface CRT_propsType {
     className?: string;
     data?: {
@@ -258,6 +277,10 @@ interface CRT_propsType {
                     height: number;
                 }[];
             };
+            entries?: {
+                hyperlink?: CRT_EntryHyperlink[];
+                resourceHyperlink?: CRT_ResourceHyperlink[];
+            };
         };
     };
 }

package/dist/index.d.ts

@@ -239,6 +239,25 @@ declare const SmartText: ({ className, plainText, richText }: SMT_propsType) =>
 
 declare const FeatureText: ({ className, heading, smartText, headingMaxLength, plainTextMaxLength, isHidden, }: FTX_propsType) => react_jsx_runtime.JSX.Element;
 
+/** Metadata for an entry used as an inline hyperlink target. */
+interface CRT_EntryHyperlink {
+    sys: {
+        id: string;
+    };
+    /** Contentful __typename (e.g. "BlogPost", "CaseStudy", "Organization"). */
+    __typename: string;
+    slug: string;
+}
+/** Metadata for a resource (cross-space) hyperlink entry. */
+interface CRT_ResourceHyperlink {
+    sys: {
+        id: string;
+        urn: string;
+    };
+    /** Contentful __typename (e.g. "BlogPost", "CaseStudy", "Organization"). */
+    __typename: string;
+    slug: string;
+}
 interface CRT_propsType {
     className?: string;
     data?: {
@@ -258,6 +277,10 @@ interface CRT_propsType {
                     height: number;
                 }[];
             };
+            entries?: {
+                hyperlink?: CRT_EntryHyperlink[];
+                resourceHyperlink?: CRT_ResourceHyperlink[];
+            };
         };
     };
 }

package/dist/index.js

@@ -329,6 +329,20 @@ var BrandLogo = ({
   );
 };
 var BrandLogo_default = BrandLogo;
+var entryTypeToPath = (typename, slug) => {
+  const type = typename.toLowerCase();
+  if (type === "blogpost" || type === "project" || type === "casestudy") {
+    return `/case-studies/${slug}`;
+  }
+  if (type === "organization") {
+    return `/experience/${slug}`;
+  }
+  return null;
+};
+var extractEntryIdFromUrn = (urn) => {
+  const match = urn.match(/\/entries\/([^/]+)$/);
+  return match ? match[1] : null;
+};
 var isExternalLink = (url) => {
   const appDomain = "enjanga.com";
   return url.startsWith("http://") && !url.includes("localhost") || url.startsWith("https://") && !url.includes(appDomain);
@@ -447,6 +461,37 @@ var renderContentfulNode = (node, key, options = {}) => {
         key
       );
     }
+    case richTextTypes.INLINES.ENTRY_HYPERLINK: {
+      const inline = node;
+      const entryId = inline.data?.target?.sys?.id;
+      const entry = entryId ? options.entries?.[entryId] : void 0;
+      const children = inline.content.map(
+        (child, i) => renderContentfulNode(child, `${key}-entry-link-${i}`, options)
+      );
+      if (entry) {
+        const href = entryTypeToPath(entry.__typename, entry.slug);
+        if (href) {
+          return /* @__PURE__ */ jsxRuntime.jsx("a", { href, children }, key);
+        }
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { children }, key);
+    }
+    case richTextTypes.INLINES.RESOURCE_HYPERLINK: {
+      const inline = node;
+      const urn = inline.data?.target?.sys?.urn;
+      const entryId = urn ? extractEntryIdFromUrn(urn) : void 0;
+      const entry = entryId ? options.entries?.[entryId] : void 0;
+      const children = inline.content.map(
+        (child, i) => renderContentfulNode(child, `${key}-resource-link-${i}`, options)
+      );
+      if (entry) {
+        const href = entryTypeToPath(entry.__typename, entry.slug);
+        if (href) {
+          return /* @__PURE__ */ jsxRuntime.jsx("a", { href, children }, key);
+        }
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { children }, key);
+    }
     case "text": {
       const textNode = node;
       let textElement = textNode.value;
@@ -549,8 +594,15 @@ var CMSRichText = ({ data, className }) => {
   data.links?.assets.block.forEach((asset) => {
     assetsMap[asset.sys.id] = asset;
   });
+  const entriesMap = {};
+  data.links?.entries?.hyperlink?.forEach((entry) => {
+    entriesMap[entry.sys.id] = entry;
+  });
+  data.links?.entries?.resourceHyperlink?.forEach((entry) => {
+    entriesMap[entry.sys.id] = entry;
+  });
   return /* @__PURE__ */ jsxRuntime.jsx("article", { className: clsx2__default.default("enj-CMSRichText", className), children: data.json?.content?.map(
-    (node, index) => renderContentfulNode(node, `node-${index}`, { assets: assetsMap })
+    (node, index) => renderContentfulNode(node, `node-${index}`, { assets: assetsMap, entries: entriesMap })
   ) });
 };
 var CMSRichText_default = CMSRichText;
@@ -1653,6 +1705,7 @@ var TilePost = ({
   orgPictogramName
 }) => {
   const componentTitle = getHeadingContent4(featuredText);
+  const displayedOrgTitle = orgTitle.length > 30 ? `${orgTitle.slice(0, 30)}...` : orgTitle;
   const wrapperClassNames = getPostTileCSSClasses();
   const iconContent = getIconContent3({
     title: getHeadingContent4(featuredText),
@@ -1683,7 +1736,7 @@ var TilePost = ({
                 const Icon = CarbonIcons__namespace[orgPictogramName];
                 return Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { width: "1.5rem", height: "1.5rem", "aria-hidden": "true" }) : null;
               })(),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: orgTitle })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayedOrgTitle })
             ]
           }
         ),

package/dist/index.mjs

@@ -302,6 +302,20 @@ var BrandLogo = ({
   );
 };
 var BrandLogo_default = BrandLogo;
+var entryTypeToPath = (typename, slug) => {
+  const type = typename.toLowerCase();
+  if (type === "blogpost" || type === "project" || type === "casestudy") {
+    return `/case-studies/${slug}`;
+  }
+  if (type === "organization") {
+    return `/experience/${slug}`;
+  }
+  return null;
+};
+var extractEntryIdFromUrn = (urn) => {
+  const match = urn.match(/\/entries\/([^/]+)$/);
+  return match ? match[1] : null;
+};
 var isExternalLink = (url) => {
   const appDomain = "enjanga.com";
   return url.startsWith("http://") && !url.includes("localhost") || url.startsWith("https://") && !url.includes(appDomain);
@@ -420,6 +434,37 @@ var renderContentfulNode = (node, key, options = {}) => {
         key
       );
     }
+    case INLINES.ENTRY_HYPERLINK: {
+      const inline = node;
+      const entryId = inline.data?.target?.sys?.id;
+      const entry = entryId ? options.entries?.[entryId] : void 0;
+      const children = inline.content.map(
+        (child, i) => renderContentfulNode(child, `${key}-entry-link-${i}`, options)
+      );
+      if (entry) {
+        const href = entryTypeToPath(entry.__typename, entry.slug);
+        if (href) {
+          return /* @__PURE__ */ jsx("a", { href, children }, key);
+        }
+      }
+      return /* @__PURE__ */ jsx("span", { children }, key);
+    }
+    case INLINES.RESOURCE_HYPERLINK: {
+      const inline = node;
+      const urn = inline.data?.target?.sys?.urn;
+      const entryId = urn ? extractEntryIdFromUrn(urn) : void 0;
+      const entry = entryId ? options.entries?.[entryId] : void 0;
+      const children = inline.content.map(
+        (child, i) => renderContentfulNode(child, `${key}-resource-link-${i}`, options)
+      );
+      if (entry) {
+        const href = entryTypeToPath(entry.__typename, entry.slug);
+        if (href) {
+          return /* @__PURE__ */ jsx("a", { href, children }, key);
+        }
+      }
+      return /* @__PURE__ */ jsx("span", { children }, key);
+    }
     case "text": {
       const textNode = node;
       let textElement = textNode.value;
@@ -522,8 +567,15 @@ var CMSRichText = ({ data, className }) => {
   data.links?.assets.block.forEach((asset) => {
     assetsMap[asset.sys.id] = asset;
   });
+  const entriesMap = {};
+  data.links?.entries?.hyperlink?.forEach((entry) => {
+    entriesMap[entry.sys.id] = entry;
+  });
+  data.links?.entries?.resourceHyperlink?.forEach((entry) => {
+    entriesMap[entry.sys.id] = entry;
+  });
   return /* @__PURE__ */ jsx("article", { className: clsx2("enj-CMSRichText", className), children: data.json?.content?.map(
-    (node, index) => renderContentfulNode(node, `node-${index}`, { assets: assetsMap })
+    (node, index) => renderContentfulNode(node, `node-${index}`, { assets: assetsMap, entries: entriesMap })
   ) });
 };
 var CMSRichText_default = CMSRichText;
@@ -1626,6 +1678,7 @@ var TilePost = ({
   orgPictogramName
 }) => {
   const componentTitle = getHeadingContent4(featuredText);
+  const displayedOrgTitle = orgTitle.length > 30 ? `${orgTitle.slice(0, 30)}...` : orgTitle;
   const wrapperClassNames = getPostTileCSSClasses();
   const iconContent = getIconContent3({
     title: getHeadingContent4(featuredText),
@@ -1656,7 +1709,7 @@ var TilePost = ({
                 const Icon = CarbonIcons[orgPictogramName];
                 return Icon ? /* @__PURE__ */ jsx(Icon, { width: "1.5rem", height: "1.5rem", "aria-hidden": "true" }) : null;
               })(),
-              /* @__PURE__ */ jsx("span", { children: orgTitle })
+              /* @__PURE__ */ jsx("span", { children: displayedOrgTitle })
             ]
           }
         ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "enjanga-components-library",
-  "version": "1.0.92",
+  "version": "1.0.95",
   "description": "Reusable component library for Next.js 13+ projects with Carbon design system.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -123,7 +123,8 @@
     "storybook": "^8.6.14",
     "style-loader": "^4.0.0",
     "tsup": "^8.5.0",
-    "typescript": "^5.0.0"
+    "typescript": "^5.0.0",
+    "vitest": "^4.1.5"
   },
   "dependencies": {},
   "repository": {