@omnia/fx-models 8.0.26-vnext → 8.0.28-vnext

package/Layout.d.ts

@@ -485,21 +485,16 @@ export interface LayoutRendererCanvasApi {
 }
 export interface Breakpoint {
     xs: boolean;
-    xsOnly: boolean;
     sm: boolean;
-    smOnly: boolean;
     smAndDown: boolean;
     smAndUp: boolean;
     md: boolean;
-    mdOnly: boolean;
     mdAndDown: boolean;
     mdAndUp: boolean;
     lg: boolean;
-    lgOnly: boolean;
     lgAndDown: boolean;
     lgAndUp: boolean;
     xl: boolean;
-    xlOnly: boolean;
     name: ("xs" | "sm" | "md" | "lg" | "xl");
     width: number;
     height: number;
@@ -508,8 +503,9 @@ export interface Breakpoint {
         sm: number;
         md: number;
         lg: number;
+        xl: number;
+        xxl: number;
     };
-    scrollbarWidth: number;
 }
 /**
  * Define different context extending this so that Layout can different multiple media provider per context

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

@@ -1,5 +1,5 @@
-import { VelcronComponentDescriptor } from "../../editor/models/VelcronDescriptors";
-import { VelcronEvent, VelcronOnChangedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
+import { VelcronComponentDescriptor, VelcronDefinitionEditableProperty } from "../../editor/models/VelcronDescriptors";
+import { VelcronEvent, VelcronOnChangedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { useVelcronThemingStore } from "..";
@@ -28,19 +28,15 @@ export interface ColorSchemaReference {
     name: string;
     schema: string;
 }
-export interface VelcronState {
-    colorSchemas?: {
-        [key: string]: ColorSchemaReference;
-    };
-}
+export type DynamicState = object;
 export interface OnItemRenderedHookResult {
     cssClass: string;
     containerRenderer?: VelcronContainerRenderer;
 }
 export interface VelcronRenderContext {
     id?: string;
-    rootContext: VelcronState;
-    currentContext: VelcronState;
+    rootContext: DynamicState;
+    currentContext: DynamicState;
     theming?: ReturnType<typeof useVelcronThemingStore>;
     colors?: ReturnType<typeof useVelcronColorSchemaStore>;
     actions?: {
@@ -56,6 +52,7 @@ export interface VelcronRenderContext {
     parent?: VelcronRenderContext;
     hooks?: VelcronRenderContextHooks;
     eventHandlers?: VelcronRenderContextEventHandlers;
+    editMode?: boolean;
 }
 export interface VelcronRenderContextEventHandlers {
     receiving?: {
@@ -116,6 +113,11 @@ export interface VelcronDefinition extends VelcronDefinitionBase {
     if?: string;
     events?: VelcronEvent;
 }
+export type VelcronBindableProp<TPropType = string> = TPropType | string;
+export type VelcronStringBindableProp = string;
+export interface VelcronDefinitionWithEditMode extends VelcronDefinition {
+    edit?: VelcronBindableProp<boolean>;
+}
 export interface VelcronColorStyling {
     colorSchemaType?: string;
     color?: string;
@@ -150,17 +152,17 @@ export interface VelcronIcon {
     type: VelcronIconTypes;
     name: string;
 }
-export interface VelcronAppDefinition extends VelcronDefinitionBase {
+export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
     type: "Velcron";
     version: string;
     name: string;
     body?: Array<VelcronDefinition>;
-    events?: VelcronOnLoadEvent & VelcronOnPressEvent;
+    events?: VelcronOnLoadEvent & VelcronOnEditModeEvent;
     actions?: {
         [name: string]: [];
     };
     components?: Array<VelcronCustomComponentDefinition>;
-    state?: VelcronState;
+    state?: TState;
     computed?: {
         [name: string]: [];
     };
@@ -190,14 +192,16 @@ export interface VelcronCardDefinition extends VelcronDefinition {
     footer?: Array<VelcronDefinition>;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronTextDefinition extends VelcronDefinition {
+export interface VelcronTextDefinition extends VelcronDefinitionEditableProperty {
     type: "Text";
     text: string;
+    bind: string;
+    editLabel?: VelcronBindableProp;
     color?: string;
     lineClamp?: number;
     noWrap?: boolean;
     typography?: string;
-    events?: VelcronOnPressEvent;
+    events?: VelcronOnPressEvent & VelcronOnChangedEvent;
 }
 export declare enum VelcronImageRatios {
     square = 1,
@@ -207,6 +211,7 @@ export interface VelcronImageDefinition extends VelcronDefinition {
     type: "Image";
     source: string;
     ratio: VelcronImageRatios;
+    cover?: VelcronBindableProp<boolean>;
     borderRadius?: VelcronDimensions;
     events?: VelcronOnPressEvent;
 }
@@ -245,12 +250,10 @@ export interface VelcronIconDefinition extends VelcronDefinition {
     size?: number;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronMarkdownDefinition extends VelcronDefinition {
+export interface VelcronMarkdownDefinition extends VelcronDefinitionWithEditMode {
     type: "Markdown";
     text: string;
-    initialValue: string;
     bind: string;
-    edit?: boolean | string;
     events: VelcronOnChangedEvent;
 }
 export interface VelcronDimensions {

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

@@ -4,6 +4,9 @@ export type VelcronOnPressEvent = {
 export type VelcronOnLoadEvent = {
     onLoaded?: Array<string>;
 };
+export type VelcronOnEditModeEvent = {
+    onEditMode?: Array<string>;
+};
 export type VelcronOnChangedEvent = {
     onChanged?: Array<string>;
 };

package/package.json

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

package/velcron/VelcronDefinitionRegistration.d.ts

@@ -1,6 +1,6 @@
-import { Guid, VelcronAppDefinition } from "..";
-export interface VelcronDefinitionRegistration {
+import { DynamicState, Guid, VelcronAppDefinition } from "..";
+export interface VelcronDefinitionRegistration<TDefinitionState extends DynamicState = DynamicState> {
     id: Guid;
-    definition: VelcronAppDefinition;
+    definition: VelcronAppDefinition<TDefinitionState>;
     title: string;
 }