@appquality/unguess-design-system 3.1.94-beta-attachments → 3.1.96-beta-attachments
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/build/index.js
CHANGED
|
@@ -2332,9 +2332,6 @@ const ChatContextProvider = ({ onSave, onFileUpload, onDeleteThumbnail, setMenti
|
|
|
2332
2332
|
});
|
|
2333
2333
|
return result;
|
|
2334
2334
|
};
|
|
2335
|
-
React.useMemo(() => {
|
|
2336
|
-
console.log("thumbnails", thumbnails);
|
|
2337
|
-
}, [thumbnails]);
|
|
2338
2335
|
const chatContextValue = React.useMemo(() => ({
|
|
2339
2336
|
editor,
|
|
2340
2337
|
setEditor,
|
|
@@ -2381,7 +2378,6 @@ const ChatContextProvider = ({ onSave, onFileUpload, onDeleteThumbnail, setMenti
|
|
|
2381
2378
|
}
|
|
2382
2379
|
if (thumbnails.length > 0)
|
|
2383
2380
|
setThumbnails([]);
|
|
2384
|
-
console.log("thumbnails clear triggered", thumbnails);
|
|
2385
2381
|
},
|
|
2386
2382
|
onDeleteThumbnail: (id) => {
|
|
2387
2383
|
onDeleteThumbnail(id);
|
|
@@ -2394,7 +2390,6 @@ const ChatContextProvider = ({ onSave, onFileUpload, onDeleteThumbnail, setMenti
|
|
|
2394
2390
|
onSave(editor, getMentions(editor));
|
|
2395
2391
|
editor.commands.clearContent();
|
|
2396
2392
|
setThumbnails([]);
|
|
2397
|
-
console.log("save triggered", thumbnails);
|
|
2398
2393
|
}
|
|
2399
2394
|
},
|
|
2400
2395
|
mentionableUsers: setMentionableUsers,
|
|
@@ -3421,7 +3416,7 @@ const Preview$1 = styled__default["default"].div `
|
|
|
3421
3416
|
background-position: center;
|
|
3422
3417
|
background-repeat: no-repeat;
|
|
3423
3418
|
`;
|
|
3424
|
-
const ImageThumbnail = ({ src, index = 0, removeThumbnail, clickThumbnail, showX = true, isLoadingMedia =
|
|
3419
|
+
const ImageThumbnail = ({ src, index = 0, removeThumbnail, clickThumbnail, showX = true, isLoadingMedia = true, isError = false, }) => {
|
|
3425
3420
|
const handleCancel = (e) => {
|
|
3426
3421
|
e.stopPropagation();
|
|
3427
3422
|
if (removeThumbnail)
|
|
@@ -3499,7 +3494,7 @@ const Preview = styled__default["default"].div `
|
|
|
3499
3494
|
height: 100%;
|
|
3500
3495
|
}
|
|
3501
3496
|
`;
|
|
3502
|
-
const VideoThumbnail = ({ src, index = 0, removeThumbnail, clickThumbnail, showX = true, isLoadingMedia =
|
|
3497
|
+
const VideoThumbnail = ({ src, index = 0, removeThumbnail, clickThumbnail, showX = true, isLoadingMedia = true, isError = false, }) => {
|
|
3503
3498
|
const handleCancel = (e) => {
|
|
3504
3499
|
e.stopPropagation();
|
|
3505
3500
|
if (removeThumbnail)
|
|
@@ -3537,8 +3532,7 @@ const StyledCol$1 = styled__default["default"](reactGrid.Col) `
|
|
|
3537
3532
|
`;
|
|
3538
3533
|
const Col = (props) => jsxRuntime.jsx(StyledCol$1, Object.assign({}, props));
|
|
3539
3534
|
|
|
3540
|
-
const ThumbnailContainer = ({
|
|
3541
|
-
/*removeMediaToUpload,*/ openLightbox, }) => {
|
|
3535
|
+
const ThumbnailContainer = ({ openLightbox }) => {
|
|
3542
3536
|
const { thumbnails, removeThumbnail, onDeleteThumbnail } = useChatContext();
|
|
3543
3537
|
if (!thumbnails || thumbnails.length === 0) {
|
|
3544
3538
|
return null;
|
|
@@ -3548,28 +3542,26 @@ const ThumbnailContainer = ({
|
|
|
3548
3542
|
mediaFiles.push({
|
|
3549
3543
|
fileName: file.name,
|
|
3550
3544
|
fileType: file.type,
|
|
3551
|
-
status: file.isLoadingMedia ? "uploading" : "success",
|
|
3552
3545
|
previewUrl: URL.createObjectURL(file),
|
|
3553
3546
|
internal_id: file.internal_id,
|
|
3554
3547
|
});
|
|
3555
3548
|
});
|
|
3556
|
-
console.log("mediafiles", mediaFiles);
|
|
3557
3549
|
if (!mediaFiles || mediaFiles.length === 0) {
|
|
3558
3550
|
return null;
|
|
3559
3551
|
}
|
|
3560
3552
|
return (jsxRuntime.jsx(Grid, { children: jsxRuntime.jsx(Row$1, Object.assign({ className: "responsive-container" }, { children: mediaFiles.map((file, index) => {
|
|
3561
3553
|
// Check if item is an image or a video
|
|
3562
3554
|
if (file.fileType.includes("image"))
|
|
3563
|
-
return (jsxRuntime.jsx(Col, Object.assign({ xs: 12, sm: 3, xl: 3, lg: 3, className: "flex-3-sm" }, { children: jsxRuntime.jsx(ImageThumbnail, { src: file.previewUrl, index: index, showX: true, isLoadingMedia:
|
|
3555
|
+
return (jsxRuntime.jsx(Col, Object.assign({ xs: 12, sm: 3, xl: 3, lg: 3, className: "flex-3-sm" }, { children: jsxRuntime.jsx(ImageThumbnail, { src: file.previewUrl, index: index, showX: true, isLoadingMedia: true, removeThumbnail: () => {
|
|
3564
3556
|
removeThumbnail(index);
|
|
3565
3557
|
onDeleteThumbnail(file.internal_id);
|
|
3566
3558
|
}, clickThumbnail: () => {
|
|
3567
3559
|
openLightbox(thumbnails[index], index);
|
|
3568
3560
|
} }, index) })));
|
|
3569
3561
|
if (file.fileType.includes("video"))
|
|
3570
|
-
return (jsxRuntime.jsx(Col, Object.assign({ xs: 12, sm: 3, className: "flex-3-sm" }, { children: jsxRuntime.jsx(VideoThumbnail, { src: file.previewUrl, index: index, showX: true, isLoadingMedia:
|
|
3562
|
+
return (jsxRuntime.jsx(Col, Object.assign({ xs: 12, sm: 3, className: "flex-3-sm" }, { children: jsxRuntime.jsx(VideoThumbnail, { src: file.previewUrl, index: index, showX: true, isLoadingMedia: true, removeThumbnail: () => {
|
|
3571
3563
|
removeThumbnail(index);
|
|
3572
|
-
|
|
3564
|
+
onDeleteThumbnail(file.internal_id);
|
|
3573
3565
|
}, clickThumbnail: () => {
|
|
3574
3566
|
openLightbox(thumbnails[index], index);
|
|
3575
3567
|
} }, index) })));
|
|
@@ -4562,7 +4554,7 @@ const CommentBox = (_a) => {
|
|
|
4562
4554
|
}
|
|
4563
4555
|
return false;
|
|
4564
4556
|
},
|
|
4565
|
-
handleDrop: function (view, event
|
|
4557
|
+
handleDrop: function (view, event) {
|
|
4566
4558
|
if (!event.dataTransfer || !event.dataTransfer.files)
|
|
4567
4559
|
return false;
|
|
4568
4560
|
event.preventDefault();
|
|
@@ -4584,41 +4576,28 @@ const CommentBox = (_a) => {
|
|
|
4584
4576
|
addThumbnails({ files: mediaFiles });
|
|
4585
4577
|
return false;
|
|
4586
4578
|
},
|
|
4587
|
-
|
|
4588
|
-
|
|
4589
|
-
|
|
4590
|
-
|
|
4591
|
-
|
|
4592
|
-
|
|
4593
|
-
|
|
4594
|
-
|
|
4595
|
-
(item) => item.type && item.type.startsWith("image/")
|
|
4596
|
-
);
|
|
4597
|
-
const textItem = items.find((item) => item.type === "text/plain");
|
|
4598
|
-
|
|
4599
|
-
if (imageItems.length > 0) {
|
|
4600
|
-
imageItems.forEach((imageItem) => {
|
|
4601
|
-
const file = imageItem.getAsFile();
|
|
4602
|
-
if (file) {
|
|
4603
|
-
const imageUrl = URL.createObjectURL(file);
|
|
4604
|
-
const node = view.state.schema.nodes.image.create({
|
|
4605
|
-
src: imageUrl,
|
|
4579
|
+
handlePaste: (view, event) => {
|
|
4580
|
+
if (!event.clipboardData || !event.clipboardData.items)
|
|
4581
|
+
return false;
|
|
4582
|
+
event.preventDefault();
|
|
4583
|
+
const files = Array.from(event.clipboardData.files).map((file) => {
|
|
4584
|
+
return Object.assign(file, {
|
|
4585
|
+
isLoadingMedia: false,
|
|
4586
|
+
internal_id: uuid.v4(),
|
|
4606
4587
|
});
|
|
4607
|
-
const transaction = view.state.tr.replaceSelectionWith(node);
|
|
4608
|
-
view.dispatch(transaction);
|
|
4609
|
-
}
|
|
4610
|
-
});
|
|
4611
|
-
} else if (textItem) {
|
|
4612
|
-
textItem.getAsString(async (text) => {
|
|
4613
|
-
const node = view.state.schema.text(text);
|
|
4614
|
-
const tr = view.state.tr;
|
|
4615
|
-
tr.replaceSelectionWith(node);
|
|
4616
|
-
view.dispatch(tr);
|
|
4617
4588
|
});
|
|
4618
|
-
|
|
4619
|
-
|
|
4620
|
-
|
|
4621
|
-
|
|
4589
|
+
const wrongFiles = files.filter((file) => !/^(image|video)\//.test(file.type));
|
|
4590
|
+
if (wrongFiles.length > 0) {
|
|
4591
|
+
for (const file of wrongFiles) {
|
|
4592
|
+
addToast(({ close }) => (jsxRuntime.jsx(Notification, { onClose: close, type: "error", message: `${props.messageBadFileFormat} - ${file.name}`, isPrimary: true })), { placement: "top" });
|
|
4593
|
+
}
|
|
4594
|
+
}
|
|
4595
|
+
const mediaFiles = files.filter((file) => /^(image|video)\//.test(file.type));
|
|
4596
|
+
if (mediaFiles.length === 0)
|
|
4597
|
+
return false;
|
|
4598
|
+
addThumbnails({ files: mediaFiles });
|
|
4599
|
+
return false;
|
|
4600
|
+
},
|
|
4622
4601
|
} }, props));
|
|
4623
4602
|
const onKeyDown = (event) => {
|
|
4624
4603
|
if ((event.ctrlKey || event.metaKey) && event.key === "Enter") {
|
|
@@ -8,18 +8,18 @@ export declare const variants: readonly [{}, {
|
|
|
8
8
|
readonly disabled: true;
|
|
9
9
|
}];
|
|
10
10
|
export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
11
|
-
alignItems?: "
|
|
12
|
-
alignItemsXs?: "
|
|
13
|
-
alignItemsSm?: "
|
|
14
|
-
alignItemsMd?: "
|
|
15
|
-
alignItemsLg?: "
|
|
16
|
-
alignItemsXl?: "
|
|
17
|
-
justifyContent?: "
|
|
18
|
-
justifyContentXs?: "
|
|
19
|
-
justifyContentSm?: "
|
|
20
|
-
justifyContentMd?: "
|
|
21
|
-
justifyContentLg?: "
|
|
22
|
-
justifyContentXl?: "
|
|
11
|
+
alignItems?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
|
|
12
|
+
alignItemsXs?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
|
|
13
|
+
alignItemsSm?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
|
|
14
|
+
alignItemsMd?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
|
|
15
|
+
alignItemsLg?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
|
|
16
|
+
alignItemsXl?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
|
|
17
|
+
justifyContent?: "center" | "start" | "end" | "between" | "around" | undefined;
|
|
18
|
+
justifyContentXs?: "center" | "start" | "end" | "between" | "around" | undefined;
|
|
19
|
+
justifyContentSm?: "center" | "start" | "end" | "between" | "around" | undefined;
|
|
20
|
+
justifyContentMd?: "center" | "start" | "end" | "between" | "around" | undefined;
|
|
21
|
+
justifyContentLg?: "center" | "start" | "end" | "between" | "around" | undefined;
|
|
22
|
+
justifyContentXl?: "center" | "start" | "end" | "between" | "around" | undefined;
|
|
23
23
|
wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
24
24
|
wrapXs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
25
25
|
wrapSm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
@@ -33,7 +33,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
|
33
33
|
accessKey?: string | undefined;
|
|
34
34
|
autoFocus?: boolean | undefined;
|
|
35
35
|
className?: string | undefined;
|
|
36
|
-
contentEditable?:
|
|
36
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
37
37
|
contextMenu?: string | undefined;
|
|
38
38
|
dir?: string | undefined;
|
|
39
39
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -73,7 +73,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
|
73
73
|
results?: number | undefined;
|
|
74
74
|
security?: string | undefined;
|
|
75
75
|
unselectable?: "on" | "off" | undefined;
|
|
76
|
-
inputMode?: "
|
|
76
|
+
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
77
77
|
is?: string | undefined;
|
|
78
78
|
"aria-activedescendant"?: string | undefined;
|
|
79
79
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
@@ -84,7 +84,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
|
84
84
|
"aria-colindex"?: number | undefined;
|
|
85
85
|
"aria-colspan"?: number | undefined;
|
|
86
86
|
"aria-controls"?: string | undefined;
|
|
87
|
-
"aria-current"?: boolean | "
|
|
87
|
+
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
88
88
|
"aria-describedby"?: string | undefined;
|
|
89
89
|
"aria-details"?: string | undefined;
|
|
90
90
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -93,7 +93,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
|
93
93
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
94
94
|
"aria-flowto"?: string | undefined;
|
|
95
95
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
96
|
-
"aria-haspopup"?: boolean | "
|
|
96
|
+
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
|
97
97
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
98
98
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
99
99
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -110,7 +110,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
|
110
110
|
"aria-posinset"?: number | undefined;
|
|
111
111
|
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
112
112
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
113
|
-
"aria-relevant"?: "text" | "
|
|
113
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
114
114
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
115
115
|
"aria-roledescription"?: string | undefined;
|
|
116
116
|
"aria-rowcount"?: number | undefined;
|
|
@@ -299,18 +299,18 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
299
299
|
md?: string | number | boolean | undefined;
|
|
300
300
|
lg?: string | number | boolean | undefined;
|
|
301
301
|
xl?: string | number | boolean | undefined;
|
|
302
|
-
alignSelf?: "
|
|
303
|
-
alignSelfXs?: "
|
|
304
|
-
alignSelfSm?: "
|
|
305
|
-
alignSelfMd?: "
|
|
306
|
-
alignSelfLg?: "
|
|
307
|
-
alignSelfXl?: "
|
|
308
|
-
textAlign?: "
|
|
309
|
-
textAlignXs?: "
|
|
310
|
-
textAlignSm?: "
|
|
311
|
-
textAlignMd?: "
|
|
312
|
-
textAlignLg?: "
|
|
313
|
-
textAlignXl?: "
|
|
302
|
+
alignSelf?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
303
|
+
alignSelfXs?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
304
|
+
alignSelfSm?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
305
|
+
alignSelfMd?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
306
|
+
alignSelfLg?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
307
|
+
alignSelfXl?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
308
|
+
textAlign?: "center" | "start" | "end" | "justify" | undefined;
|
|
309
|
+
textAlignXs?: "center" | "start" | "end" | "justify" | undefined;
|
|
310
|
+
textAlignSm?: "center" | "start" | "end" | "justify" | undefined;
|
|
311
|
+
textAlignMd?: "center" | "start" | "end" | "justify" | undefined;
|
|
312
|
+
textAlignLg?: "center" | "start" | "end" | "justify" | undefined;
|
|
313
|
+
textAlignXl?: "center" | "start" | "end" | "justify" | undefined;
|
|
314
314
|
offset?: string | number | undefined;
|
|
315
315
|
offsetXs?: string | number | undefined;
|
|
316
316
|
offsetSm?: string | number | undefined;
|
|
@@ -330,7 +330,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
330
330
|
accessKey?: string | undefined;
|
|
331
331
|
autoFocus?: boolean | undefined;
|
|
332
332
|
className?: string | undefined;
|
|
333
|
-
contentEditable?:
|
|
333
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
334
334
|
contextMenu?: string | undefined;
|
|
335
335
|
dir?: string | undefined;
|
|
336
336
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -370,7 +370,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
370
370
|
results?: number | undefined;
|
|
371
371
|
security?: string | undefined;
|
|
372
372
|
unselectable?: "on" | "off" | undefined;
|
|
373
|
-
inputMode?: "
|
|
373
|
+
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
374
374
|
is?: string | undefined;
|
|
375
375
|
"aria-activedescendant"?: string | undefined;
|
|
376
376
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
@@ -381,7 +381,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
381
381
|
"aria-colindex"?: number | undefined;
|
|
382
382
|
"aria-colspan"?: number | undefined;
|
|
383
383
|
"aria-controls"?: string | undefined;
|
|
384
|
-
"aria-current"?: boolean | "
|
|
384
|
+
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
385
385
|
"aria-describedby"?: string | undefined;
|
|
386
386
|
"aria-details"?: string | undefined;
|
|
387
387
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -390,7 +390,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
390
390
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
391
391
|
"aria-flowto"?: string | undefined;
|
|
392
392
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
393
|
-
"aria-haspopup"?: boolean | "
|
|
393
|
+
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
|
394
394
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
395
395
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
396
396
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -407,7 +407,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
407
407
|
"aria-posinset"?: number | undefined;
|
|
408
408
|
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
409
409
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
410
|
-
"aria-relevant"?: "text" | "
|
|
410
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
411
411
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
412
412
|
"aria-roledescription"?: string | undefined;
|
|
413
413
|
"aria-rowcount"?: number | undefined;
|
|
@@ -600,7 +600,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
|
|
|
600
600
|
accessKey?: string | undefined;
|
|
601
601
|
autoFocus?: boolean | undefined;
|
|
602
602
|
className?: string | undefined;
|
|
603
|
-
contentEditable?:
|
|
603
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
604
604
|
contextMenu?: string | undefined;
|
|
605
605
|
dir?: string | undefined;
|
|
606
606
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -640,7 +640,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
|
|
|
640
640
|
results?: number | undefined;
|
|
641
641
|
security?: string | undefined;
|
|
642
642
|
unselectable?: "on" | "off" | undefined;
|
|
643
|
-
inputMode?: "
|
|
643
|
+
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
644
644
|
is?: string | undefined;
|
|
645
645
|
"aria-activedescendant"?: string | undefined;
|
|
646
646
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
@@ -651,7 +651,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
|
|
|
651
651
|
"aria-colindex"?: number | undefined;
|
|
652
652
|
"aria-colspan"?: number | undefined;
|
|
653
653
|
"aria-controls"?: string | undefined;
|
|
654
|
-
"aria-current"?: boolean | "
|
|
654
|
+
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
655
655
|
"aria-describedby"?: string | undefined;
|
|
656
656
|
"aria-details"?: string | undefined;
|
|
657
657
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -660,7 +660,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
|
|
|
660
660
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
661
661
|
"aria-flowto"?: string | undefined;
|
|
662
662
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
663
|
-
"aria-haspopup"?: boolean | "
|
|
663
|
+
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
|
664
664
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
665
665
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
666
666
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -677,7 +677,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
|
|
|
677
677
|
"aria-posinset"?: number | undefined;
|
|
678
678
|
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
679
679
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
680
|
-
"aria-relevant"?: "text" | "
|
|
680
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
681
681
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
682
682
|
"aria-roledescription"?: string | undefined;
|
|
683
683
|
"aria-rowcount"?: number | undefined;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export interface FileElement {
|
|
2
2
|
fileName: string;
|
|
3
3
|
fileType: string;
|
|
4
|
-
status: "success" | "failed" | "uploading";
|
|
5
4
|
errorCode?: "FILE_TOO_BIG" | "INVALID_FILE_EXTENSION" | "GENERIC_ERROR";
|
|
6
5
|
previewUrl: string;
|
|
7
6
|
internal_id: string;
|
|
@@ -9,5 +8,5 @@ export interface FileElement {
|
|
|
9
8
|
interface Props {
|
|
10
9
|
openLightbox: (file: File, index: number) => void;
|
|
11
10
|
}
|
|
12
|
-
declare const ThumbnailContainer: ({ openLightbox
|
|
11
|
+
declare const ThumbnailContainer: ({ openLightbox }: Props) => import("react/jsx-runtime").JSX.Element | null;
|
|
13
12
|
export default ThumbnailContainer;
|
package/package.json
CHANGED
package/.vscode/settings.json
DELETED