@appquality/unguess-design-system 3.1.91-highlight → 3.1.91-highlight-2

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 (11) hide show
  1. package/build/index.js +36 -3
  2. package/build/stories/buttons/button/index.stories.d.ts +1 -0
  3. package/build/stories/buttons/utils.d.ts +36 -36
  4. package/build/stories/chat/index.stories.d.ts +1 -0
  5. package/build/stories/dropdowns/select/index.stories.d.ts +1 -0
  6. package/build/stories/editor/index.stories.d.ts +1 -0
  7. package/build/stories/editorWithHighlight/floatingMenu.d.ts +4 -1
  8. package/build/stories/editorWithHighlight/useEditor.d.ts +8 -1
  9. package/build/stories/highlight/index.stories.d.ts +1 -0
  10. package/build/stories/player/index.stories.d.ts +1 -0
  11. package/package.json +1 -1
package/build/index.js CHANGED
@@ -7359,7 +7359,21 @@ const FloatingMenu = (props) => {
7359
7359
  if (!editor) {
7360
7360
  return null;
7361
7361
  }
7362
- return (jsxRuntime.jsx(react.BubbleMenu, Object.assign({ editor: editor, shouldShow: shouldShow }, { children: jsxRuntime.jsx(MenuContainer, Object.assign({ className: "bubble-menu" }, { children: jsxRuntime.jsxs(Button, Object.assign({ isAccent: true, isPrimary: true, onClick: () => onClick(editor) }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgTagStroke, {}) }), "Create Observation"] })) })) })));
7362
+ return (jsxRuntime.jsx(react.BubbleMenu, Object.assign({ editor: editor, shouldShow: shouldShow }, { children: jsxRuntime.jsx(MenuContainer, Object.assign({ className: "bubble-menu" }, { children: jsxRuntime.jsxs(Button, Object.assign({ isAccent: true, isPrimary: true, onClick: () => {
7363
+ const { from, to } = editor.state.selection;
7364
+ let start = 0;
7365
+ let end = 0;
7366
+ editor.state.doc.nodesBetween(from, to, (node) => {
7367
+ if (node.type.name === "Word") {
7368
+ if (!start)
7369
+ start = node.attrs["data-start"];
7370
+ end = node.attrs["data-end"];
7371
+ }
7372
+ });
7373
+ if (start === end)
7374
+ return;
7375
+ onClick(editor, { start, end });
7376
+ } }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgTagStroke, {}) }), "Create Observation"] })) })) })));
7363
7377
  };
7364
7378
 
