@omnia/fx-models 8.0.154-dev → 8.0.155-dev

package/AzurePermissionResource.d.ts

@@ -12,4 +12,5 @@ export interface AzurePermissionResourceAccess {
     requireExtensionIds: string[];
     requireFeatureIds: string[];
     approved: boolean;
+    isRequested: boolean;
 }

package/internal-do-not-import-from-here/shared/models/theming/Blueprints.d.ts

@@ -16,6 +16,17 @@ export interface ChromeBlueprints extends Blueprints, BlueprintsReference {
     variant2?: ChromeBlueprint;
     variant3?: ChromeBlueprint;
 }
+export type ContainerVariant = "variant1" | "variant2" | "variant3" | "variant4";
+export interface ContainerBlueprints extends Blueprints, BlueprintsReference {
+    variant1?: ContainerBlueprint;
+    variant2?: ContainerBlueprint;
+    variant3?: ContainerBlueprint;
+    variant4?: ContainerBlueprint;
+}
+export interface ContainerBlueprint extends Blueprints, BlueprintsReference {
+    name?: string;
+    background?: BackgroundDefinition;
+}
 export interface TypographyBlueprints extends Blueprints, BlueprintsReference {
     primary: TypographyBlueprint;
 }
@@ -25,7 +36,7 @@ export interface SpacingBlueprints extends Blueprints, BlueprintsReference {
 export interface ChromeBlueprint {
     name?: string;
     colorSchemaType?: ColorSchemaType;
-    header: {
+    header?: {
         definitionId: GuidValue;
         definition?: VelcronAppDefinition;
     };
@@ -40,6 +51,7 @@ export interface ComponentBlueprints extends Blueprints, BlueprintsReference {
     tabs?: TabsBlueprints;
     blocks?: ChromeBlueprints;
     icons?: IconBlueprints;
+    containers?: ContainerBlueprints;
 }
 export interface SpacingBlueprint {
     layout: SpacingDefinition;

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -126,7 +126,7 @@ export interface ColorGradientValue {
 }
 /**Background  */
 export interface BackgroundDefinition {
-    fill?: FillDefinition;
+    fill?: FillDefinitionValue;
     border?: BorderStylingDefinition;
     elevation?: number;
 }

package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts

@@ -58,7 +58,7 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
     icon?: any;
 }
 export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
-export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "reference";
+export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "container" | "reference";
 export interface VelcronStateEditor<TSettings = any> {
     name?: string;
     icon?: IFontAwesomeIcon;
@@ -86,4 +86,6 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
         [name: string]: Array<string>;
     };
 }
+export type VelcronBindableProp<TPropType = string> = TPropType | string;
+export declare function velcronBind<TPropType = string>(bindPath: string): VelcronBindableProp<TPropType>;
 export {};

package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.js

@@ -1,2 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.velcronBind = void 0;
+function velcronBind(bindPath) {
+    return `$bind: ${bindPath}`;
+}
+exports.velcronBind = velcronBind;

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

@@ -1,4 +1,4 @@
-import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future } from "internal/fx/shared/models";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, ContainerBlueprint } from "internal/fx/shared/models";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { DynamicState, VelcronDefinition, useVelcronThemingStore } from "..";
@@ -114,7 +114,6 @@ export interface VelcronActionWithCondition extends VelcronActionWithAutoAwait {
     trueAction: VelcronAction;
     falseAction: VelcronAction;
 }
