@appquality/unguess-design-system 3.1.112 → 3.1.114

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 +25 -0
  2. package/build/index.js +23 -12
  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,28 @@
1
+ # v3.1.114 (Mon Oct 07 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - fix: Use isExpanded style for panel container [#421](https://github.com/AppQuality/unguess-design-system/pull/421) ([@d-beezee](https://github.com/d-beezee))
6
+ - fix: Use isExpanded style for panel container [#420](https://github.com/AppQuality/unguess-design-system/pull/420) ([@d-beezee](https://github.com/d-beezee))
7
+
8
+ #### Authors: 1
9
+
10
+ - [@d-beezee](https://github.com/d-beezee)
11
+
12
+ ---
13
+
14
+ # v3.1.113 (Thu Oct 03 2024)
15
+
16
+ #### 🐛 Bug Fix
17
+
18
+ - feat: Add better speaker handling [#419](https://github.com/AppQuality/unguess-design-system/pull/419) ([@d-beezee](https://github.com/d-beezee))
19
+
20
+ #### Authors: 1
21
+
22
+ - [@d-beezee](https://github.com/d-beezee)
23
+
24
+ ---
25
+
1
26
  # v3.1.112 (Wed Oct 02 2024)
2
27
 
3
28
  #### 🐛 Bug Fix
package/build/index.js CHANGED
@@ -251,7 +251,6 @@ styled.css `
251
251
  const sidebarNavItemExpanded = styled.css `
252
252
  visibility: visible;
253
253
  opacity: 1;
254
- // transition: opacity 0.2s ease;
255
254
  `;
256
255
  const sidebarNavItemHidden = styled.css `
257
256
  visibility: hidden;
@@ -6394,6 +6393,10 @@ const NavAccordionItem = styled__default["default"](Accordion) `
6394
6393
  order: 1;
6395
6394
  margin: ${({ theme }) => theme.space.xs} 0;
6396
6395
  padding-left: 8.5px;
6396
+ .panelContainer {
6397
+ ${sidebarNavItemExpanded}
6398
+ ${(props) => !props.isExpanded && sidebarNavItemHidden}
6399
+ }
6397
6400
  `;
6398
6401
  const AccordionItemHeader = styled__default["default"](Accordion.Header) `
6399
6402
  > svg {
@@ -7372,13 +7375,13 @@ const formatTime = (seconds) => {
7372
7375
  return date.toISOString().substring(14, 19);
7373
7376
  return date.toISOString().substring(11, 19);
7374
7377
  };
7375
- const DefaultSpeakerWrapper = ({ start, end, setCurrentTime, speaker, }) => {
7378
+ const DefaultSpeakerWrapper = ({ start, end, setCurrentTime, speaker, totalSpeakers, }) => {
7376
7379
  return (jsxRuntime.jsxs("p", Object.assign({ style: {
7377
7380
  marginBottom: "10px",
7378
7381
  userSelect: "none",
7379
7382
  }, onClick: () => {
7380
7383
  setCurrentTime && setCurrentTime({ start, end });
7381
- }, contentEditable: false }, { children: [speaker, " (", formatTime(start), " - ", formatTime(end), ")"] })));
7384
+ }, contentEditable: false }, { children: ["Speaker ", speaker, " (su ", totalSpeakers, ") (", formatTime(start), " -", " ", formatTime(end), ")"] })));
7382
7385
  };
7383
7386
  const DefaultSentencesWrapper = ({ children }) => {
7384
7387
  return jsxRuntime.jsx("div", Object.assign({ style: { paddingTop: "30px" } }, { children: children }));
@@ -7503,9 +7506,13 @@ const SearchStyle = styled.css `
7503
7506
  Search.Style = SearchStyle;
7504
7507
 
7505
7508
  class ContentParser {
7506
- constructor(observations, sentences) {
7509
+ constructor(observations, sentences, numberOfSpeakers) {
7510
+ this.numberOfSpeakers = null;
7507
7511
  this.observations = observations;
7508
7512
  this.sentences = sentences;
7513
+ if (numberOfSpeakers) {
7514
+ this.numberOfSpeakers = numberOfSpeakers;
7515
+ }
7509
7516
  }
7510
7517
  wrapWordInObservations(word) {
7511
7518
  var _a;
@@ -7542,7 +7549,8 @@ class ContentParser {
7542
7549
  return {
7543
7550
  type: "Paragraph",
7544
7551
  attrs: {
7545
- speakername: `Speaker ${paragraph.speaker}`,
7552
+ totalSpeakers: this.numberOfSpeakers,
7553
+ speaker: paragraph.speaker,
7546
7554
  start: paragraph.start,
7547
7555
  end: paragraph.end,
7548
7556
  sentences: s,
@@ -7559,8 +7567,8 @@ class ContentParser {
7559
7567
  };
7560
7568
  }
7561
7569
  }
7562
- function getParsedContent(content, observations, sentences) {
7563
- return new ContentParser(observations, sentences).getParsedContent(content);
7570
+ function getParsedContent(content, observations, sentences, numberOfSpeakers) {
7571
+ return new ContentParser(observations, sentences, numberOfSpeakers).getParsedContent(content);
7564
7572
  }
7565
7573
 
7566
7574
  const Component$3 = ({ node, editor, }) => {
@@ -7774,7 +7782,7 @@ const Content = ({ node, editor }) => {
7774
7782
  const SpeakerWrapper = themeExtension.options.speakerWrapper;
7775
7783
  return (jsxRuntime.jsxs(ParagraphWrapper, { children: [jsxRuntime.jsx(SpeakerWrapper, { setCurrentTime: ({ start }) => {
7776
7784
  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" })] }));
7785
+ }, 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
7786
  };
7779
7787
  const Component$1 = ({ node, editor, }) => {
7780
7788
  if (!node.attrs.sentences || node.attrs.sentences.length === 0) {
@@ -7800,8 +7808,11 @@ const Paragraph = core.Node.create({
7800
7808
  content: "inline*",
7801
7809
  addAttributes() {
7802
7810
  return {
7803
- speakername: {
7804
- default: "Speaker",
7811
+ totalSpeakers: {
7812
+ default: null,
7813
+ },
7814
+ speaker: {
7815
+ default: 0,
7805
7816
  },
7806
7817
  start: {
7807
7818
  default: 0,
@@ -7877,7 +7888,7 @@ const Word = core.Node.create({
7877
7888
  },
7878
7889
  });
7879
7890
 
7880
- const useEditor = ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, }, deps) => {
7891
+ const useEditor = ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, numberOfSpeakers, }, deps) => {
7881
7892
  const ed = react.useEditor({
7882
7893
  editable: isEditable ? isEditable : false,
7883
7894
  extensions: [
@@ -7895,7 +7906,7 @@ const useEditor = ({ content, observations, translations, currentTime, onSetCurr
7895
7906
  editorProps: {
7896
7907
  handlePaste: () => true,
7897
7908
  },
7898
- content: getParsedContent(content, observations, translations),
7909
+ content: getParsedContent(content, observations, translations, numberOfSpeakers),
7899
7910
  }, deps);
7900
7911
  React.useEffect(() => {
7901
7912
  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.114",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",