@omnia/fx 8.0.263-dev → 8.0.265-dev

package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts

@@ -1,15 +1,17 @@
-import { guid, TypographySize, TypographySizes, TypographyType, TypographyDefinition, TypographyTypes, BlueprintVariant, TypographyBlueprint } from "@omnia/fx-models";
+import { guid, TypographySize, TypographySizes, TypographyType, TypographyDefinition, TypographyTypes, BlueprintVariant, TypographyBlueprint, TypographyFontDefinition } from "@omnia/fx-models";
 import { useThemeStoreV2 } from "./ThemeStoreV2";
 export declare const useTypographyBlueprintStore: () => {
     state: {
         blueprint: TypographyBlueprint;
         blueprintType: BlueprintVariant;
         id: guid;
+        availableFonts: TypographyFontDefinition[];
     };
     events: {
         onMutatedBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<TypographyBlueprint>;
         onMutatedBlueprintType: import("@omnia/fx").MessageBusExposeOnlySubscription<BlueprintVariant>;
         onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<guid>;
+        onMutatedAvailableFonts: import("@omnia/fx").MessageBusExposeOnlySubscription<TypographyFontDefinition[]>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching: {
@@ -692,9 +694,7 @@ export declare const useTypographyBlueprintStore: () => {
                         primary: {
                             name: string;
                             font?: {
-                                id: guid;
                                 family: string;
-                                cdn?: string;
                             };
                             fills?: {
                                 variant1?: {
@@ -767,6 +767,9 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 l: {
                                     decoration?: string;
@@ -785,6 +788,9 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 m: {
                                     decoration?: string;
@@ -803,6 +809,9 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 s: {
                                     decoration?: string;
@@ -821,6 +830,9 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 xs: {
                                     decoration?: string;
@@ -839,11 +851,12 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 font?: {
-                                    id: guid;
                                     family: string;
-                                    cdn?: string;
                                 };
                             };
                             text: {
@@ -864,6 +877,9 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 m: {
                                     decoration?: string;
@@ -882,6 +898,9 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 s: {
                                     decoration?: string;
@@ -900,6 +919,9 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 xs: {
                                     decoration?: string;
@@ -918,11 +940,12 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 font?: {
-                                    id: guid;
                                     family: string;
-                                    cdn?: string;
                                 };
                             };
                             navigation: {
@@ -943,6 +966,9 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 m: {
                                     decoration?: string;
@@ -961,11 +987,12 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 font?: {
-                                    id: guid;
                                     family: string;
-                                    cdn?: string;
                                 };
                             };
                             link: {
@@ -986,11 +1013,12 @@ export declare const useTypographyBlueprintStore: () => {
                                         size: number;
                                         lineHeight: number;
                                     };
+                                    font?: {
+                                        family: string;
+                                    };
                                 };
                                 font?: {
-                                    id: guid;
                                     family: string;
-                                    cdn?: string;
                                 };
                             };
                         };
@@ -1131,6 +1159,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -1275,6 +1306,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -1419,6 +1453,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -1563,6 +1600,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -1707,6 +1747,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -1851,6 +1894,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -1995,6 +2041,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -2139,6 +2188,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -2283,6 +2335,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -2429,6 +2484,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -2573,6 +2631,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -2717,6 +2778,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -2861,6 +2925,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -3005,6 +3072,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -3149,6 +3219,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -3293,6 +3366,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -3437,6 +3513,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -3581,6 +3660,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -3747,6 +3829,9 @@ export declare const useTypographyBlueprintStore: () => {
                                             size: number;
                                             lineHeight: number;
                                         };
+                                        font?: {
+                                            family: string;
+                                        };
                                     } | {
                                         type: TypographyType;
                                         size: TypographySize;
@@ -3885,6 +3970,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -4107,6 +4195,9 @@ export declare const useTypographyBlueprintStore: () => {
                                             size: number;
                                             lineHeight: number;
                                         };
+                                        font?: {
+                                            family: string;
+                                        };
                                     } | {
                                         type: TypographyType;
                                         size: TypographySize;
@@ -4245,6 +4336,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -4467,6 +4561,9 @@ export declare const useTypographyBlueprintStore: () => {
                                             size: number;
                                             lineHeight: number;
                                         };
+                                        font?: {
+                                            family: string;
+                                        };
                                     } | {
                                         type: TypographyType;
                                         size: TypographySize;
@@ -4605,6 +4702,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;
@@ -4827,6 +4927,9 @@ export declare const useTypographyBlueprintStore: () => {
                                             size: number;
                                             lineHeight: number;
                                         };
+                                        font?: {
+                                            family: string;
+                                        };
                                     } | {
                                         type: TypographyType;
                                         size: TypographySize;
@@ -4965,6 +5068,9 @@ export declare const useTypographyBlueprintStore: () => {
                                                 size: number;
                                                 lineHeight: number;
                                             };
+                                            font?: {
+                                                family: string;
+                                            };
                                         } | {
                                             type: TypographyType;
                                             size: TypographySize;

package/internal-do-not-import-from-here/ux/aurora/store/index.d.ts

@@ -6,3 +6,4 @@ export * from "./SpacingBlueprintStore";
 export * from "./TypographyBlueprintStore";
 export * from "./ComponentBlueprintStore";
 export * from "./TemplateRegistrationStore";
+export * from "./FontStore";

package/internal-do-not-import-from-here/ux/features/FeatureActivation.d.ts

@@ -5,19 +5,6 @@ export interface VDataGridHeader {
     text: string;
     align: string;
 }
-export interface VDataGridItemScopedSlot<TItem> {
-    item?: TItem;
-    selected?: boolean;
-    isGroupHeader?: boolean;
-    title?: string;
-    description?: string;
-    consentInformation?: string;
-    category?: string;
-    needConsent?: boolean;
-    isBusy?: boolean;
-    hasError?: boolean;
-    errorMsg?: string;
-}
 export interface IFeatureActivationProps {
     appInstanceId?: guid;
     handleClose: () => void;
@@ -26,6 +13,8 @@ export interface IFeatureActivationProps {
 }
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     appInstanceId?: guid;
+} & {
+    idTeleport?: guid;
 } & {
     targetResolverType?: string;
 } & DefineEmit<"handleFeatureAction", (action: string, featureId: guid) => true> & DefineEmit<"openConsentUrl", () => void>>) => any;

package/internal-do-not-import-from-here/ux/features/models/FeatureAction.d.ts

@@ -0,0 +1,3 @@
+export interface FeatureActionOutput {
+    renderActions: (handleConsentUrl: () => void) => JSX.Element;
+}

package/internal-do-not-import-from-here/ux/features/models/VDataGridItemScopedSlot.d.ts

@@ -0,0 +1,13 @@
+export interface VDataGridItemScopedSlot<TItem> {
+    item?: TItem;
+    selected?: boolean;
+    isGroupHeader?: boolean;
+    title?: string;
+    description?: string;
+    consentInformation?: string;
+    category?: string;
+    needConsent?: boolean;
+    isBusy?: boolean;
+    hasError?: boolean;
+    errorMsg?: string;
+}

package/internal-do-not-import-from-here/ux/features/models/index.d.ts

@@ -1,2 +1,4 @@
 export * from "./FeatureInstanceDetails";
 export * from "./RequiredAzureAdPermission";
+export * from "./VDataGridItemScopedSlot";
+export * from "./FeatureAction";

package/internal-do-not-import-from-here/ux/features/shared/FeatureActions.d.ts

@@ -0,0 +1,2 @@
+import { FeatureActionOutput } from "..";
+export declare function useFeatureAction(): FeatureActionOutput;

package/internal-do-not-import-from-here/ux/features/shared/index.d.ts

@@ -0,0 +1 @@
+export * from "./FeatureActions";

package/internal-do-not-import-from-here/ux/features/stores/FeatureJourneyStore.d.ts

@@ -1,6 +1,5 @@
 import { AppInstance, AppTemplate, AzurePermissionResource, FeatureInstance, guid, TargetResolverTypes } from "@omnia/fx-models";
-import { FeatureInstanceDetails, RequiredAzureAdPermission } from "..";
-import { VDataGridItemScopedSlot } from "../FeatureActivation";
+import { FeatureInstanceDetails, RequiredAzureAdPermission, VDataGridItemScopedSlot } from "..";
 export declare const useFeatureJourneyStore: () => {
     state: {
         targetResolverType: TargetResolverTypes;
@@ -156,7 +155,7 @@ export declare const useFeatureJourneyStore: () => {
         isLastRequiredPermissionFeature: (featureDeactivated: VDataGridItemScopedSlot<FeatureInstance>) => void;
     };
     get: {
-        isLoading: () => boolean;
+        isLoading(): boolean;
         getFeaturesByCategory(category: string): FeatureInstanceDetails<FeatureInstance>[];
         getConsentUrl(): string;
     };

package/internal-do-not-import-from-here/ux/{markdown2/MarkdownEditorFuture.d.ts → floweditor/FlowEditor.d.ts}

@@ -1,6 +1,6 @@
 import { DefineEmit } from "@omnia/fx/ux";
-import { useMarkdownStore } from "./stores/MarkdownStore";
-import { MarkdownPluginSettings } from "@omnia/fx-models";
+import { FlowEditorPluginSettings } from "@omnia/fx-models";
+import { useFlowEditorStore } from "./stores/FlowEditorStore";
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     "emit:update:modelValue": (value: string) => void;
 } & {
@@ -16,8 +16,8 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
 } & {
     edit?: boolean;
 } & {
-    getApi?: (store: ReturnType<typeof useMarkdownStore>) => void;
+    getApi?: (store: ReturnType<typeof useFlowEditorStore>) => void;
 } & {
-    plugins?: MarkdownPluginSettings[];
+    plugins?: FlowEditorPluginSettings[];
 } & DefineEmit<"update:modelValue", (value: string) => true>>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/floweditor/FlowEditorToolbar.css.d.ts

@@ -0,0 +1,6 @@
+export declare const FlowEditorToolbarStyles: {
+    wrapper: string;
+    divider: string;
+    show: string;
+    hide: string;
+};

package/internal-do-not-import-from-here/ux/floweditor/commands/EditorCommands.d.ts

@@ -0,0 +1,53 @@
+import { FlowContent, NodeSelection } from "../models/EditorModels";
+export type builtIndataTypes = "text" | "formatting";
+export declare function useEditorCommands(state: {
+    editor: HTMLDivElement;
+    selectedRange: Range;
+    maxNodeId: number;
+    editorContent: FlowContent;
+    nodeSelection: NodeSelection;
+}): {
+    selection: {
+        get: {
+            byDataType: (dataType: string) => import("../models/EditorModels").FlowNodeReference[];
+        };
+    };
+    actions: {
+        setSelection: () => void;
+    };
+    evenhandlers: {
+        backspace: () => void;
+        enter: () => void;
+    };
+    formatting: {
+        add: (element: HTMLElement) => void;
+        remove: (dataType: string | HTMLElement) => void;
+        has: (dataType: string | HTMLElement) => boolean;
+    };
+    element: {
+        add: (element: HTMLElement) => void;
+        create: (tagName: string, dataType: builtIndataTypes | string) => HTMLElement;
+        createText: () => HTMLParagraphElement;
+        createTextNode: (data: any) => Text;
+        createComponent: (componentName: string) => HTMLDivElement;
+    };
+    helpers: {
+        editor: {
+            storeCursorPosition: (state: {
+                selectedRange: Range;
+            }) => void;
+            ensureSelectionIsInEditor: (range: Range) => void;
+        };
+        editorNode: {
+            getTopNodeElementInEditor: (element: HTMLElement) => HTMLElement;
+            getNodesInArrayByDataType: (nodes: Array<import("../models/EditorModels").FlowNodeReference>, dataType: string) => Array<import("../models/EditorModels").FlowNodeReference>;
+        };
+        htmlNode: {
+            getNodeSelectionForRange: (range: Range) => NodeSelection;
+            removeNodes: (nodes2Remove: Array<import("../models/EditorModels").FlowNodeReference>, editor: HTMLElement) => void;
+            getHtmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
+            surroundSelectionWithElement: (element: HTMLElement, range: Range) => void;
+            surroundContents: (element: HTMLElement, range: Range) => void;
+        };
+    };
+};

package/internal-do-not-import-from-here/ux/floweditor/commands/helpers/EditorNodeHelper.d.ts

@@ -0,0 +1,5 @@
+import { FlowNodeReference } from "../../models/EditorModels";
+export declare function useEditorNodeHelper(): {
+    getTopNodeElementInEditor: (element: HTMLElement) => HTMLElement;
+    getNodesInArrayByDataType: (nodes: Array<FlowNodeReference>, dataType: string) => Array<FlowNodeReference>;
+};

package/internal-do-not-import-from-here/ux/floweditor/commands/helpers/HtmlNodehelper.d.ts

@@ -0,0 +1,9 @@
+import { FlowNodeReference, NodeSelection } from "../../models/EditorModels";
+export type builtIndataTypes = "text" | "formatting";
+export declare function useHtmlNodeHelper(): {
+    getNodeSelectionForRange: (range: Range) => NodeSelection;
+    removeNodes: (nodes2Remove: Array<FlowNodeReference>, editor: HTMLElement) => void;
+    getHtmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
+    surroundSelectionWithElement: (element: HTMLElement, range: Range) => void;
+    surroundContents: (element: HTMLElement, range: Range) => void;
+};

package/internal-do-not-import-from-here/ux/floweditor/models/EditorModels.d.ts

@@ -0,0 +1,21 @@
+export interface FlowContent {
+    version: string;
+    nodes: FlowNode[];
+}
+export interface FlowNode {
+    type: string;
+    children?: FlowNode[];
+}
+export interface FlowTextNode extends FlowNode {
+    value?: string;
+}
+export interface FlowNodeReference {
+    type: string;
+    id: number;
+    element: HTMLElement;
+}
+export interface NodeSelection {
+    commonAncestorContainer: FlowNodeReference;
+    formatters: FlowNodeReference[];
+    nodes: FlowNodeReference[];
+}

package/internal-do-not-import-from-here/ux/floweditor/models/EditorPlugin.d.ts

@@ -0,0 +1,30 @@
+import { FlowEditorActionRegistration } from "@omnia/fx-models";
+import { FlowNode } from "./EditorModels";
+import { useFlowEditorStore } from "../stores/FlowEditorStore";
+import { useFlowEditorToolbarStore } from "../stores/FlowEditorToolbarStore";
+export interface FlowEditorPlugin {
+    name: string;
+    commands?: object;
+    actions?: Array<FlowEditorActionRegistration>;
+}
+export interface FlowRenderingContext {
+    parentElement: HTMLElement;
+}
+export interface FlowToHtmlContext {
+    node: FlowNode;
+    pluginContext: FlowEditorPluginContext;
+    renderingContext: FlowRenderingContext;
+}
+export interface FlowToJsonContext {
+    element: HTMLElement;
+    parent: FlowNode;
+}
+export interface FlowEditorContentPlugin extends FlowEditorPlugin {
+    toJSON: (context: FlowToJsonContext) => FlowNode;
+    toHtml: (context: FlowToHtmlContext) => HTMLElement;
+}
+export interface FlowEditorPluginContext {
+    componentCreator?: (componentDef: any, props: {}, el: HTMLElement) => void;
+    editorStore: ReturnType<typeof useFlowEditorStore>;
+    toolbarStore: ReturnType<typeof useFlowEditorToolbarStore>;
+}