@omnia/fx 8.0.354-dev → 8.0.356-dev

package/internal-do-not-import-from-here/ux/social/templates/CommentLikeTemplate.d.ts

@@ -1,164 +1,19 @@
+import { DefineEmit, DefineProp } from "@omnia/fx/ux";
 import { ICommentLikeService } from "../../../stores";
-import { type Comment, type CommentLikeTemplateSettings, ResolvedUserIdentity, LegacyThemeDefinition, guid } from "../../../models";
+import { type Comment, type CommentLikeTemplateSettings, ResolvedUserIdentity, guid, ColorValue } from "../../../models";
 export interface CommentLikeTemplateDynamicInput {
     service: ICommentLikeService;
     likeListingTemplate?: string;
     dateFormat?: string | "social";
 }
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        readOnly: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideEdit: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        cardStyle: {
-            type: import("vue").PropType<LegacyThemeDefinition>;
-        };
-        additionalRoles: {
-            type: import("vue").PropType<guid[]>;
-        };
-        canLike: {
-            type: import("vue").PropType<boolean>;
-        };
-        canShowEditDialogOnLoad: {
-            type: import("vue").PropType<boolean>;
-        };
-        currentUser: {
-            type: import("vue").PropType<ResolvedUserIdentity>;
-        };
-        templateSettings: {
-            type: import("vue").PropType<CommentLikeTemplateSettings>;
-        };
-        dynamicInput: {
-            type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
-        };
-        comment: {
-            type: import("vue").PropType<Comment>;
-        };
-    }>> & {
-        onDoc$?: (description?: string) => any;
-        onOpenReply?: (commentToReplyOn: Comment) => any;
-        onCancelReply?: (comment: Comment) => any;
-        onRefresh?: (addedComment: boolean) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        refresh: (addedComment: boolean) => void;
-        doc$(description?: string): {
-            refresh: (addedComment: boolean) => void;
-        };
-        cancelReply: (comment: Comment) => void;
-        openReply: (commentToReplyOn: Comment) => Comment;
-    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        readOnly: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideEdit: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        cardStyle: {
-            type: import("vue").PropType<LegacyThemeDefinition>;
-        };
-        additionalRoles: {
-            type: import("vue").PropType<guid[]>;
-        };
-        canLike: {
-            type: import("vue").PropType<boolean>;
-        };
-        canShowEditDialogOnLoad: {
-            type: import("vue").PropType<boolean>;
-        };
-        currentUser: {
-            type: import("vue").PropType<ResolvedUserIdentity>;
-        };
-        templateSettings: {
-            type: import("vue").PropType<CommentLikeTemplateSettings>;
-        };
-        dynamicInput: {
-            type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
-        };
-        comment: {
-            type: import("vue").PropType<Comment>;
-        };
-    }>> & {
-        onDoc$?: (description?: string) => any;
-        onOpenReply?: (commentToReplyOn: Comment) => any;
-        onCancelReply?: (comment: Comment) => any;
-        onRefresh?: (addedComment: boolean) => any;
-    }, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    readOnly: {
-        type: import("vue").PropType<boolean>;
-    };
-    hideEdit: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    cardStyle: {
-        type: import("vue").PropType<LegacyThemeDefinition>;
-    };
-    additionalRoles: {
-        type: import("vue").PropType<guid[]>;
-    };
-    canLike: {
-        type: import("vue").PropType<boolean>;
-    };
-    canShowEditDialogOnLoad: {
-        type: import("vue").PropType<boolean>;
-    };
-    currentUser: {
-        type: import("vue").PropType<ResolvedUserIdentity>;
-    };
-    templateSettings: {
-        type: import("vue").PropType<CommentLikeTemplateSettings>;
-    };
-    dynamicInput: {
-        type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
-    };
-    comment: {
-        type: import("vue").PropType<Comment>;
-    };
-}>> & {
-    onDoc$?: (description?: string) => any;
-    onOpenReply?: (commentToReplyOn: Comment) => any;
+type CommentLikeTemplateProps = DefineProp<"comment", Comment> & DefineProp<"dynamicInput", CommentLikeTemplateDynamicInput> & DefineProp<"templateSettings", CommentLikeTemplateSettings> & DefineProp<"currentUser", ResolvedUserIdentity> & DefineProp<"canShowEditDialogOnLoad", boolean> & DefineProp<"canLike", boolean> & DefineProp<"additionalRoles", Array<guid>> & DefineProp<"backgroundColor", ColorValue> & DefineProp<"foregroundColor", ColorValue> & DefineProp<"textColor", ColorValue> & DefineProp<"hideEdit", boolean> & DefineProp<"readOnly", boolean> & DefineEmit<"openReply", (commentToReplyOn: Comment) => Comment> & DefineEmit<"cancelReply", (comment: Comment) => void> & DefineEmit<"refresh", (addedComment: boolean) => void>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<CommentLikeTemplateProps> & {
     onCancelReply?: (comment: Comment) => any;
+    onOpenReply?: (commentToReplyOn: Comment) => any;
     onRefresh?: (addedComment: boolean) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    refresh: (addedComment: boolean) => void;
-    doc$(description?: string): {
-        refresh: (addedComment: boolean) => void;
-    };
-    cancelReply: (comment: Comment) => void;
-    openReply: (commentToReplyOn: Comment) => Comment;
-}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        currentUser?: ResolvedUserIdentity;
-        comment?: Comment;
-        dynamicInput?: CommentLikeTemplateDynamicInput;
-        templateSettings?: CommentLikeTemplateSettings;
-        canShowEditDialogOnLoad?: boolean;
-        canLike?: boolean;
-        additionalRoles?: guid[];
-        cardStyle?: LegacyThemeDefinition;
-        hideEdit?: boolean;
-        readOnly?: boolean;
-    }>, "onDoc$" | "onOpenReply" | "onCancelReply" | "onRefresh"> & {
-        onDoc$?: (description?: string) => any;
-        onOpenReply?: (commentToReplyOn: Comment) => any;
-        onCancelReply?: (comment: Comment) => any;
-        onRefresh?: (addedComment: boolean) => any;
-    };
-};
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "backgroundColor" | "textColor" | "currentUser" | "comment" | "dynamicInput" | "templateSettings" | "canShowEditDialogOnLoad" | "canLike" | "additionalRoles" | "foregroundColor" | "hideEdit" | "readOnly" | "emit:openReply" | "emit:cancelReply" | "emit:refresh"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/social/templates/LikeListingTemplate.d.ts

