@appquality/unguess-design-system 3.1.79-beta-attachments → 3.1.80-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.
Files changed (9) hide show
  1. package/build/index.js +16 -8
  2. package/build/stories/buttons/button/index.stories.d.ts +0 -1
  3. package/build/stories/buttons/utils.d.ts +36 -36
  4. package/build/stories/chat/index.stories.d.ts +2 -1
  5. package/build/stories/chat/parts/ThumbnailContainer/ThumbnailPost.d.ts +6 -0
  6. package/build/stories/chat/parts/comment.d.ts +6 -1
  7. package/build/stories/dropdowns/select/index.stories.d.ts +0 -1
  8. package/build/stories/editor/index.stories.d.ts +0 -1
  9. package/package.json +1 -1
package/build/index.js CHANGED
@@ -2335,7 +2335,7 @@ const ChatContextProvider = ({ onSave, onFileUpload, setMentionableUsers, childr
2335
2335
  editor,
2336
2336
  setEditor,
2337
2337
  thumbnails,
2338
- addThumbnails: ({ files, }) => {
2338
+ addThumbnails: ({ files }) => {
2339
2339
  onFileUpload && onFileUpload(files);
2340
2340
  setThumbnails((prev) => [...prev, ...files]);
2341
2341
  },
@@ -2344,10 +2344,19 @@ const ChatContextProvider = ({ onSave, onFileUpload, setMentionableUsers, childr
2344
2344
  if (editor && onSave && !editor.isEmpty) {
2345
2345
  onSave(editor, getMentions(editor));
2346
2346
  editor.commands.clearContent();
2347
+ setThumbnails([]);
2347
2348
  }
2348
2349
  },
2349
2350
  mentionableUsers: setMentionableUsers,
2350
- }), [editor, setEditor, onSave, setMentionableUsers, thumbnails, setThumbnails, onFileUpload]);
2351
+ }), [
2352
+ editor,
2353
+ setEditor,
2354
+ onSave,
2355
+ setMentionableUsers,
2356
+ thumbnails,
2357
+ setThumbnails,
2358
+ onFileUpload,
2359
+ ]);
2351
2360
  return (jsxRuntime.jsx(ChatContext.Provider, Object.assign({ value: chatContextValue }, { children: children })));
2352
2361
  };
