@ndlib/component-library 0.0.7-9.1

package/dist/components/composites/Seo/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { siteMetadata } from './siteMetadata';
+export const Seo = ({ title, description, image, nofollow, noindex, }) => {
+    const { title: defaultTitle, description: defaultDescription, image: defaultImage, nofollow: defaultNoindex, noindex: defaultNofollow, siteUrl, twitterUsername, } = siteMetadata();
+    const seo = {
+        title: title || defaultTitle,
+        description: description || defaultDescription,
+        image: image ? image : defaultImage,
+        url: siteUrl + location.pathname || '',
+        nofollow: nofollow || defaultNofollow,
+        noindex: noindex || defaultNoindex,
+        twitterUsername,
+    };
+    return (_jsxs("head", { children: [seo.title ? _jsx("title", Object.assign({ "data-testid": "seo-title" }, { children: seo.title })) : null, seo.title ? (_jsx("meta", { "data-testid": "seo-twitter-title", name: "twitter:title", content: seo.title })) : null, seo.title ? (_jsx("meta", { "data-testid": "seo-og-title", property: "og:title", content: seo.title })) : null, seo.url ? (_jsx("meta", { "data-testid": "seo-twitter-url", name: "twitter:url", content: seo.url })) : null, seo.url ? (_jsx("meta", { "data-testid": "seo-og-url", property: "og:url", content: seo.url })) : null, seo.description ? (_jsx("meta", { "data-testid": "seo-twitter-description", name: "twitter:description", content: seo.description })) : null, seo.description ? (_jsx("meta", { "data-testid": "seo-og-description", property: "og:description", content: seo.description })) : null, seo.image ? (_jsx("meta", { "data-testid": "seo-twitter-image", name: "twitter:image", content: seo.image })) : null, seo.image ? (_jsx("meta", { "data-testid": "seo-og-image", name: "og:image", content: seo.image })) : null, seo.twitterUsername ? (_jsx("meta", { "data-testid": "seo-twitter-creator", name: "twitter:creator", content: seo.twitterUsername })) : null, seo.nofollow ? (_jsx("meta", { "data-testid": "seo-nofollow", name: "robots", content: "nofollow" })) : null, seo.noindex ? (_jsx("meta", { "data-testid": "seo-noindex", name: "robots", content: "noindex" })) : null, _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" })] }));
+};
+export default Seo;

package/dist/components/composites/Seo/seo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Seo from './index';
+declare const meta: Meta<typeof Seo>;
+export default meta;
+type Story = StoryObj<typeof Seo>;
+export declare const Default: Story;

package/dist/components/composites/Seo/seo.stories.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import SeoDataDisplay from './SeoDataDisplay';
+import Seo from './index';
+const meta = {
+    title: 'Composites/Seo',
+    component: Seo,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsx(_Fragment, { children: _jsx(SeoDataDisplay, {}) })),
+};

package/dist/components/composites/Seo/seo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/composites/Seo/seo.test.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '../../../utils/test';
+import { screen } from '@testing-library/dom';
+import { Seo } from './index';
+const title = 'Component Library';
+const description = 'Component Library for the Hesburgh Libraries';
+const image = '/image.png';
+const nofollow = true;
+const noindex = true;
+describe('Seo', () => {
+    it('renders meta tag for title', () => {
+        render(_jsx(Seo, { title: title }));
+        const element = screen.getByTestId('seo-title');
+        expect(element).toContainHTML('Component Library');
+    });
+    it('renders meta tag for twitter title', () => {
+        render(_jsx(Seo, { title: title }));
+        const element = screen.getByTestId('seo-twitter-title');
+        expect(element).toContainHTML('Component Library');
+    });
+    it('renders meta tag for open graph title', () => {
+        render(_jsx(Seo, { title: title }));
+        const element = screen.getByTestId('seo-og-title');
+        expect(element).toContainHTML('Component Library');
+    });
+    it('renders meta tag for twitter description', () => {
+        render(_jsx(Seo, { description: description }));
+        const element = screen.getByTestId('seo-twitter-description');
+        expect(element).toContainHTML('Component Library for the Hesburgh Libraries');
+    });
+    it('renders meta tag for open graph description', () => {
+        render(_jsx(Seo, { description: description }));
+        const element = screen.getByTestId('seo-og-description');
+        expect(element).toContainHTML('Component Library for the Hesburgh Libraries');
+    });
+    it('renders meta tag for twitter image', () => {
+        render(_jsx(Seo, { image: image }));
+        const element = screen.getByTestId('seo-twitter-image');
+        expect(element).toContainHTML('/image.png');
+    });
+    it('renders meta tag for og image', () => {
+        render(_jsx(Seo, { image: image }));
+        const element = screen.getByTestId('seo-og-image');
+        expect(element).toContainHTML('/image.png');
+    });
+    it('renders meta tag for nofollow', () => {
+        render(_jsx(Seo, { nofollow: nofollow }));
+        const element = screen.getByTestId('seo-nofollow');
+        expect(element).toContainHTML('nofollow');
+    });
+    it('renders meta tag for noindex', () => {
+        render(_jsx(Seo, { noindex: noindex }));
+        const element = screen.getByTestId('seo-noindex');
+        expect(element).toContainHTML('noindex');
+    });
+});

package/dist/components/composites/Seo/siteMetadata.d.ts

@@ -0,0 +1,9 @@
+export declare const siteMetadata: () => {
+    title: string;
+    image: string;
+    description: string;
+    twitterUsername: string;
+    siteUrl: string;
+    nofollow: boolean;
+    noindex: boolean;
+};

package/dist/components/composites/Seo/siteMetadata.js

@@ -0,0 +1,16 @@
+export const siteMetadata = () => {
+    const data = {
+        site: {
+            siteMetadata: {
+                title: 'Hesburgh Component Library',
+                image: '/images/fakeimage.png',
+                description: 'Component library for the Hesburgh Libraries',
+                twitterUsername: 'hlibraries',
+                siteUrl: 'https://www.library.nd.edu',
+                nofollow: false,
+                noindex: false,
+            },
+        },
+    };
+    return data.site.siteMetadata;
+};

package/dist/components/composites/SnackBar/SnackBar.stories.d.ts

@@ -0,0 +1,8 @@
+import { SnackBar } from './';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof SnackBar>;
+export default meta;
+type Story = StoryObj<typeof SnackBar>;
+export declare const Default: Story;
+export declare const ReplaceMessage: Story;
+export declare const WipeMessages: Story;

package/dist/components/composites/SnackBar/SnackBar.stories.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SnackBar } from './';
+import { BasicExample, ReplaceMessageExample, WipeMessagesExample, } from './examples';
+const meta = {
+    title: 'Composites/SnackBar',
+    component: SnackBar,
+};
+export default meta;
+export const Default = {
+    render: () => _jsx(BasicExample, {}),
+    args: {},
+};
+export const ReplaceMessage = {
+    render: () => _jsx(ReplaceMessageExample, {}),
+    args: {},
+};
+export const WipeMessages = {
+    render: () => _jsx(WipeMessagesExample, {}),
+    args: {},
+};

package/dist/components/composites/SnackBar/SnackBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/composites/SnackBar/SnackBar.test.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { act, fireEvent, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
+import { render } from '../../../utils/test';
+import { BasicExample, ReplaceMessageExample, WipeMessagesExample, } from './examples';
+vi.useFakeTimers();
+describe('SnackBar', () => {
+    it('supports adding messages', () => {
+        const { getByText } = render(_jsx(BasicExample, {}));
+        expect(() => getByText('Message 1')).toThrow();
+        const addButton = getByText('Add Message');
+        act(() => {
+            fireEvent.click(addButton);
+        });
+        expect(getByText('Message 1')).toBeInTheDocument();
+        act(() => {
+            fireEvent.click(addButton);
+        });
+        expect(getByText('Message 1')).toBeInTheDocument();
+        expect(getByText('Message 2')).toBeInTheDocument();
+        act(() => {
+            vi.runAllTimers();
+        });
+        waitFor(() => {
+            expect(() => getByText('Message 1')).toThrow();
+            expect(() => getByText('Message 2')).toThrow();
+        });
+    });
+    it('supports replacing messages', () => {
+        const { getByText } = render(_jsx(ReplaceMessageExample, {}));
+        expect(() => getByText('Message 1')).toThrow();
+        const addButton = getByText('Add Message');
+        act(() => {
+            fireEvent.click(addButton);
+        });
+        expect(getByText('Message 1')).toBeInTheDocument();
+        act(() => {
+            fireEvent.click(addButton);
+        });
+        expect(() => getByText('Message 1')).toThrow();
+        expect(getByText('Message 2')).toBeInTheDocument();
+        act(() => {
+            vi.runAllTimers();
+        });
+        waitFor(() => {
+            expect(() => getByText('Message 2')).toThrow();
+        });
+    });
+    it('supports wiping messages', () => {
+        const { getByText } = render(_jsx(WipeMessagesExample, {}));
+        expect(() => getByText('Message 1')).toThrow();
+        const addButton = getByText('Add Message');
+        act(() => {
+            fireEvent.click(addButton);
+        });
+        act(() => {
+            fireEvent.click(addButton);
+        });
+        expect(getByText('Message 1')).toBeInTheDocument();
+        expect(getByText('Message 2')).toBeInTheDocument();
+        const wipeButton = getByText('Wipe and Add');
+        act(() => {
+            fireEvent.click(wipeButton);
+        });
+        expect(() => getByText('Message 1')).toThrow();
+        expect(() => getByText('Message 2')).toThrow();
+        expect(getByText('Message 3')).toBeInTheDocument();
+        act(() => {
+            vi.runAllTimers();
+        });
+        waitFor(() => {
+            expect(() => getByText('Message 3')).toThrow();
+        });
+    });
+});

package/dist/components/composites/SnackBar/examples.d.ts

@@ -0,0 +1,3 @@
+export declare const BasicExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const ReplaceMessageExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const WipeMessagesExample: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/composites/SnackBar/examples.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useSnackBar } from '../../providers/snackBar';
+import { Row } from '../../elements/layout/Row';
+import { Button } from '../../elements/Button';
+import { SnackBar } from '.';
+export const BasicExample = () => {
+    const { addMessage } = useSnackBar();
+    const [messageCount, setMessageCount] = useState(1);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ onClick: () => {
+                    setMessageCount(messageCount + 1);
+                    addMessage({ message: `Message ${messageCount}` });
+                } }, { children: "Add Message" })), _jsx(SnackBar, {})] }));
+};
+export const ReplaceMessageExample = () => {
+    const { addMessage } = useSnackBar();
+    const [messageCount, setMessageCount] = useState(1);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ onClick: () => {
+                    setMessageCount(messageCount + 1);
+                    addMessage({ message: `Message ${messageCount}`, id: 'same-id' });
+                } }, { children: "Add Message" })), _jsx(SnackBar, {})] }));
+};
+export const WipeMessagesExample = () => {
+    const { addMessage } = useSnackBar();
+    const [messageCount, setMessageCount] = useState(1);
+    return (_jsxs(Row, { children: [_jsx(Button, Object.assign({ onClick: () => {
+                    setMessageCount((count) => count + 1);
+                    addMessage({ message: `Message ${messageCount}` });
+                }, sx: { mr: 1 } }, { children: "Add Message" })), _jsx(Button, Object.assign({ onClick: () => {
+                    setMessageCount((count) => count + 1);
+                    addMessage({ message: `Message ${messageCount}` }, {
+                        wipePrevious: true,
+                    });
+                } }, { children: "Wipe and Add" })), _jsx(SnackBar, {})] }));
+};

