@veltdev/react 1.0.119 → 1.0.120

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 (68) hide show
  1. package/cjs/index.js +88 -17
  2. package/cjs/index.js.map +1 -1
  3. package/cjs/types/components/SnippylyCommentBubble/SnippylyCommentBubble.d.ts +2 -0
  4. package/cjs/types/components/SnippylyCommentTool/SnippylyCommentTool.d.ts +1 -0
  5. package/cjs/types/components/SnippylyComments/SnippylyComments.d.ts +2 -0
  6. package/cjs/types/components/SnippylySidebarButton/SnippylySidebarButton.d.ts +1 -0
  7. package/cjs/types/components/VeltAutocomplete/VeltAutocomplete.d.ts +8 -0
  8. package/cjs/types/components/VeltAutocomplete/index.d.ts +1 -0
  9. package/cjs/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionDescriptionWireframe/VeltAutocompleteOptionDescriptionWireframe.d.ts +5 -0
  10. package/cjs/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionDescriptionWireframe/index.d.ts +1 -0
  11. package/cjs/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionErrorIconWireframe/VeltAutocompleteOptionErrorIconWireframe.d.ts +5 -0
  12. package/cjs/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionErrorIconWireframe/index.d.ts +1 -0
  13. package/cjs/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionIconWireframe/VeltAutocompleteOptionIconWireframe.d.ts +5 -0
  14. package/cjs/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionIconWireframe/index.d.ts +1 -0
  15. package/cjs/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionNameWireframe/VeltAutocompleteOptionNameWireframe.d.ts +5 -0
  16. package/cjs/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionNameWireframe/index.d.ts +1 -0
  17. package/cjs/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionWireframe.d.ts +14 -0
  18. package/cjs/types/components/VeltAutocompleteOptionWireframe/index.d.ts +1 -0
  19. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCommentIndex/VeltCommentDialogCommentIndex.d.ts +5 -0
  20. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCommentIndex/index.d.ts +1 -0
  21. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogComposer/VeltCommentDialogComposerActionButton/VeltCommentDialogComposerActionButton.d.ts +2 -1
  22. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogWireframe.d.ts +2 -2
  23. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarPageModeComposer/VeltCommentsSidebarPageModeComposer.d.ts +5 -0
  24. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarPageModeComposer/index.d.ts +1 -0
  25. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarWireframe.d.ts +2 -2
  26. package/cjs/types/components/VeltSidebarButtonWireframe/VeltSidebarButtonWireframe.d.ts +1 -0
  27. package/cjs/types/components/index.d.ts +2 -0
  28. package/cjs/types/hooks/AutocompleteElement.d.ts +9 -0
  29. package/cjs/types/hooks/index.d.ts +1 -0
  30. package/esm/index.js +85 -18
  31. package/esm/index.js.map +1 -1
  32. package/esm/types/components/SnippylyCommentBubble/SnippylyCommentBubble.d.ts +2 -0
  33. package/esm/types/components/SnippylyCommentTool/SnippylyCommentTool.d.ts +1 -0
  34. package/esm/types/components/SnippylyComments/SnippylyComments.d.ts +2 -0
  35. package/esm/types/components/SnippylySidebarButton/SnippylySidebarButton.d.ts +1 -0
  36. package/esm/types/components/VeltAutocomplete/VeltAutocomplete.d.ts +8 -0
  37. package/esm/types/components/VeltAutocomplete/index.d.ts +1 -0
  38. package/esm/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionDescriptionWireframe/VeltAutocompleteOptionDescriptionWireframe.d.ts +5 -0
  39. package/esm/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionDescriptionWireframe/index.d.ts +1 -0
  40. package/esm/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionErrorIconWireframe/VeltAutocompleteOptionErrorIconWireframe.d.ts +5 -0
  41. package/esm/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionErrorIconWireframe/index.d.ts +1 -0
  42. package/esm/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionIconWireframe/VeltAutocompleteOptionIconWireframe.d.ts +5 -0
  43. package/esm/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionIconWireframe/index.d.ts +1 -0
  44. package/esm/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionNameWireframe/VeltAutocompleteOptionNameWireframe.d.ts +5 -0
  45. package/esm/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionNameWireframe/index.d.ts +1 -0
  46. package/esm/types/components/VeltAutocompleteOptionWireframe/VeltAutocompleteOptionWireframe.d.ts +14 -0
  47. package/esm/types/components/VeltAutocompleteOptionWireframe/index.d.ts +1 -0
  48. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogCommentIndex/VeltCommentDialogCommentIndex.d.ts +5 -0
  49. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogCommentIndex/index.d.ts +1 -0
  50. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogComposer/VeltCommentDialogComposerActionButton/VeltCommentDialogComposerActionButton.d.ts +2 -1
  51. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogWireframe.d.ts +2 -2
  52. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarPageModeComposer/VeltCommentsSidebarPageModeComposer.d.ts +5 -0
  53. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarPageModeComposer/index.d.ts +1 -0
  54. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarWireframe.d.ts +2 -2
  55. package/esm/types/components/VeltSidebarButtonWireframe/VeltSidebarButtonWireframe.d.ts +1 -0
  56. package/esm/types/components/index.d.ts +2 -0
  57. package/esm/types/hooks/AutocompleteElement.d.ts +9 -0
  58. package/esm/types/hooks/index.d.ts +1 -0
  59. package/index.d.ts +51 -7
  60. package/package.json +1 -1
  61. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCommentCount/VeltCommentDialogCommentCount.d.ts +0 -5
  62. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCommentCount/index.d.ts +0 -1
  63. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarPageMode/VeltCommentsSidebarPageMode.d.ts +0 -5
  64. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarPageMode/index.d.ts +0 -1
  65. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogCommentCount/VeltCommentDialogCommentCount.d.ts +0 -5
  66. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogCommentCount/index.d.ts +0 -1
  67. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarPageMode/VeltCommentsSidebarPageMode.d.ts +0 -5
  68. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarPageMode/index.d.ts +0 -1
