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

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 (10) hide show
  1. package/build/index.js +15 -1
  2. package/build/stories/buttons/button/index.stories.d.ts +1 -0
  3. package/build/stories/buttons/utils.d.ts +18 -18
  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/highlight/index.stories.d.ts +1 -0
  9. package/build/stories/player/index.stories.d.ts +1 -0
  10. 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 }) => {
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,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
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
12
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
13
- content?: string | undefined;
14
- draggable?: (boolean | "true" | "false") | undefined;
15
- style?: import("react").CSSProperties | undefined;
16
11
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
17
12
  defaultChecked?: boolean | undefined;
18
13
  defaultValue?: string | number | readonly string[] | undefined;
@@ -24,18 +19,21 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
24
19
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
25
20
  contextMenu?: string | undefined;
26
21
  dir?: string | undefined;
22
+ draggable?: (boolean | "true" | "false") | undefined;
27
23
  hidden?: boolean | undefined;
28
24
  id?: string | undefined;
29
25
  lang?: string | undefined;
30
26
  nonce?: string | undefined;
31
27
  slot?: string | undefined;
32
28
  spellCheck?: (boolean | "true" | "false") | undefined;
29
+ style?: import("react").CSSProperties | undefined;
33
30
  tabIndex?: number | undefined;
34
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;
@@ -61,7 +59,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
61
59
  is?: string | undefined;
62
60
  "aria-activedescendant"?: string | undefined;
63
61
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
64
- "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
62
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
65
63
  "aria-braillelabel"?: string | undefined;
66
64
  "aria-brailleroledescription"?: string | undefined;
67
65
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -128,7 +126,9 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
128
126
  onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
129
127
  onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
130
128
  onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
129
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
131
130
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
131
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
132
132
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
133
133
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
134
134
  onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -295,11 +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
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
299
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
300
- content?: string | undefined;
301
- draggable?: (boolean | "true" | "false") | undefined;
302
- style?: import("react").CSSProperties | undefined;
303
298
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
304
299
  defaultChecked?: boolean | undefined;
305
300
  defaultValue?: string | number | readonly string[] | undefined;
@@ -311,18 +306,21 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
311
306
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
312
307
  contextMenu?: string | undefined;
313
308
  dir?: string | undefined;
309
+ draggable?: (boolean | "true" | "false") | undefined;
314
310
  hidden?: boolean | undefined;
315
311
  id?: string | undefined;
316
312
  lang?: string | undefined;
317
313
  nonce?: string | undefined;
318
314
  slot?: string | undefined;
319
315
  spellCheck?: (boolean | "true" | "false") | undefined;
316
+ style?: import("react").CSSProperties | undefined;
320
317
  tabIndex?: number | undefined;
321
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;
@@ -348,7 +346,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
348
346
  is?: string | undefined;
349
347
  "aria-activedescendant"?: string | undefined;
350
348
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
351
- "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
349
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
352
350
  "aria-braillelabel"?: string | undefined;
353
351
  "aria-brailleroledescription"?: string | undefined;
354
352
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -415,7 +413,9 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
415
413
  onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
416
414
  onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
417
415
  onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
416
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
418
417
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
418
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
419
419
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
420
420
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
421
421
  onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -594,11 +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
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
598
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
599
- content?: string | undefined;
600
- draggable?: (boolean | "true" | "false") | undefined;
601
- style?: import("react").CSSProperties | undefined;
602
597
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
603
598
  defaultChecked?: boolean | undefined;
604
599
  defaultValue?: string | number | readonly string[] | undefined;
@@ -610,18 +605,21 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
610
605
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
611
606
  contextMenu?: string | undefined;
612
607
  dir?: string | undefined;
608
+ draggable?: (boolean | "true" | "false") | undefined;
613
609
  hidden?: boolean | undefined;
614
610
  id?: string | undefined;
615
611
  lang?: string | undefined;
616
612
  nonce?: string | undefined;
617
613
  slot?: string | undefined;
618
614
  spellCheck?: (boolean | "true" | "false") | undefined;
615
+ style?: import("react").CSSProperties | undefined;
619
616
  tabIndex?: number | undefined;
620
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;
@@ -647,7 +645,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
647
645
  is?: string | undefined;
648
646
  "aria-activedescendant"?: string | undefined;
649
647
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
650
- "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
648
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
651
649
  "aria-braillelabel"?: string | undefined;
652
650
  "aria-brailleroledescription"?: string | undefined;
653
651
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -714,7 +712,9 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
714
712
  onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
715
713
  onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
716
714
  onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
715
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
717
716
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
717
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
718
718
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
719
719
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
720
720
  onBeforeInput?: import("react").FormEventHandler<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/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-1",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",