package/dist/components/composites/SnackBar/index.d.ts

@@ -0,0 +1 @@
+export declare const SnackBar: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/composites/SnackBar/index.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { keyframes } from '@emotion/react';
+import { COLOR } from '../../../theme/colors';
+import { TYPOGRAPHY_TYPE, getTypographyStyles } from '../../../theme/typography';
+import { BUTTON_TYPE, Button } from '../../elements/Button';
+import { Box } from '../../elements/layout/Box';
+import { Column } from '../../elements/layout/Column';
+import { Row } from '../../elements/layout/Row';
+import { useSnackBar } from '../../providers/snackBar';
+import CloseIcon from '@mui/icons-material/Close';
+import { Z_INDEX } from '../../../theme/custom';
+const getTransformForMessageCount = (messageCount) => messageCount ? `translateY(-${messageCount * 4 + 1}rem)` : '0rem';
+const getAnimation = (messageCount, previousMessageCount) => {
+    return keyframes `
+      from {
+        transform: ${getTransformForMessageCount(previousMessageCount)};
+      }
+      to {
+        transform: ${getTransformForMessageCount(messageCount)};
+      }
+    `;
+};
+export const SnackBar = () => {
+    const { messages, removeMessage, previousMessageCount } = useSnackBar();
+    const typographyStyles = getTypographyStyles(TYPOGRAPHY_TYPE.CONDENSED_TEXT_MEDIUM);
+    const animation = getAnimation(messages.length, previousMessageCount);
+    const animationStyle = `${animation} 100ms linear 1 forwards`;
+    return (_jsx(Column, Object.assign({ sx: {
+            position: 'fixed',
+            left: 0,
+            top: '100%',
+            width: '100vw',
+            display: 'flex',
+            alignItems: 'center',
+            pb: 3,
+            animation: animationStyle,
+            zIndex: Z_INDEX.DIALOG,
+        } }, { children: messages.map((message) => (_jsxs(Row, Object.assign({ sx: Object.assign({ width: ['90vw', '500px'], height: '56px', borderRadius: '4px', p: 4, mt: '0.5rem', border: '1px solid', bg: COLOR.PRIMARY, color: COLOR.WHITE, justifyContent: 'space-between', alignItems: 'center' }, typographyStyles) }, { children: [_jsx(Box, Object.assign({ sx: {
+                        overflow: 'hidden',
+                        whiteSpace: 'nowrap',
+                        textOverflow: 'ellipsis',
+                    }, "aria-live": "polite" }, { children: message.message })), _jsx(Box, { children: _jsx(Button, { "aria-label": "Dismiss Notice", type: BUTTON_TYPE.TEXT, primaryIcon: CloseIcon, onClick: () => {
+                            removeMessage(message.id);
+                        }, textColor: COLOR.WHITE }) })] }), message.id))) })));
+};

