@appquality/unguess-design-system 3.1.112 → 3.1.113

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 (13) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build/index.js +19 -11
  3. package/build/stories/buttons/button/index.stories.d.ts +1 -0
  4. package/build/stories/buttons/utils.d.ts +36 -34
  5. package/build/stories/chat/index.stories.d.ts +1 -0
  6. package/build/stories/dropdowns/select/index.stories.d.ts +1 -0
  7. package/build/stories/editor/index.stories.d.ts +1 -0
  8. package/build/stories/highlight/index.stories.d.ts +1 -0
  9. package/build/stories/player/index.stories.d.ts +1 -0
  10. package/build/stories/transcript/extensions/theme/index.d.ts +3 -2
  11. package/build/stories/transcript/getParsedContent.d.ts +1 -1
  12. package/build/stories/transcript/useEditor.d.ts +2 -1
  13. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v3.1.113 (Thu Oct 03 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - feat: Add better speaker handling [#419](https://github.com/AppQuality/unguess-design-system/pull/419) ([@d-beezee](https://github.com/d-beezee))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@d-beezee](https://github.com/d-beezee)
10
+
11
+ ---
12
+
1
13
  # v3.1.112 (Wed Oct 02 2024)
2
14
 
3
15
  #### 🐛 Bug Fix
package/build/index.js CHANGED
@@ -7372,13 +7372,13 @@ const formatTime = (seconds) => {
7372
7372
  return date.toISOString().substring(14, 19);
7373
7373
  return date.toISOString().substring(11, 19);
7374
7374
  };
7375
- const DefaultSpeakerWrapper = ({ start, end, setCurrentTime, speaker, }) => {
7375
+ const DefaultSpeakerWrapper = ({ start, end, setCurrentTime, speaker, totalSpeakers, }) => {
7376
7376
  return (jsxRuntime.jsxs("p", Object.assign({ style: {
7377
7377
  marginBottom: "10px",
7378
7378
  userSelect: "none",
7379
7379
  }, onClick: () => {
7380
7380
  setCurrentTime && setCurrentTime({ start, end });
7381
- }, contentEditable: false }, { children: [speaker, " (", formatTime(start), " - ", formatTime(end), ")"] })));
7381
+ }, contentEditable: false }, { children: ["Speaker ", speaker, " (su ", totalSpeakers, ") (", formatTime(start), " -", " ", formatTime(end), ")"] })));
7382
7382
  };
