@appquality/unguess-design-system 3.1.90 → 3.1.91-alpha-marks

package/build/stories/chat/_types.d.ts

@@ -9,7 +9,6 @@ export type SuggestedUser = {
 };
 export interface ChatEditorArgs extends Partial<EditorOptions> {
     author: Author;
-    messageBadFileFormat: string;
     placeholderOptions?: Partial<PlaceholderOptions>;
     hasFloatingMenu?: boolean;
     hasButtonsMenu?: boolean;
@@ -19,7 +18,7 @@ export interface ChatEditorArgs extends Partial<EditorOptions> {
             bold?: string;
             italic?: string;
             mention?: string;
-            attachment?: string | React.ReactNode;
+            attachment?: React.ReactNode;
         };
         mention?: {
             noResults?: string;
@@ -38,10 +37,13 @@ export interface EditorHeaderArgs {
     title?: string;
     validation?: validationStatus;
 }
-export interface FileItem extends File {
-    isLoadingMedia: boolean;
+export interface CommentMedia {
+    id: string;
+    type: string;
+    name?: string;
+    isLoadingMedia?: boolean;
     isError?: boolean;
-    internal_id: string;
+    url?: string;
 }
 export interface FloatingMenuArgs extends Partial<BubbleMenuProps> {
 }

package/build/stories/chat/context/chatContext.d.ts

@@ -1,15 +1,15 @@
 import { Editor } from "@tiptap/react";
 import React from "react";
-import { FileItem, SuggestedUser } from "../_types";
+import { CommentMedia, SuggestedUser } from "../_types";
 export type ChatContextType = {
     triggerSave: () => void;
     editor?: Editor;
     setEditor: React.Dispatch<React.SetStateAction<Editor | undefined>>;
     addThumbnails: (props: {
-        files: FileItem[];
+        files: (File & CommentMedia)[];
     }) => void;
     removeThumbnail: (index: number) => void;
-    thumbnails: FileItem[];
+    thumbnails: CommentMedia[];
     mentionableUsers: (props: {
         query: string;
     }) => SuggestedUser[];
@@ -29,7 +29,7 @@ export interface Data {
 }
 export declare const ChatContextProvider: ({ onSave, onFileUpload, onDeleteThumbnail, setMentionableUsers, children, }: {
     onSave?: ((editor: Editor, mentions: SuggestedUser[]) => void) | undefined;
-    onFileUpload?: ((files: FileItem[]) => Promise<Data>) | undefined;
+    onFileUpload?: ((files: (File & CommentMedia)[]) => Promise<Data>) | undefined;
     onDeleteThumbnail: (id: string) => void;
     children: React.ReactNode;
     setMentionableUsers: (props: {

package/build/stories/chat/hooks/useMedia.d.ts

@@ -0,0 +1,8 @@
+export declare const acceptedMediaTypes: RegExp;
+export declare function useMedia(): {
+    getMedia: (data: FileList) => (File & {
+        url: string;
+        isLoadingMedia: boolean;
+        id: string;
+    })[];
+};

package/build/stories/chat/index.stories.d.ts

@@ -1,7 +1,6 @@
 import { PlaceholderOptions } from "@tiptap/extension-placeholder";
 import { Editor as TipTapEditor } from "@tiptap/react";
-import { ChatEditorArgs, FileItem, SuggestedUser } from "./_types";
-import { MediaType } from "./parts/comment";
+import { ChatEditorArgs, CommentMedia, SuggestedUser } from "./_types";
 import { Data } from "./context/chatContext";
 interface EditorStoryArgs extends ChatEditorArgs {
     children?: any;
@@ -13,12 +12,12 @@ interface EditorStoryArgs extends ChatEditorArgs {
         };
         message: string;
         date: string;
-        media?: MediaType[];
+        media?: CommentMedia[];
     }[];
     editorText?: string;
     background?: string;
     onSave: (editor: TipTapEditor, mentions: SuggestedUser[]) => void;
-    onFileUpload?: (files: FileItem[]) => Promise<Data>;
+    onFileUpload?: (files: (File & CommentMedia)[]) => Promise<Data>;
     placeholderOptions?: Partial<PlaceholderOptions>;
 }
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;

package/build/stories/chat/parts/MediaLightbox.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { CommentMedia } from "../_types";
+interface MediaLightBoxProps {
+    isOpen: boolean;
+    header: React.ReactNode;
+    onClose: () => void;
+    slideChange: (index: number) => void;
+    selectedImageIndex: number;
+    thumbnails: CommentMedia[];
+    videoRefs: React.MutableRefObject<Array<HTMLVideoElement | null>>;
+    details?: React.ReactNode;
+}
+declare const MediaLightBox: ({ header, onClose, slideChange, selectedImageIndex, thumbnails, videoRefs, isOpen, details }: MediaLightBoxProps) => import("react/jsx-runtime").JSX.Element | null;
+export default MediaLightBox;

package/build/stories/chat/parts/ThumbnailContainer/Thumbnail.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    src?: string;
+    type: string;
+    clickThumbnail?: () => void;
+    isLoadingMedia?: boolean;
+    removeThumbnail?: () => void;
+    showX?: boolean;
+    isError?: boolean;
+}
+declare const Thumbnail: ({ src, type, removeThumbnail, clickThumbnail, showX, isLoadingMedia, isError, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Thumbnail;

package/build/stories/chat/parts/ThumbnailContainer/index.d.ts

@@ -7,7 +7,7 @@ export interface FileElement {
     isLoadingMedia: boolean;
 }
 interface Props {
-    openLightbox: (file: File, index: number) => void;
+    openLightbox: (index: number) => void;
 }
 declare const ThumbnailContainer: ({ openLightbox }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default ThumbnailContainer;

package/build/stories/chat/parts/comment.d.ts

@@ -1,15 +1,10 @@
 import { PropsWithChildren } from "react";
-import { Author } from "../_types";
-export type MediaType = {
-    url: string;
-    id: number;
-    type: "image" | "video";
-};
+import { Author, CommentMedia } from "../_types";
 export declare const Comment: ({ author, message, children, date, media, header, }: PropsWithChildren<{
     author: Author;
     message: string;
     date: string;
-    media?: MediaType[] | undefined;
+    media?: CommentMedia[] | undefined;
     header: {
         title: string;
         message?: string | undefined;

package/build/stories/highlight/demo-parts/data.d.ts

@@ -41,9 +41,15 @@ export declare const DemoTranscript: {
                         num_words: number;
                         start: number;
                         end: number;
+                        sentiment: number;
                     }[];
                 };
             }[];
         }[];
     };
 };
+export declare const DemoSentiment: {
+    role: string;
+    rate: number;
+    content: string;
+};

package/build/stories/highlight/demo-parts/sentiment-tag.d.ts

@@ -0,0 +1,7 @@
+export declare const getSentiment: (value: number) => {
+    color: string;
+    text: import("react/jsx-runtime").JSX.Element;
+} | {
+    color: string;
+    text: string;
+};

package/build/stories/highlight/demo-parts/transcript-sentiment.d.ts

@@ -0,0 +1,5 @@
+import { StoryArgs } from "../index.stories";
+export declare const TSentiment: (args: StoryArgs & {
+    currentTime: number;
+    offset: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/highlight/searchable.d.ts

@@ -1,4 +1,3 @@
-export declare const Searchable: ({ start, text, }: {
-    start: number;
+export declare const Searchable: ({ text, }: {
     text: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/stories/player/_types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes, ReactNode } from "react";
 export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
     url: string;
     start?: number;
@@ -20,9 +20,24 @@ export interface IBookmark {
     end: number;
     hue?: string;
     label?: string;
+    tooltipContent?: ReactNode;
     onClick?: () => void;
+    tags?: VideoTag[];
 }
 export interface WrapperProps {
     isPlaying?: boolean;
     isLoaded?: boolean;
 }
+type VideoTag = {
+    group: {
+        id: number;
+        name: string;
+    };
+    tag: {
+        id: number;
+        name: string;
+        style: string;
+        usageNumber: number;
+    };
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.90",
+  "version": "3.1.91-alpha-marks",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -98,6 +98,7 @@
     "@zendeskgarden/react-forms": "^8.49.0",
     "@zendeskgarden/react-theming": "^8.48.2",
     "@zendeskgarden/svg-icons": "^6.31.1",
+    "auto": "^11.1.1",
     "formik": "^2.2.9",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",

package/build/stories/chat/parts/ThumbnailContainer/ImageThumbnail.d.ts

@@ -1,11 +0,0 @@
-interface Props {
-    src: string;
-    index?: number;
-    removeThumbnail?: (index: number) => void;
-    clickThumbnail: () => void;
-    showX?: boolean;
-    isLoadingMedia: boolean;
-    isError?: boolean;
-}
-declare const ImageThumbnail: ({ src, index, removeThumbnail, clickThumbnail, showX, isLoadingMedia, isError, }: Props) => import("react/jsx-runtime").JSX.Element;
-export default ImageThumbnail;

package/build/stories/chat/parts/ThumbnailContainer/VideoThumbnail.d.ts

@@ -1,11 +0,0 @@
-interface Props {
-    src: string;
-    index?: number;
-    removeThumbnail?: (index: number) => void;
-    clickThumbnail: () => void;
-    showX?: boolean;
-    isLoadingMedia: boolean;
-    isError?: boolean;
-}
-declare const VideoThumbnail: ({ src, index, removeThumbnail, clickThumbnail, showX, isLoadingMedia, isError, }: Props) => import("react/jsx-runtime").JSX.Element;
-export default VideoThumbnail;