@@ -1,77 +1,12 @@
+import { DefineEmit, DefineProp } from "@omnia/fx/ux";
 import { ISocialReaction, type ISocialReactionStyling } from "../../../models";
 import "../Like.css";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        currentSocialReaction: {
-            type: import("vue").PropType<ISocialReactionStyling>;
-        };
-        socialReactionStylings: {
-            type: import("vue").PropType<ISocialReactionStyling[]>;
-            required: false;
-        };
-        likes: {
-            type: import("vue").PropType<ISocialReaction[]>;
-        };
-    }>> & {
-        onClose?: () => any;
-        onDoc$?: (description?: string) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        close: () => void;
-        doc$(description?: string): {
-            close: () => void;
-        };
-    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        currentSocialReaction: {
-            type: import("vue").PropType<ISocialReactionStyling>;
-        };
-        socialReactionStylings: {
-            type: import("vue").PropType<ISocialReactionStyling[]>;
-            required: false;
-        };
-        likes: {
-            type: import("vue").PropType<ISocialReaction[]>;
-        };
-    }>> & {
-        onClose?: () => any;
-        onDoc$?: (description?: string) => any;
-    }, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    currentSocialReaction: {
-        type: import("vue").PropType<ISocialReactionStyling>;
-    };
-    socialReactionStylings: {
-        type: import("vue").PropType<ISocialReactionStyling[]>;
-        required: false;
-    };
-    likes: {
-        type: import("vue").PropType<ISocialReaction[]>;
-    };
-}>> & {
+type LikeListingTemplateProps = DefineProp<"likes", Array<ISocialReaction>> & DefineProp<"socialReactionStylings", Array<ISocialReactionStyling>> & DefineProp<"currentSocialReaction", ISocialReactionStyling> & DefineEmit<"close", () => void>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<LikeListingTemplateProps> & {
     onClose?: () => any;
-    onDoc$?: (description?: string) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: () => void;
-    doc$(description?: string): {
-        close: () => void;
-    };
-}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        likes?: ISocialReaction[];
-        socialReactionStylings?: ISocialReactionStyling[];
-        currentSocialReaction?: ISocialReactionStyling;
-    }>, "onClose" | "onDoc$"> & {
-        onClose?: () => any;
-        onDoc$?: (description?: string) => any;
-    };
-};
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "likes" | "emit:close" | "socialReactionStylings" | "currentSocialReaction"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -22,6 +22,8 @@ export declare function useDraggable(): {
         colorType?: "base" | "onBase";
     } & {
         variant?: "background" | "default";
+    } & {
+        tooltip?: import("@omnia/fx-models").IconTooltipOptions;
     } & {
         size?: "small" | "default" | "x-large" | "x-small" | "large";
     } & {
@@ -36,7 +38,7 @@ export declare function useDraggable(): {
         "v-slots"?: {} & Omit<{
             default?: import("vue").Slot;
         }, never>;
-    } & Omit<import("..").VueComponentBaseProps, "icon" | "blueprint" | "animation" | "variant" | "filled" | "size" | "class" | "disabled" | "colorSchemaType" | "colors" | "toned" | "colorType" | "customSize"> & import("../InternalDefineComponent").VNodeEvents) => any;
+    } & Omit<import("..").VueComponentBaseProps, "icon" | "blueprint" | "animation" | "variant" | "filled" | "size" | "class" | "disabled" | "tooltip" | "colorSchemaType" | "colors" | "toned" | "colorType" | "customSize"> & import("../InternalDefineComponent").VNodeEvents) => any;
     draggableContainerRef: import("vue").Ref<any, any>;
     draggableItemClass: string;
     disabledItemClass: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.354-dev",
