@omnia/fx 8.0.266-dev → 8.0.268-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.
- package/internal-do-not-import-from-here/core/Extend.d.ts +1 -1
- package/internal-do-not-import-from-here/core/propertyPath.d.ts +1 -1
- package/internal-do-not-import-from-here/index.d.ts +2 -2
- package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts +5 -5
- package/internal-do-not-import-from-here/ux/admin/businessprofile/manageprofiles/BusinessProfileJourneyStore.d.ts +12 -0
- package/internal-do-not-import-from-here/ux/features/stores/FeatureJourneyStore.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/floweditor/FlowEditor.d.ts +6 -5
- package/internal-do-not-import-from-here/ux/floweditor/commands/EditorCommands.d.ts +2 -3
- package/internal-do-not-import-from-here/ux/floweditor/models/Constants.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/floweditor/models/EditorPlugin.d.ts +8 -6
- package/internal-do-not-import-from-here/ux/floweditor/plugins/colorstyle/ColorConverter.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/floweditor/plugins/elements/ElementConverter.d.ts +6 -0
- package/internal-do-not-import-from-here/ux/floweditor/plugins/eventhandlers/converters/WordConverter.d.ts +0 -0
- package/internal-do-not-import-from-here/ux/floweditor/plugins/eventhandlers/handlers/ClipboardHandler.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/floweditor/plugins/text/TextConverter.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/floweditor/plugins/velcron/VelcronPlugin.d.ts +7 -2
- package/internal-do-not-import-from-here/ux/floweditor/rules/EditorRules.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/floweditor/stores/FlowEditorStore.d.ts +35 -24
- package/internal-do-not-import-from-here/ux/floweditor/stores/FlowEditorToolbarStore.d.ts +106 -56
- package/internal-do-not-import-from-here/ux/journey/core/JourneyRouter.d.ts +4 -0
- package/internal-do-not-import-from-here/ux/journey/core/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.stylex.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.stylex.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/VelcronDefinitionPicker.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/velcron/definitions/VelcronDefinitionIds.d.ts +9 -9
- package/internal-do-not-import-from-here/ux/velcron/stores/VelcronDefinitionStore.d.ts +57 -3
- package/package.json +2 -2
@@ -8,6 +8,6 @@ export declare function registerApi<T>(targetApi: ((extend: IExtend) => Promise<
|
|
8
8
|
export declare namespace InternalExtend {
|
9
9
|
function getApiPathString(exp: (extend: IExtend | IExtendApiManifest) => ApiPath | IExtendApiManifestWithConfiguration<any>): string;
|
10
10
|
function getExtendApiConfiguration<T>(targetApi: (extend: IExtendApiManifest) => IExtendApiManifestWithConfiguration<T>): Promise<ExtendApiConfigurationManifest<T>[]>;
|
11
|
-
function extendApi<T>(targetApi: ((extend: IExtend) => Promise<T>) | string, omniaServiceId: guid, omniaManifestId: guid, callback?: (api: T) => void | Promise<void>): void;
|
11
|
+
function extendApi<T, TConfiguration>(targetApi: ((extend: IExtend) => Promise<T>) | string, omniaServiceId: guid, omniaManifestId: guid, callback?: (api: T, configuration: TConfiguration) => void | Promise<void>): void;
|
12
12
|
function initApiHub(): Future<void>;
|
13
13
|
}
|
@@ -17,5 +17,5 @@ type PropStartPathCheckTargetType<T, Path extends string, StartPath extends stri
|
|
17
17
|
* @param name
|
18
18
|
* @returns {string} 'PropertyName1.SomeSubProperty.SomeSubSubProperty' as string
|
19
19
|
*/
|
20
|
-
export declare
|
20
|
+
export declare function propertyPath<StartType, TargetType = any>(): <Path extends string>(propertyPathToCheck: PropPathCheckTargetType<StartType, Path, TargetType>) => string;
|
21
21
|
export {};
|
@@ -30,7 +30,7 @@ export declare class WebComponentBootstrapper {
|
|
30
30
|
static registerElement: (registrationHandler: IWebComponentRegistrationHandler) => void;
|
31
31
|
static registerElementInstance(instanceHandler: IWebComponentInstance, htmlElement: HTMLElement | Element): IWebComponentInstanceContext;
|
32
32
|
}
|
33
|
-
export declare function extendApi<T>(targetApi: (extend: IExtend) => Promise<T>, callback?: (api: T) => void | Promise<void>): void;
|
33
|
+
export declare function extendApi<T, TConfiguration>(targetApi: (extend: IExtend) => Promise<T>, callback?: (api: T, configuration: TConfiguration) => void | Promise<void>): void;
|
34
34
|
export declare function setCurrentManifest(omniaServiceId: any, resourceId: any): {
|
35
35
|
extendApi: (api: any, callback: any) => void;
|
36
36
|
WebComponentBootstrapper: {
|
@@ -64,7 +64,7 @@ export declare function setCurrentManifest(omniaServiceId: any, resourceId: any)
|
|
64
64
|
LocalStorage: typeof Exposes.LocalStorage;
|
65
65
|
Encoder: typeof Exposes.Encoder;
|
66
66
|
Require: typeof Exposes.Require;
|
67
|
-
propertyPath
|
67
|
+
propertyPath<StartType, TargetType = any>(): <Path extends string>(propertyPathToCheck: Exposes.PropPathCheckTargetType<StartType, Path, TargetType>) => string;
|
68
68
|
propertyPathValue: <T, P extends string>(obj: T, path: Exposes.PropPathCheckTargetType<T, P, Exposes.PropPathType<T, P>>) => Exposes.PropPathType<T, P>;
|
69
69
|
MessageBusTopicMediator: typeof Exposes.MessageBusTopicMediator;
|
70
70
|
MessageBus: typeof Exposes.MessageBus;
|
@@ -21,7 +21,7 @@ export declare const useCompontentHostStore: () => {
|
|
21
21
|
};
|
22
22
|
events: {
|
23
23
|
onMutatedHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"admin" | "editor" | "docs">;
|
24
|
-
onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "
|
24
|
+
onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
|
25
25
|
onMutatedComponentVariant: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
|
26
26
|
onMutatedAppliedComponents: import("internal/fx/core").MessageBusExposeOnlySubscription<string[]>;
|
27
27
|
onMutatedForce: import("internal/fx/core").MessageBusExposeOnlySubscription<boolean>;
|
@@ -35,7 +35,7 @@ export declare const useCompontentHostStore: () => {
|
|
35
35
|
subscribe(fn: (type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
36
36
|
};
|
37
37
|
setComponentHost: {
|
38
|
-
subscribe(fn: (type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "
|
38
|
+
subscribe(fn: (type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
39
39
|
};
|
40
40
|
setComponentVariant: {
|
41
41
|
subscribe(fn: (variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -55,7 +55,7 @@ export declare const useCompontentHostStore: () => {
|
|
55
55
|
subscribe(fn: (result: void, type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
56
56
|
};
|
57
57
|
setComponentHost: {
|
58
|
-
subscribe(fn: (result: void, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "
|
58
|
+
subscribe(fn: (result: void, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
59
59
|
};
|
60
60
|
setComponentVariant: {
|
61
61
|
subscribe(fn: (result: void, variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -75,7 +75,7 @@ export declare const useCompontentHostStore: () => {
|
|
75
75
|
subscribe(fn: (failureReason: any, type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
76
76
|
};
|
77
77
|
setComponentHost: {
|
78
|
-
subscribe(fn: (failureReason: any, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "
|
78
|
+
subscribe(fn: (failureReason: any, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
79
79
|
};
|
80
80
|
setComponentVariant: {
|
81
81
|
subscribe(fn: (failureReason: any, variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -98,7 +98,7 @@ export declare const useCompontentHostStore: () => {
|
|
98
98
|
get: {
|
99
99
|
canApplyOn: (hostType: ComponentHostTypes | HostTypes, variant?: any) => boolean;
|
100
100
|
readonly host: "admin" | "editor" | "docs";
|
101
|
-
readonly componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "
|
101
|
+
readonly componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
|
102
102
|
readonly componentVariant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section";
|
103
103
|
readonly force: boolean;
|
104
104
|
appliedComponents(host: string): boolean;
|
@@ -2,9 +2,11 @@ import { BusinessProfile, BusinessProfileProperty } from "@omnia/fx-models";
|
|
2
2
|
export declare const useBusinessProfileJourneyStore: () => {
|
3
3
|
state: {
|
4
4
|
selectingBusinessProfile: BusinessProfile;
|
5
|
+
saving: any;
|
5
6
|
};
|
6
7
|
events: {
|
7
8
|
onMutatedSelectingBusinessProfile: import("@omnia/fx").MessageBusExposeOnlySubscription<BusinessProfile>;
|
9
|
+
onMutatedSaving: import("@omnia/fx").MessageBusExposeOnlySubscription<any>;
|
8
10
|
} & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
|
9
11
|
actions: {
|
10
12
|
onDispatching: {
|
@@ -14,6 +16,9 @@ export declare const useBusinessProfileJourneyStore: () => {
|
|
14
16
|
saveBusinessProfile: {
|
15
17
|
subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
16
18
|
};
|
19
|
+
onSaving: {
|
20
|
+
subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
21
|
+
};
|
17
22
|
onUpdatingBusinessProfilePropertiesBag: {
|
18
23
|
subscribe(fn: (bpProperties: BusinessProfileProperty[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
19
24
|
};
|
@@ -28,6 +33,9 @@ export declare const useBusinessProfileJourneyStore: () => {
|
|
28
33
|
saveBusinessProfile: {
|
29
34
|
subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
30
35
|
};
|
36
|
+
onSaving: {
|
37
|
+
subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
38
|
+
};
|
31
39
|
onUpdatingBusinessProfilePropertiesBag: {
|
32
40
|
subscribe(fn: (result: BusinessProfileProperty[], bpProperties: BusinessProfileProperty[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
33
41
|
};
|
@@ -42,6 +50,9 @@ export declare const useBusinessProfileJourneyStore: () => {
|
|
42
50
|
saveBusinessProfile: {
|
43
51
|
subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
44
52
|
};
|
53
|
+
onSaving: {
|
54
|
+
subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
55
|
+
};
|
45
56
|
onUpdatingBusinessProfilePropertiesBag: {
|
46
57
|
subscribe(fn: (failureReason: any, bpProperties: BusinessProfileProperty[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
47
58
|
};
|
@@ -52,6 +63,7 @@ export declare const useBusinessProfileJourneyStore: () => {
|
|
52
63
|
} & {
|
53
64
|
registerOnSaveBusinessProfile(fn: () => void | Promise<void>): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
54
65
|
saveBusinessProfile(): Promise<void>;
|
66
|
+
onSaving(): void;
|
55
67
|
onUpdatingBusinessProfilePropertiesBag: (bpProperties: Array<BusinessProfileProperty>) => BusinessProfileProperty[];
|
56
68
|
selectingBusinessProfile: (businessProfile: BusinessProfile) => void;
|
57
69
|
};
|
@@ -151,7 +151,7 @@ export declare const useFeatureJourneyStore: () => {
|
|
151
151
|
searchFeatures: (searchText: string) => void;
|
152
152
|
handleFeatureStatus: (featureInstance: FeatureInstance) => void;
|
153
153
|
populateAzureAdPermissionsInfo: (featureInstance: FeatureInstance) => Promise<void>;
|
154
|
-
checkRequestedPermissionsSynced: (permissionIds: Array<string>) => void
|
154
|
+
checkRequestedPermissionsSynced: (permissionIds: Array<string>) => Promise<void>;
|
155
155
|
isLastRequiredPermissionFeature: (featureDeactivated: VDataGridItemScopedSlot<FeatureInstance>) => void;
|
156
156
|
};
|
157
157
|
get: {
|
@@ -1,14 +1,15 @@
|
|
1
1
|
import { DefineEmit } from "@omnia/fx/ux";
|
2
2
|
import { FlowEditorPluginSettings } from "@omnia/fx-models";
|
3
3
|
import { useFlowEditorStore } from "./stores/FlowEditorStore";
|
4
|
+
import { FlowContent } from "./models/EditorModels";
|
4
5
|
declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
|
5
|
-
"emit:update:modelValue": (value:
|
6
|
+
"emit:update:modelValue": (value: FlowContent) => void;
|
6
7
|
} & {
|
7
|
-
"v-model"?:
|
8
|
+
"v-model"?: FlowContent;
|
8
9
|
} & {
|
9
|
-
"onUpdate:modelValue"?: (value:
|
10
|
+
"onUpdate:modelValue"?: (value: FlowContent) => void;
|
10
11
|
} & {
|
11
|
-
modelValue?:
|
12
|
+
modelValue?: FlowContent;
|
12
13
|
} & {
|
13
14
|
placeholder?: string;
|
14
15
|
} & {
|
@@ -19,5 +20,5 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
|
|
19
20
|
getApi?: (store: ReturnType<typeof useFlowEditorStore>) => void;
|
20
21
|
} & {
|
21
22
|
plugins?: FlowEditorPluginSettings[];
|
22
|
-
} & DefineEmit<"update:modelValue", (value:
|
23
|
+
} & DefineEmit<"update:modelValue", (value: FlowContent) => true>>) => any;
|
23
24
|
export default _default;
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import { FlowContent, NodeSelection } from "../models/EditorModels";
|
2
2
|
import { FlowEditorPlugin, FlowEditorPluginContext } from "../models/EditorPlugin";
|
3
|
-
export type builtIndataTypes = "text" | "formatting";
|
4
3
|
export declare function useEditorCommands(state: {
|
5
4
|
editor: HTMLDivElement;
|
6
5
|
selectedRange: Range;
|
@@ -39,10 +38,10 @@ export declare function useEditorCommands(state: {
|
|
39
38
|
element: {
|
40
39
|
clean: (element: HTMLElement) => void;
|
41
40
|
add: (element: HTMLElement) => void;
|
42
|
-
create: (tagName: string, dataType:
|
41
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
43
42
|
createText: () => HTMLParagraphElement;
|
44
43
|
createTextNode: (data: any) => Text;
|
45
|
-
createComponent: (componentName: string) =>
|
44
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
46
45
|
insert: {
|
47
46
|
text: (element: Node, text: string, offset: any) => void;
|
48
47
|
};
|
@@ -2,6 +2,7 @@ import { FlowEditorActionRegistration } from "@omnia/fx-models";
|
|
2
2
|
import { FlowNode } from "./EditorModels";
|
3
3
|
import { useFlowEditorStore } from "../stores/FlowEditorStore";
|
4
4
|
import { useFlowEditorToolbarStore } from "../stores/FlowEditorToolbarStore";
|
5
|
+
import { useColorSchemaStore } from "@omnia/fx/ux";
|
5
6
|
export interface FlowEditorPlugin {
|
6
7
|
name: string;
|
7
8
|
commands?: object;
|
@@ -15,13 +16,13 @@ export interface FlowEditorEventListener {
|
|
15
16
|
export interface FlowRenderingContext {
|
16
17
|
parentElement: HTMLElement;
|
17
18
|
}
|
18
|
-
export interface FlowToHtmlContext {
|
19
|
-
node:
|
19
|
+
export interface FlowToHtmlContext<TNodeType extends FlowNode = FlowNode> {
|
20
|
+
node: TNodeType;
|
20
21
|
pluginContext: FlowEditorPluginContext;
|
21
22
|
renderingContext: FlowRenderingContext;
|
22
23
|
}
|
23
|
-
export interface FlowToJsonContext {
|
24
|
-
element:
|
24
|
+
export interface FlowToJsonContext<TElementType extends HTMLElement = HTMLElement> {
|
25
|
+
element: TElementType;
|
25
26
|
parent: FlowNode;
|
26
27
|
}
|
27
28
|
export interface ElementConverter {
|
@@ -29,12 +30,13 @@ export interface ElementConverter {
|
|
29
30
|
convert: (el: HTMLElement, pluginContext: FlowEditorPluginContext) => HTMLElement;
|
30
31
|
}
|
31
32
|
export interface FlowEditorContentPlugin extends FlowEditorPlugin {
|
32
|
-
toJSON: (context: FlowToJsonContext) => FlowNode;
|
33
|
-
toHtml: (context: FlowToHtmlContext) => HTMLElement;
|
33
|
+
toJSON: <TElementType extends HTMLElement = HTMLElement>(context: FlowToJsonContext<TElementType>) => FlowNode;
|
34
|
+
toHtml: <TNodeType extends FlowNode = FlowNode>(context: FlowToHtmlContext<TNodeType>) => HTMLElement;
|
34
35
|
elementConverter?: ElementConverter;
|
35
36
|
}
|
36
37
|
export interface FlowEditorPluginContext {
|
37
38
|
componentCreator?: (componentDef: any, props: {}, el: HTMLElement) => void;
|
38
39
|
editorStore: ReturnType<typeof useFlowEditorStore>;
|
39
40
|
toolbarStore: ReturnType<typeof useFlowEditorToolbarStore>;
|
41
|
+
colors: ReturnType<typeof useColorSchemaStore>;
|
40
42
|
}
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { ColorValue } from "@omnia/fx-models";
|
2
|
+
import { ElementConverter, FlowEditorPluginContext } from "../../models/EditorPlugin";
|
3
|
+
export declare function useColorConverter(elementCreator: (value: ColorValue, ctx: FlowEditorPluginContext) => HTMLElement): ElementConverter;
|
File without changes
|
@@ -1,4 +1,6 @@
|
|
1
|
+
import { FlowEditorPluginContext } from "../../../models/EditorPlugin";
|
1
2
|
import { useFlowEditorStore } from "../../../stores/FlowEditorStore";
|
2
3
|
export declare function useClipboardHandler(): {
|
3
4
|
paste: (ev: ClipboardEvent, editorStore: ReturnType<typeof useFlowEditorStore>) => void;
|
5
|
+
copy: (event: ClipboardEvent, context: FlowEditorPluginContext) => void;
|
4
6
|
};
|
@@ -1,8 +1,13 @@
|
|
1
|
-
import { VelcronAppDefinition } from "@omnia/fx-models";
|
1
|
+
import { DynamicState, VelcronAppDefinition, VelcronDefinitionRegistrationWithoutApp, VelcronRendererResolverReference } from "@omnia/fx-models";
|
2
2
|
import { FlowNode } from "../../models/EditorModels";
|
3
3
|
export interface VelcronContentNode extends FlowNode {
|
4
|
-
definition: VelcronAppDefinition;
|
4
|
+
definition: VelcronAppDefinition | VelcronRendererResolverReference;
|
5
5
|
}
|
6
|
+
export type VelcronHtmlDivElement = HTMLDivElement & {
|
7
|
+
velcron: VelcronAppDefinition;
|
8
|
+
velcronRegistration: VelcronDefinitionRegistrationWithoutApp;
|
9
|
+
state: DynamicState;
|
10
|
+
};
|
6
11
|
export declare const velcronRendererPlugin: () => import("../../models/EditorPlugin").FlowEditorPlugin & {
|
7
12
|
dispose?: () => void;
|
8
13
|
};
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { FlowEditorActionRegistration, FlowEditorPluginSettings } from "@omnia/fx-models";
|
2
|
+
import { guid } from "@omnia/fx-models/internal-do-not-import-from-here/shared";
|
2
3
|
import { FlowEditorPlugin, FlowEditorPluginContext } from "../models/EditorPlugin";
|
3
4
|
import { FlowContent, NodeSelection } from "../models/EditorModels";
|
4
5
|
export declare const useFlowEditorStore: () => {
|
@@ -16,21 +17,31 @@ export declare const useFlowEditorStore: () => {
|
|
16
17
|
pluginContext: FlowEditorPluginContext;
|
17
18
|
selectedRange: Range;
|
18
19
|
showPlaceHolder: boolean;
|
20
|
+
definitionSelector: {
|
21
|
+
show: boolean;
|
22
|
+
categoryFilters: guid[];
|
23
|
+
rendererTypeFilters: guid[];
|
24
|
+
};
|
19
25
|
};
|
20
26
|
events: {
|
21
|
-
onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowContent>;
|
22
|
-
onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorPlugin[]>;
|
23
|
-
onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
|
24
|
-
onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
|
25
|
-
onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
|
26
|
-
onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
|
27
|
-
onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
|
28
|
-
onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<NodeSelection>;
|
29
|
-
onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
|
30
|
-
onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
|
31
|
-
onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorPluginContext>;
|
32
|
-
onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
|
33
|
-
onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
|
27
|
+
onMutatedEditorContent: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<FlowContent>;
|
28
|
+
onMutatedPlugins: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<FlowEditorPlugin[]>;
|
29
|
+
onMutatedHideToolbar: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<boolean>;
|
30
|
+
onMutatedEditMode: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<boolean>;
|
31
|
+
onMutatedMaxNodeId: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<number>;
|
32
|
+
onMutatedToolbarActions: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
|
33
|
+
onMutatedEditor: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<HTMLDivElement>;
|
34
|
+
onMutatedNodeSelection: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<NodeSelection>;
|
35
|
+
onMutatedTelePorts: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<JSX.Element[]>;
|
36
|
+
onMutatedId: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<string>;
|
37
|
+
onMutatedPluginContext: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<FlowEditorPluginContext>;
|
38
|
+
onMutatedSelectedRange: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<Range>;
|
39
|
+
onMutatedShowPlaceHolder: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<boolean>;
|
40
|
+
onMutatedDefinitionSelector: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<{
|
41
|
+
show: boolean;
|
42
|
+
categoryFilters: guid[];
|
43
|
+
rendererTypeFilters: guid[];
|
44
|
+
}>;
|
34
45
|
} & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
|
35
46
|
actions: {
|
36
47
|
onDispatching: {
|
@@ -70,7 +81,7 @@ export declare const useFlowEditorStore: () => {
|
|
70
81
|
subscribe(fn: (result: {
|
71
82
|
sync: () => FlowContent;
|
72
83
|
set: {
|
73
|
-
|
84
|
+
byObject: (content: FlowContent) => void;
|
74
85
|
byString: (content: string) => void;
|
75
86
|
};
|
76
87
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -97,9 +108,9 @@ export declare const useFlowEditorStore: () => {
|
|
97
108
|
};
|
98
109
|
element: {
|
99
110
|
subscribe(fn: (result: {
|
100
|
-
createForComponent: (componentName: string) =>
|
111
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
101
112
|
createText: () => HTMLParagraphElement;
|
102
|
-
create: (tagName: string, dataType:
|
113
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
103
114
|
createTextNode: (data: any) => Text;
|
104
115
|
add: (element: HTMLElement) => void;
|
105
116
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -137,10 +148,10 @@ export declare const useFlowEditorStore: () => {
|
|
137
148
|
element: {
|
138
149
|
clean: (element: HTMLElement) => void;
|
139
150
|
add: (element: HTMLElement) => void;
|
140
|
-
create: (tagName: string, dataType:
|
151
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
141
152
|
createText: () => HTMLParagraphElement;
|
142
153
|
createTextNode: (data: any) => Text;
|
143
|
-
createComponent: (componentName: string) =>
|
154
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
144
155
|
insert: {
|
145
156
|
text: (element: Node, text: string, offset: any) => void;
|
146
157
|
};
|
@@ -232,7 +243,7 @@ export declare const useFlowEditorStore: () => {
|
|
232
243
|
content: () => {
|
233
244
|
sync: () => FlowContent;
|
234
245
|
set: {
|
235
|
-
|
246
|
+
byObject: (content: FlowContent) => void;
|
236
247
|
byString: (content: string) => void;
|
237
248
|
};
|
238
249
|
};
|
@@ -251,9 +262,9 @@ export declare const useFlowEditorStore: () => {
|
|
251
262
|
remove: (dataType: string) => void;
|
252
263
|
};
|
253
264
|
element: () => {
|
254
|
-
createForComponent: (componentName: string) =>
|
265
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
255
266
|
createText: () => HTMLParagraphElement;
|
256
|
-
create: (tagName: string, dataType:
|
267
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
257
268
|
createTextNode: (data: any) => Text;
|
258
269
|
add: (element: HTMLElement) => void;
|
259
270
|
};
|
@@ -289,10 +300,10 @@ export declare const useFlowEditorStore: () => {
|
|
289
300
|
element: {
|
290
301
|
clean: (element: HTMLElement) => void;
|
291
302
|
add: (element: HTMLElement) => void;
|
292
|
-
create: (tagName: string, dataType:
|
303
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
293
304
|
createText: () => HTMLParagraphElement;
|
294
305
|
createTextNode: (data: any) => Text;
|
295
|
-
createComponent: (componentName: string) =>
|
306
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
296
307
|
insert: {
|
297
308
|
text: (element: Node, text: string, offset: any) => void;
|
298
309
|
};
|
@@ -353,7 +364,7 @@ export declare const useFlowEditorStore: () => {
|
|
353
364
|
plugins: FlowEditorPlugin[];
|
354
365
|
content: {
|
355
366
|
isEmpty: () => boolean;
|
356
|
-
|
367
|
+
asObject: () => FlowContent;
|
357
368
|
asString: () => string;
|
358
369
|
};
|
359
370
|
selection: {
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { FlowEditorActionRegistration } from "@omnia/fx-models";
|
1
|
+
import { FlowEditorActionRegistration, guid } from "@omnia/fx-models";
|
2
2
|
import { useFlowEditorStore } from "./FlowEditorStore";
|
3
3
|
export declare const useFlowEditorToolbarStore: () => {
|
4
4
|
state: {
|
@@ -17,6 +17,11 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
17
17
|
pluginContext: import("../models/EditorPlugin").FlowEditorPluginContext;
|
18
18
|
selectedRange: Range;
|
19
19
|
showPlaceHolder: boolean;
|
20
|
+
definitionSelector: {
|
21
|
+
show: boolean;
|
22
|
+
categoryFilters: guid[];
|
23
|
+
rendererTypeFilters: guid[];
|
24
|
+
};
|
20
25
|
};
|
21
26
|
events: {
|
22
27
|
onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").FlowContent>;
|
@@ -32,6 +37,11 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
32
37
|
onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").FlowEditorPluginContext>;
|
33
38
|
onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
|
34
39
|
onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
|
40
|
+
onMutatedDefinitionSelector: import("@omnia/fx").MessageBusExposeOnlySubscription<{
|
41
|
+
show: boolean;
|
42
|
+
categoryFilters: guid[];
|
43
|
+
rendererTypeFilters: guid[];
|
44
|
+
}>;
|
35
45
|
} & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
|
36
46
|
actions: {
|
37
47
|
onDispatching: {
|
@@ -71,7 +81,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
71
81
|
subscribe(fn: (result: {
|
72
82
|
sync: () => import("../models/EditorModels").FlowContent;
|
73
83
|
set: {
|
74
|
-
|
84
|
+
byObject: (content: import("../models/EditorModels").FlowContent) => void;
|
75
85
|
byString: (content: string) => void;
|
76
86
|
};
|
77
87
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -98,9 +108,9 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
98
108
|
};
|
99
109
|
element: {
|
100
110
|
subscribe(fn: (result: {
|
101
|
-
createForComponent: (componentName: string) =>
|
111
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
102
112
|
createText: () => HTMLParagraphElement;
|
103
|
-
create: (tagName: string, dataType:
|
113
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
104
114
|
createTextNode: (data: any) => Text;
|
105
115
|
add: (element: HTMLElement) => void;
|
106
116
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -138,10 +148,10 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
138
148
|
element: {
|
139
149
|
clean: (element: HTMLElement) => void;
|
140
150
|
add: (element: HTMLElement) => void;
|
141
|
-
create: (tagName: string, dataType:
|
151
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
142
152
|
createText: () => HTMLParagraphElement;
|
143
153
|
createTextNode: (data: any) => Text;
|
144
|
-
createComponent: (componentName: string) =>
|
154
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
145
155
|
insert: {
|
146
156
|
text: (element: Node, text: string, offset: any) => void;
|
147
157
|
};
|
@@ -233,7 +243,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
233
243
|
content: () => {
|
234
244
|
sync: () => import("../models/EditorModels").FlowContent;
|
235
245
|
set: {
|
236
|
-
|
246
|
+
byObject: (content: import("../models/EditorModels").FlowContent) => void;
|
237
247
|
byString: (content: string) => void;
|
238
248
|
};
|
239
249
|
};
|
@@ -252,9 +262,9 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
252
262
|
remove: (dataType: string) => void;
|
253
263
|
};
|
254
264
|
element: () => {
|
255
|
-
createForComponent: (componentName: string) =>
|
265
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
256
266
|
createText: () => HTMLParagraphElement;
|
257
|
-
create: (tagName: string, dataType:
|
267
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
258
268
|
createTextNode: (data: any) => Text;
|
259
269
|
add: (element: HTMLElement) => void;
|
260
270
|
};
|
@@ -290,10 +300,10 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
290
300
|
element: {
|
291
301
|
clean: (element: HTMLElement) => void;
|
292
302
|
add: (element: HTMLElement) => void;
|
293
|
-
create: (tagName: string, dataType:
|
303
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
294
304
|
createText: () => HTMLParagraphElement;
|
295
305
|
createTextNode: (data: any) => Text;
|
296
|
-
createComponent: (componentName: string) =>
|
306
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
297
307
|
insert: {
|
298
308
|
text: (element: Node, text: string, offset: any) => void;
|
299
309
|
};
|
@@ -354,7 +364,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
354
364
|
plugins: import("../models/EditorPlugin").FlowEditorPlugin[];
|
355
365
|
content: {
|
356
366
|
isEmpty: () => boolean;
|
357
|
-
|
367
|
+
asObject: () => import("../models/EditorModels").FlowContent;
|
358
368
|
asString: () => string;
|
359
369
|
};
|
360
370
|
selection: {
|
@@ -389,6 +399,11 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
389
399
|
pluginContext: import("../models/EditorPlugin").FlowEditorPluginContext;
|
390
400
|
selectedRange: Range;
|
391
401
|
showPlaceHolder: boolean;
|
402
|
+
definitionSelector: {
|
403
|
+
show: boolean;
|
404
|
+
categoryFilters: guid[];
|
405
|
+
rendererTypeFilters: guid[];
|
406
|
+
};
|
392
407
|
};
|
393
408
|
events: {
|
394
409
|
onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").FlowContent>;
|
@@ -404,6 +419,11 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
404
419
|
onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").FlowEditorPluginContext>;
|
405
420
|
onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
|
406
421
|
onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
|
422
|
+
onMutatedDefinitionSelector: import("@omnia/fx").MessageBusExposeOnlySubscription<{
|
423
|
+
show: boolean;
|
424
|
+
categoryFilters: guid[];
|
425
|
+
rendererTypeFilters: guid[];
|
426
|
+
}>;
|
407
427
|
} & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
|
408
428
|
actions: {
|
409
429
|
onDispatching: {
|
@@ -443,7 +463,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
443
463
|
subscribe(fn: (result: {
|
444
464
|
sync: () => import("../models/EditorModels").FlowContent;
|
445
465
|
set: {
|
446
|
-
|
466
|
+
byObject: (content: import("../models/EditorModels").FlowContent) => void;
|
447
467
|
byString: (content: string) => void;
|
448
468
|
};
|
449
469
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -470,9 +490,9 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
470
490
|
};
|
471
491
|
element: {
|
472
492
|
subscribe(fn: (result: {
|
473
|
-
createForComponent: (componentName: string) =>
|
493
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
474
494
|
createText: () => HTMLParagraphElement;
|
475
|
-
create: (tagName: string, dataType:
|
495
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
476
496
|
createTextNode: (data: any) => Text;
|
477
497
|
add: (element: HTMLElement) => void;
|
478
498
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -510,10 +530,10 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
510
530
|
element: {
|
511
531
|
clean: (element: HTMLElement) => void;
|
512
532
|
add: (element: HTMLElement) => void;
|
513
|
-
create: (tagName: string, dataType:
|
533
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
514
534
|
createText: () => HTMLParagraphElement;
|
515
535
|
createTextNode: (data: any) => Text;
|
516
|
-
createComponent: (componentName: string) =>
|
536
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
517
537
|
insert: {
|
518
538
|
text: (element: Node, text: string, offset: any) => void;
|
519
539
|
};
|
@@ -605,7 +625,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
605
625
|
content: () => {
|
606
626
|
sync: () => import("../models/EditorModels").FlowContent;
|
607
627
|
set: {
|
608
|
-
|
628
|
+
byObject: (content: import("../models/EditorModels").FlowContent) => void;
|
609
629
|
byString: (content: string) => void;
|
610
630
|
};
|
611
631
|
};
|
@@ -624,9 +644,9 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
624
644
|
remove: (dataType: string) => void;
|
625
645
|
};
|
626
646
|
element: () => {
|
627
|
-
createForComponent: (componentName: string) =>
|
647
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
628
648
|
createText: () => HTMLParagraphElement;
|
629
|
-
create: (tagName: string, dataType:
|
649
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
630
650
|
createTextNode: (data: any) => Text;
|
631
651
|
add: (element: HTMLElement) => void;
|
632
652
|
};
|
@@ -662,10 +682,10 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
662
682
|
element: {
|
663
683
|
clean: (element: HTMLElement) => void;
|
664
684
|
add: (element: HTMLElement) => void;
|
665
|
-
create: (tagName: string, dataType:
|
685
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
666
686
|
createText: () => HTMLParagraphElement;
|
667
687
|
createTextNode: (data: any) => Text;
|
668
|
-
createComponent: (componentName: string) =>
|
688
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
669
689
|
insert: {
|
670
690
|
text: (element: Node, text: string, offset: any) => void;
|
671
691
|
};
|
@@ -726,7 +746,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
726
746
|
plugins: import("../models/EditorPlugin").FlowEditorPlugin[];
|
727
747
|
content: {
|
728
748
|
isEmpty: () => boolean;
|
729
|
-
|
749
|
+
asObject: () => import("../models/EditorModels").FlowContent;
|
730
750
|
asString: () => string;
|
731
751
|
};
|
732
752
|
selection: {
|
@@ -769,6 +789,11 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
769
789
|
pluginContext: import("../models/EditorPlugin").FlowEditorPluginContext;
|
770
790
|
selectedRange: Range;
|
771
791
|
showPlaceHolder: boolean;
|
792
|
+
definitionSelector: {
|
793
|
+
show: boolean;
|
794
|
+
categoryFilters: guid[];
|
795
|
+
rendererTypeFilters: guid[];
|
796
|
+
};
|
772
797
|
};
|
773
798
|
events: {
|
774
799
|
onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").FlowContent>;
|
@@ -784,6 +809,11 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
784
809
|
onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").FlowEditorPluginContext>;
|
785
810
|
onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
|
786
811
|
onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
|
812
|
+
onMutatedDefinitionSelector: import("@omnia/fx").MessageBusExposeOnlySubscription<{
|
813
|
+
show: boolean;
|
814
|
+
categoryFilters: guid[];
|
815
|
+
rendererTypeFilters: guid[];
|
816
|
+
}>;
|
787
817
|
} & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
|
788
818
|
actions: {
|
789
819
|
onDispatching: {
|
@@ -823,7 +853,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
823
853
|
subscribe(fn: (result: {
|
824
854
|
sync: () => import("../models/EditorModels").FlowContent;
|
825
855
|
set: {
|
826
|
-
|
856
|
+
byObject: (content: import("../models/EditorModels").FlowContent) => void;
|
827
857
|
byString: (content: string) => void;
|
828
858
|
};
|
829
859
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -850,9 +880,9 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
850
880
|
};
|
851
881
|
element: {
|
852
882
|
subscribe(fn: (result: {
|
853
|
-
createForComponent: (componentName: string) =>
|
883
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
854
884
|
createText: () => HTMLParagraphElement;
|
855
|
-
create: (tagName: string, dataType:
|
885
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
856
886
|
createTextNode: (data: any) => Text;
|
857
887
|
add: (element: HTMLElement) => void;
|
858
888
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -890,10 +920,10 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
890
920
|
element: {
|
891
921
|
clean: (element: HTMLElement) => void;
|
892
922
|
add: (element: HTMLElement) => void;
|
893
|
-
create: (tagName: string, dataType:
|
923
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
894
924
|
createText: () => HTMLParagraphElement;
|
895
925
|
createTextNode: (data: any) => Text;
|
896
|
-
createComponent: (componentName: string) =>
|
926
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
897
927
|
insert: {
|
898
928
|
text: (element: Node, text: string, offset: any) => void;
|
899
929
|
};
|
@@ -985,7 +1015,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
985
1015
|
content: () => {
|
986
1016
|
sync: () => import("../models/EditorModels").FlowContent;
|
987
1017
|
set: {
|
988
|
-
|
1018
|
+
byObject: (content: import("../models/EditorModels").FlowContent) => void;
|
989
1019
|
byString: (content: string) => void;
|
990
1020
|
};
|
991
1021
|
};
|
@@ -1004,9 +1034,9 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1004
1034
|
remove: (dataType: string) => void;
|
1005
1035
|
};
|
1006
1036
|
element: () => {
|
1007
|
-
createForComponent: (componentName: string) =>
|
1037
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
1008
1038
|
createText: () => HTMLParagraphElement;
|
1009
|
-
create: (tagName: string, dataType:
|
1039
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
1010
1040
|
createTextNode: (data: any) => Text;
|
1011
1041
|
add: (element: HTMLElement) => void;
|
1012
1042
|
};
|
@@ -1042,10 +1072,10 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1042
1072
|
element: {
|
1043
1073
|
clean: (element: HTMLElement) => void;
|
1044
1074
|
add: (element: HTMLElement) => void;
|
1045
|
-
create: (tagName: string, dataType:
|
1075
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
1046
1076
|
createText: () => HTMLParagraphElement;
|
1047
1077
|
createTextNode: (data: any) => Text;
|
1048
|
-
createComponent: (componentName: string) =>
|
1078
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
1049
1079
|
insert: {
|
1050
1080
|
text: (element: Node, text: string, offset: any) => void;
|
1051
1081
|
};
|
@@ -1106,7 +1136,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1106
1136
|
plugins: import("../models/EditorPlugin").FlowEditorPlugin[];
|
1107
1137
|
content: {
|
1108
1138
|
isEmpty: () => boolean;
|
1109
|
-
|
1139
|
+
asObject: () => import("../models/EditorModels").FlowContent;
|
1110
1140
|
asString: () => string;
|
1111
1141
|
};
|
1112
1142
|
selection: {
|
@@ -1149,6 +1179,11 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1149
1179
|
pluginContext: import("../models/EditorPlugin").FlowEditorPluginContext;
|
1150
1180
|
selectedRange: Range;
|
1151
1181
|
showPlaceHolder: boolean;
|
1182
|
+
definitionSelector: {
|
1183
|
+
show: boolean;
|
1184
|
+
categoryFilters: guid[];
|
1185
|
+
rendererTypeFilters: guid[];
|
1186
|
+
};
|
1152
1187
|
};
|
1153
1188
|
events: {
|
1154
1189
|
onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").FlowContent>;
|
@@ -1164,6 +1199,11 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1164
1199
|
onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").FlowEditorPluginContext>;
|
1165
1200
|
onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
|
1166
1201
|
onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
|
1202
|
+
onMutatedDefinitionSelector: import("@omnia/fx").MessageBusExposeOnlySubscription<{
|
1203
|
+
show: boolean;
|
1204
|
+
categoryFilters: guid[];
|
1205
|
+
rendererTypeFilters: guid[];
|
1206
|
+
}>;
|
1167
1207
|
} & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
|
1168
1208
|
actions: {
|
1169
1209
|
onDispatching: {
|
@@ -1203,7 +1243,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1203
1243
|
subscribe(fn: (result: {
|
1204
1244
|
sync: () => import("../models/EditorModels").FlowContent;
|
1205
1245
|
set: {
|
1206
|
-
|
1246
|
+
byObject: (content: import("../models/EditorModels").FlowContent) => void;
|
1207
1247
|
byString: (content: string) => void;
|
1208
1248
|
};
|
1209
1249
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -1230,9 +1270,9 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1230
1270
|
};
|
1231
1271
|
element: {
|
1232
1272
|
subscribe(fn: (result: {
|
1233
|
-
createForComponent: (componentName: string) =>
|
1273
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
1234
1274
|
createText: () => HTMLParagraphElement;
|
1235
|
-
create: (tagName: string, dataType:
|
1275
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
1236
1276
|
createTextNode: (data: any) => Text;
|
1237
1277
|
add: (element: HTMLElement) => void;
|
1238
1278
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -1270,10 +1310,10 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1270
1310
|
element: {
|
1271
1311
|
clean: (element: HTMLElement) => void;
|
1272
1312
|
add: (element: HTMLElement) => void;
|
1273
|
-
create: (tagName: string, dataType:
|
1313
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
1274
1314
|
createText: () => HTMLParagraphElement;
|
1275
1315
|
createTextNode: (data: any) => Text;
|
1276
|
-
createComponent: (componentName: string) =>
|
1316
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
1277
1317
|
insert: {
|
1278
1318
|
text: (element: Node, text: string, offset: any) => void;
|
1279
1319
|
};
|
@@ -1365,7 +1405,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1365
1405
|
content: () => {
|
1366
1406
|
sync: () => import("../models/EditorModels").FlowContent;
|
1367
1407
|
set: {
|
1368
|
-
|
1408
|
+
byObject: (content: import("../models/EditorModels").FlowContent) => void;
|
1369
1409
|
byString: (content: string) => void;
|
1370
1410
|
};
|
1371
1411
|
};
|
@@ -1384,9 +1424,9 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1384
1424
|
remove: (dataType: string) => void;
|
1385
1425
|
};
|
1386
1426
|
element: () => {
|
1387
|
-
createForComponent: (componentName: string) =>
|
1427
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
1388
1428
|
createText: () => HTMLParagraphElement;
|
1389
|
-
create: (tagName: string, dataType:
|
1429
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
1390
1430
|
createTextNode: (data: any) => Text;
|
1391
1431
|
add: (element: HTMLElement) => void;
|
1392
1432
|
};
|
@@ -1422,10 +1462,10 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1422
1462
|
element: {
|
1423
1463
|
clean: (element: HTMLElement) => void;
|
1424
1464
|
add: (element: HTMLElement) => void;
|
1425
|
-
create: (tagName: string, dataType:
|
1465
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
1426
1466
|
createText: () => HTMLParagraphElement;
|
1427
1467
|
createTextNode: (data: any) => Text;
|
1428
|
-
createComponent: (componentName: string) =>
|
1468
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
1429
1469
|
insert: {
|
1430
1470
|
text: (element: Node, text: string, offset: any) => void;
|
1431
1471
|
};
|
@@ -1486,7 +1526,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1486
1526
|
plugins: import("../models/EditorPlugin").FlowEditorPlugin[];
|
1487
1527
|
content: {
|
1488
1528
|
isEmpty: () => boolean;
|
1489
|
-
|
1529
|
+
asObject: () => import("../models/EditorModels").FlowContent;
|
1490
1530
|
asString: () => string;
|
1491
1531
|
};
|
1492
1532
|
selection: {
|
@@ -1529,6 +1569,11 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1529
1569
|
pluginContext: import("../models/EditorPlugin").FlowEditorPluginContext;
|
1530
1570
|
selectedRange: Range;
|
1531
1571
|
showPlaceHolder: boolean;
|
1572
|
+
definitionSelector: {
|
1573
|
+
show: boolean;
|
1574
|
+
categoryFilters: guid[];
|
1575
|
+
rendererTypeFilters: guid[];
|
1576
|
+
};
|
1532
1577
|
};
|
1533
1578
|
events: {
|
1534
1579
|
onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").FlowContent>;
|
@@ -1544,6 +1589,11 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1544
1589
|
onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").FlowEditorPluginContext>;
|
1545
1590
|
onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
|
1546
1591
|
onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
|
1592
|
+
onMutatedDefinitionSelector: import("@omnia/fx").MessageBusExposeOnlySubscription<{
|
1593
|
+
show: boolean;
|
1594
|
+
categoryFilters: guid[];
|
1595
|
+
rendererTypeFilters: guid[];
|
1596
|
+
}>;
|
1547
1597
|
} & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
|
1548
1598
|
actions: {
|
1549
1599
|
onDispatching: {
|
@@ -1583,7 +1633,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1583
1633
|
subscribe(fn: (result: {
|
1584
1634
|
sync: () => import("../models/EditorModels").FlowContent;
|
1585
1635
|
set: {
|
1586
|
-
|
1636
|
+
byObject: (content: import("../models/EditorModels").FlowContent) => void;
|
1587
1637
|
byString: (content: string) => void;
|
1588
1638
|
};
|
1589
1639
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -1610,9 +1660,9 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1610
1660
|
};
|
1611
1661
|
element: {
|
1612
1662
|
subscribe(fn: (result: {
|
1613
|
-
createForComponent: (componentName: string) =>
|
1663
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
1614
1664
|
createText: () => HTMLParagraphElement;
|
1615
|
-
create: (tagName: string, dataType:
|
1665
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
1616
1666
|
createTextNode: (data: any) => Text;
|
1617
1667
|
add: (element: HTMLElement) => void;
|
1618
1668
|
}) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
@@ -1650,10 +1700,10 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1650
1700
|
element: {
|
1651
1701
|
clean: (element: HTMLElement) => void;
|
1652
1702
|
add: (element: HTMLElement) => void;
|
1653
|
-
create: (tagName: string, dataType:
|
1703
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
1654
1704
|
createText: () => HTMLParagraphElement;
|
1655
1705
|
createTextNode: (data: any) => Text;
|
1656
|
-
createComponent: (componentName: string) =>
|
1706
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
1657
1707
|
insert: {
|
1658
1708
|
text: (element: Node, text: string, offset: any) => void;
|
1659
1709
|
};
|
@@ -1745,7 +1795,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1745
1795
|
content: () => {
|
1746
1796
|
sync: () => import("../models/EditorModels").FlowContent;
|
1747
1797
|
set: {
|
1748
|
-
|
1798
|
+
byObject: (content: import("../models/EditorModels").FlowContent) => void;
|
1749
1799
|
byString: (content: string) => void;
|
1750
1800
|
};
|
1751
1801
|
};
|
@@ -1764,9 +1814,9 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1764
1814
|
remove: (dataType: string) => void;
|
1765
1815
|
};
|
1766
1816
|
element: () => {
|
1767
|
-
createForComponent: (componentName: string) =>
|
1817
|
+
createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
1768
1818
|
createText: () => HTMLParagraphElement;
|
1769
|
-
create: (tagName: string, dataType:
|
1819
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
1770
1820
|
createTextNode: (data: any) => Text;
|
1771
1821
|
add: (element: HTMLElement) => void;
|
1772
1822
|
};
|
@@ -1802,10 +1852,10 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1802
1852
|
element: {
|
1803
1853
|
clean: (element: HTMLElement) => void;
|
1804
1854
|
add: (element: HTMLElement) => void;
|
1805
|
-
create: (tagName: string, dataType:
|
1855
|
+
create: (tagName: string, dataType: string) => HTMLElement;
|
1806
1856
|
createText: () => HTMLParagraphElement;
|
1807
1857
|
createTextNode: (data: any) => Text;
|
1808
|
-
createComponent: (componentName: string) =>
|
1858
|
+
createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
|
1809
1859
|
insert: {
|
1810
1860
|
text: (element: Node, text: string, offset: any) => void;
|
1811
1861
|
};
|
@@ -1866,7 +1916,7 @@ export declare const useFlowEditorToolbarStore: () => {
|
|
1866
1916
|
plugins: import("../models/EditorPlugin").FlowEditorPlugin[];
|
1867
1917
|
content: {
|
1868
1918
|
isEmpty: () => boolean;
|
1869
|
-
|
1919
|
+
asObject: () => import("../models/EditorModels").FlowContent;
|
1870
1920
|
asString: () => string;
|
1871
1921
|
};
|
1872
1922
|
selection: {
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from "./JourneyRouter";
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ValidationRule } from "@omnia/fx/ux";
|
2
|
-
import { ColorValue } from "@omnia/fx/models";
|
2
|
+
import { ColorValue, TextBlueprint } from "@omnia/fx/models";
|
3
3
|
import { VNodeChild } from "vue";
|
4
4
|
export declare const OTextBoxVariantTypeDefinitions: readonly ["default", "search", "find-slim", "link", "media"];
|
5
5
|
export type OTextBoxVariantTypes = typeof OTextBoxVariantTypeDefinitions[number];
|
6
6
|
export declare const InputTypeDefinitions: readonly ["text", "password", "number"];
|
7
7
|
export type InputTypes = typeof InputTypeDefinitions[number];
|
8
|
-
type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextBoxVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
|
8
|
+
type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextBoxVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
|
9
9
|
type NumberInputProps = DefineVModel<"", number, false, null, false, "The v-model value of the component."> & DefineProp<"max", number, false, null, "The max value."> & DefineProp<"min", number, false, null, "The min value."> & DefineProp<"step", number, false, null, "incremental steps for adjusting the numeric value."> & BaseProps;
|
10
10
|
type TextInputProps = DefineVModel<"", string, false, null, false, "The v-model value of the component."> & DefineProp<"suffix", string, false, null, "The suffix text of the text field."> & DefineProp<"prefix", string, false, null, "The prefix text of the text field."> & DefineProp<"clearable", boolean, false, false, "Adds a clear button when the text field is not empty."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & BaseProps;
|
11
11
|
declare const _default: <TType extends "text" | "number" | "password" = "text">(props: import("@omnia/fx/ux").ConstructComponentProps<{
|
@@ -1,5 +1,7 @@
|
|
1
|
-
import { BoxDimensions } from "@omnia/fx-models";
|
1
|
+
import { BoxDimensions, TextBlueprint } from "@omnia/fx-models";
|
2
|
+
import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
|
2
3
|
export declare const TextFieldStyles: {
|
4
|
+
textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
|
3
5
|
generalField: (textColor: string, rounded: BoxDimensions, fixTextFiled: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
|
4
6
|
hint: (color: string) => Readonly<import("@omnia/fx/ux").StylexType>;
|
5
7
|
iconButtonWrapper: import("@omnia/fx/ux").StylexType;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { DefineEmit, DefineProp, DefinePropTheming, DefineVModel, ValidationRule } from "@omnia/fx/ux";
|
2
|
-
import { ColorValue } from "@omnia/fx-models";
|
2
|
+
import { ColorValue, TextBlueprint } from "@omnia/fx-models";
|
3
3
|
declare const emptyRules: any[];
|
4
|
-
type TextAreaProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", string, false, null, true, "The v-model of the component"> & DefineProp<"hint", string, false, null, "Displays hint text below the input when focused. Force this always open with the persistentHint property."> & DefineProp<"toned", boolean, false, null> & DefineProp<"persistentHint", boolean, false, false, "Forces hint to always be visible."> & DefineProp<"label", string, false, null, "The label of the text area."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"rules", ValidationRule[], false, typeof emptyRules, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & DefineProp<"readonly", boolean, false, false, "Puts input in readonly state."> & DefineProp<"autoGrow", boolean, false, false, "Automatically grows textarea to fit its content."> & DefineProp<"rows", number, false, 5, "Default row count."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for textarea."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", (value: boolean) => void>;
|
4
|
+
type TextAreaProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", string, false, null, true, "The v-model of the component"> & DefineProp<"hint", string, false, null, "Displays hint text below the input when focused. Force this always open with the persistentHint property."> & DefineProp<"toned", boolean, false, null> & DefineProp<"persistentHint", boolean, false, false, "Forces hint to always be visible."> & DefineProp<"label", string, false, null, "The label of the text area."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"rules", ValidationRule[], false, typeof emptyRules, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & DefineProp<"readonly", boolean, false, false, "Puts input in readonly state."> & DefineProp<"autoGrow", boolean, false, false, "Automatically grows textarea to fit its content."> & DefineProp<"rows", number, false, 5, "Default row count."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for textarea."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", (value: boolean) => void>;
|
5
5
|
declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<TextAreaProps>) => any;
|
6
6
|
export default _default;
|
@@ -1,3 +1,6 @@
|
|
1
|
+
import { TextBlueprint } from "@omnia/fx-models";
|
2
|
+
import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
|
1
3
|
export declare const TextAreaStyles: {
|
4
|
+
textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
|
2
5
|
generalField: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
|
3
6
|
};
|
@@ -580,9 +580,9 @@ declare const _default: {
|
|
580
580
|
activator?: () => VNodeChild;
|
581
581
|
};
|
582
582
|
variant?: Variant;
|
583
|
-
allowEdit?: boolean;
|
584
583
|
categoryFilters?: guid[];
|
585
584
|
renderTypeFilters?: guid[];
|
585
|
+
allowEdit?: boolean;
|
586
586
|
previewState?: VelcronState;
|
587
587
|
exclusions?: guid[];
|
588
588
|
allowBuiltIn?: boolean;
|
@@ -1,15 +1,15 @@
|
|
1
|
-
import {
|
1
|
+
import { VelcronRendererId } from "@omnia/fx-models";
|
2
2
|
export declare const velcronDefinitionIds: {
|
3
3
|
content: {
|
4
|
-
image:
|
5
|
-
imageLeftText:
|
6
|
-
imageRightText:
|
7
|
-
quote:
|
8
|
-
text:
|
4
|
+
image: VelcronRendererId;
|
5
|
+
imageLeftText: VelcronRendererId;
|
6
|
+
imageRightText: VelcronRendererId;
|
7
|
+
quote: VelcronRendererId;
|
8
|
+
text: VelcronRendererId;
|
9
9
|
};
|
10
10
|
social: {
|
11
|
-
image:
|
12
|
-
text:
|
13
|
-
praise:
|
11
|
+
image: VelcronRendererId;
|
12
|
+
text: VelcronRendererId;
|
13
|
+
praise: VelcronRendererId;
|
14
14
|
};
|
15
15
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { DynamicState, VelcronDefinitionCategoryRegistration, VelcronDefinitionRegistration, VelcronDefinitionRegistrationWithoutApp, VelcronDefinitionRendererTypeRegistration, VelcronRendererResolverReference, guid } from "@omnia/fx-models";
|
1
|
+
import { DynamicState, VelcronAppDefinition, VelcronDefinitionCategoryRegistration, VelcronDefinitionRegistration, VelcronDefinitionRegistrationWithoutApp, VelcronDefinitionRendererTypeRegistration, VelcronRendererResolverReference, guid } from "@omnia/fx-models";
|
2
2
|
export declare const useVelcronDefinitionStore: () => {
|
3
3
|
state: {
|
4
4
|
definitions: VelcronDefinitionRegistration<object>[];
|
@@ -6,8 +6,19 @@ export declare const useVelcronDefinitionStore: () => {
|
|
6
6
|
rendererTypes: VelcronDefinitionRendererTypeRegistration[];
|
7
7
|
};
|
8
8
|
get: {
|
9
|
-
|
10
|
-
|
9
|
+
/**
|
10
|
+
* Retrieves a cloned fresh velcron app definition object.
|
11
|
+
* @param {VelcronDefinitionRegistration | VelcronDefinitionRegistrationWithoutApp} registration - The registration object used to find the app definition.
|
12
|
+
* @returns {any | null} A clone of the app definition if found, otherwise `null`.
|
13
|
+
*/
|
14
|
+
appDefinition(registration: VelcronDefinitionRegistration | VelcronDefinitionRegistrationWithoutApp): VelcronAppDefinition<object>;
|
15
|
+
/**
|
16
|
+
* Finds a Velcron definition registration by its id. to Return the app definition use get.appDefinition function
|
17
|
+
* @template TState
|
18
|
+
* @param {guid} id - The unique identifier of the definition to find.
|
19
|
+
* @returns {VelcronDefinitionRegistrationWithoutApp | undefined} The Velcron definition registration without app definition, or `undefined` if not found.
|
20
|
+
*/
|
21
|
+
byId(id: guid): VelcronDefinitionRegistrationWithoutApp;
|
11
22
|
byFilters(categoryFilters: Array<guid>, rendererTypeFilters: Array<guid>, includeBuiltIn?: boolean): VelcronDefinitionRegistration<object>[];
|
12
23
|
readonly categories: VelcronDefinitionCategoryRegistration[];
|
13
24
|
filteredCategories(filters: Array<guid>, rendererTypeFilters: Array<guid>, includeBuiltIn?: boolean): VelcronDefinitionCategoryRegistration[];
|
@@ -22,6 +33,9 @@ export declare const useVelcronDefinitionStore: () => {
|
|
22
33
|
loadAll: {
|
23
34
|
subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
24
35
|
};
|
36
|
+
ensureApp: {
|
37
|
+
subscribe(fn: (def: VelcronRendererResolverReference | VelcronAppDefinition<object> | VelcronDefinitionRegistration<object> | VelcronDefinitionRegistrationWithoutApp, stateToMerge?: object, mergeState?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
38
|
+
};
|
25
39
|
ensureByReference: {
|
26
40
|
subscribe(fn: (reference: VelcronRendererResolverReference) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
27
41
|
};
|
@@ -48,6 +62,12 @@ export declare const useVelcronDefinitionStore: () => {
|
|
48
62
|
loadAll: {
|
49
63
|
subscribe(fn: (result: [void, void, void]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
50
64
|
};
|
65
|
+
ensureApp: {
|
66
|
+
subscribe(fn: (result: {
|
67
|
+
definition: VelcronAppDefinition;
|
68
|
+
registration: VelcronDefinitionRegistrationWithoutApp;
|
69
|
+
}, def: VelcronRendererResolverReference | VelcronAppDefinition<object> | VelcronDefinitionRegistration<object> | VelcronDefinitionRegistrationWithoutApp, stateToMerge?: object, mergeState?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
70
|
+
};
|
51
71
|
ensureByReference: {
|
52
72
|
subscribe(fn: (result: VelcronDefinitionRegistrationWithoutApp, reference: VelcronRendererResolverReference) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
53
73
|
};
|
@@ -74,6 +94,9 @@ export declare const useVelcronDefinitionStore: () => {
|
|
74
94
|
loadAll: {
|
75
95
|
subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
76
96
|
};
|
97
|
+
ensureApp: {
|
98
|
+
subscribe(fn: (failureReason: any, def: VelcronRendererResolverReference | VelcronAppDefinition<object> | VelcronDefinitionRegistration<object> | VelcronDefinitionRegistrationWithoutApp, stateToMerge?: object, mergeState?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
99
|
+
};
|
77
100
|
ensureByReference: {
|
78
101
|
subscribe(fn: (failureReason: any, reference: VelcronRendererResolverReference) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
79
102
|
};
|
@@ -95,7 +118,38 @@ export declare const useVelcronDefinitionStore: () => {
|
|
95
118
|
};
|
96
119
|
} & {
|
97
120
|
addDefinition(registration: VelcronDefinitionRegistration): void;
|
121
|
+
/**
|
122
|
+
* Loads all definitions including categories, custom definitions, and provider definitions.
|
123
|
+
*
|
124
|
+
* **Note:** This method triggers the load of all available definitions and should only be used in scenarios where the complete set of definitions is required, such as during editing.
|
125
|
+
*
|
126
|
+
* For more targeted operations, where only a specific `AppDefinition` is needed, use the `ensureApp` function instead.
|
127
|
+
*
|
128
|
+
* @returns A Promise that resolves when all definitions have been loaded successfully.
|
129
|
+
*/
|
98
130
|
loadAll(): Promise<[void, void, void]>;
|
131
|
+
/**
|
132
|
+
* Ensures that a Velcron app definition is available and optionally merges state data from either:
|
133
|
+
* 1. The `VelcronRendererResolverReference` if it is provided.
|
134
|
+
* 2. The provided `stateToMerge` object.
|
135
|
+
*
|
136
|
+
* @param def - The definition or reference for the application to ensure. This can be one of:
|
137
|
+
* - `VelcronAppDefinition`: If an app definition is already provided, it will simply return it.
|
138
|
+
* - `VelcronDefinitionRegistration`: A complete registration including the app.
|
139
|
+
* - `VelcronDefinitionRegistrationWithoutApp`: A registration without the app instance.
|
140
|
+
* - `VelcronRendererResolverReference`: A reference resolver to obtain the registration.
|
141
|
+
* @param stateToMerge - An optional state object to merge into the existing application definition state. Defaults to `null`.
|
142
|
+
* @param mergeState - A boolean flag indicating whether to merge state data. It will first attempt to merge from the provided definition (`def`), and if not available, it will use the `stateToMerge` object. Default is `true`.
|
143
|
+
*
|
144
|
+
* @returns A Promise that resolves to an object containing:
|
145
|
+
* - `definition`: The ensured `VelcronAppDefinition`.
|
146
|
+
* - `registration`: The corresponding `VelcronDefinitionRegistrationWithoutApp`. If the `def` was already a `VelcronAppDefinition`, this will be `null`.
|
147
|
+
* Returns `null` if the registration could not be ensured.
|
148
|
+
*/
|
149
|
+
ensureApp(def: VelcronAppDefinition | VelcronDefinitionRegistration | VelcronDefinitionRegistrationWithoutApp | VelcronRendererResolverReference, stateToMerge?: DynamicState, mergeState?: boolean): Promise<{
|
150
|
+
definition: VelcronAppDefinition;
|
151
|
+
registration: VelcronDefinitionRegistrationWithoutApp;
|
152
|
+
}>;
|
99
153
|
ensureByReference(reference: VelcronRendererResolverReference): Promise<VelcronDefinitionRegistrationWithoutApp>;
|
100
154
|
ensureCustomDefinitions(): Promise<void>;
|
101
155
|
ensureProviderDefinitions(): Promise<void>;
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@omnia/fx",
|
3
3
|
"license": "MIT",
|
4
|
-
"version": "8.0.
|
4
|
+
"version": "8.0.268-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.
|
23
|
+
"@omnia/fx-models": "8.0.268-dev",
|
24
24
|
"@microsoft/signalr": "6.0.1",
|
25
25
|
"broadcast-channel": "4.8.0",
|
26
26
|
"dayjs": "1.11.7",
|