@@ -7,6 +7,8 @@ export interface IVeltCommentBubbleProps extends React.DetailedHTMLProps<React.H
7
7
  showAvatar?: boolean;
8
8
  avatar?: boolean;
9
9
  commentBubbleTargetPinHover?: boolean;
10
+ shadowDom?: boolean;
11
+ variant?: string;
10
12
  }
11
13
  declare const SnippylyCommentBubble: React.FC<IVeltCommentBubbleProps>;
12
14
  export default SnippylyCommentBubble;
@@ -4,6 +4,7 @@ export interface IVeltCommentToolProps extends React.DetailedHTMLProps<React.HTM
4
4
  onCommentModeChange?: Function;
5
5
  darkMode?: boolean;
6
6
  variant?: string;
7
+ shadowDom?: boolean;
7
8
  }
8
9
  declare const SnippylyCommentTool: React.FC<IVeltCommentToolProps>;
9
10
  export default SnippylyCommentTool;
@@ -82,6 +82,8 @@ export interface IVeltCommentsProps extends React.DetailedHTMLProps<React.HTMLAt
82
82
  name: string;
83
83
  }[];
84
84
  darkMode?: boolean;
85
+ textCommentToolShadowDom?: boolean;
86
+ textCommentToolbarShadowDom?: boolean;
85
87
  }
86
88
  declare const SnippylyComments: React.FC<IVeltCommentsProps>;
87
89
  export default SnippylyComments;
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  export interface IVeltSidebarButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
3
  tooltipText?: string;
4
4
  darkMode?: boolean;
5
+ shadowDom?: boolean;
5
6
  }
6
7
  declare const SnippylySidebarButton: React.FC<IVeltSidebarButtonProps>;
