@omnia/fx 8.0.275-dev → 8.0.277-dev

package/internal-do-not-import-from-here/ux/flow/renderer/models/FlowRendererPluginHook.d.ts

@@ -0,0 +1,10 @@
+import { FlowNode } from "internal/fx/ux/models";
+import { FlowRendererPlugin } from "./FlowRendererPlugin";
+export interface FlowHookContext<TElementType extends HTMLElement = HTMLElement, TNodeType extends FlowNode = FlowNode> {
+    element: TElementType;
+    node: TNodeType;
+}
+export interface FlowRenderPluginHook extends FlowRendererPlugin {
+    subscription: string;
+    toHtmlHook: <TElementType extends HTMLElement = HTMLElement, TNodeType extends FlowNode = FlowNode>(context: FlowHookContext<TElementType, TNodeType>) => null;
+}

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

@@ -4,3 +4,4 @@ export * from "./FlowRendererContext";
 export * from "./FlowRendererPlugin";
 export * from "./FlowRendererPluginContext";
 export * from "./FlowRendererToHtmlContext";
+export * from "./FlowRendererPluginHook";

package/internal-do-not-import-from-here/ux/mediapickerproviders/unsplash/Handler.d.ts

@@ -0,0 +1,6 @@
+import { ImageItem } from "@omnia/fx-models";
+import { BaseProviderImageHandler } from "@omnia/fx/stores";
+export declare class UnsplashProviderHandler extends BaseProviderImageHandler {
+    private imageService;
+    search(searchText: string, offset?: number): Promise<ImageItem[]>;
+}

package/internal-do-not-import-from-here/ux/models/flow/SpacingFormatNode.d.ts

@@ -1,5 +1,5 @@
 import { Spacing } from "@omnia/fx-models";
 import { FlowNode } from "./FlowContent";
 export interface SpacingFormatNode extends FlowNode {
-    data: Spacing;
+    spacing: Spacing;
 }

package/internal-do-not-import-from-here/ux/models/flow/TextAlignNode.d.ts

@@ -1,5 +1,5 @@
 import { FlowNode } from "./FlowContent";
 export type FlowTextAlignment = "left" | "center" | "right";
 export interface TextAlignFormatNode extends FlowNode {
-    data: FlowTextAlignment;
+    align: FlowTextAlignment;
 }

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.d.ts

@@ -1,6 +1,6 @@
 import { DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
 import { IIcon } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
-type ExpansionPanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"title", string, false, null, "The title of the expansion panel."> & DefineProp<"icon", IIcon, false, null, "The icon of the expansion panel."> & DefineProp<"toned", boolean, false, false> & DefineProp<"hideExpandIcon", boolean, false, false, "If true, the expand icon will be hidden."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO or you want to disable lazy load."> & DefineSlot<"header", () => VNodeChild> & DefineSlot<"default", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild>;
+type ExpansionPanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"title", string, false, null, "The title of the expansion panel."> & DefineProp<"icon", IIcon, false, null, "The icon of the expansion panel."> & DefineProp<"toned", boolean, false, false> & DefineProp<"hideExpandIcon", boolean, false, false, "If true, the expand icon will be hidden."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO or you want to disable lazy load."> & DefineSlot<"prepend", () => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineSlot<"default", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<ExpansionPanelProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.d.ts

@@ -1,5 +1,11 @@
 import { OPanelTypes } from "@omnia/fx-models";
-import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
-type ExpansionPanelsProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", number | Array<number>, false, null, false, "The v-model of the component."> & DefineProp<"variant", OPanelTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"expandAll", boolean, false, false, "Expands all panels"> & DefineProp<"mandatory", boolean, false, false, "Forces at least one item to always be selected (if available)."> & DefineProp<"toned", boolean, false, false, "Applies the toned color schema to all panels."> & DefineProp<"multiple", boolean, false, false, "Allows one to select multiple items.">;
-declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<ExpansionPanelsProps>) => any;
+import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ItemValueType } from "@omnia/fx/ux";
+import { VNodeChild } from "vue";
+export interface IExpansionPanel<T> {
+    value: T;
+    index: number;
+    ExpansionPanel: typeof o.expansion.panel;
+}
+type ExpansionPanelsProps<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", number | Array<number>, false, null, false, "The v-model of the component."> & DefineVModel<"items", T[], false, null, false, "An array of strings or objects used for automatically generating children components."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"variant", OPanelTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"expandAll", boolean, false, false, "Expands all panels"> & DefineProp<"mandatory", boolean, false, false, "Forces at least one item to always be selected (if available)."> & DefineProp<"toned", boolean, false, false, "Applies the toned color schema to all panels."> & DefineProp<"multiple", boolean, false, false, "Allows one to select multiple items."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IExpansionPanel<T>) => VNodeChild>;
+declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").ConstructComponentProps<ExpansionPanelsProps<T>>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/properties/property-picker/PropertyInput.d.ts