package/dist/components/composites/StructuredData/StructuredData.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import StructuredData from './index';
+declare const meta: Meta<typeof StructuredData>;
+export default meta;
+type Story = StoryObj<typeof StructuredData>;
+export declare const Default: Story;

package/dist/components/composites/StructuredData/StructuredData.stories.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import StructuredDataDisplay from './StructuredDataDisplay';
+import StructuredData from './index';
+const meta = {
+    title: 'Composites/StructuredData',
+    component: StructuredData,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsx(_Fragment, { children: _jsx(StructuredDataDisplay, {}) })),
+};

package/dist/components/composites/StructuredData/StructuredData.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/composites/StructuredData/StructuredData.test.js

@@ -0,0 +1,48 @@
+import { getStructuredDataSchemas } from './';
+describe('getStructuredDataSchemas', () => {
+    it('should generate structured data schemas with default data', () => {
+        const schemas = getStructuredDataSchemas({});
+        expect(schemas[0]).toContain('Hesburgh Component Library');
+        expect(schemas).toHaveLength(1);
+        console.log(schemas);
+    });
+    it('should generate structured data schemas with custom data', () => {
+        const customData = {
+            title: 'Custom Title',
+            description: 'Custom Description',
+            events: [
+                {
+                    title: 'Archival Research Lab II: Inside the Archive',
+                    startDate: '2021-10-13T14:00:00.000Z',
+                    endDate: '2021-10-13T15:15:00.000Z',
+                    slug: 'archival-research-lab-2-inside-the-archive-2021-10-13',
+                    shortDescription: 'This two-session workshop provides an introduction to advanced archival research.',
+                    representationalImage: {
+                        url: 'https://strapi-prod-library-website-contentbucket52d4b12c-1whgwwl6746tz.s3.amazonaws.com/events_hl_workshop_1403f3079f.jpg?AWSAccessKeyId=AKIATLJDMPVTNRHRTTAL&Expires=1698764137&Signature=oDIw1iGhnDLsDcvvlSHOn5KSRrI%3D',
+                    },
+                    location: {
+                        address: '103 Hesburgh Library, Rare Books & Special Collections',
+                    },
+                    locationText: {
+                        name: 'Hesburgh Concourse',
+                    },
+                },
+            ],
+            news: [
+                {
+                    title: 'Preservation Week 2023: Tips from the Hesburgh Libraries Preservation Team',
+                    author: 'Hesburgh Libraries Analog Preservation and Conservation Unit',
+                    shortDescription: 'Hesburgh Libraries preservation experts offer some helpful tips on safely preserving your valued collections.',
+                    image: {
+                        url: 'https://strapi-prod-library-website-contentbucket52d4b12c-1whgwwl6746tz.s3.amazonaws.com/Preservation_Week_Rep_f85c55dd55.png?AWSAccessKeyId=AKIATLJDMPVTNRHRTTAL&Expires=1698764137&Signature=9jjAAAXWqJ7kBK4Tn5G7jvGK%2BfA%3D',
+                    },
+                    slug: 'preservation-week-2023',
+                    publishedDate: '2023-04-30T04:00:00.000Z',
+                },
+            ],
+        };
+        const schemas = getStructuredDataSchemas(customData);
+        expect(schemas).toHaveLength(3);
+        expect(schemas[0]).toContain('Custom Title');
+    });
+});