7
8
  export default SnippylySidebarButton;
@@ -0,0 +1,8 @@
1
+ import { AutocompleteItem } from '@veltdev/types';
2
+ import React from 'react';
3
+ export interface IVeltAutocompleteProps {
4
+ hotkey: string;
5
+ listData: AutocompleteItem[];
6
+ }
7
+ declare const VeltAutocomplete: React.FC<IVeltAutocompleteProps>;
8
+ export default VeltAutocomplete;
@@ -0,0 +1 @@
1
+ export { default } from "./VeltAutocomplete";
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface IVeltAutocompleteOptionDescriptionWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ }
4
+ declare const VeltAutocompleteOptionDescriptionWireframe: React.FC<IVeltAutocompleteOptionDescriptionWireframeProps>;
5
+ export default VeltAutocompleteOptionDescriptionWireframe;
@@ -0,0 +1 @@
1
+ export { default } from './VeltAutocompleteOptionDescriptionWireframe';
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface IVeltAutocompleteOptionErrorIconWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ }
4
+ declare const VeltAutocompleteOptionErrorIconWireframe: React.FC<IVeltAutocompleteOptionErrorIconWireframeProps>;
5
+ export default VeltAutocompleteOptionErrorIconWireframe;
@@ -0,0 +1 @@
1
+ export { default } from './VeltAutocompleteOptionErrorIconWireframe';
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface IVeltAutocompleteOptionIconWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ }
4
+ declare const VeltAutocompleteOptionIconWireframe: React.FC<IVeltAutocompleteOptionIconWireframeProps>;
5
+ export default VeltAutocompleteOptionIconWireframe;
@@ -0,0 +1 @@
1
+ export { default } from './VeltAutocompleteOptionIconWireframe';
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface IVeltAutocompleteOptionNameWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ }
4
+ declare const VeltAutocompleteOptionNameWireframe: React.FC<IVeltAutocompleteOptionNameWireframeProps>;
5
+ export default VeltAutocompleteOptionNameWireframe;
@@ -0,0 +1 @@
1
+ export { default } from './VeltAutocompleteOptionNameWireframe';
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { IVeltAutocompleteOptionIconWireframeProps } from './VeltAutocompleteOptionIconWireframe/VeltAutocompleteOptionIconWireframe';
3
+ import { IVeltAutocompleteOptionNameWireframeProps } from './VeltAutocompleteOptionNameWireframe/VeltAutocompleteOptionNameWireframe';
4
+ import { IVeltAutocompleteOptionDescriptionWireframeProps } from './VeltAutocompleteOptionDescriptionWireframe/VeltAutocompleteOptionDescriptionWireframe';
5
+ import { IVeltAutocompleteOptionErrorIconWireframeProps } from './VeltAutocompleteOptionErrorIconWireframe/VeltAutocompleteOptionErrorIconWireframe';
6
+ export interface IVeltAutocompleteOptionWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
7
+ }
8
+ declare const VeltAutocompleteOptionWireframe: React.FC<IVeltAutocompleteOptionWireframeProps> & {
9
+ Icon: React.FC<IVeltAutocompleteOptionIconWireframeProps>;
10
+ Description: React.FC<IVeltAutocompleteOptionDescriptionWireframeProps>;
11
+ ErrorIcon: React.FC<IVeltAutocompleteOptionErrorIconWireframeProps>;
12
+ Name: React.FC<IVeltAutocompleteOptionNameWireframeProps>;
13
+ };
14
+ export default VeltAutocompleteOptionWireframe;
@@ -0,0 +1 @@
1
+ export { default } from './VeltAutocompleteOptionWireframe';
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface IVeltCommentDialogCommentIndexProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ }
4
+ declare const VeltCommentDialogCommentIndex: React.FC<IVeltCommentDialogCommentIndexProps>;
5
+ export default VeltCommentDialogCommentIndex;
@@ -0,0 +1 @@
1
+ export { default } from "./VeltCommentDialogCommentIndex";
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  export interface IVeltCommentDialogComposerActionButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
- type?: 'userMentions' | 'file' | 'audio' | 'video' | 'screen' | 'submit';
3
+ type?: 'userMentions' | 'autocomplete' | 'file' | 'audio' | 'video' | 'screen' | 'submit';
4
+ hotkey?: string;
4
5
  }