7383
7383
  const DefaultSentencesWrapper = ({ children }) => {
7384
7384
  return jsxRuntime.jsx("div", Object.assign({ style: { paddingTop: "30px" } }, { children: children }));
@@ -7503,9 +7503,13 @@ const SearchStyle = styled.css `
7503
7503
  Search.Style = SearchStyle;
7504
7504
 
7505
7505
  class ContentParser {
7506
- constructor(observations, sentences) {
7506
+ constructor(observations, sentences, numberOfSpeakers) {
7507
+ this.numberOfSpeakers = null;
7507
7508
  this.observations = observations;
7508
7509
  this.sentences = sentences;
7510
+ if (numberOfSpeakers) {
7511
+ this.numberOfSpeakers = numberOfSpeakers;
7512
+ }
7509
7513
  }
7510
7514
  wrapWordInObservations(word) {
7511
7515
  var _a;
@@ -7542,7 +7546,8 @@ class ContentParser {
7542
7546
  return {
7543
7547
  type: "Paragraph",
7544
7548
  attrs: {
7545
- speakername: `Speaker ${paragraph.speaker}`,
7549
+ totalSpeakers: this.numberOfSpeakers,
7550
+ speaker: paragraph.speaker,
7546
7551
  start: paragraph.start,
7547
7552
  end: paragraph.end,
7548
7553
  sentences: s,
@@ -7559,8 +7564,8 @@ class ContentParser {
7559
7564
  };
7560
7565
  }
7561
7566
  }
7562
- function getParsedContent(content, observations, sentences) {
7563
- return new ContentParser(observations, sentences).getParsedContent(content);
7567
+ function getParsedContent(content, observations, sentences, numberOfSpeakers) {
7568
+ return new ContentParser(observations, sentences, numberOfSpeakers).getParsedContent(content);
7564
7569
  }
7565
7570
 
7566
7571
  const Component$3 = ({ node, editor, }) => {
@@ -7774,7 +7779,7 @@ const Content = ({ node, editor }) => {
7774
7779
  const SpeakerWrapper = themeExtension.options.speakerWrapper;
7775
7780
  return (jsxRuntime.jsxs(ParagraphWrapper, { children: [jsxRuntime.jsx(SpeakerWrapper, { setCurrentTime: ({ start }) => {
7776
7781
  editor.commands.setCurrentTime(start);
7777
- }, start: node.attrs.start, end: node.attrs.end, speaker: node.attrs.speakername }), jsxRuntime.jsx(react.NodeViewContent, { className: "content is-editable" })] }));
7782
+ }, start: node.attrs.start, end: node.attrs.end, speaker: node.attrs.speaker, totalSpeakers: node.attrs.totalSpeakers }), jsxRuntime.jsx(react.NodeViewContent, { className: "content is-editable" })] }));
7778
7783
  };
7779
7784
  const Component$1 = ({ node, editor, }) => {
7780
7785
  if (!node.attrs.sentences || node.attrs.sentences.length === 0) {
@@ -7800,8 +7805,11 @@ const Paragraph = core.Node.create({
7800
7805
  content: "inline*",
7801
7806
  addAttributes() {
7802
7807
  return {
7803
- speakername: {
7804
- default: "Speaker",
7808
+ totalSpeakers: {
7809
+ default: null,
7810
+ },
7811
+ speaker: {
7812
+ default: 0,
7805
7813
  },
7806
7814
  start: {
7807
7815
  default: 0,
@@ -7877,7 +7885,7 @@ const Word = core.Node.create({
7877
7885
  },
7878
7886
  });
7879
7887
 
7880
- const useEditor = ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, }, deps) => {
7888
+ const useEditor = ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, numberOfSpeakers, }, deps) => {
7881
7889
  const ed = react.useEditor({
7882
7890
  editable: isEditable ? isEditable : false,
7883
7891
  extensions: [
@@ -7895,7 +7903,7 @@ const useEditor = ({ content, observations, translations, currentTime, onSetCurr
7895
7903
  editorProps: {
7896
7904
  handlePaste: () => true,
7897
7905
  },
7898
- content: getParsedContent(content, observations, translations),
7906
+ content: getParsedContent(content, observations, translations, numberOfSpeakers),
7899
7907
  }, deps);
7900
7908
  React.useEffect(() => {
7901
7909
  if (!currentTime)
package/build/stories/buttons/button/index.stories.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { ButtonArgs } from "./_types";
2
3
  export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ButtonArgs>;
3
4
  export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ButtonArgs>;
package/build/stories/buttons/utils.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
3
+ /// <reference types="trusted-types" />
2
4
  export declare const sizes: readonly ["small", "medium", "large"];
3
5
  export declare const variants: readonly [{}, {
4
6
  readonly isDanger: true;
@@ -14,22 +16,21 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
14
16
  title?: string | undefined;
15
17
  color?: string | undefined;
16
18
  content?: string | undefined;
17
- slot?: string | undefined;
18
19
  style?: import("react").CSSProperties | undefined;
19
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
20
- className?: string | undefined;
21
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
20
+ slot?: string | undefined;
21
+ key?: import("react").Key | null | undefined;
22
22
  defaultChecked?: boolean | undefined;
23
23
  defaultValue?: string | number | readonly string[] | undefined;
24
24
  suppressContentEditableWarning?: boolean | undefined;
25
25
  suppressHydrationWarning?: boolean | undefined;
26
26
  accessKey?: string | undefined;
27
27
  autoFocus?: boolean | undefined;
28
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
28
+ className?: string | undefined;
29
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
29
30
  contextMenu?: string | undefined;
30
31
  dir?: string | undefined;
31
32
  draggable?: (boolean | "true" | "false") | undefined;
32
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
33
+ enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
33
34
  hidden?: boolean | undefined;
34
35
  id?: string | undefined;
35
36
  lang?: string | undefined;
@@ -64,7 +65,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
64
65
  is?: string | undefined;
65
66
  "aria-activedescendant"?: string | undefined;
66
67
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
67
- "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
68
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
68
69
  "aria-braillelabel"?: string | undefined;
69
70
  "aria-brailleroledescription"?: string | undefined;
70
71
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -84,7 +85,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
84
85
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
85
86
  "aria-flowto"?: string | undefined;
86
87
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
87
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
88
+ "aria-haspopup"?: boolean | "menu" | "dialog" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
88
89
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
89
90
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
90
91
  "aria-keyshortcuts"?: string | undefined;
@@ -132,6 +133,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
132
133
  onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
133
134
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
134
135
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
136
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
135
137
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
136
138
  onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
137
139
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -201,6 +203,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
201
203
  onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
202
204
  onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
203
205
  onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
206
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
204
207
  onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
205
208
  onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
206
209
  onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -274,7 +277,6 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
274
277
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
275
278
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
276
279
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
277
- key?: import("react").Key | null | undefined;
278
280
  justifyContent?: "start" | "end" | "center" | "between" | "around" | undefined;
279
281
  wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
280
282
  alignItems?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
@@ -302,22 +304,21 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
302
304
  title?: string | undefined;
303
305
  color?: string | undefined;
304
306
  content?: string | undefined;
305
- slot?: string | undefined;
306
307
  style?: import("react").CSSProperties | undefined;
307
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
308
- className?: string | undefined;
309
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
308
+ slot?: string | undefined;
309
+ key?: import("react").Key | null | undefined;
310
310
  defaultChecked?: boolean | undefined;
311
311
  defaultValue?: string | number | readonly string[] | undefined;
312
312
  suppressContentEditableWarning?: boolean | undefined;
313
313
  suppressHydrationWarning?: boolean | undefined;
314
314
  accessKey?: string | undefined;
315
315
  autoFocus?: boolean | undefined;
316
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
316
+ className?: string | undefined;
317
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
317
318
  contextMenu?: string | undefined;
318
319
  dir?: string | undefined;
319
320
  draggable?: (boolean | "true" | "false") | undefined;
320
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
321
+ enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
321
322
  hidden?: boolean | undefined;
322
323
  id?: string | undefined;
323
324
  lang?: string | undefined;
@@ -352,7 +353,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
352
353
  is?: string | undefined;
353
354
  "aria-activedescendant"?: string | undefined;
354
355
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
355
- "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
356
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
356
357
  "aria-braillelabel"?: string | undefined;
357
358
  "aria-brailleroledescription"?: string | undefined;
358
359
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -372,7 +373,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
372
373
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
373
374
  "aria-flowto"?: string | undefined;
374
375
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
375
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
376
+ "aria-haspopup"?: boolean | "menu" | "dialog" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
376
377
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
377
378
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
378
379
  "aria-keyshortcuts"?: string | undefined;
@@ -420,6 +421,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
420
421
  onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
421
422
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
422
423
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
424
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
423
425
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
424
426
  onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
425
427
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -489,6 +491,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
489
491
  onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
490
492
  onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
491
493
  onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
494
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
492
495
  onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
493
496
  onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
494
497
  onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -562,21 +565,20 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
562
565
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
563
566
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
564
567
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
565
- key?: import("react").Key | null | undefined;
566
- sm?: string | number | boolean | undefined;
567
568
  size?: string | number | undefined;
569
+ sm?: string | number | boolean | undefined;
568
570
  offset?: string | number | undefined;
569
571
  order?: string | number | undefined;
570
572
  xs?: string | number | boolean | undefined;
571
573
  md?: string | number | boolean | undefined;
572
574
  lg?: string | number | boolean | undefined;
573
575
  xl?: string | number | boolean | undefined;
574
- alignSelf?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
575
- alignSelfXs?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
576
- alignSelfSm?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
577
- alignSelfMd?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
578
- alignSelfLg?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
579
- alignSelfXl?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
576
+ alignSelf?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
577
+ alignSelfXs?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
578
+ alignSelfSm?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
579
+ alignSelfMd?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
580
+ alignSelfLg?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
581
+ alignSelfXl?: "start" | "end" | "auto" | "center" | "baseline" | "stretch" | undefined;
580
582
  textAlign?: "start" | "end" | "center" | "justify" | undefined;
581
583
  textAlignXs?: "start" | "end" | "center" | "justify" | undefined;
582
584
  textAlignSm?: "start" | "end" | "center" | "justify" | undefined;
@@ -602,22 +604,21 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
602
604
  title?: string | undefined;
603
605
  color?: string | undefined;
604
606
  content?: string | undefined;
605
- slot?: string | undefined;
606
607
  style?: import("react").CSSProperties | undefined;
607
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
608
- className?: string | undefined;
609
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
608
+ slot?: string | undefined;
609
+ key?: import("react").Key | null | undefined;
610
610
  defaultChecked?: boolean | undefined;
611
611
  defaultValue?: string | number | readonly string[] | undefined;
612
612
  suppressContentEditableWarning?: boolean | undefined;
613
613
  suppressHydrationWarning?: boolean | undefined;
614
614
  accessKey?: string | undefined;
615
615
  autoFocus?: boolean | undefined;
616
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
616
+ className?: string | undefined;
617
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
617
618
  contextMenu?: string | undefined;
618
619
  dir?: string | undefined;
619
620
  draggable?: (boolean | "true" | "false") | undefined;
620
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
621
+ enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
621
622
  hidden?: boolean | undefined;
622
623
  id?: string | undefined;
623
624
  lang?: string | undefined;
@@ -652,7 +653,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
652
653
  is?: string | undefined;
653
654
  "aria-activedescendant"?: string | undefined;
654
655
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
655
- "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
656
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
656
657
  "aria-braillelabel"?: string | undefined;
657
658
  "aria-brailleroledescription"?: string | undefined;
658
659
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -672,7 +673,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
672
673
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
673
674
  "aria-flowto"?: string | undefined;
674
675
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
675
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
676
+ "aria-haspopup"?: boolean | "menu" | "dialog" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
676
677
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
677
678
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
678
679
  "aria-keyshortcuts"?: string | undefined;
@@ -720,6 +721,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
720
721
  onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
721
722
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
722
723
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
724
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
723
725
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
724
726
  onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
725
727
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -789,6 +791,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
789
791
  onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
790
792
  onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
791
793
  onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
794
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
792
795
  onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
793
796
  onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
794
797
  onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -862,7 +865,6 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
862
865
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
863
866
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
864
867
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
865
- key?: import("react").Key | null | undefined;
866
868
  isMonospace?: boolean | undefined;
867
869
  tag?: any;
868
870
  isBold?: boolean | undefined;
package/build/stories/chat/index.stories.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { PlaceholderOptions } from "@tiptap/extension-placeholder";
2
3
  import { Editor as TipTapEditor } from "@tiptap/react";
3
4
  import { ChatEditorArgs, CommentMedia, SuggestedUser } from "./_types";
package/build/stories/dropdowns/select/index.stories.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DropdownArgs, SelectArgs } from "./_types";
2
3
  import { MenuArgs } from "../menu/_types";
3
4
  interface IItem {
package/build/stories/editor/index.stories.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { EditorArgs } from "./_types";
2
3
  interface EditorStoryArgs extends EditorArgs {
3
4
  children?: any;
package/build/stories/highlight/index.stories.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { HighlightArgs, WordProps } from "./_types";
2
3
  export interface StoryArgs extends HighlightArgs {
3
4
  words: Array<WordProps & {
package/build/stories/player/index.stories.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { PlayerArgs } from "./_types";
2
3
  interface PlayerStoryArgs extends PlayerArgs {
3
4
  }
package/build/stories/transcript/extensions/theme/index.d.ts CHANGED
@@ -20,14 +20,15 @@ declare const DefaultObservationWrapper: ({ title, color, children, observations
20
20
  declare const DefaultParagraphWrapper: ({ children }: {
21
21
  children: ReactNode;
22
22
  }) => import("react/jsx-runtime").JSX.Element;
23
- declare const DefaultSpeakerWrapper: ({ start, end, setCurrentTime, speaker, }: {
23
+ declare const DefaultSpeakerWrapper: ({ start, end, setCurrentTime, speaker, totalSpeakers, }: {
24
24
  start: number;
25
25
  end: number;
26
26
  setCurrentTime?: (({ start, end }: {
27
27
  start: number;
28
28
  end: number;
29
29
  }) => void) | undefined;
30
- speaker: string;
30
+ speaker: number;
31
+ totalSpeakers: number | null;
31
32
  }) => import("react/jsx-runtime").JSX.Element;
32
33
  declare const DefaultSentencesWrapper: ({ children }: {
33
34
  children: ReactNode;
package/build/stories/transcript/getParsedContent.d.ts CHANGED
@@ -23,4 +23,4 @@ export type ObservationType = {
23
23
  text: string;
24
24
  color?: `#${string}`;
25
25
  };
