@appquality/unguess-design-system 3.1.65 → 3.1.67-bookmarks

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

@@ -4,10 +4,11 @@ type validationStatus = "success" | "warning" | "error";
 export type SuggestedUser = {
     id: number;
     name: string;
+    email: string;
 };
 export interface ChatEditorArgs extends Partial<EditorOptions> {
     placeholderOptions?: Partial<PlaceholderOptions>;
-    hasInlineMenu?: boolean;
+    hasFloatingMenu?: boolean;
     hasButtonsMenu?: boolean;
     bubbleOptions?: any;
     author: Author;
@@ -17,6 +18,9 @@ export interface ChatEditorArgs extends Partial<EditorOptions> {
             italic?: string;
             mention?: string;
         };
+        mention?: {
+            noResults?: string;
+        };
     };
 }
 export interface Author {

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

@@ -7,7 +7,7 @@ export type ChatContextType = {
     setEditor: React.Dispatch<React.SetStateAction<Editor | undefined>>;
     mentionableUsers: (props: {
         query: string;
-    }) => Promise<SuggestedUser[]>;
+    }) => SuggestedUser[];
 };
 export declare const ChatContext: React.Context<ChatContextType | null>;
 export declare const ChatContextProvider: ({ onSave, setMentionableUsers, children, }: {
@@ -15,6 +15,6 @@ export declare const ChatContextProvider: ({ onSave, setMentionableUsers, childr
     children: React.ReactNode;
     setMentionableUsers: (props: {
         query: string;
-    }) => Promise<SuggestedUser[]>;
+    }) => SuggestedUser[];
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const useChatContext: () => ChatContextType;

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

@@ -3,6 +3,6 @@ import { SuggestedUser } from "../_types";
 export declare const editorExtensions: ({ placeholderOptions, mentionableUsers, }: {
     mentionableUsers: (props: {
         query: string;
-    }) => Promise<SuggestedUser[]>;
+    }) => SuggestedUser[];
     placeholderOptions?: Partial<PlaceholderOptions> | undefined;
 }) => (import("@tiptap/react").Extension<import("@tiptap/extension-typography").TypographyOptions, any> | import("@tiptap/react").Mark<import("@tiptap/extension-link").LinkOptions, any> | import("@tiptap/react").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/react").Extension<PlaceholderOptions, any> | import("@tiptap/react").Extension<import("@tiptap/extension-character-count").CharacterCountOptions, import("@tiptap/extension-character-count").CharacterCountStorage> | import("@tiptap/react").Node<import("@tiptap/extension-mention").MentionOptions, any>)[];

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

@@ -0,0 +1,36 @@
+import { ISpanProps } from "@zendeskgarden/react-typography";
+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;
+}
+export interface Observation {
+    id: number;
+    start: number;
+    end: number;
+    backgroundColor?: string;
+    color?: string;
+}
+export interface WordProps extends ISpanProps {
+    start: number;
+    end: number;
+    currentTime?: number;
+    observations?: Observation[];
+    /** Adjusts the font size. By default font size is medium */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
+}

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