@@ -1,4 +1,3 @@
-import { guid, PropertyDefinition } from "@omnia/fx-models";
 import { PropertyRegistration } from "../models/PropertyInput";
 import { IDataSourcePropertyCreator } from "@omnia/fx/services";
 declare const _default: {
@@ -15,10 +14,6 @@ declare const _default: {
             type: import("vue").PropType<PropertyRegistration[]>;
             required: false;
         };
-        selectableProperties: {
-            type: import("vue").PropType<guid[] | PropertyDefinition<any, any, any, import("@omnia/fx-models").PropertySetupBase>[]>;
-            required: false;
-        };
         hideConfiguration: {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -122,10 +117,6 @@ declare const _default: {
             type: import("vue").PropType<PropertyRegistration[]>;
             required: false;
         };
-        selectableProperties: {
-            type: import("vue").PropType<guid[] | PropertyDefinition<any, any, any, import("@omnia/fx-models").PropertySetupBase>[]>;
-            required: false;
-        };
         hideConfiguration: {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -231,10 +222,6 @@ declare const _default: {
             type: import("vue").PropType<PropertyRegistration[]>;
             required: false;
         };
-        selectableProperties: {
-            type: import("vue").PropType<guid[] | PropertyDefinition<any, any, any, import("@omnia/fx-models").PropertySetupBase>[]>;
-            required: false;
-        };
         hideConfiguration: {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -337,10 +324,6 @@ declare const _default: {
         type: import("vue").PropType<PropertyRegistration[]>;
         required: false;
     };
-    selectableProperties: {
-        type: import("vue").PropType<guid[] | PropertyDefinition<any, any, any, import("@omnia/fx-models").PropertySetupBase>[]>;
-        required: false;
-    };
     hideConfiguration: {
         type: import("vue").PropType<boolean>;
         required: false;
@@ -501,7 +484,6 @@ declare const _default: {
         "onUpdate:modelValue"?: (value: PropertyRegistration) => any | void;
         hideDetails?: boolean;
         hideConfiguration?: boolean;
-        selectableProperties?: guid[] | PropertyDefinition<any, any, any, import("@omnia/fx-models").PropertySetupBase>[];
         loadingProperties?: boolean;
         propertyCreator?: IDataSourcePropertyCreator;
         propertyRegistrations?: PropertyRegistration[];

package/internal-do-not-import-from-here/ux/use/UseDraggable.d.ts

@@ -8,7 +8,35 @@ export declare const DraggableStyles: {
 };
 export declare function useDraggable(): {
     Draggable: DraggableComponentTypings;
-    readonly DraggableIcon: JSX.Element;
+    readonly DraggableIcon: (props: ConstructComponentProps<{
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+    } & {
+        container?: boolean;
+    } & {
+        colors?: import("..").ColorSchemaStoreType;
+    } & {
+        class?: String | String[];
+    } & {
+        filled?: boolean;
+    } & {
+        icon?: import("@omnia/fx-models").IIcon;
+    } & {
+        toned?: boolean;
+    } & {
+        colorType?: "base" | "onBase" | "container" | "onContainer";
+    } & {
+        variant?: "background" | "default";
+    } & {
+        size?: "small" | "default" | "x-large" | "x-small" | "large";
+    } & {
+        animation?: "flip" | "bounce" | "spin" | "beat";
+    } & {
+        customSize?: number;
+    } & {
+        disabled?: boolean;
+    } & {
+        blueprint?: import("@omnia/fx-models").IconBlueprint;
+    }>) => any;
     draggableContainerRef: Ref<any>;
     draggableItemClass: string;
     disabledItemClass: string;

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts

@@ -1,4 +1,4 @@
-import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerBlueprint, BackgroundDefinition, ContainerVariant, IconBlueprint } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerBlueprint, BackgroundDefinition, ContainerVariant, IconBlueprint, ButtonBlueprint } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { DynamicState, VelcronDefinition, VelcronEffects, useVelcronThemingStore } from "..";
@@ -240,13 +240,14 @@ export interface VelcronVideoDefinition extends VelcronDefinition {
     autoplay?: VelcronBindableProp<boolean>;
     muted?: VelcronBindableProp<boolean>;
 }
-export interface VelcronButtonDefinition extends VelcronDefinition {
+export interface VelcronButtonDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "button";
     text: string;
     icon?: VelcronIcon;
     disabled?: boolean;
     events?: VelcronOnPressEvent;
     size?: string;
+    blueprint?: VelcronBindableProp<ButtonBlueprint>;
 }
 export interface VelcronTextInputDefinition extends VelcronDefinition {
     type: "text-input";
@@ -372,8 +373,10 @@ export interface VelcronPropertyDefinitionValue {
     configuration: PropertyConfiguration<PropertyDefinition<any, any, any, PropertySetupBase>>;
 }
 export interface VelcronPropertyDefinitionValueResolver {
-    name: string;
-    source: IDataSourcePropertySelection;
+    source?: IDataSourcePropertySelection;
+}
+export interface VelcronPropertyEditorValue {
+    [key: string]: VelcronPropertyDefinitionValueResolver;
 }
 export type VelcronRenderProps<TDefinition> = {
     definition: TDefinition;

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts

@@ -37,15 +37,16 @@ export interface VelcronNumberEditorSettings {
     step: number;
 }
 export interface VelcronPropertyMapping {
-    name: string;
+    state: string;
+    title: string;
     definitionId: guid;
-    dataSourceId?: guid;
+    dataSourceIds?: guid[];
 }
 export interface VelcronPropertyResolverEditorSettings {
     properties: Array<VelcronPropertyMapping>;
 }
 export interface VelcronBlueprintEditorSettings {
-    type: "container" | "icon";
+    type: "container" | "icon" | "button";
 }
 export interface VelcronBackgroundEditorSettings {
     type: "image" | "video";

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronState.d.ts

@@ -71,8 +71,10 @@ export interface VelcronImageState {
 }
 export declare const VelcronImagesStateBinding: {
     main: {
+        mediapickerImage: string;
         editor: string;
         url: string;
+        value: string;
         ratio: string;
         caption: string;
         width: string;
@@ -81,6 +83,7 @@ export declare const VelcronImagesStateBinding: {
     alt1: {
         editor: string;
         url: string;
+        value: string;
         ratio: string;
         caption: string;
         width: string;
@@ -89,6 +92,7 @@ export declare const VelcronImagesStateBinding: {
     alt2: {
         editor: string;
         url: string;
+        value: string;
         ratio: string;
         caption: string;
         width: string;
@@ -129,8 +133,10 @@ export declare const VelcronStateBinding: {
     };
     images: {
         main: {
+            mediapickerImage: string;
             editor: string;
             url: string;
+            value: string;
             ratio: string;
             caption: string;
             width: string;
@@ -139,6 +145,7 @@ export declare const VelcronStateBinding: {
         alt1: {
             editor: string;
             url: string;
+            value: string;
             ratio: string;
             caption: string;
             width: string;
@@ -147,6 +154,7 @@ export declare const VelcronStateBinding: {
         alt2: {
             editor: string;
             url: string;
+            value: string;
             ratio: string;
             caption: string;
             width: string;

package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/VelcronEditorBuilder.d.ts

@@ -3,7 +3,7 @@ export declare class VelcronEditorBuilder {
     private editors;
     private formatStateMapping;
     add(): {
-        blueprintEditor: (name: string, stateMapping: string, type: "container") => VelcronEditorBuilder;
+        blueprintEditor: (name: string, stateMapping: string, type: "container" | "icon" | "button") => VelcronEditorBuilder;
         spacingEditor: (name: string, stateMapping: string, individualSelection?: boolean) => VelcronEditorBuilder;
         imageEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;
         colorSchemaEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;

package/internal-do-not-import-from-here/ux/velcron/editor/models/ComponentPropertyDescriptorTemplates.d.ts

@@ -2,6 +2,7 @@ import { VelcronComponentPropertyDescriptor } from "./VelcronDescriptors";
 export declare const ComponentPropertyDescriptorTemplates: {
     colorSchema: VelcronComponentPropertyDescriptor;
     containerBlueprint: VelcronComponentPropertyDescriptor;
+    buttonBlueprint: VelcronComponentPropertyDescriptor;
     iconBlueprint: VelcronComponentPropertyDescriptor;
     margin: VelcronComponentPropertyDescriptor;
     padding: VelcronComponentPropertyDescriptor;
@@ -10,6 +11,7 @@ export declare const ComponentPropertyDescriptorTemplates: {
     overflowX: VelcronComponentPropertyDescriptor;
     overflowY: VelcronComponentPropertyDescriptor;
     wrap: VelcronComponentPropertyDescriptor;
+    wordBreak: VelcronComponentPropertyDescriptor;
     gapX: VelcronComponentPropertyDescriptor;
     gapY: VelcronComponentPropertyDescriptor;
     alignX: VelcronComponentPropertyDescriptor;

package/internal-do-not-import-from-here/ux/velcron/editor/templates/ContentTemplates.d.ts

@@ -6,4 +6,6 @@ export declare const VelcronContentComponentTemplates: {
     SummaryTemplate: VelcronComponentTemplateDescriptor;
     TextTemplate: VelcronComponentTemplateDescriptor;
     SectionTemplate: VelcronComponentTemplateDescriptor;
+    MainImageTemplate: VelcronComponentTemplateDescriptor;
+    MainImagePickerTemplate: VelcronComponentTemplateDescriptor;
 };

package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts

@@ -173,8 +173,8 @@ declare const _default: {
         colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         themeDefinition?: ThemeDefinitionV2;
-        editMode?: boolean;
         context?: VelcronRenderContext;
+        editMode?: boolean;
         eventHandlers?: VelcronRenderContextEventHandlers;
     }>, "onSetup:context" | "onState:updated"> & {
         "onSetup:context"?: (context: VelcronRenderContext) => any;

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/PropertyResolverEditor.d.ts

@@ -1,15 +1,15 @@
-import { EditorLocation, VelcronPropertyDefinitionValueResolver, VelcronPropertyResolverEditorSettings } from "@omnia/fx-models";
+import { EditorLocation, VelcronPropertyEditorValue, VelcronPropertyResolverEditorSettings } from "@omnia/fx-models";
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     location?: EditorLocation;
 } & {
     settings?: VelcronPropertyResolverEditorSettings;
 } & {
-    "emit:update:modelValue": (value: VelcronPropertyDefinitionValueResolver[]) => void;
+    "emit:update:modelValue": (value: VelcronPropertyEditorValue) => void;
 } & {
-    "v-model"?: VelcronPropertyDefinitionValueResolver[];
+    "v-model"?: VelcronPropertyEditorValue;
 } & {
-    "onUpdate:modelValue"?: (value: VelcronPropertyDefinitionValueResolver[]) => void;
+    "onUpdate:modelValue"?: (value: VelcronPropertyEditorValue) => void;
 } & {
-    modelValue?: VelcronPropertyDefinitionValueResolver[];
+    modelValue?: VelcronPropertyEditorValue;
 }>) => any;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.275-dev",
+  "version": "8.0.277-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.275-dev",
+    "@omnia/fx-models": "8.0.277-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",