@appquality/unguess-design-system 3.1.90-beta-attachments → 3.1.90

package/build/stories/buttons/button/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
 export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;

package/build/stories/buttons/utils.d.ts

@@ -8,18 +8,18 @@ export declare const variants: readonly [{}, {
     readonly disabled: true;
 }];
 export declare const Row: import("styled-components").IStyledComponent<"web", {
-    alignItems?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsXs?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsSm?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsMd?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsLg?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsXl?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
-    justifyContent?: "center" | "start" | "end" | "between" | "around" | undefined;
-    justifyContentXs?: "center" | "start" | "end" | "between" | "around" | undefined;
-    justifyContentSm?: "center" | "start" | "end" | "between" | "around" | undefined;
-    justifyContentMd?: "center" | "start" | "end" | "between" | "around" | undefined;
-    justifyContentLg?: "center" | "start" | "end" | "between" | "around" | undefined;
-    justifyContentXl?: "center" | "start" | "end" | "between" | "around" | undefined;
+    alignItems?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsXs?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsSm?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsMd?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsLg?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsXl?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
+    justifyContent?: "start" | "center" | "end" | "between" | "around" | undefined;
+    justifyContentXs?: "start" | "center" | "end" | "between" | "around" | undefined;
+    justifyContentSm?: "start" | "center" | "end" | "between" | "around" | undefined;
+    justifyContentMd?: "start" | "center" | "end" | "between" | "around" | undefined;
+    justifyContentLg?: "start" | "center" | "end" | "between" | "around" | undefined;
+    justifyContentXl?: "start" | "center" | "end" | "between" | "around" | undefined;
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     wrapXs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     wrapSm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -73,7 +73,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -299,18 +299,18 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     md?: string | number | boolean | undefined;
     lg?: string | number | boolean | undefined;
     xl?: string | number | boolean | undefined;
-    alignSelf?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXs?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfSm?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfMd?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfLg?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXl?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    textAlign?: "center" | "start" | "end" | "justify" | undefined;
-    textAlignXs?: "center" | "start" | "end" | "justify" | undefined;
-    textAlignSm?: "center" | "start" | "end" | "justify" | undefined;
-    textAlignMd?: "center" | "start" | "end" | "justify" | undefined;
-    textAlignLg?: "center" | "start" | "end" | "justify" | undefined;
-    textAlignXl?: "center" | "start" | "end" | "justify" | undefined;
+    alignSelf?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXs?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfSm?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfMd?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfLg?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXl?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    textAlign?: "start" | "center" | "end" | "justify" | undefined;
+    textAlignXs?: "start" | "center" | "end" | "justify" | undefined;
+    textAlignSm?: "start" | "center" | "end" | "justify" | undefined;
+    textAlignMd?: "start" | "center" | "end" | "justify" | undefined;
+    textAlignLg?: "start" | "center" | "end" | "justify" | undefined;
+    textAlignXl?: "start" | "center" | "end" | "justify" | undefined;
     offset?: string | number | undefined;
     offsetXs?: string | number | undefined;
     offsetSm?: string | number | undefined;
@@ -370,7 +370,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -640,7 +640,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;

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

@@ -39,8 +39,9 @@ export interface EditorHeaderArgs {
     validation?: validationStatus;
 }
 export interface FileItem extends File {
-    isLoadingMedia?: boolean;
+    isLoadingMedia: boolean;
     isError?: boolean;
+    internal_id: string;
 }
 export interface FloatingMenuArgs extends Partial<BubbleMenuProps> {
 }

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

@@ -14,7 +14,8 @@ export type ChatContextType = {
         query: string;
     }) => SuggestedUser[];
     afterUploadCallback: (failed: string[]) => void;
-    clearThumbnails: () => void;
+    clearInput: () => void;
+    onDeleteThumbnail: (id: string) => void;
 };
 export declare const ChatContext: React.Context<ChatContextType | null>;
 export interface Data {
@@ -26,9 +27,10 @@ export interface Data {
         errorCode: string;
     }[];
 }