package/dist/components/composites/StructuredData/StructuredDataDisplay/index.d.ts

@@ -0,0 +1,2 @@
+export declare const StructuredDataDisplay: () => import("react/jsx-runtime").JSX.Element;
+export default StructuredDataDisplay;

package/dist/components/composites/StructuredData/StructuredDataDisplay/index.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getStructuredDataSchemas } from '../index';
+export const StructuredDataDisplay = () => {
+    const events = [
+        {
+            title: 'Archival Research Lab II: Inside the Archive',
+            startDate: '2021-10-13T14:00:00.000Z',
+            endDate: '2021-10-13T15:15:00.000Z',
+            slug: 'archival-research-lab-2-inside-the-archive-2021-10-13',
+            shortDescription: 'This two-session workshop provides an introduction to advanced archival research.',
+            representationalImage: {
+                url: 'https://strapi-prod-library-website-contentbucket52d4b12c-1whgwwl6746tz.s3.amazonaws.com/events_hl_workshop_1403f3079f.jpg?AWSAccessKeyId=AKIATLJDMPVTNRHRTTAL&Expires=1698764137&Signature=oDIw1iGhnDLsDcvvlSHOn5KSRrI%3D',
+            },
+            location: {
+                address: '103 Hesburgh Library, Rare Books & Special Collections',
+            },
+            locationText: {
+                name: 'Hesburgh Concourse',
+            },
+        },
+    ];
+    const news = [
+        {
+            title: 'Preservation Week 2023: Tips from the Hesburgh Libraries Preservation Team',
+            author: 'Hesburgh Libraries Analog Preservation and Conservation Unit',
+            shortDescription: 'Hesburgh Libraries preservation experts offer some helpful tips on safely preserving your valued collections.',
+            image: {
+                url: 'https://strapi-prod-library-website-contentbucket52d4b12c-1whgwwl6746tz.s3.amazonaws.com/Preservation_Week_Rep_f85c55dd55.png?AWSAccessKeyId=AKIATLJDMPVTNRHRTTAL&Expires=1698764137&Signature=9jjAAAXWqJ7kBK4Tn5G7jvGK%2BfA%3D',
+            },
+            slug: 'preservation-week-2023',
+            publishedDate: '2023-04-30T04:00:00.000Z',
+        },
+    ];
+    const schemas = getStructuredDataSchemas({ events: events, news: news });
+    return (_jsx(_Fragment, { children: schemas.map((schema, index) => (_jsxs("pre", { children: [_jsx("code", { children: schema }), _jsx("br", {})] }, index))) }));
+};
+export default StructuredDataDisplay;