5
6
  declare const VeltCommentDialogComposerActionButton: React.FC<IVeltCommentDialogComposerActionButtonProps>;
6
7
  export default VeltCommentDialogComposerActionButton;
@@ -5,7 +5,7 @@ import { IVeltCommentDialogAssigneeBannerProps } from "./VeltCommentDialogAssign
5
5
  import { IVeltCommentDialogAssignMenuProps } from "./VeltCommentDialogAssignMenu/VeltCommentDialogAssignMenu";
6
6
  import { IVeltCommentDialogBodyProps } from "./VeltCommentDialogBody/VeltCommentDialogBody";
7
7
  import { IVeltCommentDialogCommentCategoryProps } from "./VeltCommentDialogCommentCategory/VeltCommentDialogCommentCategory";
8
- import { IVeltCommentDialogCommentCountProps } from "./VeltCommentDialogCommentCount/VeltCommentDialogCommentCount";
8
+ import { IVeltCommentDialogCommentIndexProps } from "./VeltCommentDialogCommentIndex/VeltCommentDialogCommentIndex";
9
9
  import { IVeltCommentDialogCommentSuggestionStatusProps } from "./VeltCommentDialogCommentSuggestionStatus/VeltCommentDialogCommentSuggestionStatus";
10
10
  import { IVeltCommentDialogComposer } from "./VeltCommentDialogComposer/VeltCommentDialogComposer";
11
11
  import { IVeltCommentDialogCopyLinkProps } from "./VeltCommentDialogCopyLink/VeltCommentDialogCopyLink";
@@ -34,7 +34,7 @@ declare const VeltCommentDialogWireframe: React.FC<IVeltCommentDialogWireframePr
34
34
  AssignMenu: React.FC<IVeltCommentDialogAssignMenuProps>;
35
35
  Body: React.FC<IVeltCommentDialogBodyProps>;
36
36
  CommentCategory: React.FC<IVeltCommentDialogCommentCategoryProps>;
37
- CommentCount: React.FC<IVeltCommentDialogCommentCountProps>;
37
+ CommentIndex: React.FC<IVeltCommentDialogCommentIndexProps>;
38
38
  CommentSuggestionStatus: React.FC<IVeltCommentDialogCommentSuggestionStatusProps>;
39
39
  Composer: IVeltCommentDialogComposer;
40
40
  CopyLink: React.FC<IVeltCommentDialogCopyLinkProps>;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface IVeltCommentsSidebarPageModeComposerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ }
4
+ declare const VeltCommentsSidebarPageModeComposer: React.FC<IVeltCommentsSidebarPageModeComposerProps>;
5
+ export default VeltCommentsSidebarPageModeComposer;
@@ -0,0 +1 @@
1
+ export { default } from "./VeltCommentsSidebarPageModeComposer";
@@ -4,7 +4,7 @@ import { IVeltCommentsSidebarEmptyPlaceholderProps } from './VeltCommentsSidebar
4
4
  import { IVeltCommentsSidebarFilter } from './VeltCommentsSidebarFilter/VeltCommentsSidebarFilter';
5
5
  import { IVeltCommentsSidebarHeaderProps } from './VeltCommentsSidebarHeader/VeltCommentsSidebarHeader';
6
6
  import { IVeltCommentsSidebarListProps } from './VeltCommentsSidebarList/VeltCommentsSidebarList';
