@universityofmaryland/web-feeds-library 1.3.0-beta.0 → 1.3.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/academic.js +4 -4
- package/dist/academic.js.map +1 -1
- package/dist/events.js +10 -10
- package/dist/events.js.map +1 -1
- package/dist/experts.js +8 -8
- package/dist/experts.js.map +1 -1
- package/dist/factory/core/createBaseFeed.d.ts.map +1 -1
- package/dist/factory/core/createBaseFeed.js +19 -17
- package/dist/factory/core/createBaseFeed.js.map +1 -1
- package/dist/factory/core/types.d.ts +1 -0
- package/dist/factory/core/types.d.ts.map +1 -1
- package/dist/factory/helpers/displayHandler.js +29 -47
- package/dist/factory/helpers/displayHandler.js.map +1 -1
- package/dist/factory/helpers/feedHelpers.js +3 -3
- package/dist/factory/helpers/feedHelpers.js.map +1 -1
- package/dist/factory/helpers/fetchHandler.js +16 -33
- package/dist/factory/helpers/fetchHandler.js.map +1 -1
- package/dist/feeds/academic/index.d.ts +1 -1
- package/dist/feeds/academic/index.d.ts.map +1 -1
- package/dist/feeds/academic/slider.d.ts +1 -2
- package/dist/feeds/academic/slider.d.ts.map +1 -1
- package/dist/feeds/academic/slider.js +7 -6
- package/dist/feeds/academic/slider.js.map +1 -1
- package/dist/feeds/events/grid.d.ts +1 -2
- package/dist/feeds/events/grid.d.ts.map +1 -1
- package/dist/feeds/events/grid.js +22 -21
- package/dist/feeds/events/grid.js.map +1 -1
- package/dist/feeds/events/grouped.d.ts +1 -2
- package/dist/feeds/events/grouped.d.ts.map +1 -1
- package/dist/feeds/events/grouped.js +62 -78
- package/dist/feeds/events/grouped.js.map +1 -1
- package/dist/feeds/events/index.d.ts +4 -4
- package/dist/feeds/events/index.d.ts.map +1 -1
- package/dist/feeds/events/list.d.ts +1 -2
- package/dist/feeds/events/list.d.ts.map +1 -1
- package/dist/feeds/events/list.js +22 -21
- package/dist/feeds/events/list.js.map +1 -1
- package/dist/feeds/events/slider.d.ts +1 -2
- package/dist/feeds/events/slider.d.ts.map +1 -1
- package/dist/feeds/events/slider.js +7 -6
- package/dist/feeds/events/slider.js.map +1 -1
- package/dist/feeds/experts/_types.d.ts +2 -1
- package/dist/feeds/experts/_types.d.ts.map +1 -1
- package/dist/feeds/experts/bio.d.ts +1 -2
- package/dist/feeds/experts/bio.d.ts.map +1 -1
- package/dist/feeds/experts/bio.js +32 -31
- package/dist/feeds/experts/bio.js.map +1 -1
- package/dist/feeds/experts/grid.d.ts +1 -2
- package/dist/feeds/experts/grid.d.ts.map +1 -1
- package/dist/feeds/experts/grid.js +24 -23
- package/dist/feeds/experts/grid.js.map +1 -1
- package/dist/feeds/experts/index.d.ts +3 -3
- package/dist/feeds/experts/index.d.ts.map +1 -1
- package/dist/feeds/experts/list.d.ts +1 -2
- package/dist/feeds/experts/list.d.ts.map +1 -1
- package/dist/feeds/experts/list.js +23 -22
- package/dist/feeds/experts/list.js.map +1 -1
- package/dist/feeds/news/featured.d.ts +1 -2
- package/dist/feeds/news/featured.d.ts.map +1 -1
- package/dist/feeds/news/featured.js +56 -55
- package/dist/feeds/news/featured.js.map +1 -1
- package/dist/feeds/news/grid.d.ts +1 -2
- package/dist/feeds/news/grid.d.ts.map +1 -1
- package/dist/feeds/news/grid.js +24 -23
- package/dist/feeds/news/grid.js.map +1 -1
- package/dist/feeds/news/index.d.ts +3 -3
- package/dist/feeds/news/index.d.ts.map +1 -1
- package/dist/feeds/news/list.d.ts +1 -2
- package/dist/feeds/news/list.d.ts.map +1 -1
- package/dist/feeds/news/list.js +23 -22
- package/dist/feeds/news/list.js.map +1 -1
- package/dist/helpers/events/index.js +4 -4
- package/dist/helpers/events/index.js.map +1 -1
- package/dist/helpers/grouping/events.js +10 -10
- package/dist/helpers/grouping/events.js.map +1 -1
- package/dist/helpers/styles/shadow.js +5 -22
- package/dist/helpers/styles/shadow.js.map +1 -1
- package/dist/index.js +10 -10
- package/dist/index.js.map +1 -1
- package/dist/news.js +8 -8
- package/dist/news.js.map +1 -1
- package/dist/states/_types.d.ts +0 -24
- package/dist/states/_types.d.ts.map +1 -1
- package/dist/states/_types.js +3 -3
- package/dist/states/_types.js.map +1 -1
- package/dist/states/announcer.d.ts +1 -3
- package/dist/states/announcer.d.ts.map +1 -1
- package/dist/states/announcer.js +5 -5
- package/dist/states/announcer.js.map +1 -1
- package/dist/states/empty.d.ts +0 -2
- package/dist/states/empty.d.ts.map +1 -1
- package/dist/states/empty.js +15 -32
- package/dist/states/empty.js.map +1 -1
- package/dist/states/index.d.ts +4 -8
- package/dist/states/index.d.ts.map +1 -1
- package/dist/states/loading.d.ts +1 -3
- package/dist/states/loading.d.ts.map +1 -1
- package/dist/states/loading.js +16 -16
- package/dist/states/loading.js.map +1 -1
- package/dist/states/pagination.d.ts +1 -3
- package/dist/states/pagination.d.ts.map +1 -1
- package/dist/states/pagination.js +11 -28
- package/dist/states/pagination.js.map +1 -1
- package/dist/strategies/display/events.js +13 -13
- package/dist/strategies/display/events.js.map +1 -1
- package/dist/strategies/display/experts.js +23 -23
- package/dist/strategies/display/experts.js.map +1 -1
- package/dist/strategies/display/news.js +13 -13
- package/dist/strategies/display/news.js.map +1 -1
- package/dist/strategies/fetch/academic.js +3 -3
- package/dist/strategies/fetch/academic.js.map +1 -1
- package/dist/strategies/fetch/events.js +13 -13
- package/dist/strategies/fetch/events.js.map +1 -1
- package/dist/strategies/fetch/experts.d.ts +1 -1
- package/dist/strategies/fetch/experts.d.ts.map +1 -1
- package/dist/strategies/fetch/experts.js +13 -8
- package/dist/strategies/fetch/experts.js.map +1 -1
- package/dist/strategies/fetch/graphql.d.ts.map +1 -1
- package/dist/strategies/fetch/graphql.js +11 -7
- package/dist/strategies/fetch/graphql.js.map +1 -1
- package/dist/strategies/fetch/news.js +6 -6
- package/dist/strategies/fetch/news.js.map +1 -1
- package/dist/strategies/layout/grid.js +11 -11
- package/dist/strategies/layout/grid.js.map +1 -1
- package/dist/widgets/index.d.ts +1 -1
- package/dist/widgets/index.d.ts.map +1 -1
- package/dist/widgets/slider.d.ts +1 -2
- package/dist/widgets/slider.d.ts.map +1 -1
- package/dist/widgets/slider.js +19 -35
- package/dist/widgets/slider.js.map +1 -1
- package/package.json +17 -14
- package/dist/academic.mjs +0 -5
- package/dist/academic.mjs.map +0 -1
- package/dist/events.mjs +0 -11
- package/dist/events.mjs.map +0 -1
- package/dist/experts.mjs +0 -9
- package/dist/experts.mjs.map +0 -1
- package/dist/factory/core/createBaseFeed.mjs +0 -114
- package/dist/factory/core/createBaseFeed.mjs.map +0 -1
- package/dist/factory/helpers/displayHandler.mjs +0 -169
- package/dist/factory/helpers/displayHandler.mjs.map +0 -1
- package/dist/factory/helpers/feedHelpers.mjs +0 -32
- package/dist/factory/helpers/feedHelpers.mjs.map +0 -1
- package/dist/factory/helpers/fetchHandler.mjs +0 -123
- package/dist/factory/helpers/fetchHandler.mjs.map +0 -1
- package/dist/feeds/academic/slider.mjs +0 -11
- package/dist/feeds/academic/slider.mjs.map +0 -1
- package/dist/feeds/events/grid.mjs +0 -32
- package/dist/feeds/events/grid.mjs.map +0 -1
- package/dist/feeds/events/grouped.mjs +0 -337
- package/dist/feeds/events/grouped.mjs.map +0 -1
- package/dist/feeds/events/list.mjs +0 -33
- package/dist/feeds/events/list.mjs.map +0 -1
- package/dist/feeds/events/slider.mjs +0 -11
- package/dist/feeds/events/slider.mjs.map +0 -1
- package/dist/feeds/experts/bio.mjs +0 -147
- package/dist/feeds/experts/bio.mjs.map +0 -1
- package/dist/feeds/experts/grid.mjs +0 -37
- package/dist/feeds/experts/grid.mjs.map +0 -1
- package/dist/feeds/experts/list.mjs +0 -26
- package/dist/feeds/experts/list.mjs.map +0 -1
- package/dist/feeds/news/featured.mjs +0 -379
- package/dist/feeds/news/featured.mjs.map +0 -1
- package/dist/feeds/news/grid.mjs +0 -37
- package/dist/feeds/news/grid.mjs.map +0 -1
- package/dist/feeds/news/list.mjs +0 -34
- package/dist/feeds/news/list.mjs.map +0 -1
- package/dist/helpers/events/index.mjs +0 -21
- package/dist/helpers/events/index.mjs.map +0 -1
- package/dist/helpers/grouping/events.mjs +0 -147
- package/dist/helpers/grouping/events.mjs.map +0 -1
- package/dist/helpers/styles/shadow.mjs +0 -16
- package/dist/helpers/styles/shadow.mjs.map +0 -1
- package/dist/index.mjs +0 -11
- package/dist/index.mjs.map +0 -1
- package/dist/news.mjs +0 -9
- package/dist/news.mjs.map +0 -1
- package/dist/states/_types.mjs +0 -12
- package/dist/states/_types.mjs.map +0 -1
- package/dist/states/announcer.mjs +0 -62
- package/dist/states/announcer.mjs.map +0 -1
- package/dist/states/empty.mjs +0 -104
- package/dist/states/empty.mjs.map +0 -1
- package/dist/states/loading.mjs +0 -155
- package/dist/states/loading.mjs.map +0 -1
- package/dist/states/pagination.mjs +0 -102
- package/dist/states/pagination.mjs.map +0 -1
- package/dist/strategies/display/events.mjs +0 -60
- package/dist/strategies/display/events.mjs.map +0 -1
- package/dist/strategies/display/experts.mjs +0 -266
- package/dist/strategies/display/experts.mjs.map +0 -1
- package/dist/strategies/display/news.mjs +0 -58
- package/dist/strategies/display/news.mjs.map +0 -1
- package/dist/strategies/fetch/academic.mjs +0 -30
- package/dist/strategies/fetch/academic.mjs.map +0 -1
- package/dist/strategies/fetch/events.mjs +0 -223
- package/dist/strategies/fetch/events.mjs.map +0 -1
- package/dist/strategies/fetch/experts.mjs +0 -189
- package/dist/strategies/fetch/experts.mjs.map +0 -1
- package/dist/strategies/fetch/graphql.mjs +0 -100
- package/dist/strategies/fetch/graphql.mjs.map +0 -1
- package/dist/strategies/fetch/news.mjs +0 -95
- package/dist/strategies/fetch/news.mjs.map +0 -1
- package/dist/strategies/layout/grid.mjs +0 -36
- package/dist/strategies/layout/grid.mjs.map +0 -1
- package/dist/widgets/slider.mjs +0 -87
- package/dist/widgets/slider.mjs.map +0 -1
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import * as Styles from "@universityofmaryland/web-styles-library";
|
|
2
|
-
import { ElementBuilder } from "@universityofmaryland/web-builder-library";
|
|
3
|
-
import { FeedStateEvent } from "./_types.mjs";
|
|
4
|
-
function createPaginationElement(config) {
|
|
5
|
-
const { callback, isLazyLoad, totalEntries, offset } = config;
|
|
6
|
-
if (!isLazyLoad) return;
|
|
7
|
-
if (!totalEntries) return;
|
|
8
|
-
if (!offset) return;
|
|
9
|
-
if (!callback) return;
|
|
10
|
-
if (offset >= totalEntries) return;
|
|
11
|
-
const button = document.createElement("button");
|
|
12
|
-
button.textContent = "Load more";
|
|
13
|
-
button.addEventListener("click", () => {
|
|
14
|
-
callback();
|
|
15
|
-
button.dispatchEvent(
|
|
16
|
-
new CustomEvent(FeedStateEvent.PAGINATION_LOADED, {
|
|
17
|
-
bubbles: true,
|
|
18
|
-
detail: {
|
|
19
|
-
offset,
|
|
20
|
-
totalEntries,
|
|
21
|
-
timestamp: Date.now()
|
|
22
|
-
}
|
|
23
|
-
})
|
|
24
|
-
);
|
|
25
|
-
});
|
|
26
|
-
const ctaButton = new ElementBuilder(button).styled(Styles.element.action.outline.normal).build();
|
|
27
|
-
return new ElementBuilder().styled(Styles.layout.alignment.block.center).withChild(ctaButton).withStyles({
|
|
28
|
-
element: {
|
|
29
|
-
marginTop: `${Styles.token.spacing.lg}`
|
|
30
|
-
}
|
|
31
|
-
}).build();
|
|
32
|
-
}
|
|
33
|
-
class PaginationState {
|
|
34
|
-
constructor(config) {
|
|
35
|
-
this.container = null;
|
|
36
|
-
this.config = config;
|
|
37
|
-
this.model = createPaginationElement(config);
|
|
38
|
-
}
|
|
39
|
-
/**
|
|
40
|
-
* Render the pagination button if applicable
|
|
41
|
-
* @returns ElementModel if rendered, undefined otherwise
|
|
42
|
-
*/
|
|
43
|
-
render(container) {
|
|
44
|
-
if (this.model) {
|
|
45
|
-
this.container = container;
|
|
46
|
-
container.appendChild(this.model.element);
|
|
47
|
-
}
|
|
48
|
-
return this.model;
|
|
49
|
-
}
|
|
50
|
-
/**
|
|
51
|
-
* Remove the pagination button from DOM
|
|
52
|
-
*/
|
|
53
|
-
remove() {
|
|
54
|
-
if (this.model && this.model.element.parentNode) {
|
|
55
|
-
this.model.element.remove();
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* Update pagination state with new offset and total
|
|
60
|
-
* Re-creates button if needed
|
|
61
|
-
*/
|
|
62
|
-
updateState(offset, totalEntries) {
|
|
63
|
-
this.config.offset = offset;
|
|
64
|
-
this.config.totalEntries = totalEntries;
|
|
65
|
-
this.remove();
|
|
66
|
-
this.model = createPaginationElement(this.config);
|
|
67
|
-
if (this.container && this.model) {
|
|
68
|
-
this.container.appendChild(this.model.element);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
/**
|
|
72
|
-
* Check if more items are available to load
|
|
73
|
-
*/
|
|
74
|
-
hasMore() {
|
|
75
|
-
const { offset, totalEntries } = this.config;
|
|
76
|
-
return !!(totalEntries && offset < totalEntries);
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* Cleanup and remove pagination
|
|
80
|
-
*/
|
|
81
|
-
destroy() {
|
|
82
|
-
this.remove();
|
|
83
|
-
this.container = null;
|
|
84
|
-
}
|
|
85
|
-
/**
|
|
86
|
-
* Get the pagination element if it exists
|
|
87
|
-
*/
|
|
88
|
-
get element() {
|
|
89
|
-
return this.model?.element;
|
|
90
|
-
}
|
|
91
|
-
/**
|
|
92
|
-
* Get the pagination styles if element exists
|
|
93
|
-
*/
|
|
94
|
-
get styles() {
|
|
95
|
-
return this.model?.styles;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
export {
|
|
99
|
-
PaginationState,
|
|
100
|
-
createPaginationElement
|
|
101
|
-
};
|
|
102
|
-
//# sourceMappingURL=pagination.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.mjs","sources":["../../source/states/pagination.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\n\nimport { type ElementModel } from '../_types';\nimport {\n type PaginationStateConfig,\n type PaginationLegacyAPI,\n FeedStateEvent,\n} from './_types';\n\n/**\n * Creates a pagination \"Load more\" button element\n *\n * @param config - Pagination state configuration\n * @returns ElementModel with load more button, or undefined if pagination not needed\n *\n * @example\n * ```typescript\n * const pagination = createPaginationElement({\n * callback: () => loadMoreItems(),\n * isThemeDark: false,\n * isLazyLoad: true,\n * totalEntries: 50,\n * offset: 10\n * });\n * if (pagination) {\n * container.appendChild(pagination.element);\n * }\n * ```\n */\nexport function createPaginationElement(\n config: PaginationStateConfig\n): ElementModel | undefined {\n const { callback, isLazyLoad, totalEntries, offset } = config;\n\n // Guard clauses for when pagination is not needed\n if (!isLazyLoad) return;\n if (!totalEntries) return;\n if (!offset) return;\n if (!callback) return;\n if (offset >= totalEntries) return;\n\n const button = document.createElement('button');\n button.textContent = 'Load more'; // Use textContent for security\n button.addEventListener('click', () => {\n callback();\n button.dispatchEvent(\n new CustomEvent(FeedStateEvent.PAGINATION_LOADED, {\n bubbles: true,\n detail: {\n offset,\n totalEntries,\n timestamp: Date.now(),\n },\n })\n );\n });\n\n const ctaButton = new ElementBuilder(button)\n .styled(Styles.element.action.outline.normal)\n .build();\n\n return new ElementBuilder()\n .styled(Styles.layout.alignment.block.center)\n .withChild(ctaButton)\n .withStyles({\n element: {\n marginTop: `${Styles.token.spacing.lg}`,\n },\n })\n .build();\n}\n\n/**\n * Pagination state manager class\n *\n * Manages a \"Load more\" button for paginated feed content.\n *\n * @example\n * ```typescript\n * const pagination = new PaginationState({\n * callback: () => loadMore(),\n * isLazyLoad: true,\n * totalEntries: 50,\n * offset: 10\n * });\n *\n * const button = pagination.render(container);\n * if (button) {\n * // Pagination was rendered\n * }\n *\n * // Later, update state\n * pagination.updateState(20, 50);\n * ```\n */\nexport class PaginationState {\n private config: PaginationStateConfig;\n private model: ElementModel | undefined;\n private container: HTMLElement | null = null;\n\n constructor(config: PaginationStateConfig) {\n this.config = config;\n this.model = createPaginationElement(config);\n }\n\n /**\n * Render the pagination button if applicable\n * @returns ElementModel if rendered, undefined otherwise\n */\n render(container: HTMLElement): ElementModel | undefined {\n if (this.model) {\n this.container = container;\n container.appendChild(this.model.element);\n }\n return this.model;\n }\n\n /**\n * Remove the pagination button from DOM\n */\n remove(): void {\n if (this.model && this.model.element.parentNode) {\n this.model.element.remove();\n }\n }\n\n /**\n * Update pagination state with new offset and total\n * Re-creates button if needed\n */\n updateState(offset: number, totalEntries: number): void {\n this.config.offset = offset;\n this.config.totalEntries = totalEntries;\n\n // Remove old button\n this.remove();\n\n // Create new button if still needed\n this.model = createPaginationElement(this.config);\n\n // Re-render if we have a container\n if (this.container && this.model) {\n this.container.appendChild(this.model.element);\n }\n }\n\n /**\n * Check if more items are available to load\n */\n hasMore(): boolean {\n const { offset, totalEntries } = this.config;\n return !!(totalEntries && offset < totalEntries);\n }\n\n /**\n * Cleanup and remove pagination\n */\n destroy(): void {\n this.remove();\n this.container = null;\n }\n\n /**\n * Get the pagination element if it exists\n */\n get element(): HTMLElement | undefined {\n return this.model?.element;\n }\n\n /**\n * Get the pagination styles if element exists\n */\n get styles(): string | undefined {\n return this.model?.styles;\n }\n}\n\n// =============================================================================\n// Backwards Compatible Exports (Legacy API)\n// =============================================================================\n\n/**\n * @deprecated Use PaginationState class or createPaginationElement instead\n */\nconst create = (config: PaginationStateConfig): ElementModel | undefined => {\n return createPaginationElement(config);\n};\n\n/**\n * @deprecated Use PaginationState.remove() instead\n */\nconst remove = ({ container }: { container: HTMLElement }): void => {\n const button = container.querySelector(\n `.${Styles.layout.alignment.block.center.className}`\n ) as HTMLDivElement;\n\n if (button) button.remove();\n};\n\n/**\n * Legacy API for backwards compatibility\n * @deprecated Use PaginationState class instead\n */\nexport default {\n remove,\n create,\n} as PaginationLegacyAPI;\n"],"names":[],"mappings":";;;AA8BO,SAAS,wBACd,QAC0B;AAC1B,QAAM,EAAE,UAAU,YAAY,cAAc,WAAW;AAGvD,MAAI,CAAC,WAAY;AACjB,MAAI,CAAC,aAAc;AACnB,MAAI,CAAC,OAAQ;AACb,MAAI,CAAC,SAAU;AACf,MAAI,UAAU,aAAc;AAE5B,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,cAAc;AACrB,SAAO,iBAAiB,SAAS,MAAM;AACrC,aAAA;AACA,WAAO;AAAA,MACL,IAAI,YAAY,eAAe,mBAAmB;AAAA,QAChD,SAAS;AAAA,QACT,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL,CAAC;AAED,QAAM,YAAY,IAAI,eAAe,MAAM,EACxC,OAAO,OAAO,QAAQ,OAAO,QAAQ,MAAM,EAC3C,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,OAAO,OAAO,OAAO,UAAU,MAAM,MAAM,EAC3C,UAAU,SAAS,EACnB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,WAAW,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,IAAA;AAAA,EACvC,CACD,EACA,MAAA;AACL;AAyBO,MAAM,gBAAgB;AAAA,EAK3B,YAAY,QAA+B;AAF3C,SAAQ,YAAgC;AAGtC,SAAK,SAAS;AACd,SAAK,QAAQ,wBAAwB,MAAM;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,WAAkD;AACvD,QAAI,KAAK,OAAO;AACd,WAAK,YAAY;AACjB,gBAAU,YAAY,KAAK,MAAM,OAAO;AAAA,IAC1C;AACA,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,SAAe;AACb,QAAI,KAAK,SAAS,KAAK,MAAM,QAAQ,YAAY;AAC/C,WAAK,MAAM,QAAQ,OAAA;AAAA,IACrB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,QAAgB,cAA4B;AACtD,SAAK,OAAO,SAAS;AACrB,SAAK,OAAO,eAAe;AAG3B,SAAK,OAAA;AAGL,SAAK,QAAQ,wBAAwB,KAAK,MAAM;AAGhD,QAAI,KAAK,aAAa,KAAK,OAAO;AAChC,WAAK,UAAU,YAAY,KAAK,MAAM,OAAO;AAAA,IAC/C;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAmB;AACjB,UAAM,EAAE,QAAQ,aAAA,IAAiB,KAAK;AACtC,WAAO,CAAC,EAAE,gBAAgB,SAAS;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,SAAK,OAAA;AACL,SAAK,YAAY;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,UAAmC;AACrC,WAAO,KAAK,OAAO;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAA6B;AAC/B,WAAO,KAAK,OAAO;AAAA,EACrB;AACF;"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { card } from "@universityofmaryland/web-elements-library/composite";
|
|
2
|
-
import { events } from "@universityofmaryland/web-elements-library/atomic";
|
|
3
|
-
import { createTextWithLink, createTextContainer, createImageOrLinkedImage } from "@universityofmaryland/web-utilities-library/elements";
|
|
4
|
-
const eventsDisplayStrategy = {
|
|
5
|
-
layoutType: "grid",
|
|
6
|
-
mapEntryToCard: (entry, options) => {
|
|
7
|
-
const {
|
|
8
|
-
isThemeDark = false,
|
|
9
|
-
isTransparent = false,
|
|
10
|
-
isAligned = false,
|
|
11
|
-
imageConfig,
|
|
12
|
-
cardType = "block"
|
|
13
|
-
} = options;
|
|
14
|
-
const headline = createTextWithLink({
|
|
15
|
-
text: entry.title,
|
|
16
|
-
url: entry.url
|
|
17
|
-
});
|
|
18
|
-
const text = createTextContainer({
|
|
19
|
-
text: entry.summary,
|
|
20
|
-
allowHTML: true
|
|
21
|
-
});
|
|
22
|
-
const eventMeta = events.meta({
|
|
23
|
-
...entry,
|
|
24
|
-
isThemeDark
|
|
25
|
-
});
|
|
26
|
-
const image = imageConfig ? createImageOrLinkedImage(imageConfig(entry)) : void 0;
|
|
27
|
-
const dateSign = cardType === "list" ? events.sign({
|
|
28
|
-
startMonth: entry.startMonth,
|
|
29
|
-
startDay: entry.startDay,
|
|
30
|
-
endMonth: entry.endMonth,
|
|
31
|
-
endDay: entry.endDay,
|
|
32
|
-
isThemeDark,
|
|
33
|
-
isLargeSize: true
|
|
34
|
-
}) : void 0;
|
|
35
|
-
if (cardType === "list") {
|
|
36
|
-
return card.list({
|
|
37
|
-
headline,
|
|
38
|
-
text,
|
|
39
|
-
eventMeta,
|
|
40
|
-
dateSign,
|
|
41
|
-
image,
|
|
42
|
-
isAligned,
|
|
43
|
-
isThemeDark
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
return card.block({
|
|
47
|
-
headline,
|
|
48
|
-
text,
|
|
49
|
-
eventMeta,
|
|
50
|
-
image,
|
|
51
|
-
isAligned,
|
|
52
|
-
isTransparent,
|
|
53
|
-
isThemeDark
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
export {
|
|
58
|
-
eventsDisplayStrategy
|
|
59
|
-
};
|
|
60
|
-
//# sourceMappingURL=events.mjs.map
|
|
@@ -1 +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;"}
|
|
@@ -1,266 +0,0 @@
|
|
|
1
|
-
import { card, person } from "@universityofmaryland/web-elements-library/composite";
|
|
2
|
-
import { createTextWithLink, createTextContainer, createImageOrLinkedImage } from "@universityofmaryland/web-utilities-library/elements";
|
|
3
|
-
const CONTACT_CONFIGS = [
|
|
4
|
-
{
|
|
5
|
-
key: "email",
|
|
6
|
-
label: () => "Email",
|
|
7
|
-
url: (value) => `mailto:${value}`
|
|
8
|
-
},
|
|
9
|
-
{
|
|
10
|
-
key: "website",
|
|
11
|
-
label: (value) => value,
|
|
12
|
-
url: (value) => value
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
key: "linkedin",
|
|
16
|
-
label: (value) => value,
|
|
17
|
-
url: (value) => value
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
key: "twitter",
|
|
21
|
-
label: (value) => value,
|
|
22
|
-
url: (value) => value
|
|
23
|
-
}
|
|
24
|
-
];
|
|
25
|
-
const buildFullName = (entry) => {
|
|
26
|
-
const parts = [
|
|
27
|
-
entry.prefix,
|
|
28
|
-
entry.firstName,
|
|
29
|
-
entry.middleName,
|
|
30
|
-
entry.lastName,
|
|
31
|
-
entry.suffix
|
|
32
|
-
].filter(Boolean);
|
|
33
|
-
return parts.join(" ");
|
|
34
|
-
};
|
|
35
|
-
const buildProfileUrl = (entry) => {
|
|
36
|
-
return `https://umdrightnow.umd.edu/expert/${entry.slug}`;
|
|
37
|
-
};
|
|
38
|
-
const extractPrimaryJobTitle = (entry) => {
|
|
39
|
-
return entry.organizations?.[0]?.jobs?.[0]?.title || null;
|
|
40
|
-
};
|
|
41
|
-
const extractPrimaryAssociation = (entry) => {
|
|
42
|
-
const campusUnit = entry.organizations?.[0]?.jobs?.[0]?.campusUnits?.[0];
|
|
43
|
-
if (!campusUnit) return null;
|
|
44
|
-
return {
|
|
45
|
-
title: campusUnit.title,
|
|
46
|
-
url: campusUnit.link?.url
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
const extractImageData = (entry, fullName) => {
|
|
50
|
-
const headshotUrl = entry.headshot?.[0]?.url;
|
|
51
|
-
if (!headshotUrl) return null;
|
|
52
|
-
return {
|
|
53
|
-
url: headshotUrl,
|
|
54
|
-
altText: fullName
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
const extractContactData = (entry) => {
|
|
58
|
-
return {
|
|
59
|
-
email: entry.email || null,
|
|
60
|
-
website: entry.website || null,
|
|
61
|
-
linkedin: entry.linkedin || null,
|
|
62
|
-
twitter: entry.twitter || null
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
const extractDescription = (entry, displayType) => {
|
|
66
|
-
return entry.summary?.html || null;
|
|
67
|
-
};
|
|
68
|
-
const extractPronouns = (entry) => {
|
|
69
|
-
return entry.pronouns || null;
|
|
70
|
-
};
|
|
71
|
-
const createNameElement = (fullName, url, containerTag) => {
|
|
72
|
-
return createTextWithLink({
|
|
73
|
-
text: fullName,
|
|
74
|
-
url,
|
|
75
|
-
containerTag
|
|
76
|
-
});
|
|
77
|
-
};
|
|
78
|
-
const createJobElement = (jobTitle) => {
|
|
79
|
-
if (!jobTitle) return null;
|
|
80
|
-
return createTextContainer({ text: jobTitle });
|
|
81
|
-
};
|
|
82
|
-
const createAssociationElement = (association) => {
|
|
83
|
-
if (!association) return null;
|
|
84
|
-
if (association.url) {
|
|
85
|
-
return createTextWithLink({
|
|
86
|
-
text: association.title,
|
|
87
|
-
url: association.url
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
return createTextContainer({ text: association.title });
|
|
91
|
-
};
|
|
92
|
-
const createImageElement = (imageData, linkUrl, linkLabel) => {
|
|
93
|
-
if (!imageData) return null;
|
|
94
|
-
return createImageOrLinkedImage({
|
|
95
|
-
imageUrl: imageData.url,
|
|
96
|
-
altText: imageData.altText,
|
|
97
|
-
linkUrl,
|
|
98
|
-
linkLabel
|
|
99
|
-
});
|
|
100
|
-
};
|
|
101
|
-
const createDescriptionElement = (description) => {
|
|
102
|
-
if (!description) return null;
|
|
103
|
-
return createTextContainer({ text: description, allowHTML: true });
|
|
104
|
-
};
|
|
105
|
-
const createPronounsElement = (pronouns) => {
|
|
106
|
-
if (!pronouns) return null;
|
|
107
|
-
return createTextContainer({ text: pronouns });
|
|
108
|
-
};
|
|
109
|
-
const createContactElements = (contactData) => {
|
|
110
|
-
return CONTACT_CONFIGS.reduce(
|
|
111
|
-
(elements, config) => {
|
|
112
|
-
const value = contactData[config.key];
|
|
113
|
-
if (!value) return elements;
|
|
114
|
-
const element = createTextWithLink({
|
|
115
|
-
text: config.label(value),
|
|
116
|
-
url: config.url(value)
|
|
117
|
-
});
|
|
118
|
-
elements[config.key] = element;
|
|
119
|
-
return elements;
|
|
120
|
-
},
|
|
121
|
-
{}
|
|
122
|
-
);
|
|
123
|
-
};
|
|
124
|
-
const createBlockCardProps = (entry, options) => {
|
|
125
|
-
const { isThemeDark = false } = options;
|
|
126
|
-
const fullName = buildFullName(entry);
|
|
127
|
-
const profileUrl = buildProfileUrl(entry);
|
|
128
|
-
const jobTitle = extractPrimaryJobTitle(entry);
|
|
129
|
-
const association = extractPrimaryAssociation(entry);
|
|
130
|
-
const imageData = extractImageData(entry, fullName);
|
|
131
|
-
const pronouns = extractPronouns(entry);
|
|
132
|
-
const name = createNameElement(fullName, profileUrl);
|
|
133
|
-
const job = createJobElement(jobTitle);
|
|
134
|
-
const associationElement = createAssociationElement(association);
|
|
135
|
-
const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);
|
|
136
|
-
const pronounsElement = createPronounsElement(pronouns);
|
|
137
|
-
return person.block({
|
|
138
|
-
name,
|
|
139
|
-
pronouns: pronounsElement,
|
|
140
|
-
job,
|
|
141
|
-
association: associationElement,
|
|
142
|
-
image,
|
|
143
|
-
isThemeDark
|
|
144
|
-
});
|
|
145
|
-
};
|
|
146
|
-
const createListCardProps = (entry, options) => {
|
|
147
|
-
const { isThemeDark = false } = options;
|
|
148
|
-
const fullName = buildFullName(entry);
|
|
149
|
-
const profileUrl = buildProfileUrl(entry);
|
|
150
|
-
const jobTitle = extractPrimaryJobTitle(entry);
|
|
151
|
-
const association = extractPrimaryAssociation(entry);
|
|
152
|
-
const imageData = extractImageData(entry, fullName);
|
|
153
|
-
const pronouns = extractPronouns(entry);
|
|
154
|
-
const name = createNameElement(fullName, profileUrl);
|
|
155
|
-
const job = createJobElement(jobTitle);
|
|
156
|
-
const associationElement = createAssociationElement(association);
|
|
157
|
-
const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);
|
|
158
|
-
const pronounsElement = createPronounsElement(pronouns);
|
|
159
|
-
return person.list({
|
|
160
|
-
name,
|
|
161
|
-
pronouns: pronounsElement,
|
|
162
|
-
job,
|
|
163
|
-
association: associationElement,
|
|
164
|
-
image,
|
|
165
|
-
isThemeDark
|
|
166
|
-
});
|
|
167
|
-
};
|
|
168
|
-
const createTabularCardProps = (entry, options) => {
|
|
169
|
-
const { isThemeDark = false } = options;
|
|
170
|
-
const fullName = buildFullName(entry);
|
|
171
|
-
const profileUrl = buildProfileUrl(entry);
|
|
172
|
-
const jobTitle = extractPrimaryJobTitle(entry);
|
|
173
|
-
const association = extractPrimaryAssociation(entry);
|
|
174
|
-
const imageData = extractImageData(entry, fullName);
|
|
175
|
-
const contactData = extractContactData(entry);
|
|
176
|
-
const pronouns = extractPronouns(entry);
|
|
177
|
-
const name = createNameElement(fullName, profileUrl);
|
|
178
|
-
const job = createJobElement(jobTitle);
|
|
179
|
-
const associationElement = createAssociationElement(association);
|
|
180
|
-
const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);
|
|
181
|
-
const contactElements = createContactElements(contactData);
|
|
182
|
-
const pronounsElement = createPronounsElement(pronouns);
|
|
183
|
-
return person.tabular({
|
|
184
|
-
name,
|
|
185
|
-
pronouns: pronounsElement,
|
|
186
|
-
job,
|
|
187
|
-
association: associationElement,
|
|
188
|
-
image,
|
|
189
|
-
...contactElements,
|
|
190
|
-
isThemeDark
|
|
191
|
-
});
|
|
192
|
-
};
|
|
193
|
-
const createOverlayCardProps = (entry, options) => {
|
|
194
|
-
const { isThemeDark = false } = options;
|
|
195
|
-
const fullName = buildFullName(entry);
|
|
196
|
-
const profileUrl = buildProfileUrl(entry);
|
|
197
|
-
const jobTitle = extractPrimaryJobTitle(entry);
|
|
198
|
-
const imageData = extractImageData(entry, fullName);
|
|
199
|
-
const headline = createNameElement(fullName, profileUrl);
|
|
200
|
-
const text = createJobElement(jobTitle);
|
|
201
|
-
const backgroundImage = createImageElement(
|
|
202
|
-
imageData,
|
|
203
|
-
profileUrl,
|
|
204
|
-
`View profile for ${fullName}`
|
|
205
|
-
);
|
|
206
|
-
return card.overlay.image({
|
|
207
|
-
headline,
|
|
208
|
-
text,
|
|
209
|
-
backgroundImage,
|
|
210
|
-
isThemeDark
|
|
211
|
-
});
|
|
212
|
-
};
|
|
213
|
-
const mapExpertToBioProps = (entry, displayType, isThemeDark = false) => {
|
|
214
|
-
const fullName = buildFullName(entry);
|
|
215
|
-
const profileUrl = buildProfileUrl(entry);
|
|
216
|
-
const jobTitle = extractPrimaryJobTitle(entry);
|
|
217
|
-
const association = extractPrimaryAssociation(entry);
|
|
218
|
-
const imageData = extractImageData(entry, fullName);
|
|
219
|
-
const contactData = extractContactData(entry);
|
|
220
|
-
const description = extractDescription(entry);
|
|
221
|
-
const pronouns = extractPronouns(entry);
|
|
222
|
-
const name = createNameElement(fullName, profileUrl, "h1");
|
|
223
|
-
const job = createJobElement(jobTitle);
|
|
224
|
-
const associationElement = createAssociationElement(association);
|
|
225
|
-
const image = createImageElement(imageData);
|
|
226
|
-
const descriptionElement = createDescriptionElement(description);
|
|
227
|
-
const contactElements = createContactElements(contactData);
|
|
228
|
-
const pronounsElement = createPronounsElement(pronouns);
|
|
229
|
-
return {
|
|
230
|
-
name,
|
|
231
|
-
pronouns: pronounsElement,
|
|
232
|
-
job,
|
|
233
|
-
association: associationElement,
|
|
234
|
-
email: contactElements.email || null,
|
|
235
|
-
linkedin: contactElements.linkedin || null,
|
|
236
|
-
phone: null,
|
|
237
|
-
address: null,
|
|
238
|
-
additionalContact: null,
|
|
239
|
-
image,
|
|
240
|
-
description: descriptionElement,
|
|
241
|
-
isThemeDark
|
|
242
|
-
};
|
|
243
|
-
};
|
|
244
|
-
const expertsDisplayStrategy = {
|
|
245
|
-
layoutType: "list",
|
|
246
|
-
mapEntryToCard: (entry, options) => {
|
|
247
|
-
const { isOverlay = false, cardType = "block" } = options;
|
|
248
|
-
if (isOverlay && entry.headshot?.[0]?.url) {
|
|
249
|
-
return createOverlayCardProps(entry, options);
|
|
250
|
-
}
|
|
251
|
-
switch (cardType) {
|
|
252
|
-
case "list":
|
|
253
|
-
return createListCardProps(entry, options);
|
|
254
|
-
case "tabular":
|
|
255
|
-
return createTabularCardProps(entry, options);
|
|
256
|
-
default:
|
|
257
|
-
return createBlockCardProps(entry, options);
|
|
258
|
-
}
|
|
259
|
-
}
|
|
260
|
-
};
|
|
261
|
-
export {
|
|
262
|
-
buildFullName,
|
|
263
|
-
expertsDisplayStrategy,
|
|
264
|
-
mapExpertToBioProps
|
|
265
|
-
};
|
|
266
|
-
//# sourceMappingURL=experts.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"experts.mjs","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":[],"mappings":"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"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { card } from "@universityofmaryland/web-elements-library/composite";
|
|
2
|
-
import { createTextWithLink, createTextContainer, createTimeElement, createImageOrLinkedImage } from "@universityofmaryland/web-utilities-library/elements";
|
|
3
|
-
const newsDisplayStrategy = {
|
|
4
|
-
layoutType: "grid",
|
|
5
|
-
mapEntryToCard: (entry, options) => {
|
|
6
|
-
const {
|
|
7
|
-
isThemeDark = false,
|
|
8
|
-
isTransparent = false,
|
|
9
|
-
isAligned = true,
|
|
10
|
-
imageConfig,
|
|
11
|
-
isOverlay = false,
|
|
12
|
-
cardType = "block"
|
|
13
|
-
} = options;
|
|
14
|
-
const headline = createTextWithLink({
|
|
15
|
-
text: entry.title,
|
|
16
|
-
url: entry.url
|
|
17
|
-
});
|
|
18
|
-
const text = createTextContainer({
|
|
19
|
-
text: entry.summary
|
|
20
|
-
});
|
|
21
|
-
const date = createTimeElement({
|
|
22
|
-
datetime: entry.date,
|
|
23
|
-
displayText: entry.dateFormatted
|
|
24
|
-
});
|
|
25
|
-
const commonProps = {
|
|
26
|
-
newsId: entry.id.toString(),
|
|
27
|
-
headline,
|
|
28
|
-
text,
|
|
29
|
-
date,
|
|
30
|
-
isThemeDark
|
|
31
|
-
};
|
|
32
|
-
if (isOverlay && imageConfig) {
|
|
33
|
-
const backgroundImage = createImageOrLinkedImage(imageConfig(entry));
|
|
34
|
-
return card.overlay.image({
|
|
35
|
-
...commonProps,
|
|
36
|
-
backgroundImage
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
const image = imageConfig ? createImageOrLinkedImage(imageConfig(entry)) : void 0;
|
|
40
|
-
if (cardType === "list") {
|
|
41
|
-
return card.list({
|
|
42
|
-
...commonProps,
|
|
43
|
-
image,
|
|
44
|
-
isAligned: false
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
return card.block({
|
|
48
|
-
...commonProps,
|
|
49
|
-
image,
|
|
50
|
-
isAligned,
|
|
51
|
-
isTransparent
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
export {
|
|
56
|
-
newsDisplayStrategy
|
|
57
|
-
};
|
|
58
|
-
//# sourceMappingURL=news.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"news.mjs","sources":["../../../source/strategies/display/news.ts"],"sourcesContent":["/**\n * News Display Strategy\n *\n * Strategy for displaying news article entries as cards.\n * Maps news data to card elements with date information.\n *\n * @module strategies/display/news\n */\n\nimport { card } from '@universityofmaryland/web-elements-library/composite';\nimport {\n createTextWithLink,\n createTextContainer,\n createTimeElement,\n createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { DisplayStrategy, CardMappingOptions } from '../../factory/core/types';\nimport { ElementModel } from '../../_types';\nimport { NewsEntry } from 'types/data';\n\n/**\n * News display strategy\n *\n * Maps news article entries to card elements with date metadata.\n * Supports block, overlay, and list card layouts.\n *\n * @example\n * ```typescript\n * const feed = createBaseFeed({\n * displayStrategy: newsDisplayStrategy,\n * imageConfig: (entry) => ({\n * imageUrl: entry.image[0].url,\n * altText: entry.image[0].altText || 'News Article Image',\n * linkUrl: entry.url,\n * }),\n * // ...\n * });\n * ```\n */\nexport const newsDisplayStrategy: DisplayStrategy<NewsEntry> = {\n layoutType: 'grid',\n\n mapEntryToCard: (\n entry: NewsEntry,\n options: CardMappingOptions\n ): ElementModel => {\n const {\n isThemeDark = false,\n isTransparent = false,\n isAligned = true,\n imageConfig,\n isOverlay = false,\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 });\n\n // Create date element\n const date = createTimeElement({\n datetime: entry.date,\n displayText: entry.dateFormatted,\n });\n\n // Common card properties\n const commonProps = {\n newsId: entry.id.toString(),\n headline,\n text,\n date,\n isThemeDark,\n };\n\n // Handle overlay card type\n if (isOverlay && imageConfig) {\n const backgroundImage = createImageOrLinkedImage(imageConfig(entry));\n return card.overlay.image({\n ...commonProps,\n backgroundImage,\n });\n }\n\n // Create image (if imageConfig provided)\n const image = imageConfig\n ? createImageOrLinkedImage(imageConfig(entry))\n : undefined;\n\n // Handle list card type\n if (cardType === 'list') {\n return card.list({\n ...commonProps,\n image,\n isAligned: false,\n });\n }\n\n // Default to block card\n return card.block({\n ...commonProps,\n image,\n isAligned,\n isTransparent,\n });\n },\n};\n"],"names":[],"mappings":";;AAuCO,MAAM,sBAAkD;AAAA,EAC7D,YAAY;AAAA,EAEZ,gBAAgB,CACd,OACA,YACiB;AACjB,UAAM;AAAA,MACJ,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,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,IAAA,CACb;AAGD,UAAM,OAAO,kBAAkB;AAAA,MAC7B,UAAU,MAAM;AAAA,MAChB,aAAa,MAAM;AAAA,IAAA,CACpB;AAGD,UAAM,cAAc;AAAA,MAClB,QAAQ,MAAM,GAAG,SAAA;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAIF,QAAI,aAAa,aAAa;AAC5B,YAAM,kBAAkB,yBAAyB,YAAY,KAAK,CAAC;AACnE,aAAO,KAAK,QAAQ,MAAM;AAAA,QACxB,GAAG;AAAA,QACH;AAAA,MAAA,CACD;AAAA,IACH;AAGA,UAAM,QAAQ,cACV,yBAAyB,YAAY,KAAK,CAAC,IAC3C;AAGJ,QAAI,aAAa,QAAQ;AACvB,aAAO,KAAK,KAAK;AAAA,QACf,GAAG;AAAA,QACH;AAAA,QACA,WAAW;AAAA,MAAA,CACZ;AAAA,IACH;AAGA,WAAO,KAAK,MAAM;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH;AACF;"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
const FRAGMENT_ACADEMIC_SLIDER = `
|
|
2
|
-
fragment AcademicSliderFields on CalendarEventInterface {
|
|
3
|
-
title
|
|
4
|
-
url
|
|
5
|
-
startMonth: startDate @formatDateTime(format: "M")
|
|
6
|
-
startDay: startDate @formatDateTime(format: "d")
|
|
7
|
-
endMonth: endDate @formatDateTime(format: "M")
|
|
8
|
-
endDay: endDate @formatDateTime(format: "d")
|
|
9
|
-
}
|
|
10
|
-
`;
|
|
11
|
-
const ACADEMIC_SLIDER_QUERY = `
|
|
12
|
-
query getEvents($startDate: String!, $related: [QueryArgument]) {
|
|
13
|
-
entries: solspace_calendar {
|
|
14
|
-
events(
|
|
15
|
-
relatedTo: $related
|
|
16
|
-
loadOccurrences: true
|
|
17
|
-
startsAfterOrAt: $startDate
|
|
18
|
-
limit: 12
|
|
19
|
-
calendarId: [4, 2]
|
|
20
|
-
) {
|
|
21
|
-
...AcademicSliderFields
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
${FRAGMENT_ACADEMIC_SLIDER}
|
|
26
|
-
`;
|
|
27
|
-
export {
|
|
28
|
-
ACADEMIC_SLIDER_QUERY
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=academic.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"academic.mjs","sources":["../../../source/strategies/fetch/academic.ts"],"sourcesContent":["/**\n * Academic Fetch Strategy\n *\n * Strategy for fetching academic event data from the UMD Provost GraphQL API.\n *\n * @module strategies/fetch/academic\n */\n\n/**\n * GraphQL fragments for academic event data\n */\nconst FRAGMENT_ACADEMIC_SLIDER = `\n fragment AcademicSliderFields on CalendarEventInterface {\n title\n url\n startMonth: startDate @formatDateTime(format: \"M\")\n startDay: startDate @formatDateTime(format: \"d\")\n endMonth: endDate @formatDateTime(format: \"M\")\n endDay: endDate @formatDateTime(format: \"d\")\n }\n`;\n\n/**\n * Slider-specific query for academic events\n * Used by academic slider for carousel displays\n */\nexport const ACADEMIC_SLIDER_QUERY = `\n query getEvents($startDate: String!, $related: [QueryArgument]) {\n entries: solspace_calendar {\n events(\n relatedTo: $related\n loadOccurrences: true\n startsAfterOrAt: $startDate\n limit: 12\n calendarId: [4, 2]\n ) {\n ...AcademicSliderFields\n }\n }\n }\n ${FRAGMENT_ACADEMIC_SLIDER}\n`;\n"],"names":[],"mappings":"AAWA,MAAM,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B,MAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAcjC,wBAAwB;AAAA;"}
|