@omnia/fx 8.0.93-vnext → 8.0.95-vnext

package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts

@@ -1,6 +1,6 @@
 declare const HostTypeDefinitions: readonly ["admin", "editor", "docs"];
 export type HostTypes = typeof HostTypeDefinitions[number];
-declare const ComponentHostTypeDefinitions: readonly ["dialog", "drawer", "expansion-panel", "blade", "app", "table", "appbar", "toolbar", "tab", "tab-vertical", "panel", "omfx"];
+declare const ComponentHostTypeDefinitions: readonly ["dialog", "drawer", "expansion-panel", "blade", "app", "table", "appbar", "toolbar", "tab", "tab-vertical", "panel", "omfx", "menu"];
 export type ComponentHostTypes = typeof ComponentHostTypeDefinitions[number];
 declare const ComponentVariantDefinitions: readonly ["footer", "content", "navigation", "header", "settings", "info-section", "default", "section"];
 export type ComponentVariants = typeof ComponentVariantDefinitions[number];
@@ -14,7 +14,7 @@ export interface NewHostSettings {
 export declare const useCompontentHostStore: (newInstanceWithName?: string) => {
     state: {
         host: "admin" | "editor" | "docs";
-        componentHost: "dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
+        componentHost: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
         componentVariant: "section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section";
         appliedComponents: string[];
         force: boolean;
@@ -22,7 +22,7 @@ export declare const useCompontentHostStore: (newInstanceWithName?: string) => {
     get: {
         canApplyOn: (hostType: ComponentHostTypes | HostTypes, variant?: any) => boolean;
         readonly host: "admin" | "editor" | "docs";
-        readonly componentHost: "dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
+        readonly componentHost: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
         readonly componentVariant: "section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section";
         readonly force: boolean;
         appliedComponents(host: string): boolean;
@@ -38,8 +38,8 @@ export declare const useCompontentHostStore: (newInstanceWithName?: string) => {
     events: {
         onMutatingHost: import("@omnia/fx").EventHook<"admin" | "editor" | "docs">;
         onMutatedHost: import("@omnia/fx").EventHook<"admin" | "editor" | "docs">;
-        onMutatingComponentHost: import("@omnia/fx").EventHook<"dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
-        onMutatedComponentHost: import("@omnia/fx").EventHook<"dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+        onMutatingComponentHost: import("@omnia/fx").EventHook<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+        onMutatedComponentHost: import("@omnia/fx").EventHook<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
         onMutatingComponentVariant: import("@omnia/fx").EventHook<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
         onMutatedComponentVariant: import("@omnia/fx").EventHook<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
         onMutatingAppliedComponents: import("@omnia/fx").EventHook<string[]>;

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

@@ -1,4 +1,4 @@
-import { VNode, VNodeProps, HTMLAttributes, VNodeArrayChildren, Events } from "vue";
+import { VNode, VNodeProps, HTMLAttributes, VNodeArrayChildren, Events, VNodeRef } from "vue";
 import { Vue } from "./decorators";
 import { ConfirmDialogResponse, ConfirmDialogOptions } from "./confirmdialog/IVueConfirmDialog";
 import { ITheming } from "./theming";
@@ -125,7 +125,7 @@ export type VueComponentBaseProps = Pick<HTMLAttributes, "id" | "class" | "style
     color?: string;
     key?: string | number | symbol | GuidValue;
     $children?: any;
-    ref?: string;
+    ref?: VNodeRef | string;
     slot?: string;
 };
 export interface VueComponentBaseEvents {
@@ -169,7 +169,7 @@ export declare const VueComponentConnect: {
             class?: unknown;
             key?: string | number | symbol;
             readonly content?: () => JSX.Element;
-            ref?: import("vue").VNodeRef;
+            ref?: VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.css.d.ts

@@ -4,5 +4,8 @@ export type FilterSizes = typeof FilterSizeDefinitions[number];
 export declare const FilterSizesName = "FilterSizes";
 export declare const FilterPickerStyles: {
     lastItem: string;
+    actionIcon: (size: FilterSizes) => string;
+    sortButton: string;
+    icon: (size: FilterSizes) => string;
     wrapper: (base: ColorDefinition, onBase: ColorDefinition, selected: boolean, size: FilterSizes, grow: boolean) => string;
 };

package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.d.ts

@@ -1,7 +1,5 @@
-export interface FilterPickerValue {
-    text: string;
-    id: any;
-}
+import { VNodeChild } from "vue";
+import { FilterPickerFilter } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -15,7 +13,7 @@ declare const _default: {
             style?: unknown;
             class?: String | String[];
             key?: string | number | symbol;
-            readonly filters: FilterPickerValue[];
+            readonly filters: FilterPickerFilter[];
             readonly size?: "small" | "default" | "x-small";
             ref?: import("vue").VNodeRef;
             ref_for?: boolean;
@@ -58,11 +56,19 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly modelValue?: FilterPickerValue[];
-            "onUpdate:modelValue"?: ((value: FilterPickerValue[]) => any) & ((value: FilterPickerValue[]) => any);
-            readonly "v-model"?: FilterPickerValue[];
+            readonly "v-slots"?: {
+                default?: import("../DefineVueTypings").Slot<any[]>;
+            } & {
+                itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
+            };
+            readonly modelValue?: FilterPickerFilter[];
+            "onUpdate:modelValue"?: ((value: FilterPickerFilter[]) => any) & ((value: FilterPickerFilter[]) => any);
+            readonly "v-model"?: FilterPickerFilter[];
             readonly grow?: boolean;
+            readonly sortable?: boolean;
             readonly singleSelect?: "small" | "default" | "x-small";
+            "onItem:removed"?: (value: FilterPickerFilter) => any;
+            "onItem:sorted"?: (value: FilterPickerFilter[]) => any;
         };
         $attrs: {
             [x: string]: unknown;
@@ -75,9 +81,17 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $emit: (event: "update:modelValue", value: FilterPickerValue[]) => void;
+        $emit: ((event: "update:modelValue", value: FilterPickerFilter[]) => void) & ((event: "item:removed", value: FilterPickerFilter) => void) & ((event: "item:sorted", value: FilterPickerFilter[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "v-slots": import("vue").Prop<{
+                default?: import("../DefineVueTypings").Slot<any[]>;
+            } & {
+                itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
+            }>;
+            sortable: {
+                type: import("vue").PropType<boolean>;
+            };
             grow: {
                 type: import("vue").PropType<boolean>;
             };
@@ -88,18 +102,18 @@ declare const _default: {
                 type: import("vue").PropType<"small" | "default" | "x-small">;
             };
             filters: {
-                type: import("vue").PropType<FilterPickerValue[]>;
+                type: import("vue").PropType<FilterPickerFilter[]>;
                 required: true;
             };
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: FilterPickerValue[]) => any>;
+                type: import("vue").PropType<(value: FilterPickerFilter[]) => any>;
             };
             "v-model": {
-                type: import("vue").PropType<FilterPickerValue[]>;
+                type: import("vue").PropType<FilterPickerFilter[]>;
                 required: false;
             };
             modelValue: {
-                type: import("vue").PropType<FilterPickerValue[]>;
+                type: import("vue").PropType<FilterPickerFilter[]>;
                 required: false;
             };
             class: {
@@ -112,9 +126,13 @@ declare const _default: {
             blueprintType?: any;
             blueprint?: any;
         }>> & {
-            "onUpdate:modelValue"?: (value: FilterPickerValue[]) => any;
+            "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
+            "onItem:removed"?: (value: FilterPickerFilter) => any;
+            "onItem:sorted"?: (value: FilterPickerFilter[]) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: FilterPickerValue[]) => any;
+            "update:modelValue": (value: FilterPickerFilter[]) => any;
+            "item:removed": (value: FilterPickerFilter) => any;
+            "item:sorted": (value: FilterPickerFilter[]) => any;
         }, string, {
             container?: any;
             blueprint?: any;
@@ -142,6 +160,14 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        "v-slots": import("vue").Prop<{
+            default?: import("../DefineVueTypings").Slot<any[]>;
+        } & {
+            itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
+        }>;
+        sortable: {
+            type: import("vue").PropType<boolean>;
+        };
         grow: {
             type: import("vue").PropType<boolean>;
         };
@@ -152,18 +178,18 @@ declare const _default: {
             type: import("vue").PropType<"small" | "default" | "x-small">;
         };
         filters: {
-            type: import("vue").PropType<FilterPickerValue[]>;
+            type: import("vue").PropType<FilterPickerFilter[]>;
             required: true;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: FilterPickerValue[]) => any>;
+            type: import("vue").PropType<(value: FilterPickerFilter[]) => any>;
         };
         "v-model": {
-            type: import("vue").PropType<FilterPickerValue[]>;
+            type: import("vue").PropType<FilterPickerFilter[]>;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<FilterPickerValue[]>;
+            type: import("vue").PropType<FilterPickerFilter[]>;
             required: false;
         };
         class: {
@@ -176,12 +202,22 @@ declare const _default: {
         blueprintType?: any;
         blueprint?: any;
     }>> & {
-        "onUpdate:modelValue"?: (value: FilterPickerValue[]) => any;
+        "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
+        "onItem:removed"?: (value: FilterPickerFilter) => any;
+        "onItem:sorted"?: (value: FilterPickerFilter[]) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "v-slots": import("vue").Prop<{
+        default?: import("../DefineVueTypings").Slot<any[]>;
+    } & {
+        itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
+    }>;
+    sortable: {
+        type: import("vue").PropType<boolean>;
+    };
     grow: {
         type: import("vue").PropType<boolean>;
     };
@@ -192,18 +228,18 @@ declare const _default: {
         type: import("vue").PropType<"small" | "default" | "x-small">;
     };
     filters: {
-        type: import("vue").PropType<FilterPickerValue[]>;
+        type: import("vue").PropType<FilterPickerFilter[]>;
         required: true;
     };
     "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: FilterPickerValue[]) => any>;
+        type: import("vue").PropType<(value: FilterPickerFilter[]) => any>;
     };
     "v-model": {
-        type: import("vue").PropType<FilterPickerValue[]>;
+        type: import("vue").PropType<FilterPickerFilter[]>;
         required: false;
     };
     modelValue: {
-        type: import("vue").PropType<FilterPickerValue[]>;
+        type: import("vue").PropType<FilterPickerFilter[]>;
         required: false;
     };
     class: {
@@ -216,9 +252,13 @@ declare const _default: {
     blueprintType?: any;
     blueprint?: any;
 }>> & {
-    "onUpdate:modelValue"?: (value: FilterPickerValue[]) => any;
+    "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
+    "onItem:removed"?: (value: FilterPickerFilter) => any;
+    "onItem:sorted"?: (value: FilterPickerFilter[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: FilterPickerValue[]) => any;
+    "update:modelValue": (value: FilterPickerFilter[]) => any;
+    "item:removed": (value: FilterPickerFilter) => any;
+    "item:sorted": (value: FilterPickerFilter[]) => any;
 }, string, {
     container?: any;
     blueprint?: any;
@@ -228,7 +268,7 @@ declare const _default: {
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
-        filters: FilterPickerValue[];
+        filters: FilterPickerFilter[];
         blueprint?: any;
         colorSchemaType?: any;
         blueprintType?: any;
@@ -236,13 +276,21 @@ declare const _default: {
     } & {
         class?: String | String[];
         size?: "small" | "default" | "x-small";
-        modelValue?: FilterPickerValue[];
-        "onUpdate:modelValue"?: (value: FilterPickerValue[]) => any;
-        "v-model"?: FilterPickerValue[];
+        "v-slots"?: {
+            default?: import("../DefineVueTypings").Slot<any[]>;
+        } & {
+            itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
+        };
+        modelValue?: FilterPickerFilter[];
+        "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
+        "v-model"?: FilterPickerFilter[];
         grow?: boolean;
+        sortable?: boolean;
         singleSelect?: "small" | "default" | "x-small";
-    }>, "onUpdate:modelValue"> & {
-        "onUpdate:modelValue"?: (value: FilterPickerValue[]) => any;
+    }>, "onUpdate:modelValue" | "onItem:removed" | "onItem:sorted"> & {
+        "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
+        "onItem:removed"?: (value: FilterPickerFilter) => any;
+        "onItem:sorted"?: (value: FilterPickerFilter[]) => any;
     };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/languagepicker/ILanguagePicker.d.ts

@@ -1,4 +1,4 @@
-import { TsxAllowUnknowProperties, ScopedSlots, LanguagePickerStyles } from "..";
+import { ScopedSlots, LanguagePickerStyles } from "..";
 import { IVSelectScopedSlots } from "../vuetify";
 import { Language } from "../../models";
 /**Language Picker*/
@@ -31,16 +31,3 @@ export interface ILanguagePicker {
     /**On load language */
     loadLanguage?: () => Promise<Array<Language>>;
 }
-declare global {
-    namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-language-picker": TsxAllowUnknowProperties<ILanguagePicker>;
-        }
-    }
-}