7
- import { IVeltCommentsSidebarPageModeProps } from './VeltCommentsSidebarPageMode/VeltCommentsSidebarPageMode';
7
+ import { IVeltCommentsSidebarPageModeComposerProps } from './VeltCommentsSidebarPageModeComposer/VeltCommentsSidebarPageModeComposer';
8
8
  import { IVeltCommentsSidebarSearchProps } from './VeltCommentsSidebarSearch/VeltCommentsSidebarSearch';
9
9
  import { IVeltCommentsSidebarStatusProps } from './VeltCommentsSidebarStatus/VeltCommentsSidebarStatus';
10
10
  import { IVeltCommentsSidebarFilterButtonProps } from './VeltCommentsSidebarFilterButton/VeltCommentsSidebarFilterButton';
@@ -17,7 +17,7 @@ declare const VeltCommentsSidebarWireframe: React.FC<IVeltCommentsSidebarWirefra
17
17
  Filter: IVeltCommentsSidebarFilter;
18
18
  Header: React.FC<IVeltCommentsSidebarHeaderProps>;
19
19
  List: React.FC<IVeltCommentsSidebarListProps>;
20
- PageMode: React.FC<IVeltCommentsSidebarPageModeProps>;
20
+ PageModeComposer: React.FC<IVeltCommentsSidebarPageModeComposerProps>;
21
21
  Search: React.FC<IVeltCommentsSidebarSearchProps>;
22
22
  Status: React.FC<IVeltCommentsSidebarStatusProps>;
23
23
  FilterButton: React.FC<IVeltCommentsSidebarFilterButtonProps>;
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { IVeltSidebarButtonCommentsCountProps } from './VeltSidebarButtonCommentsCount/VeltSidebarButtonCommentsCount';
3
3
  export interface IVeltSidebarButtonWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
4
+ variant?: string;
4
5
  }
5
6
  declare const VeltSidebarButtonWireframe: React.FC<IVeltSidebarButtonWireframeProps> & {
6
7
  CommentsCount: React.FC<IVeltSidebarButtonCommentsCountProps>;
@@ -28,6 +28,7 @@ export { default as VeltNotificationsHistoryPanel } from "./VeltNotificationsHis
28
28
  export { default as VeltNivoChartComments } from "./VeltNivoChartComments";
29
29
  export { default as VeltHighChartComments } from "./VeltHighChartComments";
30
30
  export { default as VeltChartComment } from "./VeltChartComment";
31
+ export { default as VeltAutocomplete } from "./VeltAutocomplete";
31
32
  export { default as VeltWireframe } from "./VeltWireframe";
32
33
  export { default as VeltCommentDialogWireframe } from "./VeltCommentDialogWireframe";
33
34
  export { default as VeltCommentsSidebarWireframe } from "./VeltCommentsSidebarWireframe";
@@ -37,5 +38,6 @@ export { default as VeltCommentToolWireframe } from "./VeltCommentToolWireframe"
37
38
  export { default as VeltTextCommentToolWireframe } from "./VeltTextCommentToolWireframe";
38
39
  export { default as VeltTextCommentToolbarWireframe } from "./VeltTextCommentToolbarWireframe";
39
40
  export { default as VeltUserSelectorDropdownWireframe } from "./VeltUserSelectorDropdownWireframe";
41
+ export { default as VeltAutocompleteOptionWireframe } from "./VeltAutocompleteOptionWireframe";
40
42
  export { default as VeltCommentBubbleAvatar } from "./VeltCommentBubble/VeltCommentBubbleAvatar";
41
43
  export { default as VeltCommentBubbleCommentsCount } from "./VeltCommentBubble/VeltCommentBubbleCommentsCount";
@@ -0,0 +1,9 @@
1
+ import { AutocompleteElement } from "@veltdev/types";
2
+ /**
3
+ * @beta This hook is in beta
4
+ */
5
+ export declare function useAutocompleteUtils(): AutocompleteElement | undefined;
6
+ /**
7
+ * @beta This hook is in beta
8
+ */
9
+ export declare function useAutocompleteChipClick(): any;
@@ -10,3 +10,4 @@ export { useLiveSelectionUtils, } from './SelectionElement';
10
10
  export { useTagUtils, useTagAnnotations, } from './TagElement';
11
11
  export { useViewsUtils, useUniqueViewsByDate, useUniqueViewsByUser, } from './ViewsElement';
12
12
  export { useNotificationUtils, useNotificationsData, } from './NotificationElement';
13
+ export { useAutocompleteUtils, useAutocompleteChipClick, } from './AutocompleteElement';
package/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { Config, Velt, User, Options, Location as Location$1, CommentElement, CommentAnnotation, CursorElement, CursorUser, LiveStateSyncElement, UserEditorAccess, EditorAccessTimer, PresenceElement, PresenceUser, RecorderElement, RewriterElement, SelectionElement, TagElement, TagAnnotation, ViewsElement, ViewsByUser, ViewsByDate, NotificationElement, Notification } from '@veltdev/types';
3
+ import { Config, Velt, AutocompleteItem, User, Options, Location as Location$1, CommentElement, CommentAnnotation, CursorElement, CursorUser, LiveStateSyncElement, UserEditorAccess, EditorAccessTimer, PresenceElement, PresenceUser, RecorderElement, RewriterElement, SelectionElement, TagElement, TagAnnotation, ViewsElement, ViewsByUser, ViewsByDate, NotificationElement, Notification, AutocompleteElement } from '@veltdev/types';
4
4
 
5
5
  interface IVeltProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
6
6
  apiKey: string;
@@ -29,6 +29,8 @@ interface IVeltCommentBubbleProps extends React.DetailedHTMLProps<React.HTMLAttr
29
29
  showAvatar?: boolean;
30
30
  avatar?: boolean;
31
31
  commentBubbleTargetPinHover?: boolean;
32
+ shadowDom?: boolean;
33
+ variant?: string;
32
34
  }