package/dist/components/composites/StructuredData/index.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+export type StructuredDataProps = {
+    title?: string;
+    description?: string;
+    siteUrl?: string;
+    nofollow?: string;
+    noindex?: string;
+    image?: string;
+    events?: {
+        title: string;
+        startDate: string;
+        endDate: string;
+        slug: string;
+        shortDescription: string;
+        representationalImage: {
+            url: string;
+        };
+        location: {
+            address: string;
+        };
+        locationText: {
+            name: string;
+        };
+    }[];
+    news?: {
+        title: string;
+        author: string;
+        shortDescription: string;
+        image: {
+            url: string;
+        };
+        slug: string;
+        publishedDate: string;
+    }[];
+};
+export declare const getStructuredDataSchemas: ({ title, description, nofollow, noindex, image, events, news, }: StructuredDataProps) => string[];
+export declare const StructuredData: React.FC<StructuredDataProps>;
+export default StructuredData;

package/dist/components/composites/StructuredData/index.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { siteMetadata } from './siteMetadata';
+import { stringifyWebpageSchema } from './sdWebsite';
+import { stringifyEventSchema } from './sdEvent';
+import { stringifyNewsSchema } from './sdNews';
+export const getStructuredDataSchemas = ({ title, description, nofollow, noindex, image, events, news, }) => {
+    const { title: defaultTitle, description: defaultDescription, image: defaultImage, siteUrl, nofollow: defaultNofollow, noindex: defaultNoindex, } = siteMetadata();
+    const metadata = {
+        title: title || defaultTitle,
+        description: description || defaultDescription,
+        nofollow: nofollow || defaultNofollow,
+        noindex: noindex || defaultNoindex,
+        image: image || defaultImage,
+        url: `${siteUrl}${location.pathname || ''}`,
+        lang: 'en',
+        events: events,
+        news: news,
+    };
+    const schemas = [];
+    if (location.pathname !== '') {
+        schemas.push(stringifyWebpageSchema({
+            name: metadata.title,
+            description: metadata.description,
+            url: metadata.url,
+            lang: metadata.lang,
+        }));
+        events === null || events === void 0 ? void 0 : events.map((event) => {
+            schemas.push(stringifyEventSchema({
+                title: event.title,
+                description: event.shortDescription,
+                image: event.representationalImage.url,
+                url: event.slug,
+                startDate: event.startDate,
+                endDate: event.endDate,
+                eventLocation: event.location.address,
+                eventLocationName: event.locationText.name,
+                siteUrl: siteUrl,
+            }));
+        });
+        news === null || news === void 0 ? void 0 : news.map((article) => {
+            schemas.push(stringifyNewsSchema({
+                title: article.title,
+                abstract: article.shortDescription,
+                author: article.author,
+                image: article.image.url,
+                url: article.slug,
+                publishedDate: article.publishedDate,
+                siteUrl: siteUrl,
+            }));
+        });
+    }
+    return schemas;
+};
+export const StructuredData = (props) => {
+    const schemas = getStructuredDataSchemas(props);
+    return (_jsx(_Fragment, { children: schemas.map((schema, index) => (_jsx("script", Object.assign({ type: "application/ld+json" }, { children: schema }), index))) }));
+};
+export default StructuredData;

