@memori.ai/memori-react 1.0.0-alpha.1

package/dist/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAA4B;AAM5B,kEAAkC;AAClC,2EAA2C;AAC3C,yFAAyD;AACzD,mEAAmC;AACnC,iDAA+C;AAC/C,6GAA6E;AAC7E,uEAAuC;AACvC,qFAAqD;AAErD,wBAAsB;AAgBtB,MAAM,MAAM,GAAoB,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,EACR,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,qBAAqB,GAAG,KAAK,EAC7B,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,IAAI,GACpB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,eAAe,EAAE,SAAS,CAAC;QAC3C,MAAM,CAAC,aAAa,IAAI,QAAQ,IAAI,CACnC,uCAAK,SAAS,EAAC,yBAAyB;YACtC,wCAAM,SAAS,EAAC,mCAAmC,IAChD,QAAQ,CAAC,SAAS,CACd;YACP,8BAAC,gBAAM,IACL,IAAI,EAAE,8BAAC,mBAAS,OAAG,EACnB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAC1C,CACE,CACP;QACD,8BAAC,gBAAM,IACL,OAAO,QACP,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,8BAAC,0BAAgB,OAAG,CAAC,CAAC,CAAC,8BAAC,eAAK,OAAG,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,OAAO,GACnC;QACF,8BAAC,6BAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,CAAC,qBAAqB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,GACxD;QACD,YAAY,IAAI,CACf,8BAAC,gBAAM,IACL,OAAO,QACP,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,8BAAC,iBAAO,OAAG,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAC1C,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,UAAU,GACzC,CACH;QACA,SAAS,IAAI,CACZ,8BAAC,qBAAW,IACV,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,UAAU,QACV,KAAK,EAAC,MAAM,GACZ,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/components/Header/Header.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './Header';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;
+export declare const WithPosition: Story<Props>;
+export declare const SpeakerMuted: Story<Props>;
+export declare const WithShare: Story<Props>;
+export declare const WithSettings: Story<Props>;
+export declare const WithOngoingChat: Story<Props>;