33
35
  declare const SnippylyCommentBubble: React.FC<IVeltCommentBubbleProps>;
34
36
 
@@ -115,6 +117,8 @@ interface IVeltCommentsProps extends React.DetailedHTMLProps<React.HTMLAttribute
115
117
  name: string;
116
118
  }[];
117
119
  darkMode?: boolean;
120
+ textCommentToolShadowDom?: boolean;
121
+ textCommentToolbarShadowDom?: boolean;
118
122
  }
119
123
  declare const SnippylyComments: React.FC<IVeltCommentsProps>;
120
124
 
@@ -181,6 +185,7 @@ interface IVeltCommentToolProps extends React.DetailedHTMLProps<React.HTMLAttrib
181
185
  onCommentModeChange?: Function;
182
186
  darkMode?: boolean;
183
187
  variant?: string;
188
+ shadowDom?: boolean;
184
189
  }
185
190
  declare const SnippylyCommentTool: React.FC<IVeltCommentToolProps>;
186
191
 
@@ -267,6 +272,7 @@ declare const SnippylyRecorderTool: React.FC<IVeltRecorderToolProps>;
267
272
  interface IVeltSidebarButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
268
273
  tooltipText?: string;
269
274
  darkMode?: boolean;
275
+ shadowDom?: boolean;
270
276
  }
271
277
  declare const SnippylySidebarButton: React.FC<IVeltSidebarButtonProps>;
272
278
 
@@ -377,6 +383,12 @@ interface IVeltChartCommentProps extends React.DetailedHTMLProps<React.HTMLAttri
377
383
  }
378
384
  declare const VeltChartComment: React.FC<IVeltChartCommentProps>;
379
385
 
386
+ interface IVeltAutocompleteProps {
387
+ hotkey: string;
388
+ listData: AutocompleteItem[];
389
+ }
390
+ declare const VeltAutocomplete: React.FC<IVeltAutocompleteProps>;
391
+
380
392
  interface IVeltWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