package/dist/components/composites/StructuredData/sdEvent/index.d.ts

@@ -0,0 +1,13 @@
+interface SdEventProps {
+    title: string;
+    startDate?: string;
+    endDate?: string;
+    description: string;
+    eventLocation?: string;
+    eventLocationName?: string;
+    image?: string;
+    url?: string;
+    siteUrl?: string;
+}
+export declare const stringifyEventSchema: (props: SdEventProps) => string;
+export default stringifyEventSchema;

package/dist/components/composites/StructuredData/sdEvent/index.js

@@ -0,0 +1,16 @@
+import { makeEventSchema } from './makeEventSchema';
+export const stringifyEventSchema = ({ title, description, startDate, endDate, eventLocation, eventLocationName, image, url, siteUrl, }) => {
+    const eventSchema = makeEventSchema({
+        title: title,
+        startDate: startDate,
+        endDate: endDate,
+        description: description,
+        image: image,
+        eventLocation: eventLocation,
+        eventLocationName: eventLocationName,
+        url: url,
+        siteUrl: siteUrl,
+    });
+    return JSON.stringify(eventSchema, null, 2);
+};
+export default stringifyEventSchema;

package/dist/components/composites/StructuredData/sdEvent/makeEventSchema.d.ts

@@ -0,0 +1,15 @@
+import { Event } from 'schema-dts';
+type Params = {
+    title: string;
+    startDate?: string;
+    endDate?: string;
+    description?: string;
+    location?: string;
+    eventLocation?: string;
+    eventLocationName?: string;
+    image?: string;
+    url?: string;
+    siteUrl?: string;
+};
+export declare const makeEventSchema: (params: Params) => Event;
+export {};

