@omnia/fx 8.0.110-dev → 8.0.111-dev

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.
@@ -110,10 +110,10 @@ declare const JourneyBladeComponent: {
110
110
  type: import("vue").PropType<boolean>;
111
111
  };
112
112
  size: {
113
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
113
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
114
114
  required: false;
115
115
  } & {
116
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
116
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
117
117
  required: false;
118
118
  };
119
119
  id: {
@@ -252,10 +252,10 @@ declare const JourneyBladeComponent: {
252
252
  type: import("vue").PropType<boolean>;
253
253
  };
254
254
  size: {
255
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
255
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
256
256
  required: false;
257
257
  } & {
258
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
258
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
259
259
  required: false;
260
260
  };
261
261
  id: {
@@ -392,10 +392,10 @@ declare const JourneyBladeComponent: {
392
392
  type: import("vue").PropType<boolean>;
393
393
  };
394
394
  size: {
395
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
395
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
396
396
  required: false;
397
397
  } & {
398
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
398
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
399
399
  required: false;
400
400
  };
401
401
  id: {
@@ -529,10 +529,10 @@ declare const JourneyBladeComponent: {
529
529
  type: import("vue").PropType<boolean>;
530
530
  };
531
531
  size: {
532
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
532
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
533
533
  required: false;
534
534
  } & {
535
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
535
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
536
536
  required: false;
537
537
  };
538
538
  id: {
@@ -574,7 +574,7 @@ declare const JourneyBladeComponent: {
574
574
  icon?: IIcon;
575
575
  delete?: boolean;
576
576
  id?: GuidValue;
577
- size?: "small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace";
577
+ size?: "small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace";
578
578
  disabled?: boolean;
579
579
  settings?: boolean;
580
580
  "v-slots"?: {
@@ -25,10 +25,10 @@ declare const _default: {
25
25
  type: import("vue").PropType<IIcon>;
26
26
  };
27
27
  size: {
28
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
28
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
29
29
  required: false;
30
30
  } & {
31
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
31
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
32
32
  required: false;
33
33
  };
34
34
  id: {
@@ -71,10 +71,10 @@ declare const _default: {
71
71
  type: import("vue").PropType<IIcon>;
72
72
  };
73
73
  size: {
74
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
74
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
75
75
  required: false;
76
76
  } & {
77
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
77
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
78
78
  required: false;
79
79
  };
80
80
  id: {
@@ -121,10 +121,10 @@ declare const _default: {
121
121
  type: import("vue").PropType<IIcon>;
122
122
  };
123
123
  size: {
124
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
124
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
125
125
  required: false;
126
126
  } & {
127
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
127
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
128
128
  required: false;
129
129
  };
130
130
  id: {
@@ -168,10 +168,10 @@ declare const _default: {
168
168
  type: import("vue").PropType<IIcon>;
169
169
  };
170
170
  size: {
171
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
171
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
172
172
  required: false;
173
173
  } & {
174
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
174
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
175
175
  required: false;
176
176
  };
177
177
  id: {
@@ -195,7 +195,7 @@ declare const _default: {
195
195
  title?: string;
196
196
  icon?: IIcon;
197
197
  id?: GuidValue;
198
- size?: "small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace";
198
+ size?: "small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace";
199
199
  items?: JourneyMenuItem[];
200
200
  "v-slots"?: {
201
201
  default?: import("../DefineVueTypings").Slot<any[]>;
@@ -1,7 +1,7 @@
1
1
  export declare const BladeVariantDefinitions: readonly ["new", "edit", "info"];
2
2
  export type BladeVariantTypes = typeof BladeVariantDefinitions[number];
3
3
  export declare const BladeVariantTypesName = "BladeVariantTypes";
4
- export declare const BladeSizeDefinitions: readonly ["xSmall", "small", "medium", "large", "xLarge", "xxLarge", "xxxLarge", "fullScreen", "fillSpace"];
4
+ export declare const BladeSizeDefinitions: readonly ["x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "fullScreen", "fillSpace"];
5
5
  export type BladeSizeTypes = typeof BladeSizeDefinitions[number];
6
6
  export declare const BladeSizeTypesName = "BladeSizeTypes";
7
7
  export declare const BladeSizeWidths: {
@@ -105,10 +105,10 @@ export declare function useBlade(bladeId: GuidValue): {
105
105
  type: import("vue").PropType<boolean>;
106
106
  };
107
107
  size: {
108
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
108
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
109
109
  required: false;
110
110
  } & {
111
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
111
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
112
112
  required: false;
113
113
  };
114
114
  id: {
@@ -247,10 +247,10 @@ export declare function useBlade(bladeId: GuidValue): {
247
247
  type: import("vue").PropType<boolean>;
248
248
  };
249
249
  size: {
250
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
250
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
251
251
  required: false;
252
252
  } & {
253
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
253
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
254
254
  required: false;
255
255
  };
256
256
  id: {
@@ -387,10 +387,10 @@ export declare function useBlade(bladeId: GuidValue): {
387
387
  type: import("vue").PropType<boolean>;
388
388
  };
389
389
  size: {
390
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
390
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
391
391
  required: false;
392
392
  } & {
393
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
393
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
394
394
  required: false;
395
395
  };
396
396
  id: {
@@ -524,10 +524,10 @@ export declare function useBlade(bladeId: GuidValue): {
524
524
  type: import("vue").PropType<boolean>;
525
525
  };
526
526
  size: {
527
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
527
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
528
528
  required: false;
529
529
  } & {
530
- type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
530
+ type: import("vue").PropType<"small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace">;
531
531
  required: false;
532
532
  };
533
533
  id: {
@@ -569,7 +569,7 @@ export declare function useBlade(bladeId: GuidValue): {
569
569
  icon?: import("@omnia/fx-models").IIcon;
570
570
  delete?: boolean;
571
571
  id?: GuidValue;
572
- size?: "small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace";
572
+ size?: "small" | "x-small" | "large" | "x-large" | "medium" | "xx-large" | "xxx-large" | "fullScreen" | "fillSpace";
573
573
  disabled?: boolean;
574
574
  settings?: boolean;
575
575
  "v-slots"?: {
@@ -497,10 +497,10 @@ declare const _default: {
497
497
  };
498
498
  itemTitle?: string | ((item: any) => string);
499
499
  itemValue?: string;
500
- itemChildren?: string;
501
500
  "item-value"?: string;
502
501
  "item-title"?: string | ((item: any) => string);
503
502
  "onUpdate:expanded"?: (value: any[]) => any;
503
+ itemChildren?: string;
504
504
  "v-model:expanded"?: any[];
505
505
  expandOnSelection?: boolean;
506
506
  "expand-on-selection"?: boolean;
@@ -1,17 +1,116 @@
1
- import { VueComponentBase } from "../../VueComponentBase";
2
- import { IWebComponentInstance } from "../../../runtime/core/InternalWebComponentBootstrapper";
3
- import { OmniaTheming } from "@omnia/fx/ux";
4
- import "./Mentioncomponent.css";
5
1
  import { UserIdentity } from "@omnia/fx-models";
6
- export declare class MentionComponent extends VueComponentBase implements IWebComponentInstance {
7
- userName: UserIdentity | string;
8
- userLabel: string;
9
- url: string;
10
- private mentionClasses;
11
- private isLoading;
12
- omniaTheming: OmniaTheming;
13
- private userIdentityStore;
14
- created(): void;
15
- mounted(): void;
16
- render(): JSX.Element;
17
- }
2
+ declare const _default: {
3
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
4
+ url: {
5
+ type: import("vue").PropType<string>;
6
+ } & {
7
+ type: import("vue").PropType<string>;
8
+ };
9
+ "user-label": {
10
+ type: import("vue").PropType<string>;
11
+ };
12
+ userLabel: {
13
+ type: import("vue").PropType<string>;
14
+ };
15
+ "onUpdate:userName": {
16
+ type: import("vue").PropType<(value: string | UserIdentity) => any>;
17
+ };
18
+ "v-model:userName": {
19
+ type: import("vue").PropType<string | UserIdentity>;
20
+ required: false;
21
+ };
22
+ userName: {
23
+ type: import("vue").PropType<string | UserIdentity>;
24
+ required: false;
25
+ };
26
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
27
+ url: {
28
+ type: import("vue").PropType<string>;
29
+ } & {
30
+ type: import("vue").PropType<string>;
31
+ };
32
+ "user-label": {
33
+ type: import("vue").PropType<string>;
34
+ };
35
+ userLabel: {
36
+ type: import("vue").PropType<string>;
37
+ };
38
+ "onUpdate:userName": {
39
+ type: import("vue").PropType<(value: string | UserIdentity) => any>;
40
+ };
41
+ "v-model:userName": {
42
+ type: import("vue").PropType<string | UserIdentity>;
43
+ required: false;
44
+ };
45
+ userName: {
46
+ type: import("vue").PropType<string | UserIdentity>;
47
+ required: false;
48
+ };
49
+ }>>, {}, true, {}, {}, {
50
+ P: {};
51
+ B: {};
52
+ D: {};
53
+ C: {};
54
+ M: {};
55
+ Defaults: {};
56
+ }, Readonly<import("vue").ExtractPropTypes<{
57
+ url: {
58
+ type: import("vue").PropType<string>;
59
+ } & {
60
+ type: import("vue").PropType<string>;
61
+ };
62
+ "user-label": {
63
+ type: import("vue").PropType<string>;
64
+ };
65
+ userLabel: {
66
+ type: import("vue").PropType<string>;
67
+ };
68
+ "onUpdate:userName": {
69
+ type: import("vue").PropType<(value: string | UserIdentity) => any>;
70
+ };
71
+ "v-model:userName": {
72
+ type: import("vue").PropType<string | UserIdentity>;
73
+ required: false;
74
+ };
75
+ userName: {
76
+ type: import("vue").PropType<string | UserIdentity>;
77
+ required: false;
78
+ };
79
+ }>>, () => JSX.Element, {}, {}, {}, {}>;
80
+ __isFragment?: never;
81
+ __isTeleport?: never;
82
+ __isSuspense?: never;
83
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
84
+ url: {
85
+ type: import("vue").PropType<string>;
86
+ } & {
87
+ type: import("vue").PropType<string>;
88
+ };
89
+ "user-label": {
90
+ type: import("vue").PropType<string>;
91
+ };
92
+ userLabel: {
93
+ type: import("vue").PropType<string>;
94
+ };
95
+ "onUpdate:userName": {
96
+ type: import("vue").PropType<(value: string | UserIdentity) => any>;
97
+ };
98
+ "v-model:userName": {
99
+ type: import("vue").PropType<string | UserIdentity>;
100
+ required: false;
101
+ };
102
+ userName: {
103
+ type: import("vue").PropType<string | UserIdentity>;
104
+ required: false;
105
+ };
106
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
107
+ propsDefinition: Omit<Readonly<{} & {
108
+ url?: string;
109
+ userName?: string | UserIdentity;
110
+ userLabel?: string;
111
+ "onUpdate:userName"?: (value: string | UserIdentity) => any;
112
+ "v-model:userName"?: string | UserIdentity;
113
+ "user-label"?: string;
114
+ }>, never>;
115
+ };
116
+ export default _default;
@@ -1,15 +1,138 @@
1
1
  import { Guid } from "../../../../models";
2
- import MentionToolbar from "./MentionToolbar";
3
2
  export declare const mentionEditorExtension: () => {
4
3
  id: Guid;
5
4
  title: string;
6
5
  getConfiguration(): {
7
6
  nodes: any[];
8
7
  toolbarItems: {
9
- toolbar: typeof MentionToolbar;
8
+ toolbar: {
9
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
10
+ "select-user": {
11
+ type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
12
+ };
13
+ selectUser: {
14
+ type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
15
+ };
16
+ "menu-handler": {
17
+ type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
18
+ };
19
+ menuHandler: {
20
+ type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
21
+ };
22
+ "on-content-changed": {
23
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
24
+ };
25
+ onContentChanged: {
26
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
27
+ };
28
+ "set-on-editor-updated": {
29
+ type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
30
+ };
31
+ setOnEditorUpdated: {
32
+ type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
33
+ };
34
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
35
+ "select-user": {
36
+ type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
37
+ };
38
+ selectUser: {
39
+ type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
40
+ };
41
+ "menu-handler": {
42
+ type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
43
+ };
44
+ menuHandler: {
45
+ type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
46
+ };
47
+ "on-content-changed": {
48
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
49
+ };
50
+ onContentChanged: {
51
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
52
+ };
53
+ "set-on-editor-updated": {
54
+ type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
55
+ };
56
+ setOnEditorUpdated: {
57
+ type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
58
+ };
59
+ }>>, {}, true, {}, {}, {
60
+ P: {};
61
+ B: {};
62
+ D: {};
63
+ C: {};
64
+ M: {};
65
+ Defaults: {};
66
+ }, Readonly<import("vue").ExtractPropTypes<{
67
+ "select-user": {
68
+ type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
69
+ };
70
+ selectUser: {
71
+ type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
72
+ };
73
+ "menu-handler": {
74
+ type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
75
+ };
76
+ menuHandler: {
77
+ type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
78
+ };
79
+ "on-content-changed": {
80
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
81
+ };
82
+ onContentChanged: {
83
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
84
+ };
85
+ "set-on-editor-updated": {
86
+ type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
87
+ };
88
+ setOnEditorUpdated: {
89
+ type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
90
+ };
91
+ }>>, () => JSX.Element, {}, {}, {}, {}>;
92
+ __isFragment?: never;
93
+ __isTeleport?: never;
94
+ __isSuspense?: never;
95
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
96
+ "select-user": {
97
+ type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
98
+ };
99
+ selectUser: {
100
+ type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
101
+ };
102
+ "menu-handler": {
103
+ type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
104
+ };
105
+ menuHandler: {
106
+ type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
107
+ };
108
+ "on-content-changed": {
109
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
110
+ };
111
+ onContentChanged: {
112
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
113
+ };
114
+ "set-on-editor-updated": {
115
+ type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
116
+ };
117
+ setOnEditorUpdated: {
118
+ type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
119
+ };
120
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
121
+ propsDefinition: Omit<Readonly<{} & {
122
+ onContentChanged?: (content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void;
123
+ "on-content-changed"?: (content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void;
124
+ setOnEditorUpdated?: (onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void;
125
+ "set-on-editor-updated"?: (onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void;
126
+ menuHandler?: (menubar: import("@omnia/fx-models").IMenuBarDefinition) => void;
127
+ "menu-handler"?: (menubar: import("@omnia/fx-models").IMenuBarDefinition) => void;
128
+ selectUser?: (user: import("@omnia/fx-models").ResolvedUserIdentity) => void;
129
+ "select-user"?: (user: import("@omnia/fx-models").ResolvedUserIdentity) => void;
130
+ }>, never>;
131
+ };
10
132
  configuration: {
11
133
  menuHandler: (menu: import("@omnia/fx-models").IMenuBarDefinition) => void;
12
134
  selectUser: (user: import("@omnia/fx-models").ResolvedUserIdentity) => void;
135
+ setOnEditorUpdated: (onEditorUpdated: (extensionName?: string, data?: import("./MentionConfiguration").MentionContentData) => void) => void;
13
136
  };
14
137
  hidden: true;
15
138
  }[];
@@ -22,7 +22,9 @@ export declare class MentionConfiguration {
22
22
  getToolbarConfig: () => {
23
23
  menuHandler: (menu: IMenuBarDefinition) => void;
24
24
  selectUser: (user: ResolvedUserIdentity) => void;
25
+ setOnEditorUpdated: (onEditorUpdated: (extensionName?: string, data?: MentionContentData) => void) => void;
25
26
  };
27
+ setOnEditorUpdate: (onEditorUpdated: (extensionName?: string, data?: MentionContentData) => void) => void;
26
28
  menuHandler: (menu: IMenuBarDefinition) => void;
27
29
  getItems: (query: string, virtualNode: any) => Promise<ResolvedUserIdentity[]>;
28
30
  onEnter: ({ items, query, range, command, virtualNode }: {
@@ -1,7 +1,8 @@
1
- import { Node as ProseMirrorNode } from "@tiptap/pm/model";
2
- import { PluginKey } from "@tiptap/pm/state";
1
+ import { Fragment, Node as ProseMirrorNode } from "@tiptap/pm/model";
2
+ import { EditorState, PluginKey } from "@tiptap/pm/state";
3
3
  import { SuggestionOptions } from "@tiptap/suggestion";
4
4
  import { MentionEditorExtensionConfiguration } from "@omnia/fx-models";
5
+ import { EditorView } from "@tiptap/pm/view";
5
6
  export type MentionOptions = {
6
7
  HTMLAttributes: Record<string, any>;
7
8
  renderLabel: (props: {
@@ -10,6 +11,16 @@ export type MentionOptions = {
10
11
  }) => string;
11
12
  suggestion: Omit<SuggestionOptions, "editor">;
12
13
  };
14
+ declare module "@tiptap/core" {
15
+ interface Commands<ReturnType> {
16
+ mention: {
17
+ /**
18
+ * Replace text with another text, or HTML element
19
+ */
20
+ replaceText: (range: any, type: any, attrs: any, fragment: Fragment) => (state: EditorState, dispatch: EditorView["dispatch"]) => ReturnType;
21
+ };
22
+ }
23
+ }
13
24
  export declare const MentionPluginKey: PluginKey<any>;
14
25
  declare const _default: (param1: Partial<MentionEditorExtensionConfiguration>) => any;
15
26
  export default _default;
@@ -1,5 +1,4 @@
1
- import { ToolbarExtension } from "../../ToolbarExtension";
2
- import { MentionToolbarProperties, MentionMenuBar, ResolvedUserIdentity, MenuBar, IMenuBarDefinition, TipTapEditor } from "../../../../models";
1
+ import { ResolvedUserIdentity, MenuBar, IMenuBarDefinition } from "../../../../models";
3
2
  import { RichTextContentExtensionData } from "../../RichTextContentHelper";
4
3
  export declare class MenuBarDefinition implements IMenuBarDefinition {
5
4
  constructor();
@@ -17,17 +16,129 @@ export declare class MenuBarDefinition implements IMenuBarDefinition {
17
16
  SetIndex(idx: number): this;
18
17
  GetMenu(): MenuBar;
19
18
  }
20
- export default class MentionToolbar extends ToolbarExtension implements MentionToolbarProperties {
21
- menubar: MentionMenuBar;
22
- editor: TipTapEditor;
23
- onContentChanged?: (content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void;
24
- menuHandler: (menubar: IMenuBarDefinition) => void;
25
- selectUser: (user: ResolvedUserIdentity) => void;
26
- menuDefinition: IMenuBarDefinition;
27
- created(): void;
28
- mounted(): void;
29
- onItemSelected(user: ResolvedUserIdentity): void;
30
- render(): JSX.Element;
31
- private renderMenu;
32
- private renderLoading;
33
- }
19
+ type SetOnEditorUpdated = (extensionName?: string, data?: RichTextContentExtensionData) => void;
20
+ declare const _default: {
21
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
22
+ "select-user": {
23
+ type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
24
+ };
25
+ selectUser: {
26
+ type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
27
+ };
28
+ "menu-handler": {
29
+ type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
30
+ };
31
+ menuHandler: {
32
+ type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
33
+ };
34
+ "on-content-changed": {
35
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
36
+ };
37
+ onContentChanged: {
38
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
39
+ };
40
+ "set-on-editor-updated": {
41
+ type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
42
+ };
43
+ setOnEditorUpdated: {
44
+ type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
45
+ };
46
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
47
+ "select-user": {
48
+ type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
49
+ };
50
+ selectUser: {
51
+ type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
52
+ };
53
+ "menu-handler": {
54
+ type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
55
+ };
56
+ menuHandler: {
57
+ type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
58
+ };
59
+ "on-content-changed": {
60
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
61
+ };
62
+ onContentChanged: {
63
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
64
+ };
65
+ "set-on-editor-updated": {
66
+ type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
67
+ };
68
+ setOnEditorUpdated: {
69
+ type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
70
+ };
71
+ }>>, {}, true, {}, {}, {
72
+ P: {};
73
+ B: {};
74
+ D: {};
75
+ C: {};
76
+ M: {};
77
+ Defaults: {};
78
+ }, Readonly<import("vue").ExtractPropTypes<{
79
+ "select-user": {
80
+ type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
81
+ };
82
+ selectUser: {
83
+ type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
84
+ };
85
+ "menu-handler": {
86
+ type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
87
+ };
88
+ menuHandler: {
89
+ type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
90
+ };
91
+ "on-content-changed": {
92
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
93
+ };
94
+ onContentChanged: {
95
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
96
+ };
97
+ "set-on-editor-updated": {
98
+ type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
99
+ };
100
+ setOnEditorUpdated: {
101
+ type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
102
+ };
103
+ }>>, () => JSX.Element, {}, {}, {}, {}>;
104
+ __isFragment?: never;
105
+ __isTeleport?: never;
106
+ __isSuspense?: never;
107
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
108
+ "select-user": {
109
+ type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
110
+ };
111
+ selectUser: {
112
+ type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
113
+ };
114
+ "menu-handler": {
115
+ type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
116
+ };
117
+ menuHandler: {
118
+ type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
119
+ };
120
+ "on-content-changed": {
121
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
122
+ };
123
+ onContentChanged: {
124
+ type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
125
+ };
126
+ "set-on-editor-updated": {
127
+ type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
128
+ };
129
+ setOnEditorUpdated: {
130
+ type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
131
+ };
132
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
133
+ propsDefinition: Omit<Readonly<{} & {
134
+ onContentChanged?: (content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void;
135
+ "on-content-changed"?: (content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void;
136
+ setOnEditorUpdated?: (onEditorUpdated: SetOnEditorUpdated) => void;
137
+ "set-on-editor-updated"?: (onEditorUpdated: SetOnEditorUpdated) => void;
138
+ menuHandler?: (menubar: IMenuBarDefinition) => void;
139
+ "menu-handler"?: (menubar: IMenuBarDefinition) => void;
140
+ selectUser?: (user: ResolvedUserIdentity) => void;
141
+ "select-user"?: (user: ResolvedUserIdentity) => void;
142
+ }>, never>;
143
+ };
144
+ export default _default;
@@ -0,0 +1,4 @@
1
+ export declare const MentionToolbarStyle: {
2
+ wrapper: (positionX: number, positionY: number) => string;
3
+ menu: string;
4
+ };
@@ -1,5 +1,5 @@
1
1
  import { ICommentLikeService } from "../../../stores";
2
- import { type Comment, type CommentLikeTemplateSettings, type ThemeDefinition, ResolvedUserIdentity } from "../../../models";
2
+ import { type Comment, type CommentLikeTemplateSettings, ResolvedUserIdentity, ThemeDefinition } from "../../../models";
3
3
  export interface CommentLikeTemplateDynamicInput {
4
4
  service: ICommentLikeService;
5
5
  likeListingTemplate?: string;
@@ -18,6 +18,10 @@ export declare function useIcons(): {
18
18
  back: FontAwesomeIcon;
19
19
  blueprint: FontAwesomeIcon;
20
20
  businessProfile: FontAwesomeIcon;
21
+ calendar: FontAwesomeIcon;
22
+ calendarAlt: FontAwesomeIcon;
23
+ chartLine: FontAwesomeIcon;
24
+ check: FontAwesomeIcon;
21
25
  clone: FontAwesomeIcon;
22
26
  clipboard: FontAwesomeIcon;
23
27
  close: FontAwesomeIcon;
@@ -45,18 +49,22 @@ export declare function useIcons(): {
45
49
  ellipsis: FontAwesomeIcon;
46
50
  flip: MaterialIcon;
47
51
  filter: FontAwesomeIcon;
52
+ fileAlt: FontAwesomeIcon;
48
53
  filePdf: FontAwesomeIcon;
49
54
  fileWord: FontAwesomeIcon;
55
+ font: FontAwesomeIcon;
50
56
  header: FontAwesomeIcon;
51
57
  hidden: FontAwesomeIcon;
52
58
  hiddenVisible: FontAwesomeIcon;
53
59
  info: FontAwesomeIcon;
60
+ infoCircle: FontAwesomeIcon;
54
61
  lock: FontAwesomeIcon;
55
62
  link: FontAwesomeIcon;
56
63
  like: FontAwesomeIcon;
57
64
  location: FontAwesomeIcon;
58
65
  lockOpen: FontAwesomeIcon;
59
66
  lockEdit: FontAwesomeIcon;
67
+ map: FontAwesomeIcon;
60
68
  mail: FontAwesomeIcon;
61
69
  more: MaterialIcon;
62
70
  move: FontAwesomeIcon;
@@ -66,9 +74,11 @@ export declare function useIcons(): {
66
74
  menu: FontAwesomeIcon;
67
75
  media: FontAwesomeIcon;
68
76
  navigate: FontAwesomeIcon;
77
+ newspaper: FontAwesomeIcon;
69
78
  notification: FontAwesomeIcon;
70
79
  organization: FontAwesomeIcon;
71
80
  pageInformation: FontAwesomeIcon;
81
+ penClip: FontAwesomeIcon;
72
82
  preview: FontAwesomeIcon;
73
83
  process: FontAwesomeIcon;
74
84
  permissions: FontAwesomeIcon;
@@ -100,6 +110,7 @@ export declare function useIcons(): {
100
110
  smiles: FontAwesomeIcon;
101
111
  checkCircle: FontAwesomeIcon;
102
112
  question: FontAwesomeIcon;
113
+ questionCircle: FontAwesomeIcon;
103
114
  upload: FontAwesomeIcon;
104
115
  user: FontAwesomeIcon;
105
116
  global: FontAwesomeIcon;
@@ -242,6 +242,7 @@ import wc1e7fa637f4914cbeb9ceb6d577fec150 from './ux/oxide/validation/Validation
242
242
  import wc8270a3e368484538870b0bc4a6654234 from './ux/properties/block/PropertyBlock';
243
243
  import wcab2cfe16632d45b5bab39e05612982a3 from './ux/properties/block/PropertyBlockSettings';
244
244
  import wc58330f37503947799af05363e58bda3c from './ux/richtexteditor/Emoticon/EmoticonComponent';
245
+ import wca6b15810f0004e4d8df190bb7074becc from './ux/richtexteditor/MentionComponent/MentionComponent';
245
246
  import wc327ec741777b4e1ea8017f1d0a3b8d9d from './ux/richtexteditor/TextCompletionPanel/TextCompletionPanel';
246
247
  import wc762d4009466d494e94cbcc3e90dff11d from './ux/social/likehandler/LikeActionSettings';
247
248
  import wc0e7c178722cb41108b4740dbc788b4e5 from './ux/social/templates/CommentLikeTemplate';
@@ -1119,6 +1120,9 @@ declare global {
1119
1120
  "omfx-emoticon": typeof wc58330f37503947799af05363e58bda3c extends {
1120
1121
  propsDefinition: infer TProp;
1121
1122
  } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc58330f37503947799af05363e58bda3c extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc58330f37503947799af05363e58bda3c>, "propsDefinition">> : never;
1123
+ "omfx-mention-component": typeof wca6b15810f0004e4d8df190bb7074becc extends {
1124
+ propsDefinition: infer TProp;
1125
+ } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wca6b15810f0004e4d8df190bb7074becc extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wca6b15810f0004e4d8df190bb7074becc>, "propsDefinition">> : never;
1122
1126
  "omfx-textcompletion-panel": typeof wc327ec741777b4e1ea8017f1d0a3b8d9d extends {
1123
1127
  propsDefinition: infer TProp;
1124
1128
  } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc327ec741777b4e1ea8017f1d0a3b8d9d extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc327ec741777b4e1ea8017f1d0a3b8d9d>, "propsDefinition">> : never;
@@ -3549,6 +3553,15 @@ declare global {
3549
3553
  $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
3550
3554
  };
3551
3555
  } : typeof wc58330f37503947799af05363e58bda3c;
3556
+ "mention": {
3557
+ "component": typeof wca6b15810f0004e4d8df190bb7074becc extends {
3558
+ propsDefinition: infer TProp;
3559
+ } ? {
3560
+ new (...args: any[]): {
3561
+ $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
3562
+ };
3563
+ } : typeof wca6b15810f0004e4d8df190bb7074becc;
3564
+ };
3552
3565
  "textcompletion": {
3553
3566
  "panel": typeof wc327ec741777b4e1ea8017f1d0a3b8d9d extends {
3554
3567
  propsDefinition: infer TProp;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/fx",
3
3
  "license": "MIT",
4
- "version": "8.0.110-dev",
4
+ "version": "8.0.111-dev",
5
5
  "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "author": "Precio Fishbone",
22
22
  "dependencies": {
23
- "@omnia/fx-models": "8.0.110-dev",
23
+ "@omnia/fx-models": "8.0.111-dev",
24
24
  "@microsoft/signalr": "6.0.1",
25
25
  "broadcast-channel": "4.8.0",
26
26
  "dayjs": "1.10.7",