26
- export declare function getParsedContent(content?: ParagraphType[], observations?: ObservationType[], sentences?: SentenceType[]): TipTapContent | undefined;
26
+ export declare function getParsedContent(content?: ParagraphType[], observations?: ObservationType[], sentences?: SentenceType[], numberOfSpeakers?: number): TipTapContent | undefined;
package/build/stories/transcript/useEditor.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Extension } from "@tiptap/react";
2
2
  import { ObservationType, ParagraphType, SentenceType } from "./getParsedContent";
3
- export declare const useEditor: ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, }: {
3
+ export declare const useEditor: ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, numberOfSpeakers, }: {
4
4
  content?: ParagraphType[] | undefined;
5
5
  observations?: ObservationType[] | undefined;
6
6
  translations?: SentenceType[] | undefined;
@@ -8,4 +8,5 @@ export declare const useEditor: ({ content, observations, translations, currentT
8
8
  onSetCurrentTime?: ((time: number) => void) | undefined;
9
9
  themeExtension?: Extension<any, any> | undefined;
10
10
  isEditable?: boolean | undefined;
11
+ numberOfSpeakers?: number | undefined;
11
12
  }, deps?: React.DependencyList) => import("@tiptap/react").Editor | null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "3.1.112",
3
+ "version": "3.1.113",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",