@memori.ai/memori-react 6.3.0 → 6.3.1
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/CHANGELOG.md +7 -0
- package/dist/components/MediaWidget/MediaItemWidget.js +7 -1
- package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
- package/esm/components/MediaWidget/MediaItemWidget.js +7 -1
- package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
- package/package.json +1 -1
- package/src/components/MediaWidget/MediaItemWidget.stories.tsx +24 -0
- package/src/components/MediaWidget/MediaItemWidget.test.tsx +29 -0
- package/src/components/MediaWidget/MediaItemWidget.tsx +18 -5
- package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +190 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
## [6.3.1](https://github.com/memori-ai/memori-react/compare/v6.3.0...v6.3.1) (2024-04-22)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Changes
|
|
7
|
+
|
|
8
|
+
* allow rgb bg in media images ([6800a61](https://github.com/memori-ai/memori-react/commit/6800a611eb8b0a66518cf7b68337671ef5ff648a))
|
|
9
|
+
|
|
3
10
|
## [6.3.0](https://github.com/memori-ai/memori-react/compare/v6.2.0...v6.3.0) (2024-04-17)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -17,6 +17,7 @@ const FileExcel_1 = tslib_1.__importDefault(require("../icons/FileExcel"));
|
|
|
17
17
|
const FileWord_1 = tslib_1.__importDefault(require("../icons/FileWord"));
|
|
18
18
|
const react_2 = require("@headlessui/react");
|
|
19
19
|
const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview = false, baseURL, apiURL, onClick, customMediaRenderer, }) => {
|
|
20
|
+
var _a, _b;
|
|
20
21
|
const url = (0, media_1.getResourceUrl)({
|
|
21
22
|
resourceURI: item.url,
|
|
22
23
|
sessionID,
|
|
@@ -28,6 +29,7 @@ const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview =
|
|
|
28
29
|
if (customRenderer) {
|
|
29
30
|
return customRenderer;
|
|
30
31
|
}
|
|
32
|
+
const isImageRGB = ((_a = item.url) === null || _a === void 0 ? void 0 : _a.startsWith('rgb(')) || ((_b = item.url) === null || _b === void 0 ? void 0 : _b.startsWith('rgba('));
|
|
31
33
|
switch (item.mimeType) {
|
|
32
34
|
case 'image/jpeg':
|
|
33
35
|
case 'image/png':
|
|
@@ -41,7 +43,11 @@ const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview =
|
|
|
41
43
|
e.preventDefault();
|
|
42
44
|
onClick(item.mediumID);
|
|
43
45
|
}
|
|
44
|
-
}, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, className: "memori-media-item--card memori-media-item--image", cover: (0, jsx_runtime_1.jsxs)("picture", { className: "memori-media-item--figure", children: [!preview && ((0, jsx_runtime_1.jsx)("source", { srcSet: [url, item.url, item.content].join(', '), type: item.mimeType })),
|
|
46
|
+
}, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, className: "memori-media-item--card memori-media-item--image", cover: (0, jsx_runtime_1.jsxs)("picture", { className: "memori-media-item--figure", children: [!preview && !isImageRGB && ((0, jsx_runtime_1.jsx)("source", { srcSet: [url, item.url, item.content].join(', '), type: item.mimeType })), isImageRGB ? ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
47
|
+
minHeight: '150px',
|
|
48
|
+
width: '100%',
|
|
49
|
+
backgroundColor: item.url,
|
|
50
|
+
} })) : ((0, jsx_runtime_1.jsx)("img", { alt: item.title, src: "data:image/png;base64,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" })), item.title && ((0, jsx_runtime_1.jsx)("figcaption", { className: "memori-media-item--figure-caption", children: item.title }))] }) }) }));
|
|
45
51
|
case 'application/msword':
|
|
46
52
|
case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
|
|
47
53
|
return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)(FileWord_1.default, { className: "memori-media-item--icon" }), title: item.title }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaItemWidget.tsx"],"names":[],"mappings":";;;;;AACA,iCAAsE;AACtE,+CAAqD;AACrD,6DAA4D;AAC5D,uDAA2D;AAC3D,8FAA8D;AAC9D,yEAAyC;AACzC,8DAA8B;AAC9B,gEAAgC;AAChC,iEAAiC;AACjC,uEAAuC;AACvC,2EAA2C;AAC3C,yEAAyC;AACzC,6CAA+C;AAYxC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,OAAO,EACP,MAAM,EACN,OAAO,EACP,mBAAmB,GAWpB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"MediaItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaItemWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ import FileExcel from '../icons/FileExcel';
|
|
|
13
13
|
import FileWord from '../icons/FileWord';
|
|
14
14
|
import { Transition } from '@headlessui/react';
|
|
15
15
|
export const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview = false, baseURL, apiURL, onClick, customMediaRenderer, }) => {
|
|
16
|
+
var _a, _b;
|
|
16
17
|
const url = getResourceUrl({
|
|
17
18
|
resourceURI: item.url,
|
|
18
19
|
sessionID,
|
|
@@ -24,6 +25,7 @@ export const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, pr
|
|
|
24
25
|
if (customRenderer) {
|
|
25
26
|
return customRenderer;
|
|
26
27
|
}
|
|
28
|
+
const isImageRGB = ((_a = item.url) === null || _a === void 0 ? void 0 : _a.startsWith('rgb(')) || ((_b = item.url) === null || _b === void 0 ? void 0 : _b.startsWith('rgba('));
|
|
27
29
|
switch (item.mimeType) {
|
|
28
30
|
case 'image/jpeg':
|
|
29
31
|
case 'image/png':
|
|
@@ -37,7 +39,11 @@ export const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, pr
|
|
|
37
39
|
e.preventDefault();
|
|
38
40
|
onClick(item.mediumID);
|
|
39
41
|
}
|
|
40
|
-
}, target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, className: "memori-media-item--card memori-media-item--image", cover: _jsxs("picture", { className: "memori-media-item--figure", children: [!preview && (_jsx("source", { srcSet: [url, item.url, item.content].join(', '), type: item.mimeType })),
|
|
42
|
+
}, target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, className: "memori-media-item--card memori-media-item--image", cover: _jsxs("picture", { className: "memori-media-item--figure", children: [!preview && !isImageRGB && (_jsx("source", { srcSet: [url, item.url, item.content].join(', '), type: item.mimeType })), isImageRGB ? (_jsx("div", { style: {
|
|
43
|
+
minHeight: '150px',
|
|
44
|
+
width: '100%',
|
|
45
|
+
backgroundColor: item.url,
|
|
46
|
+
} })) : (_jsx("img", { alt: item.title, src: "data:image/png;base64,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" })), item.title && (_jsx("figcaption", { className: "memori-media-item--figure-caption", children: item.title }))] }) }) }));
|
|
41
47
|
case 'application/msword':
|
|
42
48
|
case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
|
|
43
49
|
return (_jsx("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx(FileWord, { className: "memori-media-item--icon" }), title: item.title }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaItemWidget.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAY/C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,OAAO,EACP,MAAM,EACN,OAAO,EACP,mBAAmB,GAWpB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"MediaItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaItemWidget.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -124,3 +124,27 @@ WithCustomMediaRenderer.args = {
|
|
|
124
124
|
}
|
|
125
125
|
},
|
|
126
126
|
};
|
|
127
|
+
|
|
128
|
+
export const WithRGBColors = Template.bind({});
|
|
129
|
+
WithRGBColors.args = {
|
|
130
|
+
items: [
|
|
131
|
+
{
|
|
132
|
+
mediumID: '65ca4a6d-f20b-402e-9d79-5e470f247927',
|
|
133
|
+
mimeType: 'image/png',
|
|
134
|
+
title: 'Rosso',
|
|
135
|
+
url: 'rgb(255, 0, 0)',
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
mediumID: '65ca4a6d-f20b-402e-9d79-5e470f247928',
|
|
139
|
+
mimeType: 'image/png',
|
|
140
|
+
title: 'Verde',
|
|
141
|
+
url: 'rgb(0, 255, 0)',
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
mediumID: '65ca4a6d-f20b-402e-9d79-5e470f247929',
|
|
145
|
+
mimeType: 'image/png',
|
|
146
|
+
title: 'Blu',
|
|
147
|
+
url: 'rgb(0, 0, 255)',
|
|
148
|
+
},
|
|
149
|
+
],
|
|
150
|
+
};
|
|
@@ -129,3 +129,32 @@ it('renders MediaItemWidget unchanged with custom media renderer', () => {
|
|
|
129
129
|
);
|
|
130
130
|
expect(container).toMatchSnapshot();
|
|
131
131
|
});
|
|
132
|
+
|
|
133
|
+
it('renders MediaItemWidget unchanged with rgb color', () => {
|
|
134
|
+
const { container } = render(
|
|
135
|
+
<MediaItemWidget
|
|
136
|
+
items={[
|
|
137
|
+
{
|
|
138
|
+
mediumID: '65ca4a6d-f20b-402e-9d79-5e470f247927',
|
|
139
|
+
mimeType: 'image/png',
|
|
140
|
+
title: 'Rosso',
|
|
141
|
+
url: 'rgb(255, 0, 0)',
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
mediumID: '65ca4a6d-f20b-402e-9d79-5e470f247928',
|
|
145
|
+
mimeType: 'image/png',
|
|
146
|
+
title: 'Verde',
|
|
147
|
+
url: 'rgb(0, 255, 0)',
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
mediumID: '65ca4a6d-f20b-402e-9d79-5e470f247929',
|
|
151
|
+
mimeType: 'image/png',
|
|
152
|
+
title: 'Blu',
|
|
153
|
+
url: 'rgb(0, 0, 255)',
|
|
154
|
+
},
|
|
155
|
+
]}
|
|
156
|
+
sessionID={sessionID}
|
|
157
|
+
/>
|
|
158
|
+
);
|
|
159
|
+
expect(container).toMatchSnapshot();
|
|
160
|
+
});
|
|
@@ -58,6 +58,9 @@ export const RenderMediaItem = ({
|
|
|
58
58
|
return customRenderer;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
+
const isImageRGB =
|
|
62
|
+
item.url?.startsWith('rgb(') || item.url?.startsWith('rgba(');
|
|
63
|
+
|
|
61
64
|
switch (item.mimeType) {
|
|
62
65
|
case 'image/jpeg':
|
|
63
66
|
case 'image/png':
|
|
@@ -85,16 +88,26 @@ export const RenderMediaItem = ({
|
|
|
85
88
|
className="memori-media-item--card memori-media-item--image"
|
|
86
89
|
cover={
|
|
87
90
|
<picture className="memori-media-item--figure">
|
|
88
|
-
{!preview && (
|
|
91
|
+
{!preview && !isImageRGB && (
|
|
89
92
|
<source
|
|
90
93
|
srcSet={[url, item.url, item.content].join(', ')}
|
|
91
94
|
type={item.mimeType}
|
|
92
95
|
/>
|
|
93
96
|
)}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
97
|
+
{isImageRGB ? (
|
|
98
|
+
<div
|
|
99
|
+
style={{
|
|
100
|
+
minHeight: '150px',
|
|
101
|
+
width: '100%',
|
|
102
|
+
backgroundColor: item.url,
|
|
103
|
+
}}
|
|
104
|
+
/>
|
|
105
|
+
) : (
|
|
106
|
+
<img
|
|
107
|
+
alt={item.title}
|
|
108
|
+
src="data:image/png;base64,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"
|
|
109
|
+
/>
|
|
110
|
+
)}
|
|
98
111
|
{item.title && (
|
|
99
112
|
<figcaption className="memori-media-item--figure-caption">
|
|
100
113
|
{item.title}
|
|
@@ -412,6 +412,196 @@ exports[`renders MediaItemWidget unchanged with no media 1`] = `
|
|
|
412
412
|
</div>
|
|
413
413
|
`;
|
|
414
414
|
|
|
415
|
+
exports[`renders MediaItemWidget unchanged with rgb color 1`] = `
|
|
416
|
+
<div>
|
|
417
|
+
<div
|
|
418
|
+
class="memori-media-items"
|
|
419
|
+
>
|
|
420
|
+
<div
|
|
421
|
+
class="memori-media-items--grid"
|
|
422
|
+
>
|
|
423
|
+
<div
|
|
424
|
+
class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
|
|
425
|
+
>
|
|
426
|
+
<a
|
|
427
|
+
class="memori-media-item--link"
|
|
428
|
+
href="rgb(255, 0, 0)"
|
|
429
|
+
rel="noopener noreferrer"
|
|
430
|
+
target="_blank"
|
|
431
|
+
title="Rosso"
|
|
432
|
+
>
|
|
433
|
+
<div
|
|
434
|
+
class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
|
|
435
|
+
>
|
|
436
|
+
<div
|
|
437
|
+
class="memori-spin"
|
|
438
|
+
>
|
|
439
|
+
<div
|
|
440
|
+
class="memori-card--cover"
|
|
441
|
+
>
|
|
442
|
+
<picture
|
|
443
|
+
class="memori-media-item--figure"
|
|
444
|
+
>
|
|
445
|
+
<div
|
|
446
|
+
style="min-height: 150px; width: 100%; background-color: rgb(255, 0, 0);"
|
|
447
|
+
/>
|
|
448
|
+
<figcaption
|
|
449
|
+
class="memori-media-item--figure-caption"
|
|
450
|
+
>
|
|
451
|
+
Rosso
|
|
452
|
+
</figcaption>
|
|
453
|
+
</picture>
|
|
454
|
+
</div>
|
|
455
|
+
<div
|
|
456
|
+
class="memori-card--content"
|
|
457
|
+
>
|
|
458
|
+
<div
|
|
459
|
+
class="memori-card--children"
|
|
460
|
+
/>
|
|
461
|
+
</div>
|
|
462
|
+
<div
|
|
463
|
+
class="memori-spin--spinner"
|
|
464
|
+
>
|
|
465
|
+
<svg
|
|
466
|
+
aria-hidden="true"
|
|
467
|
+
class="memori-loading-icon"
|
|
468
|
+
focusable="false"
|
|
469
|
+
role="img"
|
|
470
|
+
viewBox="0 0 1024 1024"
|
|
471
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
472
|
+
>
|
|
473
|
+
<path
|
|
474
|
+
d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
|
|
475
|
+
/>
|
|
476
|
+
</svg>
|
|
477
|
+
</div>
|
|
478
|
+
</div>
|
|
479
|
+
</div>
|
|
480
|
+
</a>
|
|
481
|
+
</div>
|
|
482
|
+
<div
|
|
483
|
+
class="memori-media-item ease-out duration-500 delay-100 opacity-0 scale-95"
|
|
484
|
+
>
|
|
485
|
+
<a
|
|
486
|
+
class="memori-media-item--link"
|
|
487
|
+
href="rgb(0, 255, 0)"
|
|
488
|
+
rel="noopener noreferrer"
|
|
489
|
+
target="_blank"
|
|
490
|
+
title="Verde"
|
|
491
|
+
>
|
|
492
|
+
<div
|
|
493
|
+
class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
|
|
494
|
+
>
|
|
495
|
+
<div
|
|
496
|
+
class="memori-spin"
|
|
497
|
+
>
|
|
498
|
+
<div
|
|
499
|
+
class="memori-card--cover"
|
|
500
|
+
>
|
|
501
|
+
<picture
|
|
502
|
+
class="memori-media-item--figure"
|
|
503
|
+
>
|
|
504
|
+
<div
|
|
505
|
+
style="min-height: 150px; width: 100%; background-color: rgb(0, 255, 0);"
|
|
506
|
+
/>
|
|
507
|
+
<figcaption
|
|
508
|
+
class="memori-media-item--figure-caption"
|
|
509
|
+
>
|
|
510
|
+
Verde
|
|
511
|
+
</figcaption>
|
|
512
|
+
</picture>
|
|
513
|
+
</div>
|
|
514
|
+
<div
|
|
515
|
+
class="memori-card--content"
|
|
516
|
+
>
|
|
517
|
+
<div
|
|
518
|
+
class="memori-card--children"
|
|
519
|
+
/>
|
|
520
|
+
</div>
|
|
521
|
+
<div
|
|
522
|
+
class="memori-spin--spinner"
|
|
523
|
+
>
|
|
524
|
+
<svg
|
|
525
|
+
aria-hidden="true"
|
|
526
|
+
class="memori-loading-icon"
|
|
527
|
+
focusable="false"
|
|
528
|
+
role="img"
|
|
529
|
+
viewBox="0 0 1024 1024"
|
|
530
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
531
|
+
>
|
|
532
|
+
<path
|
|
533
|
+
d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
|
|
534
|
+
/>
|
|
535
|
+
</svg>
|
|
536
|
+
</div>
|
|
537
|
+
</div>
|
|
538
|
+
</div>
|
|
539
|
+
</a>
|
|
540
|
+
</div>
|
|
541
|
+
<div
|
|
542
|
+
class="memori-media-item ease-out duration-500 delay-200 opacity-0 scale-95"
|
|
543
|
+
>
|
|
544
|
+
<a
|
|
545
|
+
class="memori-media-item--link"
|
|
546
|
+
href="rgb(0, 0, 255)"
|
|
547
|
+
rel="noopener noreferrer"
|
|
548
|
+
target="_blank"
|
|
549
|
+
title="Blu"
|
|
550
|
+
>
|
|
551
|
+
<div
|
|
552
|
+
class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
|
|
553
|
+
>
|
|
554
|
+
<div
|
|
555
|
+
class="memori-spin"
|
|
556
|
+
>
|
|
557
|
+
<div
|
|
558
|
+
class="memori-card--cover"
|
|
559
|
+
>
|
|
560
|
+
<picture
|
|
561
|
+
class="memori-media-item--figure"
|
|
562
|
+
>
|
|
563
|
+
<div
|
|
564
|
+
style="min-height: 150px; width: 100%; background-color: rgb(0, 0, 255);"
|
|
565
|
+
/>
|
|
566
|
+
<figcaption
|
|
567
|
+
class="memori-media-item--figure-caption"
|
|
568
|
+
>
|
|
569
|
+
Blu
|
|
570
|
+
</figcaption>
|
|
571
|
+
</picture>
|
|
572
|
+
</div>
|
|
573
|
+
<div
|
|
574
|
+
class="memori-card--content"
|
|
575
|
+
>
|
|
576
|
+
<div
|
|
577
|
+
class="memori-card--children"
|
|
578
|
+
/>
|
|
579
|
+
</div>
|
|
580
|
+
<div
|
|
581
|
+
class="memori-spin--spinner"
|
|
582
|
+
>
|
|
583
|
+
<svg
|
|
584
|
+
aria-hidden="true"
|
|
585
|
+
class="memori-loading-icon"
|
|
586
|
+
focusable="false"
|
|
587
|
+
role="img"
|
|
588
|
+
viewBox="0 0 1024 1024"
|
|
589
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
590
|
+
>
|
|
591
|
+
<path
|
|
592
|
+
d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
|
|
593
|
+
/>
|
|
594
|
+
</svg>
|
|
595
|
+
</div>
|
|
596
|
+
</div>
|
|
597
|
+
</div>
|
|
598
|
+
</a>
|
|
599
|
+
</div>
|
|
600
|
+
</div>
|
|
601
|
+
</div>
|
|
602
|
+
</div>
|
|
603
|
+
`;
|
|
604
|
+
|
|
415
605
|
exports[`renders MediaItemWidget with imgs in correct order (creation date) 1`] = `
|
|
416
606
|
<div>
|
|
417
607
|
<div
|