package/dist/components/composites/StructuredData/sdEvent/makeEventSchema.js

@@ -0,0 +1,16 @@
+export const makeEventSchema = (params) => {
+    return {
+        '@type': 'Event',
+        name: params.title,
+        startDate: params.startDate,
+        endDate: params.endDate,
+        description: params.description,
+        image: params.image,
+        url: params.siteUrl + '/event/' + params.url,
+        location: {
+            '@type': 'Place',
+            name: params.eventLocationName,
+            address: params.eventLocation,
+        },
+    };
+};

package/dist/components/composites/StructuredData/sdNews/index.d.ts

@@ -0,0 +1,11 @@
+interface SdNewsProps {
+    title: string;
+    author: string;
+    abstract: string;
+    image?: string;
+    url?: string;
+    publishedDate?: string;
+    siteUrl?: string;
+}
+export declare const stringifyNewsSchema: (props: SdNewsProps) => string;
+export default stringifyNewsSchema;

package/dist/components/composites/StructuredData/sdNews/index.js

@@ -0,0 +1,14 @@
+import { makeNewsSchema } from './makeNewsSchema';
+export const stringifyNewsSchema = ({ title, author, abstract, image, url, publishedDate, siteUrl, }) => {
+    const newsSchema = makeNewsSchema({
+        title: title,
+        author: author,
+        abstract: abstract,
+        image: image,
+        url: url,
+        publishedDate: publishedDate,
+        siteUrl: siteUrl,
+    });
+    return JSON.stringify(newsSchema, null, 2);
+};
+export default stringifyNewsSchema;

package/dist/components/composites/StructuredData/sdNews/makeNewsSchema.d.ts

@@ -0,0 +1,12 @@
+import { NewsArticle } from 'schema-dts';
+type Params = {
+    title: string;
+    author: string;
+    abstract?: string;
+    image?: string;
+    url?: string;
+    publishedDate?: string;
+    siteUrl?: string;
+};
+export declare const makeNewsSchema: (params: Params) => NewsArticle;
+export {};