package/dist/components/Header/Header.stories.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithOngoingChat = exports.WithSettings = exports.WithShare = exports.SpeakerMuted = exports.WithPosition = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const data_1 = require("../../mocks/data");
+const Header_1 = tslib_1.__importDefault(require("./Header"));
+const meta = {
+    title: 'Widget/Header',
+    component: Header_1.default,
+    argTypes: {
+        showShare: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => {
+    const [speakerMuted, setSpeakerMuted] = react_1.default.useState(args.speakerMuted);
+    return (react_1.default.createElement(Header_1.default, { ...args, speakerMuted: speakerMuted, setSpeakerMuted: setSpeakerMuted }));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    memori: data_1.memori,
+    history: data_1.history,
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: false,
+    hasUserActivatedSpeak: false,
+    showShare: false,
+    showSettings: false,
+};
+exports.WithPosition = Template.bind({});
+exports.WithPosition.args = {
+    memori: {
+        ...data_1.memori,
+        needsPosition: true,
+    },
+    history: data_1.history,
+    position: {
+        placeName: 'Berlin',
+        latitude: 52.520008,
+        longitude: 13.404954,
+    },
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: false,
+    hasUserActivatedSpeak: false,
+    showShare: false,
+    showSettings: false,
+};
+exports.SpeakerMuted = Template.bind({});
+exports.SpeakerMuted.args = {
+    memori: data_1.memori,
+    history: data_1.history,
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: true,
+    hasUserActivatedSpeak: false,
+    showShare: false,
+    showSettings: false,
+};
+exports.WithShare = Template.bind({});
+exports.WithShare.args = {
+    memori: data_1.memori,
+    history: data_1.history,
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: false,
+    hasUserActivatedSpeak: false,
+    showShare: true,
+    showSettings: false,
+};
+exports.WithSettings = Template.bind({});
+exports.WithSettings.args = {
+    memori: data_1.memori,
+    history: data_1.history,
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: false,
+    hasUserActivatedSpeak: false,
+    showShare: false,
+    showSettings: true,
+};
+exports.WithOngoingChat = Template.bind({});
+exports.WithOngoingChat.args = {
+    memori: data_1.memori,
+    history: data_1.history,
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: false,
+    hasUserActivatedSpeak: true,
+    showShare: false,
+    showSettings: false,
+};
+//# sourceMappingURL=Header.stories.js.map

package/dist/components/Header/Header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../src/components/Header/Header.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2CAAmD;AACnD,8DAAyC;AAEzC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,gBAAM;IACjB,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;IACpC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1E,OAAO,CACL,8BAAC,gBAAM,OACD,IAAI,EACR,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,GAChC,CACH,CAAC;AACJ,CAAC,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,OAAO,EAAP,cAAO;IACP,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,YAAY,EAAE,KAAK;IACnB,qBAAqB,EAAE,KAAK;IAC5B,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,KAAK;CACpB,CAAC;AAEW,QAAA,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,oBAAY,CAAC,IAAI,GAAG;IAClB,MAAM,EAAE;QACN,GAAG,aAAM;QACT,aAAa,EAAE,IAAI;KACpB;IACD,OAAO,EAAP,cAAO;IACP,QAAQ,EAAE;QACR,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;KACrB;IACD,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,YAAY,EAAE,KAAK;IACnB,qBAAqB,EAAE,KAAK;IAC5B,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,KAAK;CACpB,CAAC;AAEW,QAAA,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,oBAAY,CAAC,IAAI,GAAG;IAClB,MAAM,EAAN,aAAM;IACN,OAAO,EAAP,cAAO;IACP,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,YAAY,EAAE,IAAI;IAClB,qBAAqB,EAAE,KAAK;IAC5B,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,KAAK;CACpB,CAAC;AAEW,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG;IACf,MAAM,EAAN,aAAM;IACN,OAAO,EAAP,cAAO;IACP,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,YAAY,EAAE,KAAK;IACnB,qBAAqB,EAAE,KAAK;IAC5B,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,KAAK;CACpB,CAAC;AAEW,QAAA,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,oBAAY,CAAC,IAAI,GAAG;IAClB,MAAM,EAAN,aAAM;IACN,OAAO,EAAP,cAAO;IACP,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,YAAY,EAAE,KAAK;IACnB,qBAAqB,EAAE,KAAK;IAC5B,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,IAAI;CACnB,CAAC;AAEW,QAAA,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,uBAAe,CAAC,IAAI,GAAG;IACrB,MAAM,EAAN,aAAM;IACN,OAAO,EAAP,cAAO;IACP,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,YAAY,EAAE,KAAK;IACnB,qBAAqB,EAAE,IAAI;IAC3B,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,KAAK;CACpB,CAAC"}

package/dist/components/Header/Header.test.d.ts

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

package/dist/components/Header/Header.test.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const data_1 = require("../../mocks/data");
+const Header_1 = tslib_1.__importDefault(require("./Header"));
+it('renders Header unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Header_1.default, { memori: data_1.memori, history: data_1.history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Header with position unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Header_1.default, { memori: {
+            ...data_1.memori,
+            needsPosition: true,
+        }, position: {
+            placeName: 'Berlin',
+            latitude: 52.520008,
+            longitude: 13.404954,
+        }, history: data_1.history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Header with speaker muted unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Header_1.default, { memori: data_1.memori, history: data_1.history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: true, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Header with share button unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Header_1.default, { memori: data_1.memori, history: data_1.history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: true, showSettings: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Header with settings button unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Header_1.default, { memori: data_1.memori, history: data_1.history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Header with user activated speak unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Header_1.default, { memori: data_1.memori, history: data_1.history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: true, showShare: false, showSettings: false }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=Header.test.js.map

package/dist/components/Header/Header.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.test.js","sourceRoot":"","sources":["../../../src/components/Header/Header.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/MediaWidget/LinkItemWidget.css

@@ -0,0 +1,35 @@
+.memori-link-items--grid {
+    display: grid;
+    grid-auto-flow: dense;
+    grid-gap: 1rem;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+}
+
+.memori-link-item--card {
+    height: 100%;
+    margin-bottom: 1rem;
+}
+
+.memori-link-item--card .memori-card--cover {
+    height: auto;
+    text-align: center;
+}
+
+.memori-link-item--card .memori-card--cover img {
+    min-width: 100%;
+    min-height: 100%;
+    object-fit: contain;
+}
+
+a.memori-link-item--link {
+    text-decoration: none;
+}
+
+.memori-link-item--card-cover-icon {
+    padding: 1rem;
+}
+
+.memori-link-item--icon {
+    width: 50%;
+    height: 50%;
+}

package/dist/components/MediaWidget/LinkItemWidget.d.ts

@@ -0,0 +1,27 @@
+import { Medium } from '@memori.ai/memori-api-client/dist/types';
+import React from 'react';
+import './LinkItemWidget.css';
+export declare type ILinkPreviewInfo = {
+    title?: string | undefined;
+    siteName?: string | undefined;
+    description?: string | undefined;
+    mediaType?: string | undefined;
+    image?: string | undefined;
+    imageWidth?: number | undefined;
+    imageHeight?: number | undefined;
+    favicon?: string | undefined;
+    images?: string[] | undefined;
+    video?: string | undefined;
+    videos?: string[] | undefined;
+};
+export interface Props {
+    items: Medium[];
+    baseUrl?: string;
+    descriptionOneLine?: boolean;
+    onLinkPreviewInfo?: (linkPreviewInfo: ILinkPreviewInfo) => void;
+}
+export declare const RenderLinkItem: ({ item, baseUrl, onLinkPreviewInfo, descriptionOneLine, }: Omit<Props, "items"> & {
+    item: Medium;
+}) => JSX.Element;
+declare const LinkItemWidget: React.FC<Props>;
+export default LinkItemWidget;

package/dist/components/MediaWidget/LinkItemWidget.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderLinkItem = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const Link_1 = tslib_1.__importDefault(require("../icons/Link"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const ellipsed_1 = require("ellipsed");
+const Card_1 = tslib_1.__importDefault(require("../ui/Card"));
+const react_2 = require("@headlessui/react");
+require("./LinkItemWidget.css");
+const getSiteInfo = async (url, baseUrl) => {
+    try {
+        const data = await fetch(`${baseUrl ||
+            'https://app.twincreator.com'}/api/linkpreview/${encodeURIComponent(url)}`);
+        const siteInfo = await data.json();
+        return siteInfo;
+    }
+    catch (err) {
+        console.error('getSiteInfo', err);
+        return null;
+    }
+};
+const RenderLinkItem = ({ item, baseUrl, onLinkPreviewInfo, descriptionOneLine = false, }) => {
+    var _a, _b, _c, _d;
+    const [link, setLink] = (0, react_1.useState)(null);
+    const normURL = ((_a = item.url) === null || _a === void 0 ? void 0 : _a.startsWith('http')) || !item.url || ((_b = item.url) === null || _b === void 0 ? void 0 : _b.length) === 0
+        ? item.url
+        : `https://${item.url}`;
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        let normURL = ((_a = item.url) === null || _a === void 0 ? void 0 : _a.startsWith('http')) || !item.url || ((_b = item.url) === null || _b === void 0 ? void 0 : _b.length) === 0
+            ? item.url
+            : `https://${item.url}`;
+        if (normURL && normURL !== (link === null || link === void 0 ? void 0 : link.urlKey)) {
+            getSiteInfo(normURL, baseUrl).then(siteInfo => {
+                setLink(siteInfo
+                    ? { ...siteInfo, urlKey: normURL }
+                    : null);
+                if (onLinkPreviewInfo && siteInfo)
+                    onLinkPreviewInfo(siteInfo);
+            });
+        }
+    }, [item === null || item === void 0 ? void 0 : item.url, baseUrl, onLinkPreviewInfo]);
+    const title = item.title && item.title.length > 0 ? item.title : link === null || link === void 0 ? void 0 : link.title;
+    const description = link === null || link === void 0 ? void 0 : link.description;
+    const video = link === null || link === void 0 ? void 0 : link.video;
+    const image = (_c = link === null || link === void 0 ? void 0 : link.image) !== null && _c !== void 0 ? _c : (_d = link === null || link === void 0 ? void 0 : link.images) === null || _d === void 0 ? void 0 : _d[0];
+    (0, react_1.useEffect)(() => {
+        setTimeout(() => {
+            (0, ellipsed_1.ellipsis)('.memori-link-item--card .memori-card--description', 3, {
+                responsive: true,
+            });
+        }, 300);
+    }, [description, item.mediumID]);
+    return (react_1.default.createElement("a", { href: normURL, target: "_blank", rel: "noopener noreferrer", className: "memori-link-item--link" },
+        react_1.default.createElement(Card_1.default, { hoverable: true, className: (0, classnames_1.default)('memori-link-item--card', {
+                'memori-link-item--card-description-oneline': descriptionOneLine,
+                'memori-link-item--card-has-image': image,
+                'memori-link-item--card-has-video': video,
+            }), cover: video ? (react_1.default.createElement("iframe", { width: "100%", height: "100%", src: video, title: "Video player", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true })) : image ? (react_1.default.createElement("img", { className: "memori-link-item--card-cover-img", src: image, alt: item.title })) : (react_1.default.createElement("div", { className: "memori-link-item--card-cover-icon" },
+                react_1.default.createElement(Link_1.default, { className: "memori-link-item--icon" }))), title: title, description: description })));
+};
+exports.RenderLinkItem = RenderLinkItem;
+const LinkItemWidget = ({ items, baseUrl, descriptionOneLine = false, onLinkPreviewInfo, }) => {
+    return (react_1.default.createElement(react_2.Transition, { appear: true, show: true, as: "div", className: "memori-link-items" },
+        react_1.default.createElement("div", { className: "memori-link-items--grid" }, items.map((item, index) => (react_1.default.createElement(react_2.Transition.Child, { as: "div", className: "memori-link-item", key: item.mediumID, enter: `ease-out duration-500 delay-${index * 100}`, enterFrom: "opacity-0 scale-95", enterTo: "opacity-1 scale-100", leave: "ease-in duration-300", leaveFrom: "opacity-1 scale-100", leaveTo: "opacity-0 scale-95" },
+            react_1.default.createElement(exports.RenderLinkItem, { item: item, baseUrl: baseUrl, descriptionOneLine: descriptionOneLine, onLinkPreviewInfo: onLinkPreviewInfo })))))));
+};
+exports.default = LinkItemWidget;
+//# sourceMappingURL=LinkItemWidget.js.map

package/dist/components/MediaWidget/LinkItemWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/LinkItemWidget.tsx"],"names":[],"mappings":"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"}

package/dist/components/MediaWidget/LinkItemWidget.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './LinkItemWidget';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;

package/dist/components/MediaWidget/LinkItemWidget.stories.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const LinkItemWidget_1 = tslib_1.__importDefault(require("./LinkItemWidget"));
+const meta = {
+    title: 'Media Widget/Link',
+    component: LinkItemWidget_1.default,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => react_1.default.createElement(LinkItemWidget_1.default, { ...args });
+exports.Default = Template.bind({});
+exports.Default.args = {
+    items: [
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'Memori Srl',
+            url: 'https://memori.ai/en',
+        },
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'TwinCreator',
+            url: 'https://twincreator.com/en',
+        },
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'MemoryTwin',
+            url: 'https://memorytwin.com/en',
+        },
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'Introducing Plone Remix | Vimeo',
+            url: 'https://vimeo.com/766468314',
+        },
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'A sustainable web: is it possible? - Nicola Zambello | YouTube',
+            url: 'https://www.youtube.com/watch?v=feH26j3rBz8',
+        },
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'Memori backend API',
+            url: 'https://backend.memori.ai',
+        },
+    ],
+};
+//# sourceMappingURL=LinkItemWidget.stories.js.map