-export type VelcronBindableProp<TPropType = string> = TPropType | string;
 export interface VelcronDefinitionWithEditMode extends VelcronDefinition {
     edit?: VelcronBindableProp<boolean>;
     bind?: VelcronBindableProp;
@@ -126,6 +125,13 @@ export interface VelcronColorStyling {
     toned?: boolean;
     color?: string;
 }
+/**
+ * @deprecated This interface is obsolete. Switch to use TextBlueprint instead.
+ */
+export interface VelcronTextStyling {
+    typography?: string;
+    size?: string;
+}
 export interface VelcronTextStyling {
     typography?: string;
     size?: string;
@@ -153,6 +159,7 @@ export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColo
     events?: VelcronOnPressEvent;
     direction?: VelcronBindableProp<"row" | "row-reverse">;
     absolute?: VelcronSpacing;
+    blueprint?: ContainerBlueprint;
     hideOverflow?: boolean;
     wrap?: boolean;
     gapX?: number | string;
@@ -180,14 +187,15 @@ export interface VelcronCardDefinition extends VelcronDefinition, VelcronColorSt
     footer?: Array<VelcronDefinition>;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronTextDefinition extends VelcronDefinitionWithEditMode, VelcronColorStyling, VelcronTextStyling {
+export interface VelcronTextDefinition extends VelcronDefinition, VelcronColorStyling, VelcronTextStyling {
     type: "text";
-    value?: VelcronBindableProp<string>;
-    placeholder?: VelcronBindableProp<string>;
+    value?: VelcronBindableProp;
+    placeholder?: VelcronBindableProp;
     editLabel?: VelcronBindableProp;
-    lineClamp?: number;
-    noWrap?: boolean;
+    lineClamp?: VelcronBindableProp<number>;
+    noWrap?: VelcronBindableProp<boolean>;
     events?: VelcronOnPressEvent & VelcronOnUpdatedEvent;
+    blueprint?: VelcronBindableProp<TextBlueprint>;
 }
 export declare enum VelcronImageRatios {
     square = "square",
@@ -222,9 +230,10 @@ export interface VelcronButtonDefinition extends VelcronDefinition {
 }
 export interface VelcronTextInputDefinition extends VelcronDefinition {
     type: "text-input";
-    label?: string;
-    bind: string;
-    initialValue?: string;
+    label?: VelcronBindableProp<string>;
+    value: VelcronBindableProp<string>;
+    initialValue?: VelcronBindableProp<string>;
+    placeholder?: VelcronBindableProp<string>;
     events: VelcronOnUpdatedEvent;
 }
 export interface VelcronProgressCircleDefinition extends VelcronDefinition {
@@ -247,7 +256,7 @@ export interface VelcronIconDefinition extends VelcronDefinition, VelcronColorSt
     size?: VelcronBindableProp<number>;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronMarkdownDefinition extends VelcronDefinitionWithEditMode, VelcronColorStyling, VelcronTextStyling {
+export interface VelcronMarkdownDefinition extends VelcronDefinition, VelcronColorStyling, VelcronTextStyling {
     type: "markdown";
     value?: VelcronBindableProp<string>;
     placeholder?: VelcronBindableProp<string>;

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

@@ -1,4 +1,5 @@
-import { TypographySize, TypographyType, VelcronImageRatios, VelcronStateEditor, VelcronSpacing, BuiltInPropertyEditorType } from "@omnia/fx-models";
+import { BuiltInPropertyEditorType, TextBlueprint, TypographySize, TypographyType, VelcronSpacing, VelcronStateEditor } from "internal/fx/shared";
+import { VelcronImageRatios } from "./VelcronDefinitions";
 export interface ResolvedPropertyEditor {
     editor: VelcronStateEditor;
 }
@@ -35,6 +36,9 @@ export interface VelcronEnterprisePropertyEditor extends VelcronStateEditor<any>
 export interface VelcronTypographyPropertyEditor extends VelcronStateEditor<VelcronTypographyEditorSettings> {
     type: "typography";
 }
+export interface VelcronContainerPropertyEditor extends VelcronStateEditor<any> {
+    type: "container";
+}
 export interface VelcronSwitchPropertyEditor extends VelcronStateEditor<any> {
     type: "switch";
 }
@@ -149,12 +153,7 @@ export declare const VelcronHeaderStateBinding: {
     title: {
         text: string;
         placeholder: string;
-        typography: {
-            editor: any;
-            type: any;
-            size: any;
-            toned: any;
-        };
+        blueprint: import("internal/fx/shared").VelcronBindableProp<TextBlueprint>;
     };
     icon: string;
 };
@@ -162,42 +161,22 @@ export declare const VelcronContentStateBinding: {
     title: {
         text: string;
         placeholder: string;
-        typography: {
-            editor: any;
-            type: any;
-            size: any;
-            toned: any;
-        };
+        blueprint: import("internal/fx/shared").VelcronBindableProp<TextBlueprint>;
     };
     main: {
         text: string;
         placeholder: string;
-        typography: {
-            editor: any;
-            type: any;
-            size: any;
-            toned: any;
-        };
+        blueprint: import("internal/fx/shared").VelcronBindableProp<TextBlueprint>;
     };
     caption: {
         text: string;
         placeholder: string;
-        typography: {
-            editor: any;
-            type: any;
-            size: any;
-            toned: any;
-        };
+        blueprint: import("internal/fx/shared").VelcronBindableProp<TextBlueprint>;
     };
     summary: {
         text: string;
         placeholder: string;
-        typography: {
-            editor: any;
-            type: any;
-            size: any;
-            toned: any;
-        };
+        blueprint: import("internal/fx/shared").VelcronBindableProp<TextBlueprint>;
     };
 };
 export declare const VelcronColorSchemasStateBinding: {
@@ -251,54 +230,29 @@ export declare const VelcronStateBinding: {
         title: {
             text: string;
             placeholder: string;
-            typography: {
-                editor: any;
-                type: any;
-                size: any;
-                toned: any;
-            };
+            blueprint: import("internal/fx/shared").VelcronBindableProp<TextBlueprint>;
         };
         main: {
             text: string;
             placeholder: string;
-            typography: {
-                editor: any;
-                type: any;
-                size: any;
-                toned: any;
-            };
+            blueprint: import("internal/fx/shared").VelcronBindableProp<TextBlueprint>;
         };
         caption: {
             text: string;
             placeholder: string;
-            typography: {
-                editor: any;
-                type: any;
-                size: any;
-                toned: any;
-            };
+            blueprint: import("internal/fx/shared").VelcronBindableProp<TextBlueprint>;
         };
         summary: {
             text: string;
             placeholder: string;
-            typography: {
-                editor: any;
-                type: any;
-                size: any;
-                toned: any;
-            };
+            blueprint: import("internal/fx/shared").VelcronBindableProp<TextBlueprint>;
         };
     };
     header: {
         title: {
             text: string;
             placeholder: string;
-            typography: {
-                editor: any;
-                type: any;
-                size: any;
-                toned: any;
-            };
+            blueprint: import("internal/fx/shared").VelcronBindableProp<TextBlueprint>;
         };
         icon: string;
     };

package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.js

@@ -1,20 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VelcronStateBinding = exports.VelcronSpacingStateBinding = exports.VelcronColorSchemasStateBinding = exports.VelcronContentStateBinding = exports.VelcronHeaderStateBinding = exports.VelcronImagesStateBinding = void 0;
-const builtInPropertyEditors = {
-    text: undefined,
-    slider: undefined,
-    switch: undefined,
-    alignment: undefined,
-    color: undefined,
-    markdown: undefined,
-    icon: undefined,
-    image: undefined,
-    typography: undefined,
-    spacing: undefined,
-    "color-schema-type": undefined,
-    reference: undefined,
-};
+const shared_1 = require("internal/fx/shared");
 exports.VelcronImagesStateBinding = {
     main: {
         editor: "{{images.main.url}}",
@@ -43,63 +30,38 @@ exports.VelcronImagesStateBinding = {
 };
 exports.VelcronHeaderStateBinding = {
     title: {
-        text: "{{header.title.text}}",
-        placeholder: "{{header.title.placeholder}}",
-        typography: {
-            editor: "header.title.typography",
-            type: "{{header.title.typography.type}}",
-            size: "{{header.title.typography.size}}",
-            toned: "{{header.title.typography.toned}}",
-        }
+        text: (0, shared_1.velcronBind)("header.title.text"),
+        placeholder: (0, shared_1.velcronBind)("header.title.placeholder"),
+        blueprint: (0, shared_1.velcronBind)("content.title.blueprint")
     },
-    icon: "{{header.icon}}"
+    icon: (0, shared_1.velcronBind)("header.icon")
 };
 exports.VelcronContentStateBinding = {
     title: {
-        text: "{{content.title.text}}",
-        placeholder: "{{content.title.placeholder}}",
-        typography: {
-            editor: "content.title.typography",
-            type: "{{content.title.typography.type}}",
-            size: "{{content.title.typography.size}}",
-            toned: "{{content.title.typography.toned}}",
-        }
+        text: (0, shared_1.velcronBind)("content.title.text"),
+        placeholder: (0, shared_1.velcronBind)("content.title.placeholder"),
+        blueprint: (0, shared_1.velcronBind)("content.title.blueprint")
     },
     main: {
-        text: "{{content.main.text}}",
-        placeholder: "{{content.main.placeholder}}",
-        typography: {
-            editor: "content.main.typography",
-            type: "{{content.main.typography.type}}",
-            size: "{{content.main.typography.size}}",
-            toned: "{{content.main.typography.toned}}",
-        }
+        text: (0, shared_1.velcronBind)("content.main.text"),
+        placeholder: (0, shared_1.velcronBind)("content.main.placeholder"),
+        blueprint: (0, shared_1.velcronBind)("content.main.blueprint")
     },
     caption: {
-        text: "{{content.caption.text}}",
-        placeholder: "{{content.caption.placeholder}}",
-        typography: {
-            editor: "content.caption.typography",
-            type: "{{content.caption.typography.type}}",
-            size: "{{content.caption.typography.size}}",
-            toned: "{{content.caption.typography.toned}}",
-        }
+        text: (0, shared_1.velcronBind)("content.caption.text"),
+        placeholder: (0, shared_1.velcronBind)("content.caption.placeholder"),
+        blueprint: (0, shared_1.velcronBind)("content.caption.blueprint")
     },
     summary: {
-        text: "{{content.summary.text}}",
-        placeholder: "{{content.summary.placeholder}}",
-        typography: {
-            editor: "content.summary.typography",
-            type: "{{content.summary.typography.type}}",
-            size: "{{content.summary.typography.size}}",
-            toned: "{{content.summary.typography.toned}}",
-        }
+        text: (0, shared_1.velcronBind)("content.summary.text"),
+        placeholder: (0, shared_1.velcronBind)("content.summary.placeholder"),
+        blueprint: (0, shared_1.velcronBind)("content.summary.blueprint")
     },
 };
 exports.VelcronColorSchemasStateBinding = {
     main: {
-        type: "{{colorSchemas.main.type}}",
-        filled: "{{colorSchemas.main.filled}}"
+        type: (0, shared_1.velcronBind)("colorSchemas.main.type"),
+        filled: (0, shared_1.velcronBind)("colorSchemas.main.filled")
     }
 };
 exports.VelcronSpacingStateBinding = {

package/media-picker/MediaPickerSearchProvider.d.ts

@@ -1,5 +1,5 @@
 import { ImageItem, VideoItem } from ".";
-export interface IMediaPickerSerchProvider {
+export interface IMediaPickerSearchProvider {
     onSearch: (searchKeyword: string) => Promise<Array<ImageItem | VideoItem>>;
     onSearchMore: (searchQueryText: string, lastLoadedIndex: number) => Promise<Array<ImageItem | VideoItem>>;
 }

package/media-picker/interfaces/IMediaPickerProviderMediaHandler.d.ts

@@ -14,14 +14,7 @@ export interface IMediaPickerProviderHandler {
      * @param searchKeyword handle the search event in the provider
      * @returns {Promise<Array<MediaItem>>} the result of the search
      */
-    search: (searchKeyword: string) => Promise<Array<MediaItem>>;
-    /**
-     * @description handle the search more event in the provider, when the user scrolls to the bottom of the search result
-     * @param searchQueryText search query text
-     * @param lastLoadedIndex index of the last loaded item
-     * @returns {Promise<Array<MediaItem>>} the result of the search
-     */
-    searchMore: (searchQueryText: string, lastLoadedIndex: number) => Promise<Array<MediaItem>>;
+    search: (searchKeyword: string, lastLoadedIndex?: number) => Promise<Array<MediaItem>>;
 }
 export type ProcessImageOptions = {
     needScaling: boolean;

package/oxide/OxideTypeDefinitions.d.ts

@@ -65,7 +65,7 @@ export declare const OChartVariantsName = "OChartVariants";
 export type OChartOptions<ChartType extends keyof ChartTypeRegistry> = ChartOptions<ChartType>;
 export type OChartData<ChartType extends keyof ChartTypeRegistry> = ChartData<ChartType>;
 /** Dialog */
-export declare const ODialogTypeDefinitions: readonly ["save-cancel", "confirm", "ok-cancel", "default", "app", "retry"];
+export declare const ODialogTypeDefinitions: readonly ["create-cancel", "save-cancel", "confirm", "ok-cancel", "default", "app", "retry"];
 export type ODialogTypes = typeof ODialogTypeDefinitions[number];
 export declare const ODialogTypesName = "ODialogTypes";
 export declare const ODialogSizeDefinitions: readonly ["x-small", "small", "medium", "large", "full"];
@@ -74,7 +74,7 @@ export type ODialogButtonInstance = {
     loading: boolean;
     disabled: boolean;
 };
-export type ODialogBuiltinButtons = Extract<OOxideButtonPresets, "ok" | "cancel" | "save" | "retry">;
+export type ODialogBuiltinButtons = Extract<OOxideButtonPresets, "create" | "ok" | "cancel" | "save" | "retry">;
 /** Divider */
 export declare const OPageDividerTypeDefinitions: readonly ["default", "prominent", "label"];
 export type OPageDividerTypes = typeof OPageDividerTypeDefinitions[number];

package/oxide/OxideTypeDefinitions.js

@@ -47,7 +47,7 @@ exports.OColumnVariantsName = "OColumnVariants";
 exports.OChartVariationDefinitions = ["bar", "line", "pie"];
 exports.OChartVariantsName = "OChartVariants";
 /** Dialog */
-exports.ODialogTypeDefinitions = ["save-cancel", "confirm", "ok-cancel", "default", "app", "retry"];
+exports.ODialogTypeDefinitions = ["create-cancel", "save-cancel", "confirm", "ok-cancel", "default", "app", "retry"];
 exports.ODialogTypesName = "ODialogTypes";
 exports.ODialogSizeDefinitions = ["x-small", "small", "medium", "large", "full"];
 /** Divider */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx-models",
   "license": "MIT",
-  "version": "8.0.154-dev",
+  "version": "8.0.155-dev",
   "description": "Provide Omnia Fx Models Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"