@appquality/unguess-design-system 3.1.112 → 3.1.114

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v3.1.114 (Mon Oct 07 2024)
+
+#### 🐛 Bug Fix
+
+- fix: Use isExpanded style for panel container [#421](https://github.com/AppQuality/unguess-design-system/pull/421) ([@d-beezee](https://github.com/d-beezee))
+- fix: Use isExpanded style for panel container [#420](https://github.com/AppQuality/unguess-design-system/pull/420) ([@d-beezee](https://github.com/d-beezee))
+
+#### Authors: 1
+
+- [@d-beezee](https://github.com/d-beezee)
+
+---
+
+# v3.1.113 (Thu Oct 03 2024)
+
+#### 🐛 Bug Fix
+
+- feat: Add better speaker handling [#419](https://github.com/AppQuality/unguess-design-system/pull/419) ([@d-beezee](https://github.com/d-beezee))
+
+#### Authors: 1
+
+- [@d-beezee](https://github.com/d-beezee)
+
+---
+
 # v3.1.112 (Wed Oct 02 2024)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -251,7 +251,6 @@ styled.css `
 const sidebarNavItemExpanded = styled.css `
   visibility: visible;
   opacity: 1;
-  // transition: opacity 0.2s ease;
 `;
 const sidebarNavItemHidden = styled.css `
   visibility: hidden;
@@ -6394,6 +6393,10 @@ const NavAccordionItem = styled__default["default"](Accordion) `
   order: 1;
   margin: ${({ theme }) => theme.space.xs} 0;
   padding-left: 8.5px;
+  .panelContainer {
+    ${sidebarNavItemExpanded}
+    ${(props) => !props.isExpanded && sidebarNavItemHidden}
+  }
 `;
 const AccordionItemHeader = styled__default["default"](Accordion.Header) `
   > svg {
@@ -7372,13 +7375,13 @@ const formatTime = (seconds) => {
         return date.toISOString().substring(14, 19);
     return date.toISOString().substring(11, 19);
 };
-const DefaultSpeakerWrapper = ({ start, end, setCurrentTime, speaker, }) => {
+const DefaultSpeakerWrapper = ({ start, end, setCurrentTime, speaker, totalSpeakers, }) => {
     return (jsxRuntime.jsxs("p", Object.assign({ style: {
             marginBottom: "10px",
             userSelect: "none",
         }, onClick: () => {
             setCurrentTime && setCurrentTime({ start, end });
-        }, contentEditable: false }, { children: [speaker, " (", formatTime(start), " - ", formatTime(end), ")"] })));
+        }, contentEditable: false }, { children: ["Speaker ", speaker, " (su ", totalSpeakers, ") (", formatTime(start), " -", " ", formatTime(end), ")"] })));
 };
 const DefaultSentencesWrapper = ({ children }) => {
     return jsxRuntime.jsx("div", Object.assign({ style: { paddingTop: "30px" } }, { children: children }));
@@ -7503,9 +7506,13 @@ const SearchStyle = styled.css `
 Search.Style = SearchStyle;
 
 class ContentParser {
-    constructor(observations, sentences) {
+    constructor(observations, sentences, numberOfSpeakers) {
+        this.numberOfSpeakers = null;
         this.observations = observations;
         this.sentences = sentences;
+        if (numberOfSpeakers) {
+            this.numberOfSpeakers = numberOfSpeakers;
+        }
     }
     wrapWordInObservations(word) {
         var _a;
@@ -7542,7 +7549,8 @@ class ContentParser {
         return {
             type: "Paragraph",
             attrs: {
-                speakername: `Speaker ${paragraph.speaker}`,
+                totalSpeakers: this.numberOfSpeakers,
+                speaker: paragraph.speaker,
                 start: paragraph.start,
                 end: paragraph.end,
                 sentences: s,
@@ -7559,8 +7567,8 @@ class ContentParser {
         };
     }
 }
-function getParsedContent(content, observations, sentences) {
-    return new ContentParser(observations, sentences).getParsedContent(content);
+function getParsedContent(content, observations, sentences, numberOfSpeakers) {
+    return new ContentParser(observations, sentences, numberOfSpeakers).getParsedContent(content);
 }
 
 const Component$3 = ({ node, editor, }) => {
@@ -7774,7 +7782,7 @@ const Content = ({ node, editor }) => {
     const SpeakerWrapper = themeExtension.options.speakerWrapper;
     return (jsxRuntime.jsxs(ParagraphWrapper, { children: [jsxRuntime.jsx(SpeakerWrapper, { setCurrentTime: ({ start }) => {
                     editor.commands.setCurrentTime(start);
-                }, start: node.attrs.start, end: node.attrs.end, speaker: node.attrs.speakername }), jsxRuntime.jsx(react.NodeViewContent, { className: "content is-editable" })] }));
+                }, start: node.attrs.start, end: node.attrs.end, speaker: node.attrs.speaker, totalSpeakers: node.attrs.totalSpeakers }), jsxRuntime.jsx(react.NodeViewContent, { className: "content is-editable" })] }));
 };
 const Component$1 = ({ node, editor, }) => {
     if (!node.attrs.sentences || node.attrs.sentences.length === 0) {
@@ -7800,8 +7808,11 @@ const Paragraph = core.Node.create({
     content: "inline*",
     addAttributes() {
         return {
-            speakername: {
-                default: "Speaker",
+            totalSpeakers: {
+                default: null,
+            },
+            speaker: {
+                default: 0,
             },
             start: {
                 default: 0,
@@ -7877,7 +7888,7 @@ const Word = core.Node.create({
     },
 });
 
-const useEditor = ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, }, deps) => {
+const useEditor = ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, numberOfSpeakers, }, deps) => {
     const ed = react.useEditor({
         editable: isEditable ? isEditable : false,
         extensions: [
@@ -7895,7 +7906,7 @@ const useEditor = ({ content, observations, translations, currentTime, onSetCurr
         editorProps: {
             handlePaste: () => true,
         },
-        content: getParsedContent(content, observations, translations),
+        content: getParsedContent(content, observations, translations, numberOfSpeakers),
     }, deps);
     React.useEffect(() => {
         if (!currentTime)

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

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

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

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 export declare const sizes: readonly ["small", "medium", "large"];
 export declare const variants: readonly [{}, {
     readonly isDanger: true;
@@ -14,22 +16,21 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     title?: string | undefined;
     color?: string | undefined;
     content?: string | undefined;
-    slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    className?: string | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    slot?: string | undefined;
+    key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -64,7 +65,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -84,7 +85,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "menu" | "dialog" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -132,6 +133,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -201,6 +203,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -274,7 +277,6 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    key?: import("react").Key | null | undefined;
     justifyContent?: "start" | "end" | "center" | "between" | "around" | undefined;
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     alignItems?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
@@ -302,22 +304,21 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     title?: string | undefined;
     color?: string | undefined;
     content?: string | undefined;
-    slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    className?: string | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    slot?: string | undefined;
+    key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -352,7 +353,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -372,7 +373,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "menu" | "dialog" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -420,6 +421,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -489,6 +491,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -562,21 +565,20 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    key?: import("react").Key | null | undefined;
-    sm?: string | number | boolean | undefined;
     size?: string | number | undefined;
+    sm?: string | number | boolean | undefined;
     offset?: string | number | undefined;
     order?: string | number | undefined;
     xs?: string | number | boolean | undefined;
     md?: string | number | boolean | undefined;
     lg?: string | number | boolean | undefined;
     xl?: string | number | boolean | undefined;
-    alignSelf?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXs?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfSm?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfMd?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfLg?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXl?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelf?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
+    alignSelfXs?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
+    alignSelfSm?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
+    alignSelfMd?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
+    alignSelfLg?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
+    alignSelfXl?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
     textAlign?: "start" | "end" | "center" | "justify" | undefined;
     textAlignXs?: "start" | "end" | "center" | "justify" | undefined;
     textAlignSm?: "start" | "end" | "center" | "justify" | undefined;
@@ -602,22 +604,21 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     title?: string | undefined;
     color?: string | undefined;
     content?: string | undefined;
-    slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    className?: string | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    slot?: string | undefined;
+    key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -652,7 +653,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -672,7 +673,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "menu" | "dialog" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -720,6 +721,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -789,6 +791,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -862,7 +865,6 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    key?: import("react").Key | null | undefined;
     isMonospace?: boolean | undefined;
     tag?: any;
     isBold?: boolean | undefined;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PlaceholderOptions } from "@tiptap/extension-placeholder";
 import { Editor as TipTapEditor } from "@tiptap/react";
 import { ChatEditorArgs, CommentMedia, SuggestedUser } from "./_types";

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HighlightArgs, WordProps } from "./_types";
 export interface StoryArgs extends HighlightArgs {
     words: Array<WordProps & {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PlayerArgs } from "./_types";
 interface PlayerStoryArgs extends PlayerArgs {
 }

package/build/stories/transcript/extensions/theme/index.d.ts

@@ -20,14 +20,15 @@ declare const DefaultObservationWrapper: ({ title, color, children, observations
 declare const DefaultParagraphWrapper: ({ children }: {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-declare const DefaultSpeakerWrapper: ({ start, end, setCurrentTime, speaker, }: {
+declare const DefaultSpeakerWrapper: ({ start, end, setCurrentTime, speaker, totalSpeakers, }: {
     start: number;
     end: number;
     setCurrentTime?: (({ start, end }: {
         start: number;
         end: number;
     }) => void) | undefined;
-    speaker: string;
+    speaker: number;
+    totalSpeakers: number | null;
 }) => import("react/jsx-runtime").JSX.Element;
 declare const DefaultSentencesWrapper: ({ children }: {
     children: ReactNode;

package/build/stories/transcript/getParsedContent.d.ts

@@ -23,4 +23,4 @@ export type ObservationType = {
     text: string;
     color?: `#${string}`;
 };
-export declare function getParsedContent(content?: ParagraphType[], observations?: ObservationType[], sentences?: SentenceType[]): TipTapContent | undefined;
+export declare function getParsedContent(content?: ParagraphType[], observations?: ObservationType[], sentences?: SentenceType[], numberOfSpeakers?: number): TipTapContent | undefined;

package/build/stories/transcript/useEditor.d.ts

@@ -1,6 +1,6 @@
 import { Extension } from "@tiptap/react";
 import { ObservationType, ParagraphType, SentenceType } from "./getParsedContent";
-export declare const useEditor: ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, }: {
+export declare const useEditor: ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, numberOfSpeakers, }: {
     content?: ParagraphType[] | undefined;
     observations?: ObservationType[] | undefined;
     translations?: SentenceType[] | undefined;
@@ -8,4 +8,5 @@ export declare const useEditor: ({ content, observations, translations, currentT
     onSetCurrentTime?: ((time: number) => void) | undefined;
     themeExtension?: Extension<any, any> | undefined;
     isEditable?: boolean | undefined;
+    numberOfSpeakers?: number | undefined;
 }, deps?: React.DependencyList) => import("@tiptap/react").Editor | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.112",
+  "version": "3.1.114",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",