@omnia/fx 8.0.51-vnext → 8.0.53-vnext

package/internal-do-not-import-from-here/ux/theming-v2/themes/SpacingTypes.d.ts

@@ -0,0 +1,17 @@
+import { Guid, SpacingDefinition } from "@omnia/fx-models";
+export declare class DefaultLayoutSpacing implements SpacingDefinition {
+    id: Guid;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+}
+export declare class DefaultInnerSpacing implements SpacingDefinition {
+    id: Guid;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+}

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

@@ -36,7 +36,7 @@ export declare class UrlInput extends VueComponentBase implements IWebComponentI
     private onBlurEvent;
     validateMSTeamsUrl(): boolean;
     validateDefaultUrl(): boolean;
-    validate(): boolean;
+    validate(): Promise<boolean>;
     clearValidation(): void;
     onClickUrlCategoryIcon(selectedProperty: string): void;
     renderLabel(): JSX.Element;

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

@@ -7,15 +7,46 @@ export declare function useIcons(): {
     fbIcon: (name: string) => FabricIcon;
     svgIcon: (name: string) => SvgIcon;
     customIcon: (name: string) => CustomIcon;
+    icon: {
+        add: FontAwesomeIcon;
+        back: FontAwesomeIcon;
+        copy: MaterialIcon;
+        code: MaterialIcon;
+        clone: FontAwesomeIcon;
+        close: FontAwesomeIcon;
+        delete: FontAwesomeIcon;
+        device: FontAwesomeIcon;
+        drag: FontAwesomeIcon;
+        edit: FontAwesomeIcon;
+        expand: FontAwesomeIcon;
+        info: FontAwesomeIcon;
+        lock: FontAwesomeIcon;
+        lock_open: FontAwesomeIcon;
+        lock_edit: FontAwesomeIcon;
+        move: FontAwesomeIcon;
+        navigate: FontAwesomeIcon;
+        remove: FontAwesomeIcon;
+        settings: FontAwesomeIcon;
+    };
     presets: {
         add: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
-        edit: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
-        del: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
-        drag: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        back: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        close: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         copy: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        clone: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         code: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        del: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        device: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        drag: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        edit: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         expand: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
-        remove: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         info: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        lock: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        lock_open: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        lock_edit: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        move: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        navigate: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        remove: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        settings: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
     };
 };

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

@@ -1,10 +1,2 @@
-import { IValidator } from "../validation";
-export declare function useValidator(breakInheritValidator?: boolean): IValidator;
-export declare function useValidation(): {
-    validate: () => boolean;
-    addValidation: (validation: any) => void;
-    clearValidation: (validation: any) => void;
-};
-export interface InternalVueValidationInstance {
-    __validationInstance: ReturnType<typeof useValidation>;
-}
+import { IValidatorInternal } from "../models/Validation";
+export declare function useValidatorInternal(): IValidatorInternal;

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

@@ -5,7 +5,7 @@ export * from "./UseBreakPoint";
 export * from "./UseConfirm";
 export * from "./UseVueInstance";
 export * from "./UseJourney";
-export * from "./UseValidation";
+export {} from "./UseValidation";
 export * from "./UseEventHook";
 export * from "./UseClone";
 export * from "./UseKeyboard";

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