381
393
  }
382
394
  declare const VeltWireframe: React.FC<IVeltWireframeProps>;
@@ -399,14 +411,15 @@ interface IVeltCommentDialogBodyProps extends React.DetailedHTMLProps<React.HTML
399
411
  interface IVeltCommentDialogCommentCategoryProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
400
412
  }
401
413
 
402
- interface IVeltCommentDialogCommentCountProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
414
+ interface IVeltCommentDialogCommentIndexProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
403
415
  }
404
416
 
405
417
  interface IVeltCommentDialogCommentSuggestionStatusProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
406
418
  }
407
419
 
408
420
  interface IVeltCommentDialogComposerActionButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
409
- type?: 'userMentions' | 'file' | 'audio' | 'video' | 'screen' | 'submit';
421
+ type?: 'userMentions' | 'autocomplete' | 'file' | 'audio' | 'video' | 'screen' | 'submit';
422
+ hotkey?: string;
410
423
  }
411
424
 
412
425
  interface IVeltCommentDialogComposerAssignUserProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
@@ -531,7 +544,7 @@ declare const VeltCommentDialogWireframe: React.FC<IVeltCommentDialogWireframePr
531
544
  AssignMenu: React.FC<IVeltCommentDialogAssignMenuProps>;
532
545
  Body: React.FC<IVeltCommentDialogBodyProps>;
533
546
  CommentCategory: React.FC<IVeltCommentDialogCommentCategoryProps>;
534
- CommentCount: React.FC<IVeltCommentDialogCommentCountProps>;
547
+ CommentIndex: React.FC<IVeltCommentDialogCommentIndexProps>;
535
548
  CommentSuggestionStatus: React.FC<IVeltCommentDialogCommentSuggestionStatusProps>;
536
549
  Composer: IVeltCommentDialogComposer;
537
550
  CopyLink: React.FC<IVeltCommentDialogCopyLinkProps>;
@@ -627,7 +640,7 @@ interface IVeltCommentsSidebarHeaderProps extends React.DetailedHTMLProps<React.
627
640
  interface IVeltCommentsSidebarListProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
628
641
  }
629
642
 
630
- interface IVeltCommentsSidebarPageModeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
643
+ interface IVeltCommentsSidebarPageModeComposerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
631
644
  }
632
645
 
633
646
  interface IVeltCommentsSidebarSearchProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
@@ -648,7 +661,7 @@ declare const VeltCommentsSidebarWireframe: React.FC<IVeltCommentsSidebarWirefra
648
661
  Filter: IVeltCommentsSidebarFilter;
649
662
  Header: React.FC<IVeltCommentsSidebarHeaderProps>;
650
663
  List: React.FC<IVeltCommentsSidebarListProps>;
651
- PageMode: React.FC<IVeltCommentsSidebarPageModeProps>;
664
+ PageModeComposer: React.FC<IVeltCommentsSidebarPageModeComposerProps>;
652
665
  Search: React.FC<IVeltCommentsSidebarSearchProps>;
653
666
  Status: React.FC<IVeltCommentsSidebarStatusProps>;
654
667
  FilterButton: React.FC<IVeltCommentsSidebarFilterButtonProps>;
@@ -683,6 +696,7 @@ interface IVeltSidebarButtonCommentsCountProps extends React.DetailedHTMLProps<R
683
696
  }
684
697
 
685
698
  interface IVeltSidebarButtonWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
699
+ variant?: string;
686
700
  }
687
701
  declare const VeltSidebarButtonWireframe: React.FC<IVeltSidebarButtonWireframeProps> & {
688
702
  CommentsCount: React.FC<IVeltSidebarButtonCommentsCountProps>;
@@ -739,6 +753,27 @@ declare const VeltUserSelectorDropdown: React.FC<IVeltUserSelectorDropdownProps>
739
753
  Name: React.FC<IVeltUserSelectorDropdownNameProps>;
740
754
  };