7365
7379
  const Search = ({ editor }) => {
@@ -7505,7 +7519,8 @@ const Observation = core.Node.create({
7505
7519
  if (node.type.name === "Word") {
7506
7520
  // Crea il nodo "active"
7507
7521
  const annotationNode = state.schema.nodes.Observation.create({
7508
- title: "Ciao",
7522
+ title,
7523
+ type,
7509
7524
  }, node.content);
7510
7525
  // Crea il nodo "word" aggiornato con "active" come figlio
7511
7526
  const updatedNode = node.copy(model.Fragment.from(annotationNode));
@@ -7622,7 +7637,7 @@ const Word = core.Node.create({
7622
7637
  },
7623
7638
  });
7624
7639
 
7625
- const useEditor = ({ content, currentTime, onSetCurrentTime, }, deps) => {
7640
+ const useEditor = ({ content, observations, currentTime, onSetCurrentTime, }, deps) => {
7626
7641
  const ed = react.useEditor({
7627
7642
  extensions: [
7628
7643
  Document__default["default"],
@@ -7678,6 +7693,24 @@ const useEditor = ({ content, currentTime, onSetCurrentTime, }, deps) => {
7678
7693
  return;
7679
7694
  ed.commands.updateCurrentActive({ currentWord });
7680
7695
  }, [currentTime, content, ed]);
7696
+ React.useEffect(() => {
7697
+ if (!observations)
7698
+ return;
7699
+ if (!ed)
7700
+ return;
7701
+ const selection = ed.state.selection;
7702
+ observations.forEach((observation) => {
7703
+ const startWord = ed.$node("Word", { "data-start": observation.start });
7704
+ const endWord = ed.$node("Word", { "data-end": observation.end });
7705
+ if (!startWord || !endWord)
7706
+ return;
7707
+ ed.chain()
7708
+ .setTextSelection({ from: startWord.pos, to: endWord.pos })
7709
+ .addObservation(observation.type, observation.text)
7710
+ .setTextSelection(selection.from)
7711
+ .run();
7712
+ });
7713
+ }, [observations, ed]);
7681
7714
  return ed;
7682
7715
  };
7683
7716
 
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
@@ -8,11 +8,10 @@ export declare const variants: readonly [{}, {
8
8
  readonly disabled: true;
9
9
  }];
10
10
  export declare const Row: import("styled-components").IStyledComponent<"web", {
11
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
12
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
11
+ title?: string | undefined;
13
12
  content?: string | undefined;
14
- draggable?: (boolean | "true" | "false") | undefined;
15
- style?: import("react").CSSProperties | undefined;
13
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
14
+ children?: import("react").ReactNode;
16
15
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
17
16
  defaultChecked?: boolean | undefined;
18
17
  defaultValue?: string | number | readonly string[] | undefined;
@@ -24,14 +23,15 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
24
23
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
25
24
  contextMenu?: string | undefined;
26
25
  dir?: string | undefined;
26
+ draggable?: (boolean | "true" | "false") | undefined;
27
27
  hidden?: boolean | undefined;
28
28
  id?: string | undefined;
29
29
  lang?: string | undefined;
30
30
  nonce?: string | undefined;
31
31
  slot?: string | undefined;
32
32
  spellCheck?: (boolean | "true" | "false") | undefined;
33
+ style?: import("react").CSSProperties | undefined;
33
34
  tabIndex?: number | undefined;
34
- title?: string | undefined;
35
35
  translate?: "yes" | "no" | undefined;
36
36
  radioGroup?: string | undefined;
37
37
  role?: import("react").AriaRole | undefined;
@@ -57,11 +57,11 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
57
57
  results?: number | undefined;
58
58
  security?: string | undefined;
59
59
  unselectable?: "on" | "off" | undefined;
60
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
60
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
61
61
  is?: string | undefined;
62
62
  "aria-activedescendant"?: string | undefined;
63
63
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
64
- "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
64
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
65
65
  "aria-braillelabel"?: string | undefined;
66
66
  "aria-brailleroledescription"?: string | undefined;
67
67
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -81,7 +81,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
81
81
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
82
82
  "aria-flowto"?: string | undefined;
83
83
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
84
- "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
84
+ "aria-haspopup"?: boolean | "menu" | "true" | "false" | "dialog" | "grid" | "listbox" | "tree" | undefined;
85
85
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
86
86
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
87
87
  "aria-keyshortcuts"?: string | undefined;
@@ -112,7 +112,6 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
112
112
  "aria-valuemin"?: number | undefined;
113
113
  "aria-valuenow"?: number | undefined;
114
114
  "aria-valuetext"?: string | undefined;
115
- children?: import("react").ReactNode;
116
115
  dangerouslySetInnerHTML?: {
117
116
  __html: string | TrustedHTML;
118
117
  } | undefined;
@@ -128,7 +127,9 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
128
127
  onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
129
128
  onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
130
129
  onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
130
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
131
131
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
132
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
132
133
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
133
134
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
134
135
  onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -199,7 +200,6 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
199
200
  onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
200
201
  onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
201
202
  onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
202
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
203
203
  onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
204
204
  onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
205
205
  onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -295,11 +295,10 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
295
295
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
296
296
  }> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-grid").IRowProps & import("react").RefAttributes<HTMLDivElement>>;
297
297
  export declare const Col: import("styled-components").IStyledComponent<"web", {
298
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
299
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
298
+ title?: string | undefined;
300
299
  content?: string | undefined;
301
- draggable?: (boolean | "true" | "false") | undefined;
302
- style?: import("react").CSSProperties | undefined;
300
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
301
+ children?: import("react").ReactNode;
303
302
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
304
303
  defaultChecked?: boolean | undefined;
305
304
  defaultValue?: string | number | readonly string[] | undefined;
@@ -311,14 +310,15 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
311
310
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
312
311
  contextMenu?: string | undefined;
313
312
  dir?: string | undefined;
313
+ draggable?: (boolean | "true" | "false") | undefined;
314
314
  hidden?: boolean | undefined;
315
315
  id?: string | undefined;
316
316
  lang?: string | undefined;
317
317
  nonce?: string | undefined;
318
318
  slot?: string | undefined;
319
319
  spellCheck?: (boolean | "true" | "false") | undefined;
320
+ style?: import("react").CSSProperties | undefined;
320
321
  tabIndex?: number | undefined;
321
- title?: string | undefined;
322
322
  translate?: "yes" | "no" | undefined;
323
323
  radioGroup?: string | undefined;
324
324
  role?: import("react").AriaRole | undefined;
@@ -344,11 +344,11 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
344
344
  results?: number | undefined;
345
345
  security?: string | undefined;
346
346
  unselectable?: "on" | "off" | undefined;
347
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
347
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
348
348
  is?: string | undefined;
349
349
  "aria-activedescendant"?: string | undefined;
350
350
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
351
- "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
351
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
352
352
  "aria-braillelabel"?: string | undefined;
353
353
  "aria-brailleroledescription"?: string | undefined;
354
354
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -368,7 +368,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
368
368
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
369
369
  "aria-flowto"?: string | undefined;
370
370
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
371
- "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
371
+ "aria-haspopup"?: boolean | "menu" | "true" | "false" | "dialog" | "grid" | "listbox" | "tree" | undefined;
372
372
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
373
373
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
374
374
  "aria-keyshortcuts"?: string | undefined;
@@ -399,7 +399,6 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
399
399
  "aria-valuemin"?: number | undefined;
400
400
  "aria-valuenow"?: number | undefined;
401
401
  "aria-valuetext"?: string | undefined;
402
- children?: import("react").ReactNode;
403
402
  dangerouslySetInnerHTML?: {
404
403
  __html: string | TrustedHTML;
405
404
  } | undefined;
@@ -415,7 +414,9 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
415
414
  onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
416
415
  onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
417
416
  onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
417
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
418
418
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
419
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
419
420
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
420
421
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
421
422
  onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -486,7 +487,6 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
486
487
  onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
487
488
  onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
488
489
  onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
489
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
490
490
  onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
491
491
  onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
492
492
  onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -569,12 +569,12 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
569
569
  md?: string | number | boolean | undefined;
570
570
  lg?: string | number | boolean | undefined;
571
571
  xl?: string | number | boolean | undefined;
572
- alignSelf?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
573
- alignSelfXs?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
574
- alignSelfSm?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
575
- alignSelfMd?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
576
- alignSelfLg?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
577
- alignSelfXl?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
572
+ alignSelf?: "auto" | "center" | "start" | "end" | "baseline" | "stretch" | undefined;
573
+ alignSelfXs?: "auto" | "center" | "start" | "end" | "baseline" | "stretch" | undefined;
574
+ alignSelfSm?: "auto" | "center" | "start" | "end" | "baseline" | "stretch" | undefined;
575
+ alignSelfMd?: "auto" | "center" | "start" | "end" | "baseline" | "stretch" | undefined;
576
+ alignSelfLg?: "auto" | "center" | "start" | "end" | "baseline" | "stretch" | undefined;
577
+ alignSelfXl?: "auto" | "center" | "start" | "end" | "baseline" | "stretch" | undefined;
578
578
  textAlign?: "center" | "start" | "end" | "justify" | undefined;
579
579
  textAlignXs?: "center" | "start" | "end" | "justify" | undefined;
580
580
  textAlignSm?: "center" | "start" | "end" | "justify" | undefined;
@@ -594,11 +594,10 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
594
594
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
595
595
  }> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-grid").IColProps & import("react").RefAttributes<HTMLDivElement>>;
596
596
  export declare const MD: import("styled-components").IStyledComponent<"web", {
597
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
598
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
597
+ title?: string | undefined;
599
598
  content?: string | undefined;
600
- draggable?: (boolean | "true" | "false") | undefined;
601
- style?: import("react").CSSProperties | undefined;
599
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
600
+ children?: import("react").ReactNode;
602
601
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
603
602
  defaultChecked?: boolean | undefined;
604
603
  defaultValue?: string | number | readonly string[] | undefined;
@@ -610,14 +609,15 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
610
609
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
611
610
  contextMenu?: string | undefined;
612
611
  dir?: string | undefined;
612
+ draggable?: (boolean | "true" | "false") | undefined;
613
613
  hidden?: boolean | undefined;
614
614
  id?: string | undefined;
615
615
  lang?: string | undefined;
616
616
  nonce?: string | undefined;
617
617
  slot?: string | undefined;
618
618
  spellCheck?: (boolean | "true" | "false") | undefined;
619
+ style?: import("react").CSSProperties | undefined;
619
620
  tabIndex?: number | undefined;
620
- title?: string | undefined;
621
621
  translate?: "yes" | "no" | undefined;
622
622
  radioGroup?: string | undefined;
623
623
  role?: import("react").AriaRole | undefined;
@@ -643,11 +643,11 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
643
643
  results?: number | undefined;
644
644
  security?: string | undefined;
645
645
  unselectable?: "on" | "off" | undefined;
646
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
646
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
647
647
  is?: string | undefined;
648
648
  "aria-activedescendant"?: string | undefined;
649
649
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
650
- "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
650
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
651
651
  "aria-braillelabel"?: string | undefined;
652
652
  "aria-brailleroledescription"?: string | undefined;
653
653
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -667,7 +667,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
667
667
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
668
668
  "aria-flowto"?: string | undefined;
669
669
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
670
- "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
670
+ "aria-haspopup"?: boolean | "menu" | "true" | "false" | "dialog" | "grid" | "listbox" | "tree" | undefined;
671
671
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
672
672
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
673
673
  "aria-keyshortcuts"?: string | undefined;
@@ -698,7 +698,6 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
698
698
  "aria-valuemin"?: number | undefined;
699
699
  "aria-valuenow"?: number | undefined;
700
700
  "aria-valuetext"?: string | undefined;
701
- children?: import("react").ReactNode;
702
701
  dangerouslySetInnerHTML?: {
703
702
  __html: string | TrustedHTML;
704
703
  } | undefined;
@@ -714,7 +713,9 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
714
713
  onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
715
714
  onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
716
715
  onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
716
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
717
717
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
718
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
718
719
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
719
720
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
720
721
  onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -785,7 +786,6 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
785
786
  onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
786
787
  onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
787
788
  onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
788
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
789
789
  onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
790
790
  onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
791
791
  onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | 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/editorWithHighlight/floatingMenu.d.ts CHANGED
@@ -1,5 +1,8 @@
1
1
  import { Editor } from "@tiptap/react";
2
2
  export declare const FloatingMenu: (props: {
3
3
  editor: Editor;
4
- onClick: (editor: Editor) => void;
4
+ onClick: (editor: Editor, words: {
5
+ start: number;
6
+ end: number;
7
+ }) => void;
5
8
  }) => import("react/jsx-runtime").JSX.Element | null;
package/build/stories/editorWithHighlight/useEditor.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const useEditor: ({ content, currentTime, onSetCurrentTime, }: {
1
+ export declare const useEditor: ({ content, observations, currentTime, onSetCurrentTime, }: {
2
2
  content?: {
3
3
  start: number;
4
4
  end: number;
@@ -9,6 +9,13 @@ export declare const useEditor: ({ content, currentTime, onSetCurrentTime, }: {
9
9
  word: string;
10
10
  }[];
11
11
  }[] | undefined;
12
+ observations?: {
13
+ id: number;
14
+ type: string;
15
+ start: number;
16
+ end: number;
17
+ text: string;
18
+ }[] | undefined;
12
19
  currentTime?: number | undefined;
13
20
  onSetCurrentTime?: ((time: number) => void) | undefined;
14
21
  }, deps?: React.DependencyList) => import("@tiptap/react").Editor | null;
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "3.1.91-highlight",
3
+ "version": "3.1.91-highlight-2",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",