@@ -1,17 +1,132 @@
-import { IValidator } from "@omnia/fx/ux";
-import { IWebComponentInstance } from "../../";
-import { IFieldValidation } from "./IFieldValidation";
-import { VueComponentBase } from "../VueComponentBase";
-export declare class FieldValidation extends VueComponentBase implements IWebComponentInstance, IFieldValidation {
-    checkValue: any;
-    rules: Array<(value: any) => boolean | string>;
-    getCheckValue: () => any;
-    useValidator: IValidator;
-    private defaultValidationMsgs;
-    private isShowingValidation;
-    onVisibleChanges(newValue: any, oldValue: any): void;
-    mounted(): void;
-    clearValidation(): void;
-    validate(): boolean;
-    render(): JSX.Element;
-}
+import { ValidationRule } from "@omnia/fx/ux";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            readonly rules?: ValidationRule[];
+            readonly checkValue?: any;
+            readonly "check-value"?: any;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            rules: {
+                type: import("vue").PropType<ValidationRule[]>;
+                required: false;
+            };
+            "check-value": {
+                type: import("vue").PropType<any>;
+            };
+            checkValue: {
+                type: import("vue").PropType<any>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $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) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        rules: {
+            type: import("vue").PropType<ValidationRule[]>;
+            required: false;
+        };
+        "check-value": {
+            type: import("vue").PropType<any>;
+        };
+        checkValue: {
+            type: import("vue").PropType<any>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    rules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        required: false;
+    };
+    "check-value": {
+        type: import("vue").PropType<any>;
+    };
+    checkValue: {
+        type: import("vue").PropType<any>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        rules?: ValidationRule[];
+        checkValue?: any;
+        "check-value"?: any;
+    }>, never>;
+};
+export default _default;

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

@@ -1,4 +1,4 @@
-export declare class FieldValueValidation {
+export declare class LegacyFieldValueValidation {
     private loc;
     private parentElement;
     private _isRequired;

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

@@ -1,10 +1 @@
-import { IValidator } from "./IComponentValidationEnabled";
-import { VueComponentBase } from "./../VueComponentBase";
-export declare class FormValidator implements IValidator {
-    private components;
-    constructor(component?: VueComponentBase<any>);
-    register: (component: VueComponentBase<any>) => void;
-    unregister(component: VueComponentBase<any>): void;
-    validateAll: (isAutoScroll?: boolean) => boolean;
-    clearValidation: () => void;
-}
+export {};

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

@@ -1,10 +1 @@
-import { VueComponentBase } from "./../VueComponentBase";
-export interface IValidator {
-    register: (component: VueComponentBase<any>) => void;
-    unregister(component: VueComponentBase<any>): void;
-    validateAll: (isAutoScroll?: boolean) => boolean;
-    clearValidation: () => void;
-}
-export interface IComponentValidationEnabled {
-    useValidator?: IValidator;
-}
+export {};

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

@@ -1,21 +1 @@
-import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
-import { IValidator } from "./IComponentValidationEnabled";
-export interface IFieldValidation {
-    useValidator: IValidator;
-    checkValue: any;
-    rules: Array<(value: any) => boolean | string>;
-    getCheckValue?: () => any;
-}
-declare global {
-    namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-field-validation": TsxAllowUnknowProperties<IFieldValidation>;
-        }
-    }
-}
+export {};

package/internal-do-not-import-from-here/ux/versionedlayout/blade/LayoutAliasBlade.d.ts

@@ -12,7 +12,6 @@ export declare class LayoutAliasBlade extends VueComponentBase<LayoutAliasBladeP
     private multilingualStore;
     private isSaving;
     private unexptedErrorMessage;
-    private formValidator;
     private internalLayout;
     created(): void;
     onLayoutChanged(): void;

package/internal-do-not-import-from-here/ux/versionedlayout/blade/VersionedLayoutListBladeBuilder.d.ts