741
755
 
756
+ interface IVeltAutocompleteOptionIconWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
757
+ }
758
+
759
+ interface IVeltAutocompleteOptionNameWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
760
+ }
761
+
762
+ interface IVeltAutocompleteOptionDescriptionWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
763
+ }
764
+
765
+ interface IVeltAutocompleteOptionErrorIconWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
766
+ }
767
+
768
+ interface IVeltAutocompleteOptionWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
769
+ }
770
+ declare const VeltAutocompleteOptionWireframe: React.FC<IVeltAutocompleteOptionWireframeProps> & {
771
+ Icon: React.FC<IVeltAutocompleteOptionIconWireframeProps>;
772
+ Description: React.FC<IVeltAutocompleteOptionDescriptionWireframeProps>;
773
+ ErrorIcon: React.FC<IVeltAutocompleteOptionErrorIconWireframeProps>;
774
+ Name: React.FC<IVeltAutocompleteOptionNameWireframeProps>;
775
+ };
776
+
742
777
  interface IVeltCommentBubbleAvatarProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
743
778
  }
744
779
  declare const VeltCommentBubbleAvatar: React.FC<IVeltCommentBubbleAvatarProps>;
@@ -913,6 +948,15 @@ declare function useNotificationUtils(): NotificationElement | undefined;
913
948
  */
914
949
  declare function useNotificationsData(): Notification[] | null;
915
950
 
951
+ /**
952
+ * @beta This hook is in beta
953
+ */
954
+ declare function useAutocompleteUtils(): AutocompleteElement | undefined;
955
+ /**
956
+ * @beta This hook is in beta
957
+ */
958
+ declare function useAutocompleteChipClick(): any;
959
+
916
960
  declare type LiveStateMiddlewareConfig = {
917
961
  allowedActionTypes?: Set<string>;
918
962
  disabledActionTypes?: Set<string>;
@@ -924,4 +968,4 @@ declare const createLiveStateMiddleware: (config?: LiveStateMiddlewareConfig) =>
924
968
  updateLiveStateDataId: (newId?: string) => void;
925
969
  };
926
970
 
927
- export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentDialogWireframe, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddLocation, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnsetDocumentId, useUserEditorState, useVeltClient, useViewsUtils };
971
+ export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteOptionWireframe, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentDialogWireframe, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddLocation, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnsetDocumentId, useUserEditorState, useVeltClient, useViewsUtils };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veltdev/react",
3
- "version": "1.0.119",
3
+ "version": "1.0.120",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- export interface IVeltCommentDialogCommentCountProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
- }
4
- declare const VeltCommentDialogCommentCount: React.FC<IVeltCommentDialogCommentCountProps>;
5
- export default VeltCommentDialogCommentCount;
@@ -1 +0,0 @@
1
- export { default } from "./VeltCommentDialogCommentCount";
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- export interface IVeltCommentsSidebarPageModeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
- }
4
- declare const VeltCommentsSidebarPageMode: React.FC<IVeltCommentsSidebarPageModeProps>;
5
- export default VeltCommentsSidebarPageMode;
@@ -1 +0,0 @@
1
- export { default } from "./VeltCommentsSidebarPageMode";
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- export interface IVeltCommentDialogCommentCountProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
- }
4
- declare const VeltCommentDialogCommentCount: React.FC<IVeltCommentDialogCommentCountProps>;
5
- export default VeltCommentDialogCommentCount;
@@ -1 +0,0 @@
1
- export { default } from "./VeltCommentDialogCommentCount";
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- export interface IVeltCommentsSidebarPageModeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
- }
4
- declare const VeltCommentsSidebarPageMode: React.FC<IVeltCommentsSidebarPageModeProps>;
5
- export default VeltCommentsSidebarPageMode;
@@ -1 +0,0 @@
1
- export { default } from "./VeltCommentsSidebarPageMode";