-export declare const ChatContextProvider: ({ onSave, onFileUpload, setMentionableUsers, children, }: {
+export declare const ChatContextProvider: ({ onSave, onFileUpload, onDeleteThumbnail, setMentionableUsers, children, }: {
     onSave?: ((editor: Editor, mentions: SuggestedUser[]) => void) | undefined;
     onFileUpload?: ((files: FileItem[]) => Promise<Data>) | undefined;
+    onDeleteThumbnail: (id: string) => void;
     children: React.ReactNode;
     setMentionableUsers: (props: {
         query: string;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { PlaceholderOptions } from "@tiptap/extension-placeholder";
 import { Editor as TipTapEditor } from "@tiptap/react";
-import { ChatEditorArgs, SuggestedUser } from "./_types";
+import { ChatEditorArgs, FileItem, SuggestedUser } from "./_types";
 import { MediaType } from "./parts/comment";
 import { Data } from "./context/chatContext";
 interface EditorStoryArgs extends ChatEditorArgs {
@@ -19,7 +18,7 @@ interface EditorStoryArgs extends ChatEditorArgs {
     editorText?: string;
     background?: string;
     onSave: (editor: TipTapEditor, mentions: SuggestedUser[]) => void;
-    onFileUpload?: (files: File[]) => Promise<Data>;
+    onFileUpload?: (files: FileItem[]) => 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/ThumbnailContainer/index.d.ts

@@ -1,9 +1,10 @@
 export interface FileElement {
     fileName: string;
     fileType: string;
-    status: "success" | "failed" | "uploading";
     errorCode?: "FILE_TOO_BIG" | "INVALID_FILE_EXTENSION" | "GENERIC_ERROR";
     previewUrl: string;
+    internal_id: string;
+    isLoadingMedia: boolean;
 }
 interface Props {
     openLightbox: (file: File, index: number) => void;

package/build/stories/dropdowns/select/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownArgs, SelectArgs } from "./_types";
 import { MenuArgs } from "../menu/_types";
 interface IItem {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditorArgs } from "./_types";
 interface EditorStoryArgs extends EditorArgs {
     children?: any;

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

@@ -0,0 +1,37 @@
+import { ISpanProps } from "@zendeskgarden/react-typography";
+import { ReactNode } from "react";
+import { IBookmark } from "../player/_types";
+export interface HighlightArgs {
+    /**
+     * Applies a font color. Use [PALETTE](/components/palette#palette) colors
+     * when possible. Accepts all hex values.
+     */
+    hue?: string;
+    /** Updates the element's HTML tag */
+    tag?: any;
+    /** Applies bold font style. Font weight is inherited by default. */
+    isBold?: boolean;
+    /** Renders with monospace font */
+    isMonospace?: boolean;
+    /** Adjusts the font size. By default font size is medium */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
+    handleSelection?: (part: {
+        from: number;
+        to: number;
+        text: string;
+    }) => void;
+    search?: string;
+}
+export interface Observation extends Omit<IBookmark, "onClick"> {
+    color?: string;
+}
+export interface WordProps extends ISpanProps {
+    start: number;
+    end: number;
+    currentTime?: number;
+    observations?: Observation[];
+    text: string;
+    /** Adjusts the font size. By default font size is medium */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
+    tooltipContent?: (observation: Observation) => ReactNode;
+}

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

@@ -0,0 +1,49 @@
+export declare const DemoTranscript: {
+    metadata: {
+        transaction_key: string;
+        request_id: string;
+        sha256: string;
+        created: string;
+        duration: number;
+        channels: number;
+        models: string[];
+        model_info: {
+            "4accafca-a091-473d-8241-f5a847cb5766": {
+                name: string;
+                version: string;
+                arch: string;
+            };
+        };
+    };
+    results: {
+        channels: {
+            alternatives: {
+                transcript: string;
+                confidence: number;
+                words: {
+                    word: string;
+                    start: number;
+                    end: number;
+                    confidence: number;
+                    speaker: number;
+                    speaker_confidence: number;
+                    punctuated_word: string;
+                }[];
+                paragraphs: {
+                    transcript: string;
+                    paragraphs: {
+                        sentences: {
+                            text: string;
+                            start: number;
+                            end: number;
+                        }[];
+                        speaker: number;
+                        num_words: number;
+                        start: number;
+                        end: number;
+                    }[];
+                };
+            }[];
+        }[];
+    };
+};

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+export type HighlightContextType = {
+    searchTerm: string;
+};
+export declare const HighlightContext: React.Context<HighlightContextType | null>;
+export declare const HighlightContextProvider: ({ term, children, }: {
+    term?: string | undefined;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useHighlightContext: () => HighlightContextType;

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

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from "react";
+import { HighlightArgs, WordProps } from "./_types";
+/**
+ *  Use Highlight to use highlight interation on any text element
+ */
+declare const Highlight: {
+    (props: PropsWithChildren<HighlightArgs>): import("react/jsx-runtime").JSX.Element;
+    Word: (props: WordProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Highlight };

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

@@ -0,0 +1,17 @@
+import { HighlightArgs, WordProps } from "./_types";
+export interface StoryArgs extends HighlightArgs {
+    words: Array<WordProps & {
+        speaker: number;
+    }>;
+    currentTime: number;
+    includeSearch?: boolean;
+}
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
+export declare const VideoSync: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
+export declare const WithSearch: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
+export declare const WithTooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
+export declare const Demo: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, HighlightArgs & {
+    children?: import("react").ReactNode;
+}>;
+export default _default;

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

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

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

@@ -3,6 +3,24 @@ export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
     url: string;
     start?: number;
     end?: number;
+    enablePipOnScroll?: boolean;
+    onCutHandler?: (time: number) => void;
+    isCutting?: boolean;
+    bookmarks?: IBookmark[];
+    handleBookmarkUpdate?: (bookmark: IBookmark) => void;
+    i18n?: PlayerI18n;
+}
+export interface PlayerI18n {
+    beforeHighlight?: string;
+    onHighlight?: string;
+}
+export interface IBookmark {
+    id: number;
+    start: number;
+    end: number;
+    hue?: string;
+    label?: string;
+    onClick?: () => void;
 }
 export interface WrapperProps {
     isPlaying?: boolean;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { PlayerArgs } from "./_types";
 interface PlayerStoryArgs extends PlayerArgs {
-    url: string;
 }
 export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
 export declare const Streaming: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
+export declare const WithBookmarks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
 export default _default;

package/build/stories/player/parts/bookmark.d.ts

@@ -0,0 +1,2 @@
+import { IBookmark } from "../_types";
+export declare const Bookmark: (props: IBookmark) => import("react/jsx-runtime").JSX.Element | null;