package/dist/components/MediaWidget/LinkItemWidget.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkItemWidget.stories.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/LinkItemWidget.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,8EAAyD;AAEzD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,wBAAc;IACzB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,8BAAC,wBAAc,OAAK,IAAI,GAAI,CAAC;AAIvD,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE;QACL;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,sBAAsB;SAC5B;QACD;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,aAAa;YACpB,GAAG,EAAE,4BAA4B;SAClC;QACD;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,2BAA2B;SACjC;QACD;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,iCAAiC;YACxC,GAAG,EAAE,6BAA6B;SACnC;QACD;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,gEAAgE;YACvE,GAAG,EAAE,6CAA6C;SACnD;QACD;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,oBAAoB;YAC3B,GAAG,EAAE,2BAA2B;SACjC;KACF;CACF,CAAC"}

package/dist/components/MediaWidget/LinkItemWidget.test.d.ts

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

package/dist/components/MediaWidget/LinkItemWidget.test.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const LinkItemWidget_1 = tslib_1.__importDefault(require("./LinkItemWidget"));
+const linkMedium = {
+    mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+    mimeType: 'text/html',
+    title: 'Memori Srl',
+    url: 'https://memori.ai/en',
+};
+it('renders LinkItemWidget unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(LinkItemWidget_1.default, { items: [linkMedium] }));
+    expect(container).toMatchSnapshot();
+});
+it('renders LinkItemWidget unchanged with no media', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(LinkItemWidget_1.default, { items: [] }));
+    expect(container).toMatchSnapshot();
+});
+it('renders LinkItemWidget unchanged with baseUrl', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(LinkItemWidget_1.default, { items: [linkMedium] }));
+    expect(container).toMatchSnapshot();
+});
+it('renders LinkItemWidget unchanged with description oneline', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(LinkItemWidget_1.default, { items: [linkMedium], descriptionOneLine: true }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=LinkItemWidget.test.js.map

package/dist/components/MediaWidget/LinkItemWidget.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkItemWidget.test.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/LinkItemWidget.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,kDAAgD;AAChD,8EAA8C;AAE9C,MAAM,UAAU,GAAW;IACzB,QAAQ,EAAE,sCAAsC;IAChD,QAAQ,EAAE,WAAW;IACrB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,sBAAsB;CAC5B,CAAC;AAEF,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,wBAAc,IAAC,KAAK,EAAE,CAAC,UAAU,CAAC,GAAI,CAAC,CAAC;IACtE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,wBAAc,IAAC,KAAK,EAAE,EAAE,GAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,wBAAc,IAAC,KAAK,EAAE,CAAC,UAAU,CAAC,GAAI,CAAC,CAAC;IACtE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;IACnE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,wBAAc,IAAC,KAAK,EAAE,CAAC,UAAU,CAAC,EAAE,kBAAkB,SAAG,CAC3D,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/dist/components/MediaWidget/MediaItemWidget.css

@@ -0,0 +1,62 @@
+.memori-media-items--grid {
+    display: grid;
+    grid-auto-flow: dense;
+    grid-gap: 1rem;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+}
+
+.memori-media-item--card {
+    margin-bottom: 1rem;
+}
+
+.memori-media-item--image .memori-card--content {
+    padding: 0;
+}
+
+.memori-media-item .memori-card--cover {
+    height: auto;
+}
+
+.memori-media-item .memori-card--cover audio,
+.memori-media-item .memori-card--cover video {
+    border-radius: 5px;
+}
+
+.memori-media-item--image .memori-card--cover {
+    height: auto;
+    background: transparent;
+}
+
+.memori-media-item--figure {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.memori-media-item--figure img {
+    min-width: 100%;
+    min-height: 100%;
+    object-fit: contain;
+}
+
+.memori-media-item--figure-caption {
+    padding: 0.5rem 1rem;
+    margin: 0.5rem 0;
+    color: #666;
+    font-size: 0.875rem;
+    font-style: italic;
+    font-weight: 400;
+    text-align: center;
+}
+
+a.memori-media-item--link {
+    text-decoration: none;
+}
+
+.memori-media-item--icon {
+    width: 50%;
+    height: 50%;
+}

package/dist/components/MediaWidget/MediaItemWidget.d.ts

@@ -0,0 +1,17 @@
+import { Medium } from '@memori.ai/memori-api-client/dist/types';
+import React from 'react';
+import './MediaItemWidget.css';
+export interface Props {
+    items: Medium[];
+    sessionID?: string;
+    tenantID?: string;
+    translateTo?: string;
+}
+export declare const RenderMediaItem: ({ item, sessionID, tenantID, preview, }: {
+    item: Medium;
+    sessionID?: string | undefined;
+    tenantID?: string | undefined;
+    preview?: boolean | undefined;
+}) => JSX.Element;
+declare const MediaItemWidget: React.FC<Props>;
+export default MediaItemWidget;