2353
2362
  const useChatContext = () => {
@@ -4236,7 +4245,7 @@ const ChatBoxContainer = styled__default["default"].div `
4236
4245
  const CommentBox = (_a) => {
4237
4246
  var { placeholderOptions } = _a, props = __rest(_a, ["placeholderOptions"]);
4238
4247
  const { children, hasFloatingMenu, hasButtonsMenu, bubbleOptions, i18n } = props;
4239
- const { editor, setEditor, mentionableUsers, triggerSave, thumbnails, addThumbnails, removeThumbnail } = useChatContext();
4248
+ const { editor, setEditor, mentionableUsers, triggerSave, thumbnails, addThumbnails, removeThumbnail, } = useChatContext();
4240
4249
  const [isOpen, setIsOpen] = React.useState(false);
4241
4250
  const [selectedImage, setSelectedImage] = React.useState({});
4242
4251
  const [selectedImageIndex, setSelectedImageIndex] = React.useState(0);
@@ -4318,7 +4327,6 @@ const CommentBox = (_a) => {
4318
4327
  if ((event.ctrlKey || event.metaKey) && event.key === "Enter") {
4319
4328
  triggerSave();
4320
4329
  editor === null || editor === void 0 ? void 0 : editor.commands.clearContent();
4321
- //todo: update the media comment id with the proper comment id
4322
4330
  }
4323
4331
  };
4324
4332
  if (!ed)
@@ -4327,7 +4335,7 @@ const CommentBox = (_a) => {
4327
4335
  ed.on("update", ({ editor }) => setEditor(editor));
4328
4336
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isOpen && selectedImage && (jsxRuntime.jsxs(Lightbox, Object.assign({ onClose: closeLightbox }, { children: [jsxRuntime.jsx(Lightbox.Header, { children: selectedImage.name }), jsxRuntime.jsx(Lightbox.Body, { children: jsxRuntime.jsx(Lightbox.Body.Main, Object.assign({ style: { flex: 3 } }, { children: jsxRuntime.jsx(Slider, Object.assign({ prevArrow: jsxRuntime.jsx(Slider.PrevButton, { isBright: true }), nextArrow: jsxRuntime.jsx(Slider.NextButton, { isBright: true }), onSlideChange: slideChange, initialSlide: selectedImageIndex }, { children: thumbnails.map((item) => (jsxRuntime.jsxs(Slider.Slide, { children: [item.type === "image" && (jsxRuntime.jsx("img", { src: URL.createObjectURL(item), alt: `media ${item.name}` })), item.type === "video" && (jsxRuntime.jsx(Player, { ref: (ref) => {
4329
4337
  videoRefs.current.push(ref);
4330
- }, url: URL.createObjectURL(item) }))] }))) })) })) }), jsxRuntime.jsx(Lightbox.Close, { "aria-label": "Close modal" })] }))), jsxRuntime.jsx(ChatBoxContainer, { children: jsxRuntime.jsxs(EditorContainer$1, Object.assign({ editable: true, style: { marginLeft: 0 } }, { children: [hasFloatingMenu && (jsxRuntime.jsx(FloatingMenu, { editor: ed, tippyOptions: Object.assign({}, bubbleOptions) })), jsxRuntime.jsx(react.EditorContent, { editor: ed, onKeyDown: onKeyDown }), jsxRuntime.jsx(ThumbnailContainer, { openLightbox: handleOpenLightbox })] })) }), hasButtonsMenu && (jsxRuntime.jsx(CommentBar, { editor: ed, i18n: i18n }))] }));
4338
+ }, url: URL.createObjectURL(item) }))] }))) })) })) }), jsxRuntime.jsx(Lightbox.Close, { "aria-label": "Close modal" })] }))), jsxRuntime.jsx(ChatBoxContainer, { children: jsxRuntime.jsxs(EditorContainer$1, Object.assign({ editable: true, style: { marginLeft: 0 } }, { children: [hasFloatingMenu && (jsxRuntime.jsx(FloatingMenu, { editor: ed, tippyOptions: Object.assign({}, bubbleOptions) })), jsxRuntime.jsx(react.EditorContent, { editor: ed, onKeyDown: onKeyDown }), jsxRuntime.jsx(ThumbnailContainer, { openLightbox: handleOpenLightbox })] })) }), hasButtonsMenu && jsxRuntime.jsx(CommentBar, { editor: ed, i18n: i18n })] }));
4331
4339
  };
4332
4340
 
4333
4341
  var _path$c;
@@ -4419,11 +4427,11 @@ const Comment = ({ author, message, children, date, media = [], }) => {
4419
4427
  ed.setOptions({
4420
4428
  editable: false,
4421
4429
  });
4422
- return (jsxRuntime.jsxs(CommentCard, { children: [jsxRuntime.jsxs(AuthorContainer, { children: [jsxRuntime.jsx(Avatar, Object.assign({ avatarType: (_a = author.avatarType) !== null && _a !== void 0 ? _a : "text", style: { flexShrink: 0 } }, { children: author.avatar })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(CommentTitle, { children: [(_b = author.name) !== null && _b !== void 0 ? _b : "User", jsxRuntime.jsx(CommentDate, { children: date })] }), jsxRuntime.jsx(ReadOnly, { children: jsxRuntime.jsx(EditorContainer$1, Object.assign({ editable: false }, { children: jsxRuntime.jsx(react.EditorContent, { editor: ed }) })) })] })] }), media.map((item, index) => (jsxRuntime.jsx(Thumbnail, { src: item.name, label: "", showLabel: false, showX: false, mediaType: item.type, clickThumbnail: () => {
4430
+ return (jsxRuntime.jsxs(CommentCard, { children: [jsxRuntime.jsxs(AuthorContainer, { children: [jsxRuntime.jsx(Avatar, Object.assign({ avatarType: (_a = author.avatarType) !== null && _a !== void 0 ? _a : "text", style: { flexShrink: 0 } }, { children: author.avatar })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(CommentTitle, { children: [(_b = author.name) !== null && _b !== void 0 ? _b : "User", jsxRuntime.jsx(CommentDate, { children: date })] }), jsxRuntime.jsx(ReadOnly, { children: jsxRuntime.jsx(EditorContainer$1, Object.assign({ editable: false }, { children: jsxRuntime.jsx(react.EditorContent, { editor: ed }) })) })] })] }), media.map((item, index) => (jsxRuntime.jsx(Thumbnail, { src: item.url, label: "", showLabel: false, showX: false, mediaType: item.type, clickThumbnail: () => {
4423
4431
  handleClickThumbnail(item, index);
4424
- } }))), isOpen && selectedImage && (jsxRuntime.jsxs(Lightbox, Object.assign({ onClose: closeLightbox }, { children: [jsxRuntime.jsx(Lightbox.Header, { children: jsxRuntime.jsxs(reactTypography.MD, Object.assign({ isBold: true }, { children: [jsxRuntime.jsx(Grey600Span, { children: "BUG 12345 - " }), jsxRuntime.jsx(Grey800Span, { children: "SQL Injection nel form di registrazione" })] })) }), jsxRuntime.jsxs(Lightbox.Body, { children: [jsxRuntime.jsx(Lightbox.Body.Main, Object.assign({ style: { flex: 2 } }, { children: jsxRuntime.jsx(Slider, Object.assign({ prevArrow: jsxRuntime.jsx(Slider.PrevButton, { isBright: true }), nextArrow: jsxRuntime.jsx(Slider.NextButton, { isBright: true }), onSlideChange: slideChange, initialSlide: selectedImageIndex }, { children: media.map((item, index) => (jsxRuntime.jsxs(Slider.Slide, { children: [item.type === "image/png" && (jsxRuntime.jsx("img", { src: item.name, alt: `{{${item.name}}}` })), item.type === "video" && (jsxRuntime.jsx(Player, { ref: (ref) => {
4432
+ } }))), isOpen && selectedImage && (jsxRuntime.jsxs(Lightbox, Object.assign({ onClose: closeLightbox }, { children: [jsxRuntime.jsx(Lightbox.Header, { children: jsxRuntime.jsxs(reactTypography.MD, Object.assign({ isBold: true }, { children: [jsxRuntime.jsx(Grey600Span, { children: "BUG 12345 - " }), jsxRuntime.jsx(Grey800Span, { children: "SQL Injection nel form di registrazione" })] })) }), jsxRuntime.jsxs(Lightbox.Body, { children: [jsxRuntime.jsx(Lightbox.Body.Main, Object.assign({ style: { flex: 2 } }, { children: jsxRuntime.jsx(Slider, Object.assign({ prevArrow: jsxRuntime.jsx(Slider.PrevButton, { isBright: true }), nextArrow: jsxRuntime.jsx(Slider.NextButton, { isBright: true }), onSlideChange: slideChange, initialSlide: selectedImageIndex }, { children: media.map((item, index) => (jsxRuntime.jsxs(Slider.Slide, { children: [item.type === "image" && (jsxRuntime.jsx("img", { src: item.url, alt: `{{${item.url}}}` })), item.type === "video" && (jsxRuntime.jsx(Player, { ref: (ref) => {
4425
4433
  videoRefs.current.push(ref);
4426
- }, url: URL.createObjectURL(item) }))] }))) })) })), jsxRuntime.jsx(Lightbox.Body.Details, Object.assign({ style: { flex: 1 } }, { children: jsxRuntime.jsx(Comment, Object.assign({ author: {
4434
+ }, url: item.url }))] }))) })) })), jsxRuntime.jsx(Lightbox.Body.Details, Object.assign({ style: { flex: 1 } }, { children: jsxRuntime.jsx(Comment, Object.assign({ author: {
4427
4435
  avatar: author.avatar,
4428
4436
  name: author.name,
4429
4437
  }, date: date, message: message }, { children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("br", {}) }) }), 12) }))] }), jsxRuntime.jsx(Lightbox.Footer, { children: jsxRuntime.jsxs(Button, Object.assign({ isBasic: true, onClick: () => alert("download") }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgDownloadStroke, {}) }), "Download"] })) }), jsxRuntime.jsx(Lightbox.Close, { "aria-label": "Close modal" })] }))), jsxRuntime.jsx(Footer$2, { children: children })] }));
package/build/stories/buttons/button/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ButtonArgs } from "./_types";
3
2
  export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
4
3
  export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
package/build/stories/buttons/utils.d.ts CHANGED
@@ -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?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
12
- alignItemsXs?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
13
- alignItemsSm?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
14
- alignItemsMd?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
15
- alignItemsLg?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
16
- alignItemsXl?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
17
- justifyContent?: "start" | "end" | "center" | "between" | "around" | undefined;
18
- justifyContentXs?: "start" | "end" | "center" | "between" | "around" | undefined;
19
- justifyContentSm?: "start" | "end" | "center" | "between" | "around" | undefined;
20
- justifyContentMd?: "start" | "end" | "center" | "between" | "around" | undefined;
21
- justifyContentLg?: "start" | "end" | "center" | "between" | "around" | undefined;
22
- justifyContentXl?: "start" | "end" | "center" | "between" | "around" | undefined;
11
+ alignItems?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
12
+ alignItemsXs?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
13
+ alignItemsSm?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
14
+ alignItemsMd?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
15
+ alignItemsLg?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
16
+ alignItemsXl?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
17
+ justifyContent?: "start" | "center" | "end" | "between" | "around" | undefined;
18
+ justifyContentXs?: "start" | "center" | "end" | "between" | "around" | undefined;
19
+ justifyContentSm?: "start" | "center" | "end" | "between" | "around" | undefined;
20
+ justifyContentMd?: "start" | "center" | "end" | "between" | "around" | undefined;
21
+ justifyContentLg?: "start" | "center" | "end" | "between" | "around" | undefined;
22
+ justifyContentXl?: "start" | "center" | "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;
@@ -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?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
76
+ inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | 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 | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
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 | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
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" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
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?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
303
- alignSelfXs?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
304
- alignSelfSm?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
305
- alignSelfMd?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
306
- alignSelfLg?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
307
- alignSelfXl?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
308
- textAlign?: "start" | "end" | "center" | "justify" | undefined;
309
- textAlignXs?: "start" | "end" | "center" | "justify" | undefined;
310
- textAlignSm?: "start" | "end" | "center" | "justify" | undefined;
311
- textAlignMd?: "start" | "end" | "center" | "justify" | undefined;
312
- textAlignLg?: "start" | "end" | "center" | "justify" | undefined;
313
- textAlignXl?: "start" | "end" | "center" | "justify" | undefined;
302
+ alignSelf?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
303
+ alignSelfXs?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
304
+ alignSelfSm?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
305
+ alignSelfMd?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
306
+ alignSelfLg?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
307
+ alignSelfXl?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
308
+ textAlign?: "start" | "center" | "end" | "justify" | undefined;
309
+ textAlignXs?: "start" | "center" | "end" | "justify" | undefined;
310
+ textAlignSm?: "start" | "center" | "end" | "justify" | undefined;
311
+ textAlignMd?: "start" | "center" | "end" | "justify" | undefined;
312
+ textAlignLg?: "start" | "center" | "end" | "justify" | undefined;
313
+ textAlignXl?: "start" | "center" | "end" | "justify" | undefined;
314
314
  offset?: string | number | undefined;
315
315
  offsetXs?: string | number | undefined;
316
316
  offsetSm?: string | number | 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?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
373
+ inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | 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 | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
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 | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
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" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
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;
@@ -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?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
643
+ inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | 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 | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
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 | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
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" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
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;
package/build/stories/chat/index.stories.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { PlaceholderOptions } from "@tiptap/extension-placeholder";
2
2
  import { Editor as TipTapEditor } from "@tiptap/react";
3
3
  import { ChatEditorArgs, SuggestedUser } from "./_types";
4
+ import { MediaType } from "./parts/comment";
4
5
  interface EditorStoryArgs extends ChatEditorArgs {
5
6
  children?: any;
6
7
  comments?: {
@@ -11,7 +12,7 @@ interface EditorStoryArgs extends ChatEditorArgs {
11
12
  };
12
13
  message: string;
13
14
  date: string;
14
- media?: File[];
15
+ media?: MediaType[];
15
16
  }[];
16
17
  editorText?: string;
17
18
  background?: string;
package/build/stories/chat/parts/ThumbnailContainer/ThumbnailPost.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ interface Props {
2
+ src: string;
3
+ label: string;
4
+ }
5
+ declare const ThumbnailPost: ({ src, label }: Props) => import("react/jsx-runtime").JSX.Element;
6
+ export default ThumbnailPost;
package/build/stories/chat/parts/comment.d.ts CHANGED
@@ -1,8 +1,13 @@
1
1
  import { PropsWithChildren } from "react";
2
2
  import { Author } from "../_types";
3
+ export type MediaType = {
4
+ url: string;
5
+ id: number;
6
+ type: "image" | "video";
7
+ };
3
8
  export declare const Comment: ({ author, message, children, date, media, }: PropsWithChildren<{
4
9
  author: Author;
5
10
  message: string;
6
11
  date: string;
7
- media?: File[] | undefined;
12
+ media?: MediaType[] | undefined;
8
13
  }>) => import("react/jsx-runtime").JSX.Element | null;
package/build/stories/dropdowns/select/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { DropdownArgs, SelectArgs } from "./_types";
3
2
  import { MenuArgs } from "../menu/_types";
4
3
  interface IItem {
package/build/stories/editor/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { EditorArgs } from "./_types";
3
2
  interface EditorStoryArgs extends EditorArgs {
4
3
  children?: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "3.1.79-beta-attachments",
3
+ "version": "3.1.80-beta-attachments",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",