@omnia/fx 8.0.247-dev → 8.0.248-dev

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

@@ -1,5 +1,5 @@
 import { Prop, PropType, VNodeChild } from "vue";
-import { ColorSchemaType, ColorSchemaTypes } from "@omnia/fx-models";
+import { ColorSchemaType, ColorSchemaTypes, guid } from "@omnia/fx-models";
 import { ColorSchemaStoreType } from "./aurora";
 export type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
 export type VModelKeyNameInJsxElement<N extends string> = N extends "" ? "v-model" : `v-model:${N}`;
@@ -30,6 +30,7 @@ export type DefineVModel<TName extends string, TType, Required extends boolean =
 } & {
     [key in VModelKeyNameInProps<TName>]: TType;
 };
+export type ItemValueType<T> = string | ((item: T) => string | guid | number | Object);
 export type ItemType<T> = T extends readonly (infer U)[] ? U : never;
 export type SelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | readonly (string | number)[] | ((item: T, fallback?: any) => any);
 export type DefinePropTheming = DefineProp<"colorSchemaType", ColorSchemaTypes | ColorSchemaType> & DefineProp<"container", boolean> & DefineProp<"colors", ColorSchemaStoreType>;

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

@@ -78,4 +78,4 @@ export { FocusDirective, LinkHandlerDirective } from "./directives";
 export { VueComponentBase, VueComponentConnect, getVuetifyAppClasses } from "./VueComponentBase";
 export type { VueComponentBaseEvents, VueComponentBaseProps } from "./VueComponentBase";
 export { createVueNode, definePropFunctionType, definePropObjectType, defineVue, defineVueComponent, getElementName, isElement, type SetupComponentContext, type ExtractProps, type ExtractEmits, type ExtractSlots, type ConstructComponentProps, type ExtractVModels } from "./InternalDefineComponent";
-export { type DefineEmit, type DefineProp, type DefinePropClass, type DefinePropTheming, type DefineSlot, type DefineType, type DefineVModel, type ItemType, type SelectItemKey } from "./DefineVueTypings";
+export { type DefineEmit, type DefineProp, type DefinePropClass, type DefinePropTheming, type DefineSlot, type DefineType, type DefineVModel, type ItemType, type SelectItemKey, type ItemValueType } from "./DefineVueTypings";

package/internal-do-not-import-from-here/ux/oxide/draggable/Draggable.d.ts

@@ -1,8 +1,8 @@
 import { ODraggableVariants } from "@omnia/fx-models";