+  "version": "8.0.356-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": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.354-dev",
+    "@omnia/fx-models": "8.0.356-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",

package/postinstall.js

@@ -2,8 +2,8 @@
 const fs = require('fs');
 const path = require('path');
 
-const srcPath = path.join(process.cwd(), "types/vue.custom.d.ts");
-const destPath = path.join(process.cwd(), "../../vue/types/vue.d.ts");
+const srcPath = path.join(process.cwd(), "types/jsx.d.ts");
+const destPath = path.join(process.cwd(), "../../vue/jsx.d.ts");
 
 if (fs.existsSync(destPath)) {
     fs.copyFileSync(srcPath, destPath);

package/types/jsx.d.ts

@@ -0,0 +1,22 @@
+/* eslint-disable @typescript-eslint/prefer-ts-expect-error */
+// global JSX namespace registration
+// somehow we have to copy=pase the jsx-runtime types here to make TypeScript happy
+import type { NativeElements, ReservedProps, VNode } from '@vue/runtime-dom'
+
+declare global {
+  namespace JSX {
+    export interface Element extends VNode {}
+    export interface ElementClass {
+      $props: {}
+    }
+    export interface ElementAttributesProperty {
+      $props: {}
+    }
+    export interface IntrinsicElements extends NativeElements {
+      // allow arbitrary elements
+      // @ts-ignore suppress ts:2374 = Duplicate string index signature.
+      [name: string]: any
+    }
+    export interface IntrinsicAttributes extends Omit<ReservedProps, "ref"> {}
+  }
+}

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

@@ -1,4 +0,0 @@
-import { MultilingualString } from "@omnia/fx-models";
-export interface IRichTextEditorRenderer {
-    editorContent: string | MultilingualString;
-}

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

@@ -1 +0,0 @@
-export * from "./IRichTextEditorRenderer";

package/types/vue.custom.d.ts

@@ -1,135 +0,0 @@
-import {
-  Component,
-  AsyncComponent,
-  ComponentOptions,
-  FunctionalComponentOptions,
-  WatchOptionsWithHandler,
-  WatchHandler,
-  DirectiveOptions,
-  DirectiveFunction,
-  RecordPropsDefinition,
-  ThisTypedComponentOptionsWithArrayProps,
-  ThisTypedComponentOptionsWithRecordProps,
-  WatchOptions,
-} from "./options";
-import { VNode, VNodeData, VNodeChildren, NormalizedScopedSlot } from "./vnode";
-import { PluginFunction, PluginObject } from "./plugin";
-
-export interface CreateElement {
-  (tag?: string | Component<any, any, any, any> | AsyncComponent<any, any, any, any> | (() => Component), children?: VNodeChildren): VNode;
-  (tag?: string | Component<any, any, any, any> | AsyncComponent<any, any, any, any> | (() => Component), data?: VNodeData, children?: VNodeChildren): VNode;
-}
-
-export interface Vue {
-  readonly $el: Element;
-  readonly $options: ComponentOptions<Vue>;
-  readonly $parent: Vue;
-  readonly $root: Vue;
-  readonly $children: Vue[];
-  readonly $refs: { [key: string]: Vue | Element | (Vue | Element)[] | undefined };
-  readonly $slots: { [key: string]: VNode[] | undefined };
-  readonly $scopedSlots: { [key: string]: NormalizedScopedSlot | undefined };
-  readonly $isServer: boolean;
-  readonly $data: Record<string, any>;
-  readonly $props: Record<string, any>;
-  readonly $ssrContext: any;
-  readonly $vnode: VNode;
-  readonly $attrs: Record<string, string>;
-  readonly $listeners: Record<string, Function | Function[]>;
-
-  $mount(elementOrSelector?: Element | string, hydrating?: boolean): this;
-  $forceUpdate(): void;
-  $destroy(): void;
-  $set: typeof Vue.set;
-  $delete: typeof Vue.delete;
-  $watch(
-    expOrFn: string,
-    callback: (this: this, n: any, o: any) => void,
-    options?: WatchOptions
-  ): (() => void);
-  $watch<T>(
-    expOrFn: (this: this) => T,
-    callback: (this: this, n: T, o: T) => void,
-    options?: WatchOptions
-  ): (() => void);
-  $on(event: string | string[], callback: Function): this;
-  $once(event: string | string[], callback: Function): this;
-  $off(event?: string | string[], callback?: Function): this;
-  $emit(event: string, ...args: any[]): this;
-  $nextTick(callback: (this: this) => void): void;
-  $nextTick(): Promise<void>;
-  // remove $createElement to force build failed
-  // this function should never be called outside of tooling injection since it affects hierarchy vnode
-  // we forcing this for Omnia 7 breaking changes
-  //$createElement: CreateElement;
-}
-
-export type CombinedVueInstance<Instance extends Vue, Data, Methods, Computed, Props> =  Data & Methods & Computed & Props & Instance;
-export type ExtendedVue<Instance extends Vue, Data, Methods, Computed, Props> = VueConstructor<CombinedVueInstance<Instance, Data, Methods, Computed, Props> & Vue>;
-
-export interface VueConfiguration {
-  silent: boolean;
-  optionMergeStrategies: any;
-  devtools: boolean;
-  productionTip: boolean;
-  performance: boolean;
-  errorHandler(err: Error, vm: Vue, info: string): void;
-  warnHandler(msg: string, vm: Vue, trace: string): void;
-  ignoredElements: (string | RegExp)[];
-  keyCodes: { [key: string]: number | number[] };
-  async: boolean;
-}
-
-export interface VueConstructor<V extends Vue = Vue> {
-  new <Data = object, Methods = object, Computed = object, PropNames extends string = never>(options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>): CombinedVueInstance<V, Data, Methods, Computed, Record<PropNames, any>>;
-  // ideally, the return type should just contain Props, not Record<keyof Props, any>. But TS requires to have Base constructors with the same return type.
-  new <Data = object, Methods = object, Computed = object, Props = object>(options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>): CombinedVueInstance<V, Data, Methods, Computed, Record<keyof Props, any>>;
-  new (options?: ComponentOptions<V>): CombinedVueInstance<V, object, object, object, Record<keyof object, any>>;
-
-  extend<Data, Methods, Computed, PropNames extends string = never>(options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>): ExtendedVue<V, Data, Methods, Computed, Record<PropNames, any>>;
-  extend<Data, Methods, Computed, Props>(options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>): ExtendedVue<V, Data, Methods, Computed, Props>;
-  extend<PropNames extends string = never>(definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>): ExtendedVue<V, {}, {}, {}, Record<PropNames, any>>;
-  extend<Props>(definition: FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>): ExtendedVue<V, {}, {}, {}, Props>;
-  extend(options?: ComponentOptions<V>): ExtendedVue<V, {}, {}, {}, {}>;
-
-  nextTick<T>(callback: (this: T) => void, context?: T): void;
-  nextTick(): Promise<void>
-  set<T>(object: object, key: string | number, value: T): T;
-  set<T>(array: T[], key: number, value: T): T;
-  delete(object: object, key: string | number): void;
-  delete<T>(array: T[], key: number): void;
-
-  directive(
-    id: string,
-    definition?: DirectiveOptions | DirectiveFunction
-  ): DirectiveOptions;
-  filter(id: string, definition?: Function): Function;
-
-  component(id: string): VueConstructor;
-  component<VC extends VueConstructor>(id: string, constructor: VC): VC;
-  component<Data, Methods, Computed, Props>(id: string, definition: AsyncComponent<Data, Methods, Computed, Props>): ExtendedVue<V, Data, Methods, Computed, Props>;
-  component<Data, Methods, Computed, PropNames extends string = never>(id: string, definition?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>): ExtendedVue<V, Data, Methods, Computed, Record<PropNames, any>>;
-  component<Data, Methods, Computed, Props>(id: string, definition?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>): ExtendedVue<V, Data, Methods, Computed, Props>;
-  component<PropNames extends string>(id: string, definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>): ExtendedVue<V, {}, {}, {}, Record<PropNames, any>>;
-  component<Props>(id: string, definition: FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>): ExtendedVue<V, {}, {}, {}, Props>;
-  component(id: string, definition?: ComponentOptions<V>): ExtendedVue<V, {}, {}, {}, {}>;
-
-  use<T>(plugin: PluginObject<T> | PluginFunction<T>, options?: T): VueConstructor<V>;
-  use(plugin: PluginObject<any> | PluginFunction<any>, ...options: any[]): VueConstructor<V>;
-  mixin(mixin: VueConstructor | ComponentOptions<Vue>): VueConstructor<V>;
-  compile(template: string): {
-    render(createElement: typeof Vue.prototype.$createElement): VNode;
-    staticRenderFns: (() => VNode)[];
-  };
-
-  observable<T>(obj: T): T;
-
-  util: {
-    warn(msg: string, vm?: InstanceType<VueConstructor>): void;
-  };
-
-  config: VueConfiguration;
-  version: string;
-}
-
-export const Vue: VueConstructor;