@universityofmaryland/web-feeds-library 1.2.3 → 1.3.0-beta.0

package/dist/strategies/display/events.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const composite = require("@universityofmaryland/web-elements-library/composite");
+const atomic = require("@universityofmaryland/web-elements-library/atomic");
+const elements = require("@universityofmaryland/web-utilities-library/elements");
+const eventsDisplayStrategy = {
+  layoutType: "grid",
+  mapEntryToCard: (entry, options) => {
+    const {
+      isThemeDark = false,
+      isTransparent = false,
+      isAligned = false,
+      imageConfig,
+      cardType = "block"
+    } = options;
+    const headline = elements.createTextWithLink({
+      text: entry.title,
+      url: entry.url
+    });
+    const text = elements.createTextContainer({
+      text: entry.summary,
+      allowHTML: true
+    });
+    const eventMeta = atomic.events.meta({
+      ...entry,
+      isThemeDark
+    });
+    const image = imageConfig ? elements.createImageOrLinkedImage(imageConfig(entry)) : void 0;
+    const dateSign = cardType === "list" ? atomic.events.sign({
+      startMonth: entry.startMonth,
+      startDay: entry.startDay,
+      endMonth: entry.endMonth,
+      endDay: entry.endDay,
+      isThemeDark,
+      isLargeSize: true
+    }) : void 0;
+    if (cardType === "list") {
+      return composite.card.list({
+        headline,
+        text,
+        eventMeta,
+        dateSign,
+        image,
+        isAligned,
+        isThemeDark
+      });
+    }
+    return composite.card.block({
+      headline,
+      text,
+      eventMeta,
+      image,
+      isAligned,
+      isTransparent,
+      isThemeDark
+    });
+  }
+};
+exports.eventsDisplayStrategy = eventsDisplayStrategy;
+//# sourceMappingURL=events.js.map

