@appquality/unguess-design-system 3.1.105-attachments → 3.1.106-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 (19) hide show
  1. package/.vscode/settings.json +3 -0
  2. package/CHANGELOG.md +130 -0
  3. package/build/index.js +187 -266
  4. package/build/stories/buttons/button/index.stories.d.ts +0 -1
  5. package/build/stories/buttons/utils.d.ts +27 -27
  6. package/build/stories/chat/_types.d.ts +1 -1
  7. package/build/stories/chat/hooks/useMedia.d.ts +5 -0
  8. package/build/stories/chat/index.stories.d.ts +1 -3
  9. package/build/stories/chat/parts/MediaLightbox.d.ts +14 -0
  10. package/build/stories/chat/parts/ThumbnailContainer/Thumbnail.d.ts +11 -0
  11. package/build/stories/chat/parts/comment.d.ts +2 -7
  12. package/build/stories/dropdowns/select/index.stories.d.ts +0 -1
  13. package/build/stories/editor/index.stories.d.ts +0 -1
  14. package/build/stories/highlight/index.stories.d.ts +0 -1
  15. package/build/stories/player/index.stories.d.ts +0 -1
  16. package/package.json +1 -1
  17. package/build/stories/chat/parts/ThumbnailContainer/ImageThumbnail.d.ts +0 -11
  18. package/build/stories/chat/parts/ThumbnailContainer/VideoThumbnail.d.ts +0 -11
  19. package/yarn-error.log +0 -17994
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?: "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;
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?: "none" | "search" | "text" | "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;
@@ -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?: "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;
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?: "none" | "search" | "text" | "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;
@@ -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?: "none" | "search" | "text" | "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;
package/build/stories/chat/_types.d.ts CHANGED
@@ -9,7 +9,6 @@ export type SuggestedUser = {
9
9
  };
10
10
  export interface ChatEditorArgs extends Partial<EditorOptions> {
11
11
  author: Author;
12
- messageBadFileFormat: string;
13
12
  placeholderOptions?: Partial<PlaceholderOptions>;
14
13
  hasFloatingMenu?: boolean;
15
14
  hasButtonsMenu?: boolean;
@@ -42,6 +41,7 @@ export interface FileItem extends File {
42
41
  isLoadingMedia: boolean;
43
42
  isError?: boolean;
44
43
  internal_id: string;
44
+ url?: string;
45
45
  }
46
46
  export interface FloatingMenuArgs extends Partial<BubbleMenuProps> {
47
47
  }
package/build/stories/chat/hooks/useMedia.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { FileItem } from "../_types";
2
+ export declare const acceptedMediaTypes: RegExp;
3
+ export declare function useMedia(): {
4
+ getMedia: (data: FileList) => FileItem[];
5
+ };
package/build/stories/chat/index.stories.d.ts CHANGED
@@ -1,8 +1,6 @@
1
- /// <reference types="react" />
2
1
  import { PlaceholderOptions } from "@tiptap/extension-placeholder";
3
2
  import { Editor as TipTapEditor } from "@tiptap/react";
4
3
  import { ChatEditorArgs, FileItem, SuggestedUser } from "./_types";
5
- import { MediaType } from "./parts/comment";
6
4
  import { Data } from "./context/chatContext";
7
5
  interface EditorStoryArgs extends ChatEditorArgs {
8
6
  children?: any;
@@ -14,7 +12,7 @@ interface EditorStoryArgs extends ChatEditorArgs {
14
12
  };
15
13
  message: string;
16
14
  date: string;
17
- media?: MediaType[];
15
+ media?: FileItem[];
18
16
  }[];
19
17
  editorText?: string;
20
18
  background?: string;
package/build/stories/chat/parts/MediaLightbox.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { FileItem } from "../_types";
3
+ interface MediaLightBoxProps {
4
+ isOpen: boolean;
5
+ header: React.ReactNode;
6
+ onClose: () => void;
7
+ slideChange: (index: number) => void;
8
+ selectedImageIndex: number;
9
+ thumbnails: FileItem[];
10
+ videoRefs: React.MutableRefObject<Array<HTMLVideoElement | null>>;
11
+ details?: React.ReactNode;
12
+ }
13
+ declare const MediaLightBox: ({ header, onClose, slideChange, selectedImageIndex, thumbnails, videoRefs, isOpen, details }: MediaLightBoxProps) => import("react/jsx-runtime").JSX.Element | null;
14
+ export default MediaLightBox;
package/build/stories/chat/parts/ThumbnailContainer/Thumbnail.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ interface Props {
2
+ src: string;
3
+ type: string;
4
+ clickThumbnail?: () => void;
5
+ isLoadingMedia?: boolean;
6
+ removeThumbnail?: () => void;
7
+ showX?: boolean;
8
+ isError?: boolean;
9
+ }
10
+ declare const Thumbnail: ({ src, type, removeThumbnail, clickThumbnail, showX, isLoadingMedia, isError, }: Props) => import("react/jsx-runtime").JSX.Element;
11
+ export default Thumbnail;
package/build/stories/chat/parts/comment.d.ts CHANGED
@@ -1,15 +1,10 @@
1
1
  import { PropsWithChildren } from "react";
2
- import { Author } from "../_types";
3
- export type MediaType = {
4
- url: string;
5
- id: number;
6
- type: "image" | "video";
7
- };
2
+ import { Author, FileItem } from "../_types";
8
3
  export declare const Comment: ({ author, message, children, date, media, header, }: PropsWithChildren<{
9
4
  author: Author;
10
5
  message: string;
11
6
  date: string;
12
- media?: MediaType[] | undefined;
7
+ media?: FileItem[] | undefined;
13
8
  header: {
14
9
  title: string;
15
10
  message?: string | undefined;
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/build/stories/highlight/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { HighlightArgs } from "./_types";
3
2
  interface StoryArgs extends HighlightArgs {
4
3
  words: {
package/build/stories/player/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { PlayerArgs } from "./_types";
3
2
  interface PlayerStoryArgs extends PlayerArgs {
4
3
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "3.1.105-attachments",
3
+ "version": "3.1.106-attachments",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",
package/build/stories/chat/parts/ThumbnailContainer/ImageThumbnail.d.ts DELETED
@@ -1,11 +0,0 @@
1
- interface Props {
2
- src: string;
3
- index?: number;
4
- removeThumbnail?: (index: number) => void;
5
- clickThumbnail: () => void;
6
- showX?: boolean;
7
- isLoadingMedia: boolean;
8
- isError?: boolean;
9
- }
10
- declare const ImageThumbnail: ({ src, index, removeThumbnail, clickThumbnail, showX, isLoadingMedia, isError, }: Props) => import("react/jsx-runtime").JSX.Element;
11
- export default ImageThumbnail;
package/build/stories/chat/parts/ThumbnailContainer/VideoThumbnail.d.ts DELETED
@@ -1,11 +0,0 @@
1
- interface Props {
2
- src: string;
3
- index?: number;
4
- removeThumbnail?: (index: number) => void;
5
- clickThumbnail: () => void;
6
- showX?: boolean;
7
- isLoadingMedia: boolean;
8
- isError?: boolean;
9
- }
10
- declare const VideoThumbnail: ({ src, index, removeThumbnail, clickThumbnail, showX, isLoadingMedia, isError, }: Props) => import("react/jsx-runtime").JSX.Element;
11
- export default VideoThumbnail;