@@ -0,0 +1,10 @@
+import { HighlightArgs, WordProps } from "./_types";
+import { PropsWithChildren } from "react";
+/**
+ *  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,16 @@
+import { HighlightArgs } from "./_types";
+interface StoryArgs extends HighlightArgs {
+    words: {
+        start: number;
+        end: number;
+        word: string;
+        speaker: number;
+    }[];
+    currentTime: number;
+}
+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>;
+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/player/_types.d.ts

@@ -3,6 +3,17 @@ export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
     url: string;
     start?: number;
     end?: number;
+    enablePipOnScroll?: boolean;
+    onCutHandler?: (time: number) => void;
+    isCutting?: boolean;
+    bookmarks?: IBookmark[];
+}
+export interface IBookmark {
+    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: ({ start, hue, label, ...props }: IBookmark) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { WrapperProps } from "../_types";
+import { IBookmark, WrapperProps } from "../_types";
 export declare const ControlsWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps>>;
 export declare const ControlsBar: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
@@ -268,6 +268,9 @@ export declare const ControlsBar: import("styled-components").IStyledComponent<"
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
-export declare const Controls: ({ container, }: {
+export declare const Controls: ({ container, onCutHandler, bookmarks, isCutting, }: {
     container: HTMLDivElement | null;
+    onCutHandler?: ((time: number) => void) | undefined;
+    bookmarks?: IBookmark[] | undefined;
+    isCutting?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,4 @@
-export declare const ControlsGroupCenter: () => import("react/jsx-runtime").JSX.Element;
+export declare const ControlsGroupCenter: ({ onCutHandler, isCutting, }: {
+    onCutHandler?: ((time: number) => void) | undefined;
+    isCutting?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/profile-modal/_types.d.ts

@@ -47,4 +47,20 @@ export interface UserMenuArgs extends LiHTMLAttributes<HTMLLIElement> {
     onLogout: () => void;
     onCopyEmail?: () => void;
     chatSupport?: boolean;
+    settingValue?: number;
+    i18n?: {
+        settingsTitle?: string;
+        settingsIntroText?: string;
+        settingsOutroText?: {
+            paragraph_1: string;
+            paragraph_2?: string;
+            paragraph_3?: string;
+        };
+        settingsToggle?: {
+            title: string;
+            on: string;
+            off: string;
+        };
+    };
+    onSetSettings: (value: number) => void;
 }

package/build/stories/profile-modal/{UserContainer.d.ts → components/UserContainer.d.ts}

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

package/build/stories/profile-modal/{menuItem.d.ts → components/menuItem.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MenuItemProps } from "./_types";
+import { MenuItemProps } from "../_types";
 export interface IStyledItemProps {
     isFocused?: boolean;
     isCompact?: boolean;

package/build/stories/profile-modal/{previousMenuButton.d.ts → components/previousMenuButton.d.ts}

@@ -1,2 +1,2 @@
-import { ButtonArgs } from "../buttons/button/_types";
+import { ButtonArgs } from "../../buttons/button/_types";
 export declare const PreviousButton: (props: ButtonArgs) => import("react/jsx-runtime").JSX.Element;

package/build/stories/profile-modal/{helpMenuItem.d.ts → items/helpMenuItem.d.ts}

@@ -1,4 +1,4 @@
-import { MenuItemProps } from "./_types";
+import { MenuItemProps } from "../_types";
 interface HelpItemProps extends MenuItemProps {
     title: string;
     value: string;

package/build/stories/profile-modal/{languageMenuItem.d.ts → items/languageMenuItem.d.ts}

@@ -1,4 +1,4 @@
-import { Language, MenuItemProps } from "./_types";
+import { Language, MenuItemProps } from "../_types";
 interface LanguagesProps extends MenuItemProps {
     title: string;
     value: string;

package/build/stories/profile-modal/items/settingsMenuItem.d.ts

@@ -0,0 +1,21 @@
+import { MenuItemProps } from "../_types";
+interface SettingsProps extends MenuItemProps {
+    settingValue?: number;
+    onSetSettings?: (value: number) => void;
+    i18n?: {
+        settingsTitle?: string;
+        settingsIntroText?: string;
+        settingsOutroText?: {
+            paragraph_1?: string;
+            paragraph_2?: string;
+            paragraph_3?: string;
+        };
+        settingsToggle?: {
+            title: string;
+            on: string;
+            off: string;
+        };
+    };
+}
+export declare const SettingsItem: (props: SettingsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.65",
+  "version": "3.1.67-bookmarks",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -25,7 +25,7 @@
   },
   "homepage": "https://github.com/AppQuality/unguess-design-system#readme",
   "dependencies": {
-    "@appquality/stream-player": "^1.0.3",
+    "@appquality/stream-player": "^1.0.6",
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",
     "@nivo/core": "^0.80.0",
@@ -73,6 +73,7 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.5",
     "@rollup/plugin-image": "^3.0.2",
+    "@storybook/addon-a11y": "^7.6.10",
     "@storybook/addon-essentials": "^7.0.9",
     "@storybook/addon-interactions": "^7.0.9",
     "@storybook/addon-links": "^7.0.9",

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

@@ -1,5 +0,0 @@
-import { Editor } from "@tiptap/react";
-export declare const EditorButton: ({ editor, type, }: {
-    editor: Editor;
-    type: "bold" | "italic" | "mention";
-}) => import("react/jsx-runtime").JSX.Element;