package/dist/strategies/display/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sources":["../../../source/strategies/display/events.ts"],"sourcesContent":["/**\n * Events Display Strategy\n *\n * Strategy for displaying event entries as cards.\n * Maps event data to card elements with event-specific metadata.\n *\n * @module strategies/display/events\n */\n\nimport { card } from '@universityofmaryland/web-elements-library/composite';\nimport { events as eventElements } from '@universityofmaryland/web-elements-library/atomic';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { DisplayStrategy, CardMappingOptions } from '../../factory/core/types';\nimport { ElementModel } from '../../_types';\nimport { EventEntry } from 'types/data';\n\n/**\n * Events display strategy\n *\n * Maps event entries to card elements with event metadata.\n * Supports both block and list card layouts.\n *\n * @example\n * ```typescript\n * const feed = createBaseFeed({\n *   displayStrategy: eventsDisplayStrategy,\n *   imageConfig: (entry) => ({\n *     imageUrl: entry.image[0].url,\n *     altText: entry.image[0].altText || 'Event Image',\n *     linkUrl: entry.url,\n *   }),\n *   // ...\n * });\n * ```\n */\nexport const eventsDisplayStrategy: DisplayStrategy<EventEntry> = {\n  layoutType: 'grid',\n\n  mapEntryToCard: (\n    entry: EventEntry,\n    options: CardMappingOptions,\n  ): ElementModel => {\n    const {\n      isThemeDark = false,\n      isTransparent = false,\n      isAligned = false,\n      imageConfig,\n      cardType = 'block',\n    } = options;\n\n    // Create headline\n    const headline = createTextWithLink({\n      text: entry.title,\n      url: entry.url,\n    });\n\n    // Create summary text\n    const text = createTextContainer({\n      text: entry.summary,\n      allowHTML: true,\n    });\n\n    // Create event metadata\n    // Pass all entry data to events.meta() - it will handle missing fields gracefully\n    const eventMeta = eventElements.meta({\n      ...entry,\n      isThemeDark,\n    } as any);\n\n    // Create image (if imageConfig provided)\n    const image = imageConfig\n      ? createImageOrLinkedImage(imageConfig(entry))\n      : undefined;\n\n    // Create date sign for list layout\n    const dateSign =\n      cardType === 'list'\n        ? eventElements.sign({\n            startMonth: entry.startMonth,\n            startDay: entry.startDay,\n            endMonth: entry.endMonth,\n            endDay: entry.endDay,\n            isThemeDark,\n            isLargeSize: true,\n          })\n        : undefined;\n\n    // Create card based on type\n    if (cardType === 'list') {\n      return card.list({\n        headline,\n        text,\n        eventMeta,\n        dateSign,\n        image,\n        isAligned,\n        isThemeDark,\n      });\n    }\n\n    // Default to block card\n    return card.block({\n      headline,\n      text,\n      eventMeta,\n      image,\n      isAligned,\n      isTransparent,\n      isThemeDark,\n    });\n  },\n};\n"],"names":["createTextWithLink","createTextContainer","eventElements","createImageOrLinkedImage","card"],"mappings":";;;;;AAuCO,MAAM,wBAAqD;AAAA,EAChE,YAAY;AAAA,EAEZ,gBAAgB,CACd,OACA,YACiB;AACjB,UAAM;AAAA,MACJ,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ;AAAA,MACA,WAAW;AAAA,IAAA,IACT;AAGJ,UAAM,WAAWA,SAAAA,mBAAmB;AAAA,MAClC,MAAM,MAAM;AAAA,MACZ,KAAK,MAAM;AAAA,IAAA,CACZ;AAGD,UAAM,OAAOC,SAAAA,oBAAoB;AAAA,MAC/B,MAAM,MAAM;AAAA,MACZ,WAAW;AAAA,IAAA,CACZ;AAID,UAAM,YAAYC,OAAAA,OAAc,KAAK;AAAA,MACnC,GAAG;AAAA,MACH;AAAA,IAAA,CACM;AAGR,UAAM,QAAQ,cACVC,SAAAA,yBAAyB,YAAY,KAAK,CAAC,IAC3C;AAGJ,UAAM,WACJ,aAAa,SACTD,OAAAA,OAAc,KAAK;AAAA,MACjB,YAAY,MAAM;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,QAAQ,MAAM;AAAA,MACd;AAAA,MACA,aAAa;AAAA,IAAA,CACd,IACD;AAGN,QAAI,aAAa,QAAQ;AACvB,aAAOE,UAAAA,KAAK,KAAK;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAGA,WAAOA,UAAAA,KAAK,MAAM;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH;AACF;;"}

package/dist/strategies/display/events.mjs

@@ -0,0 +1,60 @@
+import { card } from "@universityofmaryland/web-elements-library/composite";
+import { events } from "@universityofmaryland/web-elements-library/atomic";
+import { createTextWithLink, createTextContainer, createImageOrLinkedImage } from "@universityofmaryland/web-utilities-library/elements";
+const eventsDisplayStrategy = {
+  layoutType: "grid",
+  mapEntryToCard: (entry, options) => {
+    const {
+      isThemeDark = false,
+      isTransparent = false,
+      isAligned = false,
+      imageConfig,
+      cardType = "block"
+    } = options;
+    const headline = createTextWithLink({
+      text: entry.title,
+      url: entry.url
+    });
+    const text = createTextContainer({
+      text: entry.summary,
+      allowHTML: true
+    });
+    const eventMeta = events.meta({
+      ...entry,
+      isThemeDark
+    });
+    const image = imageConfig ? createImageOrLinkedImage(imageConfig(entry)) : void 0;
+    const dateSign = cardType === "list" ? events.sign({
+      startMonth: entry.startMonth,
+      startDay: entry.startDay,
+      endMonth: entry.endMonth,
+      endDay: entry.endDay,
+      isThemeDark,
+      isLargeSize: true
+    }) : void 0;
+    if (cardType === "list") {
+      return card.list({
+        headline,
+        text,
+        eventMeta,
+        dateSign,
+        image,
+        isAligned,
+        isThemeDark
+      });
+    }
+    return card.block({
+      headline,
+      text,
+      eventMeta,
+      image,
+      isAligned,
+      isTransparent,
+      isThemeDark
+    });
+  }
+};
+export {
+  eventsDisplayStrategy
+};
+//# sourceMappingURL=events.mjs.map

package/dist/strategies/display/events.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.mjs","sources":["../../../source/strategies/display/events.ts"],"sourcesContent":["/**\n * Events Display Strategy\n *\n * Strategy for displaying event entries as cards.\n * Maps event data to card elements with event-specific metadata.\n *\n * @module strategies/display/events\n */\n\nimport { card } from '@universityofmaryland/web-elements-library/composite';\nimport { events as eventElements } from '@universityofmaryland/web-elements-library/atomic';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { DisplayStrategy, CardMappingOptions } from '../../factory/core/types';\nimport { ElementModel } from '../../_types';\nimport { EventEntry } from 'types/data';\n\n/**\n * Events display strategy\n *\n * Maps event entries to card elements with event metadata.\n * Supports both block and list card layouts.\n *\n * @example\n * ```typescript\n * const feed = createBaseFeed({\n *   displayStrategy: eventsDisplayStrategy,\n *   imageConfig: (entry) => ({\n *     imageUrl: entry.image[0].url,\n *     altText: entry.image[0].altText || 'Event Image',\n *     linkUrl: entry.url,\n *   }),\n *   // ...\n * });\n * ```\n */\nexport const eventsDisplayStrategy: DisplayStrategy<EventEntry> = {\n  layoutType: 'grid',\n\n  mapEntryToCard: (\n    entry: EventEntry,\n    options: CardMappingOptions,\n  ): ElementModel => {\n    const {\n      isThemeDark = false,\n      isTransparent = false,\n      isAligned = false,\n      imageConfig,\n      cardType = 'block',\n    } = options;\n\n    // Create headline\n    const headline = createTextWithLink({\n      text: entry.title,\n      url: entry.url,\n    });\n\n    // Create summary text\n    const text = createTextContainer({\n      text: entry.summary,\n      allowHTML: true,\n    });\n\n    // Create event metadata\n    // Pass all entry data to events.meta() - it will handle missing fields gracefully\n    const eventMeta = eventElements.meta({\n      ...entry,\n      isThemeDark,\n    } as any);\n\n    // Create image (if imageConfig provided)\n    const image = imageConfig\n      ? createImageOrLinkedImage(imageConfig(entry))\n      : undefined;\n\n    // Create date sign for list layout\n    const dateSign =\n      cardType === 'list'\n        ? eventElements.sign({\n            startMonth: entry.startMonth,\n            startDay: entry.startDay,\n            endMonth: entry.endMonth,\n            endDay: entry.endDay,\n            isThemeDark,\n            isLargeSize: true,\n          })\n        : undefined;\n\n    // Create card based on type\n    if (cardType === 'list') {\n      return card.list({\n        headline,\n        text,\n        eventMeta,\n        dateSign,\n        image,\n        isAligned,\n        isThemeDark,\n      });\n    }\n\n    // Default to block card\n    return card.block({\n      headline,\n      text,\n      eventMeta,\n      image,\n      isAligned,\n      isTransparent,\n      isThemeDark,\n    });\n  },\n};\n"],"names":["eventElements"],"mappings":";;;AAuCO,MAAM,wBAAqD;AAAA,EAChE,YAAY;AAAA,EAEZ,gBAAgB,CACd,OACA,YACiB;AACjB,UAAM;AAAA,MACJ,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ;AAAA,MACA,WAAW;AAAA,IAAA,IACT;AAGJ,UAAM,WAAW,mBAAmB;AAAA,MAClC,MAAM,MAAM;AAAA,MACZ,KAAK,MAAM;AAAA,IAAA,CACZ;AAGD,UAAM,OAAO,oBAAoB;AAAA,MAC/B,MAAM,MAAM;AAAA,MACZ,WAAW;AAAA,IAAA,CACZ;AAID,UAAM,YAAYA,OAAc,KAAK;AAAA,MACnC,GAAG;AAAA,MACH;AAAA,IAAA,CACM;AAGR,UAAM,QAAQ,cACV,yBAAyB,YAAY,KAAK,CAAC,IAC3C;AAGJ,UAAM,WACJ,aAAa,SACTA,OAAc,KAAK;AAAA,MACjB,YAAY,MAAM;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,QAAQ,MAAM;AAAA,MACd;AAAA,MACA,aAAa;AAAA,IAAA,CACd,IACD;AAGN,QAAI,aAAa,QAAQ;AACvB,aAAO,KAAK,KAAK;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAGA,WAAO,KAAK,MAAM;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH;AACF;"}

package/dist/strategies/display/experts.d.ts

@@ -0,0 +1,19 @@
+import { DisplayStrategy } from '../../factory/core/types';
+import { ExpertEntry } from '../../types/data';
+export declare const buildFullName: (entry: ExpertEntry) => string;
+export declare const mapExpertToBioProps: (entry: ExpertEntry, displayType: "small" | "full", isThemeDark?: boolean) => {
+    name: HTMLElement | null;
+    pronouns: HTMLElement | null;
+    job: HTMLElement | null;
+    association: HTMLElement | null;
+    email: HTMLElement | null;
+    linkedin: HTMLElement | null;
+    phone: null;
+    address: null;
+    additionalContact: null;
+    image: HTMLAnchorElement | HTMLImageElement | null;
+    description: HTMLElement | null;
+    isThemeDark: boolean;
+};
+export declare const expertsDisplayStrategy: DisplayStrategy<ExpertEntry>;
+//# sourceMappingURL=experts.d.ts.map

package/dist/strategies/display/experts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"experts.d.ts","sourceRoot":"","sources":["../../../source/strategies/display/experts.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,eAAe,EAAsB,MAAM,0BAA0B,CAAC;AAE/E,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAqFzC,eAAO,MAAM,aAAa,GAAI,OAAO,WAAW,KAAG,MAUlD,CAAC;AAqZF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,WAAW,EAClB,aAAa,OAAO,GAAG,MAAM,EAC7B,cAAa,OAAe;;;;;;;;;;;;;CAmC7B,CAAC;AAqBF,eAAO,MAAM,sBAAsB,EAAE,eAAe,CAAC,WAAW,CAwB/D,CAAC"}

package/dist/strategies/display/experts.js

@@ -0,0 +1,266 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const composite = require("@universityofmaryland/web-elements-library/composite");
+const elements = require("@universityofmaryland/web-utilities-library/elements");
+const CONTACT_CONFIGS = [
+  {
+    key: "email",
+    label: () => "Email",
+    url: (value) => `mailto:${value}`
+  },
+  {
+    key: "website",
+    label: (value) => value,
+    url: (value) => value
+  },
+  {
+    key: "linkedin",
+    label: (value) => value,
+    url: (value) => value
+  },
+  {
+    key: "twitter",
+    label: (value) => value,
+    url: (value) => value
+  }
+];
+const buildFullName = (entry) => {
+  const parts = [
+    entry.prefix,
+    entry.firstName,
+    entry.middleName,
+    entry.lastName,
+    entry.suffix
+  ].filter(Boolean);
+  return parts.join(" ");
+};
+const buildProfileUrl = (entry) => {
+  return `https://umdrightnow.umd.edu/expert/${entry.slug}`;
+};
+const extractPrimaryJobTitle = (entry) => {
+  return entry.organizations?.[0]?.jobs?.[0]?.title || null;
+};
+const extractPrimaryAssociation = (entry) => {
+  const campusUnit = entry.organizations?.[0]?.jobs?.[0]?.campusUnits?.[0];
+  if (!campusUnit) return null;
+  return {
+    title: campusUnit.title,
+    url: campusUnit.link?.url
+  };
+};
+const extractImageData = (entry, fullName) => {
+  const headshotUrl = entry.headshot?.[0]?.url;
+  if (!headshotUrl) return null;
+  return {
+    url: headshotUrl,
+    altText: fullName
+  };
+};
+const extractContactData = (entry) => {
+  return {
+    email: entry.email || null,
+    website: entry.website || null,
+    linkedin: entry.linkedin || null,
+    twitter: entry.twitter || null
+  };
+};
+const extractDescription = (entry, displayType) => {
+  return entry.summary?.html || null;
+};
+const extractPronouns = (entry) => {
+  return entry.pronouns || null;
+};
+const createNameElement = (fullName, url, containerTag) => {
+  return elements.createTextWithLink({
+    text: fullName,
+    url,
+    containerTag
+  });
+};
+const createJobElement = (jobTitle) => {
+  if (!jobTitle) return null;
+  return elements.createTextContainer({ text: jobTitle });
+};
+const createAssociationElement = (association) => {
+  if (!association) return null;
+  if (association.url) {
+    return elements.createTextWithLink({
+      text: association.title,
+      url: association.url
+    });
+  }
+  return elements.createTextContainer({ text: association.title });
+};
+const createImageElement = (imageData, linkUrl, linkLabel) => {
+  if (!imageData) return null;
+  return elements.createImageOrLinkedImage({
+    imageUrl: imageData.url,
+    altText: imageData.altText,
+    linkUrl,
+    linkLabel
+  });
+};
+const createDescriptionElement = (description) => {
+  if (!description) return null;
+  return elements.createTextContainer({ text: description, allowHTML: true });
+};
+const createPronounsElement = (pronouns) => {
+  if (!pronouns) return null;
+  return elements.createTextContainer({ text: pronouns });
+};
+const createContactElements = (contactData) => {
+  return CONTACT_CONFIGS.reduce(
+    (elements$1, config) => {
+      const value = contactData[config.key];
+      if (!value) return elements$1;
+      const element = elements.createTextWithLink({
+        text: config.label(value),
+        url: config.url(value)
+      });
+      elements$1[config.key] = element;
+      return elements$1;
+    },
+    {}
+  );
+};
+const createBlockCardProps = (entry, options) => {
+  const { isThemeDark = false } = options;
+  const fullName = buildFullName(entry);
+  const profileUrl = buildProfileUrl(entry);
+  const jobTitle = extractPrimaryJobTitle(entry);
+  const association = extractPrimaryAssociation(entry);
+  const imageData = extractImageData(entry, fullName);
+  const pronouns = extractPronouns(entry);
+  const name = createNameElement(fullName, profileUrl);
+  const job = createJobElement(jobTitle);
+  const associationElement = createAssociationElement(association);
+  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);
+  const pronounsElement = createPronounsElement(pronouns);
+  return composite.person.block({
+    name,
+    pronouns: pronounsElement,
+    job,
+    association: associationElement,
+    image,
+    isThemeDark
+  });
+};
+const createListCardProps = (entry, options) => {
+  const { isThemeDark = false } = options;
+  const fullName = buildFullName(entry);
+  const profileUrl = buildProfileUrl(entry);
+  const jobTitle = extractPrimaryJobTitle(entry);
+  const association = extractPrimaryAssociation(entry);
+  const imageData = extractImageData(entry, fullName);
+  const pronouns = extractPronouns(entry);
+  const name = createNameElement(fullName, profileUrl);
+  const job = createJobElement(jobTitle);
+  const associationElement = createAssociationElement(association);
+  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);
+  const pronounsElement = createPronounsElement(pronouns);
+  return composite.person.list({
+    name,
+    pronouns: pronounsElement,
+    job,
+    association: associationElement,
+    image,
+    isThemeDark
+  });
+};
+const createTabularCardProps = (entry, options) => {
+  const { isThemeDark = false } = options;
+  const fullName = buildFullName(entry);
+  const profileUrl = buildProfileUrl(entry);
+  const jobTitle = extractPrimaryJobTitle(entry);
+  const association = extractPrimaryAssociation(entry);
+  const imageData = extractImageData(entry, fullName);
+  const contactData = extractContactData(entry);
+  const pronouns = extractPronouns(entry);
+  const name = createNameElement(fullName, profileUrl);
+  const job = createJobElement(jobTitle);
+  const associationElement = createAssociationElement(association);
+  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);
+  const contactElements = createContactElements(contactData);
+  const pronounsElement = createPronounsElement(pronouns);
+  return composite.person.tabular({
+    name,
+    pronouns: pronounsElement,
+    job,
+    association: associationElement,
+    image,
+    ...contactElements,
+    isThemeDark
+  });
+};
+const createOverlayCardProps = (entry, options) => {
+  const { isThemeDark = false } = options;
+  const fullName = buildFullName(entry);
+  const profileUrl = buildProfileUrl(entry);
+  const jobTitle = extractPrimaryJobTitle(entry);
+  const imageData = extractImageData(entry, fullName);
+  const headline = createNameElement(fullName, profileUrl);
+  const text = createJobElement(jobTitle);
+  const backgroundImage = createImageElement(
+    imageData,
+    profileUrl,
+    `View profile for ${fullName}`
+  );
+  return composite.card.overlay.image({
+    headline,
+    text,
+    backgroundImage,
+    isThemeDark
+  });
+};
+const mapExpertToBioProps = (entry, displayType, isThemeDark = false) => {
+  const fullName = buildFullName(entry);
+  const profileUrl = buildProfileUrl(entry);
+  const jobTitle = extractPrimaryJobTitle(entry);
+  const association = extractPrimaryAssociation(entry);
+  const imageData = extractImageData(entry, fullName);
+  const contactData = extractContactData(entry);
+  const description = extractDescription(entry);
+  const pronouns = extractPronouns(entry);
+  const name = createNameElement(fullName, profileUrl, "h1");
+  const job = createJobElement(jobTitle);
+  const associationElement = createAssociationElement(association);
+  const image = createImageElement(imageData);
+  const descriptionElement = createDescriptionElement(description);
+  const contactElements = createContactElements(contactData);
+  const pronounsElement = createPronounsElement(pronouns);
+  return {
+    name,
+    pronouns: pronounsElement,
+    job,
+    association: associationElement,
+    email: contactElements.email || null,
+    linkedin: contactElements.linkedin || null,
+    phone: null,
+    address: null,
+    additionalContact: null,
+    image,
+    description: descriptionElement,
+    isThemeDark
+  };
+};
+const expertsDisplayStrategy = {
+  layoutType: "list",
+  mapEntryToCard: (entry, options) => {
+    const { isOverlay = false, cardType = "block" } = options;
+    if (isOverlay && entry.headshot?.[0]?.url) {
+      return createOverlayCardProps(entry, options);
+    }
+    switch (cardType) {
+      case "list":
+        return createListCardProps(entry, options);
+      case "tabular":
+        return createTabularCardProps(entry, options);
+      default:
+        return createBlockCardProps(entry, options);
+    }
+  }
+};
+exports.buildFullName = buildFullName;
+exports.expertsDisplayStrategy = expertsDisplayStrategy;
+exports.mapExpertToBioProps = mapExpertToBioProps;
+//# sourceMappingURL=experts.js.map

package/dist/strategies/display/experts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"experts.js","sources":["../../../source/strategies/display/experts.ts"],"sourcesContent":["/**\n * Experts Display Strategy\n *\n * Strategy for displaying expert entries using person or card elements.\n * Uses a functional composition approach with pure data extraction,\n * element creation, and card composition functions.\n *\n * @module strategies/display/experts\n */\n\nimport {\n  person,\n  card,\n} from '@universityofmaryland/web-elements-library/composite';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { DisplayStrategy, CardMappingOptions } from '../../factory/core/types';\nimport { ElementModel } from '../../_types';\nimport { ExpertEntry } from 'types/data';\n\n// ============================================================================\n// TYPE DEFINITIONS\n// ============================================================================\n\n/**\n * Contact field configuration\n */\ninterface ContactConfig {\n  key: keyof Pick<ExpertEntry, 'email' | 'website' | 'linkedin' | 'twitter'>;\n  label: (value: string) => string;\n  url: (value: string) => string;\n}\n\n/**\n * Extracted association data\n */\ninterface AssociationData {\n  title: string;\n  url?: string | null;\n}\n\n/**\n * Extracted image data\n */\ninterface ImageData {\n  url: string;\n  altText: string;\n}\n\n/**\n * Extracted contact data\n */\ninterface ContactData {\n  email?: string | null;\n  website?: string | null;\n  linkedin?: string | null;\n  twitter?: string | null;\n}\n\n// ============================================================================\n// CONSTANTS\n// ============================================================================\n\n/**\n * Contact field configuration\n *\n * Defines how each contact type should be rendered as a link.\n */\nconst CONTACT_CONFIGS: ContactConfig[] = [\n  {\n    key: 'email',\n    label: () => 'Email',\n    url: (value) => `mailto:${value}`,\n  },\n  {\n    key: 'website',\n    label: (value) => value,\n    url: (value) => value,\n  },\n  {\n    key: 'linkedin',\n    label: (value) => value,\n    url: (value) => value,\n  },\n  {\n    key: 'twitter',\n    label: (value) => value,\n    url: (value) => value,\n  },\n];\n\n// ============================================================================\n// PURE DATA EXTRACTION FUNCTIONS\n// ============================================================================\n\n/**\n * Build full name from expert entry\n *\n * Combines prefix (optional), first, middle (optional), last name, and suffix (optional).\n *\n * @param entry - Expert entry\n * @returns Full name string\n */\nexport const buildFullName = (entry: ExpertEntry): string => {\n  const parts = [\n    entry.prefix,\n    entry.firstName,\n    entry.middleName,\n    entry.lastName,\n    entry.suffix,\n  ].filter(Boolean);\n\n  return parts.join(' ');\n};\n\n/**\n * Build expert profile URL\n *\n * @param entry - Expert entry\n * @returns Profile URL string\n */\nconst buildProfileUrl = (entry: ExpertEntry): string => {\n  return `https://umdrightnow.umd.edu/expert/${entry.slug}`;\n};\n\n/**\n * Extract primary job title\n *\n * @param entry - Expert entry\n * @returns Job title string or null\n */\nconst extractPrimaryJobTitle = (entry: ExpertEntry): string | null => {\n  return entry.organizations?.[0]?.jobs?.[0]?.title || null;\n};\n\n/**\n * Extract primary association (campus unit)\n *\n * @param entry - Expert entry\n * @returns Association data or null\n */\nconst extractPrimaryAssociation = (\n  entry: ExpertEntry,\n): AssociationData | null => {\n  const campusUnit = entry.organizations?.[0]?.jobs?.[0]?.campusUnits?.[0];\n  if (!campusUnit) return null;\n\n  return {\n    title: campusUnit.title,\n    url: campusUnit.link?.url,\n  };\n};\n\n/**\n * Extract image data from headshot\n *\n * @param entry - Expert entry\n * @param fullName - Full name for alt text\n * @returns Image data or null\n */\nconst extractImageData = (\n  entry: ExpertEntry,\n  fullName: string,\n): ImageData | null => {\n  const headshotUrl = entry.headshot?.[0]?.url;\n  if (!headshotUrl) return null;\n\n  return {\n    url: headshotUrl,\n    altText: fullName,\n  };\n};\n\n/**\n * Extract contact data\n *\n * @param entry - Expert entry\n * @returns Contact data object\n */\nconst extractContactData = (entry: ExpertEntry): ContactData => {\n  return {\n    email: entry.email || null,\n    website: entry.website || null,\n    linkedin: entry.linkedin || null,\n    twitter: entry.twitter || null,\n  };\n};\n\n/**\n * Extract description based on display type\n *\n * @param entry - Expert entry\n * @param displayType - 'small' for summary, 'full' for biography\n * @returns HTML description string or null\n */\nconst extractDescription = (\n  entry: ExpertEntry,\n  displayType: 'small' | 'full',\n): string | null => {\n  if (displayType === 'full') {\n    return entry.bio?.html || null;\n  }\n  return entry.summary?.html || null;\n};\n\n/**\n * Extract pronouns\n *\n * @param entry - Expert entry\n * @returns Pronouns string or null\n */\nconst extractPronouns = (entry: ExpertEntry): string | null => {\n  return entry.pronouns || null;\n};\n\n// ============================================================================\n// ELEMENT CREATION FUNCTIONS\n// ============================================================================\n\n/**\n * Create name element with link\n *\n * @param fullName - Full name text\n * @param url - Profile URL\n * @param containerTag - HTML tag for container (default: undefined)\n * @returns Name element or null\n */\nconst createNameElement = (\n  fullName: string,\n  url: string,\n  containerTag?: 'h1' | 'h2' | 'h3',\n): HTMLElement | null => {\n  return createTextWithLink({\n    text: fullName,\n    url,\n    containerTag,\n  });\n};\n\n/**\n * Create job title element\n *\n * @param jobTitle - Job title text\n * @returns Job element or null\n */\nconst createJobElement = (jobTitle: string | null): HTMLElement | null => {\n  if (!jobTitle) return null;\n  return createTextContainer({ text: jobTitle });\n};\n\n/**\n * Create association element (with optional link)\n *\n * @param association - Association data\n * @returns Association element or null\n */\nconst createAssociationElement = (\n  association: AssociationData | null,\n): HTMLElement | null => {\n  if (!association) return null;\n\n  if (association.url) {\n    return createTextWithLink({\n      text: association.title,\n      url: association.url,\n    });\n  }\n\n  return createTextContainer({ text: association.title });\n};\n\n/**\n * Create image element (with optional link)\n *\n * @param imageData - Image data\n * @param linkUrl - Optional link URL\n * @param linkLabel - Optional link label\n * @returns Image element or null\n */\nconst createImageElement = (\n  imageData: ImageData | null,\n  linkUrl?: string,\n  linkLabel?: string,\n): HTMLImageElement | HTMLAnchorElement | null => {\n  if (!imageData) return null;\n\n  return createImageOrLinkedImage({\n    imageUrl: imageData.url,\n    altText: imageData.altText,\n    linkUrl,\n    linkLabel,\n  });\n};\n\n/**\n * Create description element\n *\n * @param description - HTML description text\n * @returns Description element or null\n */\nconst createDescriptionElement = (\n  description: string | null,\n): HTMLElement | null => {\n  if (!description) return null;\n  return createTextContainer({ text: description, allowHTML: true });\n};\n\n/**\n * Create pronouns element\n *\n * @param pronouns - Pronouns text\n * @returns Pronouns element or null\n */\nconst createPronounsElement = (pronouns: string | null): HTMLElement | null => {\n  if (!pronouns) return null;\n  return createTextContainer({ text: pronouns });\n};\n\n/**\n * Create contact elements from contact data\n *\n * @param contactData - Contact data object\n * @returns Object with contact elements keyed by contact type\n */\nconst createContactElements = (\n  contactData: ContactData,\n): { [key: string]: HTMLElement | null } => {\n  return CONTACT_CONFIGS.reduce<{ [key: string]: HTMLElement | null }>(\n    (elements, config) => {\n      const value = contactData[config.key];\n      if (!value) return elements;\n\n      const element = createTextWithLink({\n        text: config.label(value),\n        url: config.url(value),\n      });\n\n      elements[config.key] = element;\n      return elements;\n    },\n    {},\n  );\n};\n\n// ============================================================================\n// CARD COMPOSITION FUNCTIONS\n// ============================================================================\n\n/**\n * Create props for person block card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Person block card element\n */\nconst createBlockCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl);\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return person.block({\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    image,\n    isThemeDark,\n  });\n};\n\n/**\n * Create props for person list card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Person list card element\n */\nconst createListCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl);\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return person.list({\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    image,\n    isThemeDark,\n  });\n};\n\n/**\n * Create props for person tabular card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Person tabular card element\n */\nconst createTabularCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const contactData = extractContactData(entry);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl);\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);\n  const contactElements = createContactElements(contactData);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return person.tabular({\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    image,\n    ...contactElements,\n    isThemeDark,\n  });\n};\n\n/**\n * Create props for overlay card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Overlay card element\n */\nconst createOverlayCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const imageData = extractImageData(entry, fullName);\n\n  // Create elements\n  const headline = createNameElement(fullName, profileUrl);\n  const text = createJobElement(jobTitle);\n  const backgroundImage = createImageElement(\n    imageData,\n    profileUrl,\n    `View profile for ${fullName}`,\n  );\n\n  return card.overlay.image({\n    headline,\n    text,\n    backgroundImage,\n    isThemeDark,\n  });\n};\n\n/**\n * Map expert entry to PersonBio props\n *\n * Shared helper for creating PersonBio props from expert data.\n * Used by both the display strategy and bio feed for consistency.\n *\n * @param entry - Expert entry from API\n * @param displayType - 'small' for summary, 'full' for biography\n * @param isThemeDark - Dark theme flag\n * @returns Props for person.bio.full() or person.bio.small()\n *\n * @example\n * ```typescript\n * const bioProps = mapExpertToBioProps(expert, 'full', false);\n * const bioElement = person.bio.full(bioProps);\n * ```\n */\nexport const mapExpertToBioProps = (\n  entry: ExpertEntry,\n  displayType: 'small' | 'full',\n  isThemeDark: boolean = false,\n) => {\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const contactData = extractContactData(entry);\n  const description = extractDescription(entry, displayType);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl, 'h1');\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData); // No link for bio display\n  const descriptionElement = createDescriptionElement(description);\n  const contactElements = createContactElements(contactData);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return {\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    email: contactElements.email || null,\n    linkedin: contactElements.linkedin || null,\n    phone: null,\n    address: null,\n    additionalContact: null,\n    image,\n    description: descriptionElement,\n    isThemeDark,\n  };\n};\n\n// ============================================================================\n// DISPLAY STRATEGY\n// ============================================================================\n\n/**\n * Experts display strategy\n *\n * Maps expert entries to person elements for profile display.\n * Optimized for displaying faculty and expert profiles with contact\n * information and skills.\n *\n * @example\n * ```typescript\n * const feed = createBaseFeed({\n *   displayStrategy: expertsDisplayStrategy,\n *   // ...\n * });\n * ```\n */\nexport const expertsDisplayStrategy: DisplayStrategy<ExpertEntry> = {\n  layoutType: 'list',\n\n  mapEntryToCard: (\n    entry: ExpertEntry,\n    options: CardMappingOptions,\n  ): ElementModel => {\n    const { isOverlay = false, cardType = 'block' } = options;\n\n    // Handle overlay card type (requires headshot)\n    if (isOverlay && entry.headshot?.[0]?.url) {\n      return createOverlayCardProps(entry, options);\n    }\n\n    // Route to appropriate card type\n    switch (cardType) {\n      case 'list':\n        return createListCardProps(entry, options);\n      case 'tabular':\n        return createTabularCardProps(entry, options);\n      default:\n        return createBlockCardProps(entry, options);\n    }\n  },\n};\n"],"names":["createTextWithLink","createTextContainer","createImageOrLinkedImage","elements","person","card"],"mappings":"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"}