-import { DefineEmit, DefineProp, DefineSlot, DefineVModel, IDataTableRowRenderer } from "@omnia/fx/ux";
+import { DefineEmit, DefineProp, DefineSlot, DefineVModel, ItemValueType } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-export type DraggableProps = DefineVModel<"", Array<any>, false, null, false, "The draggable items."> & DefineProp<"itemTitle", string | ((item: any) => VNodeChild), false, null, "Specify title property of an item or provide custom render it."> & DefineProp<"itemValue", string | ((item: any) => string), false, null, "Property on supplied items that contains its value."> & DefineProp<"disabledItem", string, false, null, "Specify a class name for items that are disabled for sortable."> & DefineProp<"placeholderClass", string, false, null, "Custom styles of the placeholder."> & DefineProp<"variant", ODraggableVariants, false, "default", "Applies a distinct style to the component."> & DefineSlot<"item", ((item: any) => VNodeChild) | ((row: IDataTableRowRenderer) => void), "Define a custom item appearance."> & DefineEmit<"sort:start", () => true, "Emit a sort start event."> & DefineEmit<"sort:end", () => true, "Emit a sort end event.">;
-declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<DraggableProps>) => {
+export type DraggableProps<T> = DefineVModel<"", T[], false, null, false, "The draggable items."> & DefineProp<"itemTitle", string | ((item: T) => VNodeChild), false, null, "Specify title property of an item or provide custom render it."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"disabledItem", string, false, null, "Specify a class name for items that are disabled for sortable."> & DefineProp<"placeholderClass", string, false, null, "Custom styles of the placeholder."> & DefineProp<"variant", ODraggableVariants, false, "default", "Applies a distinct style to the component."> & DefineSlot<"item", (item: T, index: number) => VNodeChild, "Define a custom item appearance."> & DefineEmit<"sort:start", () => true, "Emit a sort start event."> & DefineEmit<"sort:end", () => true, "Emit a sort end event.">;
+declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").ConstructComponentProps<DraggableProps<T>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -38,11 +38,11 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<D
     };
     $forceUpdate: () => void;
     $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, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
 } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-    propsDefinition: import("@omnia/fx/ux").ExtractProps<DraggableProps> & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<DraggableProps<T>> & {
         "v-slots"?: {
-            item?: ((item: any) => VNodeChild) | ((row: IDataTableRowRenderer<any>) => void);
+            item?: (item: T, index: number) => VNodeChild;
         } & Omit<{
             default?: import("vue").Slot;
         }, "item">;

package/internal-do-not-import-from-here/ux/oxide/list/List.d.ts

@@ -1,4 +1,4 @@
-import { DefineProp, DefinePropClass, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
+import { DefineProp, DefinePropClass, DefinePropTheming, DefineSlot, DefineVModel, ItemValueType } from "@omnia/fx/ux";
 import { ComponentPublicInstance, VNodeChild } from "vue";
 import { OListLineTypes, OListTypes } from "@omnia/fx-models";
 export interface IListItem<T> {
@@ -6,7 +6,7 @@ export interface IListItem<T> {
     index: number;
     Item: typeof o.list.item;
 }
-export type OListProps<T> = DefinePropTheming & DefinePropClass & DefineVModel<"", T[], false, null, true, "An array of strings or objects used for automatically generating children components."> & DefineProp<"lines", OListLineTypes, false, null, "Designates a minimum-height for all the children o-list-item components. THis props uses line-clamp."> & DefineProp<"nav", boolean, false, false, "An alternative styling that reduces o-list-item width and rounds the corners. Typically used with o-navigation-drawer."> & DefineProp<"toned", boolean, false, false> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"variant", OListTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"navigation", boolean | ((item: T) => boolean), false, false, "The row navigation."> & DefineProp<"remove", boolean | ((item: T) => boolean), false, false, "Enable removable row."> & DefineProp<"itemValue", string | ((item: T) => string), false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IListItem<T>) => VNodeChild>;
+export type OListProps<T> = DefinePropTheming & DefinePropClass & DefineVModel<"", T[], false, null, true, "An array of strings or objects used for automatically generating children components."> & DefineProp<"lines", OListLineTypes, false, null, "Designates a minimum-height for all the children o-list-item components. THis props uses line-clamp."> & DefineProp<"nav", boolean, false, false, "An alternative styling that reduces o-list-item width and rounds the corners. Typically used with o-navigation-drawer."> & DefineProp<"toned", boolean, false, false> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"variant", OListTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"navigation", boolean | ((item: T) => boolean), false, false, "The row navigation."> & DefineProp<"remove", boolean | ((item: T) => boolean), false, false, "Enable removable row."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IListItem<T>) => VNodeChild>;
 declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").ConstructComponentProps<OListProps<T>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts

@@ -12,7 +12,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         toned: {
-            /**Top content in a tab */
             type: import("vue").PropType<boolean>;
         };
         grouped: {
@@ -63,7 +62,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         toned: {
-            /**Top content in a tab */
             type: import("vue").PropType<boolean>;
         };
         grouped: {
@@ -123,7 +121,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         toned: {
-            /**Top content in a tab */
             type: import("vue").PropType<boolean>;
         };
         grouped: {
@@ -180,7 +177,6 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     toned: {
-        /**Top content in a tab */
         type: import("vue").PropType<boolean>;
     };
     grouped: {

package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts

@@ -1,4 +1,4 @@
-import { DefineEmit, DefineSlot, ItemType, SelectItemKey, ValidationRule } from "@omnia/fx/ux";
+import { DefineEmit, DefineSlot, ItemType, ItemValueType, SelectItemKey, ValidationRule } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 import { IIcon, OSelectRenderingItem } from "@omnia/fx-models";
 import { VSelectSlots } from "../../ComponentTypings";
@@ -34,7 +34,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
 } & {
     itemTitle?: SelectItemKey<ItemType<TItem>>;
 } & {
-    itemValue?: SelectItemKey<ItemType<TItem>>;
+    itemValue?: ItemValueType<ItemType<TItem>>;
 } & {
     variant?: "default" | "add" | "picker" | "combobox";
 } & {
@@ -128,7 +128,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
     } & {
         itemTitle?: SelectItemKey<ItemType<TItem>>;
     } & {
-        itemValue?: SelectItemKey<ItemType<TItem>>;
+        itemValue?: ItemValueType<ItemType<TItem>>;
     } & {
         variant?: "default" | "add" | "picker" | "combobox";
     } & {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.247-dev",
+  "version": "8.0.248-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.247-dev",
+    "@omnia/fx-models": "8.0.248-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",