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

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 (4) hide show
  1. package/build/index.js +56 -26
  2. package/build/stories/buttons/utils.d.ts +24 -24
  3. package/build/stories/editorWithHighlight/index.d.ts +12 -2
  4. package/package.json +1 -1
package/build/index.js CHANGED
@@ -7638,6 +7638,61 @@ const Word = core.Node.create({
7638
7638
  });
7639
7639
 
7640
7640
  const useEditor = ({ content, observations, currentTime, onSetCurrentTime, }, deps) => {
7641
+ function getParsedContent() {
7642
+ if (!content)
7643
+ return undefined;
7644
+ const result = {
7645
+ type: "doc",
7646
+ content: content.map((paragraph) => {
7647
+ function getWords() {
7648
+ return paragraph.words.map((word) => {
7649
+ const observationsInThisWord = observations === null || observations === void 0 ? void 0 : observations.filter((observation) => observation.start >= word.start && observation.end <= word.end);
7650
+ function getWordContent() {
7651
+ const textContent = [
7652
+ {
7653
+ type: "text",
7654
+ text: `${word.word} `,
7655
+ },
7656
+ ];
7657
+ if (!observationsInThisWord ||
7658
+ observationsInThisWord.length === 0)
7659
+ return textContent;
7660
+ return observationsInThisWord.reduce((acc, observation) => {
7661
+ return [
7662
+ {
7663
+ type: "Observation",
7664
+ attrs: {
7665
+ type: observation.type,
7666
+ title: observation.text,
7667
+ },
7668
+ content: acc,
7669
+ },
7670
+ ];
7671
+ }, textContent);
7672
+ }
7673
+ return {
7674
+ type: "Word",
7675
+ attrs: {
7676
+ "data-start": word.start,
7677
+ "data-end": word.end,
7678
+ },
7679
+ content: getWordContent(),
7680
+ };
7681
+ });
7682
+ }
7683
+ return {
7684
+ type: "Paragraph",
7685
+ attrs: {
7686
+ speakername: `Speaker ${paragraph.speaker}`,
7687
+ start: paragraph.start,
7688
+ end: paragraph.end,
7689
+ },
7690
+ content: getWords(),
7691
+ };
7692
+ }),
7693
+ };
7694
+ return result;
7695
+ }
7641
7696
  const ed = react.useEditor({
7642
7697
  extensions: [
7643
7698
  Document__default["default"],
@@ -7653,32 +7708,7 @@ const useEditor = ({ content, observations, currentTime, onSetCurrentTime, }, de
7653
7708
  editorProps: {
7654
7709
  handlePaste: () => true,
7655
7710
  },
7656
- content: {
7657
- type: "doc",
7658
- content: content
7659
- ? content.map((paragraph) => ({
7660
- type: "Paragraph",
7661
- attrs: {
7662
- speakername: `Speaker ${paragraph.speaker}`,
7663
- start: paragraph.start,
7664
- end: paragraph.end,
7665
- },
7666
- content: paragraph.words.map((word) => ({
7667
- type: "Word",
7668
- attrs: {
7669
- "data-start": word.start,
7670
- "data-end": word.end,
7671
- },
7672
- content: [
7673
- {
7674
- type: "text",
7675
- text: `${word.word} `,
7676
- },
7677
- ],
7678
- })),
7679
- }))
7680
- : undefined,
7681
- },
7711
+ content: getParsedContent(),
7682
7712
  }, deps);
7683
7713
  React.useEffect(() => {
7684
7714
  if (!currentTime)
package/build/stories/buttons/utils.d.ts CHANGED
@@ -8,10 +8,6 @@ export declare const variants: readonly [{}, {
8
8
  readonly disabled: true;
9
9
  }];
10
10
  export declare const Row: import("styled-components").IStyledComponent<"web", {
11
- title?: string | undefined;
12
- content?: string | undefined;
13
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
14
- children?: import("react").ReactNode;
15
11
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
16
12
  defaultChecked?: boolean | undefined;
17
13
  defaultValue?: string | number | readonly string[] | undefined;
@@ -32,10 +28,12 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
32
28
  spellCheck?: (boolean | "true" | "false") | undefined;
33
29
  style?: import("react").CSSProperties | undefined;
34
30
  tabIndex?: number | undefined;
31
+ title?: string | undefined;
35
32
  translate?: "yes" | "no" | undefined;
36
33
  radioGroup?: string | undefined;
37
34
  role?: import("react").AriaRole | undefined;
38
35
  about?: string | undefined;
36
+ content?: string | undefined;
39
37
  datatype?: string | undefined;
40
38
  inlist?: any;
41
39
  prefix?: string | undefined;
@@ -57,7 +55,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
57
55
  results?: number | undefined;
58
56
  security?: string | undefined;
59
57
  unselectable?: "on" | "off" | undefined;
60
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
61
59
  is?: string | undefined;
62
60
  "aria-activedescendant"?: string | undefined;
63
61
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -81,7 +79,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
81
79
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
82
80
  "aria-flowto"?: string | undefined;
83
81
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
84
- "aria-haspopup"?: boolean | "menu" | "true" | "false" | "dialog" | "grid" | "listbox" | "tree" | undefined;
82
+ "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
85
83
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
86
84
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
87
85
  "aria-keyshortcuts"?: string | undefined;
@@ -112,6 +110,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
112
110
  "aria-valuemin"?: number | undefined;
113
111
  "aria-valuenow"?: number | undefined;
114
112
  "aria-valuetext"?: string | undefined;
113
+ children?: import("react").ReactNode;
115
114
  dangerouslySetInnerHTML?: {
116
115
  __html: string | TrustedHTML;
117
116
  } | undefined;
@@ -200,6 +199,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
200
199
  onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
201
200
  onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
202
201
  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,10 +295,6 @@ 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
- title?: string | undefined;
299
- content?: string | undefined;
300
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
301
- children?: import("react").ReactNode;
302
298
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
303
299
  defaultChecked?: boolean | undefined;
304
300
  defaultValue?: string | number | readonly string[] | undefined;
@@ -319,10 +315,12 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
319
315
  spellCheck?: (boolean | "true" | "false") | undefined;
320
316
  style?: import("react").CSSProperties | undefined;
321
317
  tabIndex?: number | undefined;
318
+ title?: string | undefined;
322
319
  translate?: "yes" | "no" | undefined;
323
320
  radioGroup?: string | undefined;
324
321
  role?: import("react").AriaRole | undefined;
325
322
  about?: string | undefined;
323
+ content?: string | undefined;
326
324
  datatype?: string | undefined;
327
325
  inlist?: any;
328
326
  prefix?: string | undefined;
@@ -344,7 +342,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
344
342
  results?: number | undefined;
345
343
  security?: string | undefined;
346
344
  unselectable?: "on" | "off" | undefined;
347
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
345
+ inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
348
346
  is?: string | undefined;
349
347
  "aria-activedescendant"?: string | undefined;
350
348
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -368,7 +366,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
368
366
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
369
367
  "aria-flowto"?: string | undefined;
370
368
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
371
- "aria-haspopup"?: boolean | "menu" | "true" | "false" | "dialog" | "grid" | "listbox" | "tree" | undefined;
369
+ "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
372
370
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
373
371
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
374
372
  "aria-keyshortcuts"?: string | undefined;
@@ -399,6 +397,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
399
397
  "aria-valuemin"?: number | undefined;
400
398
  "aria-valuenow"?: number | undefined;
401
399
  "aria-valuetext"?: string | undefined;
400
+ children?: import("react").ReactNode;
402
401
  dangerouslySetInnerHTML?: {
403
402
  __html: string | TrustedHTML;
404
403
  } | undefined;
@@ -487,6 +486,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
487
486
  onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
488
487
  onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
489
488
  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?: "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;
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;
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,10 +594,6 @@ 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
- title?: string | undefined;
598
- content?: string | undefined;
599
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
600
- children?: import("react").ReactNode;
601
597
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
602
598
  defaultChecked?: boolean | undefined;
603
599
  defaultValue?: string | number | readonly string[] | undefined;
@@ -618,10 +614,12 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
618
614
  spellCheck?: (boolean | "true" | "false") | undefined;
619
615
  style?: import("react").CSSProperties | undefined;
620
616
  tabIndex?: number | undefined;
617
+ title?: string | undefined;
621
618
  translate?: "yes" | "no" | undefined;
622
619
  radioGroup?: string | undefined;
623
620
  role?: import("react").AriaRole | undefined;
624
621
  about?: string | undefined;
622
+ content?: string | undefined;
625
623
  datatype?: string | undefined;
626
624
  inlist?: any;
627
625
  prefix?: string | undefined;
@@ -643,7 +641,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
643
641
  results?: number | undefined;
644
642
  security?: string | undefined;
645
643
  unselectable?: "on" | "off" | undefined;
646
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
644
+ inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
647
645
  is?: string | undefined;
648
646
  "aria-activedescendant"?: string | undefined;
649
647
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -667,7 +665,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
667
665
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
668
666
  "aria-flowto"?: string | undefined;
669
667
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
670
- "aria-haspopup"?: boolean | "menu" | "true" | "false" | "dialog" | "grid" | "listbox" | "tree" | undefined;
668
+ "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
671
669
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
672
670
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
673
671
  "aria-keyshortcuts"?: string | undefined;
@@ -698,6 +696,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
698
696
  "aria-valuemin"?: number | undefined;
699
697
  "aria-valuenow"?: number | undefined;
700
698
  "aria-valuetext"?: string | undefined;
699
+ children?: import("react").ReactNode;
701
700
  dangerouslySetInnerHTML?: {
702
701
  __html: string | TrustedHTML;
703
702
  } | undefined;
@@ -786,6 +785,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
786
785
  onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
787
786
  onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
788
787
  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/editorWithHighlight/index.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const EditorWithHighlight: {
4
4
  ({ editor }: {
5
5
  editor: Editor;
6
6
  }): import("react/jsx-runtime").JSX.Element | null;
7
- useEditor: ({ content, currentTime, onSetCurrentTime, }: {
7
+ useEditor: ({ content, observations, currentTime, onSetCurrentTime, }: {
8
8
  content?: {
9
9
  start: number;
10
10
  end: number;
@@ -15,6 +15,13 @@ declare const EditorWithHighlight: {
15
15
  word: string;
16
16
  }[];
17
17
  }[] | undefined;
18
+ observations?: {
19
+ id: number;
20
+ type: string;
21
+ start: number;
22
+ end: number;
23
+ text: string;
24
+ }[] | undefined;
18
25
  currentTime?: number | undefined;
19
26
  onSetCurrentTime?: ((time: number) => void) | undefined;
20
27
  }, deps?: import("react").DependencyList | undefined) => Editor | null;
@@ -26,7 +33,10 @@ declare const EditorWithHighlight: {
26
33
  };
27
34
  FloatingMenu: (props: {
28
35
  editor: Editor;
29
- onClick: (editor: Editor) => void;
36
+ onClick: (editor: Editor, words: {
37
+ start: number;
38
+ end: number;
39
+ }) => void;
30
40
  }) => import("react/jsx-runtime").JSX.Element | null;
31
41
  };
32
42
  export { EditorWithHighlight };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "3.1.91-highlight-2",
3
+ "version": "3.1.91-highlight-4",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",