@@ -9,7 +9,6 @@ export declare class VersionedLayoutListBladeBuilder extends VueComponentBase {
     private omniaLoc;
     private showCreationNewLayout;
     private isCreating;
-    private formValidator;
     private layoutCreation;
     created(): void;
     mounted(): void;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/alternatelayout/AlternateLayoutCreationForm.d.ts

@@ -12,7 +12,6 @@ export declare class AlternateLayoutCreationForm extends VueComponentBase<Altern
     closed: (createdAlternateLayout?: VersionedAlternateLayout) => void;
     private omniaLoc;
     private themeStore;
-    private formValidator;
     private title;
     private isCreating;
     private publishedVersionRefToCopy;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/alternatelayout/AlternateLayoutRenameForm.d.ts

@@ -14,7 +14,6 @@ export declare class AlternateLayoutRenameForm extends VueComponentBase<Alternat
     closed: (renamed?: boolean) => void;
     private omniaLoc;
     private themeStore;
-    private formValidator;
     private isSaving;
     private title;
     created(): void;

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

@@ -41,7 +41,6 @@ import wc744b3f31e00c4815b63ecaf638ad7a7a from './ux/markdown/MarkdownEditor';
 import wcc8b990d01ddc45ab930b4409fc406435 from './ux/markdown/MarkdownRenderer';
 import wc2e8004b49c8d44dd8edb56ce884c2b57 from './ux/monaco/MonacoEditor';
 import wc7f06e68f94904b48b827b23acd148bec from './ux/optionpicker/OptionPicker';
-import wcb6ddbf2c41224cd29b92fcecbbdd31a0 from './ux/playground_test/Play2Component';
 import wc1a58948a606a42078da3fb919cc4f7e6 from './ux/presetupwizard/PreSetupWizard';
 import wc6d1d84cb210643c59ca8437fc36c75a1 from './ux/profilecard/ProfileCardRenderer';
 import wc091ee9b103234b26a5e2bd5f992b2582 from './ux/properties/property-picker/PropertyPicker';
@@ -59,11 +58,12 @@ import wcb5315b31203e4bd1beb3c33f2122cbfe from './ux/signin/SignInPage';
 import wce4b25c06803a417a9c4aa4b7280a599b from './ux/signin/SignInBlock';
 import wcbc3b9409639d45829a6e58a4295bc470 from './ux/signin/omnia/Renderer';
 import wcf297290b5ea4409a9738ca880f1ea612 from './ux/signout/SignOut';
-import wc564bced7081c496483e8df717f600ff3 from './ux/spacingpicker/SpacingPicker2';
+import wc564bced7081c496483e8df717f600ff3 from './ux/spacingpicker/SpacingPicker3';
 import wccb83d46eaaed44d4920d4d5da21bc488 from './ux/statusmessageoverlay/StatusMessageOverlay';
 import wc21a1f20b3d404602853049c1c8b8da2f from './ux/userpresence/UserPresence';
 import wc30289e2b58ff48b0aabb3cb3732c3038 from './ux/usertypelayout/UserTypeLayoutRenderer';
 import wc5b26d2a399c041f3beae9c1115d6e8d8 from './ux/usertypelayout/UserTypeLayoutBladeBuilder';
+import wc90cfd68bb4e04f67bfd5677bdf4af59d from './ux/validation/FieldValidation';
 import wcba03fc7e6921468289c0a0ffe0cf942e from './ux/versionedlayout/renderer/VersionedLayoutRenderer';
 import wc73154f51a92944acbe248779a3fa7ef5 from './ux/versionedlayout/editor/VersionedLayoutEditor';
 import wc28d15a1179a04eaa9f2e82abe15f7177 from '../../fx-sp/internal-do-not-import-from-here/ux/filterengine/TaxonomyPropertyRenderer';
@@ -132,6 +132,7 @@ import wc9a7ad06b091e4633a0fc3d380210f9cb from './ux/oxide/textfield/TextField';
 import wc53c3a240c5bf4d39ac29ac7f1f7415ae from './ux/oxide/toolbar/Toolbar';
 import wca734925baa664530a42731d3b9719681 from './ux/oxide/tooltip/Tooltip';
 import wce1b9681a96a94f65a08577ef52b83752 from './ux/oxide/treeview/Treeview';
+import wc9c86a47101cd489e852f210d1e815d1c from './ux/oxide/validation/Validation';
 import wc58330f37503947799af05363e58bda3c from './ux/richtexteditor/Emoticon/EmoticonComponent';
 import wc327ec741777b4e1ea8017f1d0a3b8d9d from './ux/richtexteditor/TextCompletionPanel/TextCompletionPanel';
 import wc4ff736bf8c544324883ed49f2a38f846 from './ux/theming/components/ThemeDefinitionEditor';
@@ -284,7 +285,6 @@ declare global {
             "omfx-markdown-renderer": typeof wcc8b990d01ddc45ab930b4409fc406435.propsDefinition & VueComponentBaseProps;
             "monaco-editor": typeof wc2e8004b49c8d44dd8edb56ce884c2b57.propsDefinition & VueComponentBaseProps;
             "omfx-option-picker": typeof wc7f06e68f94904b48b827b23acd148bec.propsDefinition & VueComponentBaseProps;
-            "omnia-play-2": typeof wcb6ddbf2c41224cd29b92fcecbbdd31a0.propsDefinition & VueComponentBaseProps;
             "omfx-presetup-wizard": typeof wc1a58948a606a42078da3fb919cc4f7e6.propsDefinition & VueComponentBaseProps;
             "omfx-profilecard-renderer": typeof wc6d1d84cb210643c59ca8437fc36c75a1.propsDefinition & VueComponentBaseProps;
             "omfx-datasource-property-picker": typeof wc091ee9b103234b26a5e2bd5f992b2582.propsDefinition & VueComponentBaseProps;
@@ -307,6 +307,7 @@ declare global {
             "omfx-user-presence": typeof wc21a1f20b3d404602853049c1c8b8da2f.propsDefinition & VueComponentBaseProps;
             "omfx-usertype-layout-renderer": typeof wc30289e2b58ff48b0aabb3cb3732c3038.propsDefinition & VueComponentBaseProps;
             "omfx-usertype-layout-blade-builder": typeof wc5b26d2a399c041f3beae9c1115d6e8d8.propsDefinition & VueComponentBaseProps;
+            "omfx-field-validation": typeof wc90cfd68bb4e04f67bfd5677bdf4af59d.propsDefinition & VueComponentBaseProps;
             "omfx-versioned-layout-renderer": typeof wcba03fc7e6921468289c0a0ffe0cf942e.propsDefinition & VueComponentBaseProps;
             "omfx-versioned-layout-editor": typeof wc73154f51a92944acbe248779a3fa7ef5.propsDefinition & VueComponentBaseProps;
             "omfx-taxonomy-filterengine-renderer": typeof wc28d15a1179a04eaa9f2e82abe15f7177.propsDefinition & VueComponentBaseProps;
@@ -375,6 +376,7 @@ declare global {
             "o-toolbar": typeof wc53c3a240c5bf4d39ac29ac7f1f7415ae.propsDefinition & VueComponentBaseProps;
             "o-tooltip": typeof wca734925baa664530a42731d3b9719681.propsDefinition & VueComponentBaseProps;
             "o-treeview": typeof wce1b9681a96a94f65a08577ef52b83752.propsDefinition & VueComponentBaseProps;
+            "o-validation": typeof wc9c86a47101cd489e852f210d1e815d1c.propsDefinition & VueComponentBaseProps;
             "omfx-emoticon": typeof wc58330f37503947799af05363e58bda3c.propsDefinition & VueComponentBaseProps;
             "omfx-textcompletion-panel": typeof wc327ec741777b4e1ea8017f1d0a3b8d9d.propsDefinition & VueComponentBaseProps;
             "omfx-themedefinition-editor": typeof wc4ff736bf8c544324883ed49f2a38f846.propsDefinition & VueComponentBaseProps;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.51-vnext",
+  "version": "8.0.53-vnext",
   "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.51-vnext",
+    "@omnia/fx-models": "8.0.53-vnext",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",

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

@@ -1,108 +0,0 @@
-import { IWebComponentInstance } from "../..";
-import { SpacingSettings, GuidValue, TimeZone, UrlPropertyValue, Identity } from "../../models";
-import { Color } from "../vuetify";
-import { VueComponentBase } from "..";
-import { CommentLikeService } from "../social/test/CommentLikeService";
-import { CommentLikeTemplateDynamicInput } from "../social/templates/CommentLikeTemplate";
-import { CommentLikeStore } from "../../stores";
-import { TargetingFilterProperty } from "../../sp/models/TargetingFilterProperty";
-export declare class PlayGroundComponent extends VueComponentBase<{}, {}, {}> implements IWebComponentInstance {
-    commentLikeService: CommentLikeService;
-    commentLikeStore: CommentLikeStore;
-    private omniaTheming;
-    created(): void;
-    mounted(): void;
-    dynamicInput: CommentLikeTemplateDynamicInput;
-    color: Color;
-    monacoEditorStyle: string;
-    state: {
-        visibleThemeDialog: boolean;
-    };
-    selectingTab: any;
-    speeddial: any;
-    radio: string;
-    checkbox: boolean;
-    htmlForEditor: string;
-    monacoEditor: string;
-    monacoHtmlEditor: string;
-    iframeJsContent2: string;
-    iframeHtmlContent2: string;
-    iframeJsContent: string;
-    iframeHtmlContent: string;
-    slider: {
-        volume: number;
-        value: number;
-        price: number[];
-    };
-    items: {
-        id: number;
-        title: string;
-    }[];
-    simpleItems: string[];
-    itemsTreeView: ({
-        id: number;
-        name: string;
-        children: {
-            id: number;
-            name: string;
-            children: {
-                id: number;
-                name: string;
-                children: {
-                    id: number;
-                    name: string;
-                }[];
-            }[];
-        }[];
-    } | {
-        id: number;
-        name: string;
-        children: ({
-            id: number;
-            name: string;
-            children: {
-                id: number;
-                name: string;
-            }[];
-        } | {
-            id: number;
-            name: string;
-            children?: undefined;
-        })[];
-    })[];
-    readyToRenderPeoplePicker: boolean;
-    peoplePickerModel: Array<Identity>;
-    timezoneModel: TimeZone;
-    comboboxInputModel: string;
-    paddingSetting: SpacingSettings;
-    paddingSetting2: SpacingSettings;
-    preselectedItem: Array<GuidValue>;
-    checkTerm(term: any): {
-        display: boolean;
-        selectable: boolean;
-    };
-    urlPropertyValue: UrlPropertyValue;
-    private externalPropertyItems;
-    private epPickerSingleValue;
-    private epPickerMultipleValue;
-    private epsPickerSingleValue;
-    private epsPickerMultipleValue;
-    private spEnterpriseGlossary;
-    private calendarModel;
-    private spacingModel;
-    render(): JSX.Element;
-    renderVuetifyBreakpoint(): JSX.Element;
-    renderWizard(): JSX.Element;
-    targetingFilter: any;
-    targetingFilter2: TargetingFilterProperty;
-    targetingFilter3: TargetingFilterProperty;
-    renderTheming(): JSX.Element;
-    renderTargeting(): JSX.Element;
-    renderTheme(): JSX.Element;
-    renderPermissionInput(): any;
-    renderCommentLike(): JSX.Element;
-}
-export declare class ThemeVueComponent extends VueComponentBase {
-    mounted(): void;
-    render(): JSX.Element;
-}

package/internal-do-not-import-from-here/ux/playground_test/play2tabs/FileUploaderTab.d.ts

@@ -1,8 +0,0 @@
-import { FileUploaderItemHandler } from "../../../models";
-import { VueComponentBase } from "@omnia/fx/ux";
-export default class FileUploaderTab extends VueComponentBase {
-    disabled: boolean;
-    created(): void;
-    onFileChanged(files: Array<FileUploaderItemHandler>): void;
-    render(): JSX.Element;
-}

package/internal-do-not-import-from-here/ux/playground_test/play2tabs/MediaPickerTab.d.ts

@@ -1,12 +0,0 @@
-import { VueComponentBase } from "../../VueComponentBase";
-export default class MediaPickerTab extends VueComponentBase {
-    disabled: boolean;
-    private provider;
-    private selectedMedia;
-    private renderMediaPicker;
-    created(): void;
-    render(): JSX.Element;
-    private configureProviders;
-    private onSave;
-    private onClose;
-}

package/internal-do-not-import-from-here/ux/playground_test/play2tabs/MultilingualInputTab.d.ts

@@ -1,12 +0,0 @@
-import { MultilingualString } from "../../../models";
-import { VueComponentBase } from "../../VueComponentBase";
-export default class MultilingualInputTab extends VueComponentBase {
-    disabled: boolean;
-    model1: MultilingualString;
-    model2: MultilingualString;
-    model3: MultilingualString;
-    private internalValidator;
-    created(): void;
-    reset(): void;
-    render(): JSX.Element;
-}

package/internal-do-not-import-from-here/ux/playground_test/play2tabs/RichtextEditorTab.d.ts

@@ -1,12 +0,0 @@
-import { VueComponentBase } from "../../VueComponentBase";
-export default class RichtextEditorTab extends VueComponentBase {
-    disabled: boolean;
-    private testDataOnePug;
-    private testDataTwoPug;
-    private testSvg;
-    private initialContent;
-    private placeholder;
-    private richTextContent1;
-    created(): void;
-    render(): JSX.Element;
-}

package/internal-do-not-import-from-here/ux/playground_test/play2tabs/SharePointPermissionTab.d.ts

@@ -1,17 +0,0 @@
-import { TimePeriodSettings } from "../../../models";
-import { SiteGroupView, PrincipalService } from "../../../sp";
-import { VueComponentBase } from "../../VueComponentBase";
-export default class SharePointPermissionTab extends VueComponentBase {
-    principalService: PrincipalService;
-    settings: TimePeriodSettings;
-    spUrl: string;
-    siteGroupView: SiteGroupView;
-    getting: boolean;
-    saving: boolean;
-    created(): void;
-    getSiteGroupView(): void;
-    save(): void;
-    renderSiteGroupView(): JSX.Element | "Don't have ManagedWeb permission";
-    numberField: number;
-    render(): JSX.Element;
-}

package/internal-do-not-import-from-here/ux/playground_test/play2tabs/TermPickerTab.d.ts

@@ -1,10 +0,0 @@
-import { GuidValue } from "../../../models";
-import { VueComponentBase } from "../../VueComponentBase";
-export default class TermPickerTab extends VueComponentBase {
-    uniqueKey1: string;
-    uniqueKey: string;
-    selectedTermIds: Array<GuidValue>;
-    selectedTermIds2: Array<GuidValue>;
-    created(): void;
-    render(): JSX.Element;
-}

package/internal-do-not-import-from-here/ux/playground_test/play2tabs/TestChart.d.ts

@@ -1,15 +0,0 @@
-import { VueComponentBase } from "../../VueComponentBase";
-export default class TestChart extends VueComponentBase {
-    created(): void;
-    mounted(): void;
-    chartData: {
-        labels: string[];
-        datasets: {
-            label: string;
-            backgroundColor: string;
-            borderColor: string;
-            data: number[];
-        }[];
-    };
-    render(): JSX.Element;
-}

package/internal-do-not-import-from-here/ux/playground_test/play2tabs/TimePeriodPickerTab.d.ts

@@ -1,8 +0,0 @@
-import { TimePeriodSettings } from "../../../models";
-import { VueComponentBase } from "../../VueComponentBase";
-export default class TimePeriodPickerTab extends VueComponentBase {
-    settings: TimePeriodSettings;
-    created(): void;
-    mounted(): void;
-    render(): JSX.Element;
-}