@omnia/fx-sp 8.0.43-vnext → 8.0.44-dev

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

@@ -1,61 +1,414 @@
-import { TermPickerLocalization } from "./loc/localize";
-import { TermStore } from "../../../fx/stores";
 import "./TermPicker.css";
-import { VueComponentBase } from "../../../ux";
-interface ITermNode {
-    label: string;
-    selected: boolean;
-    showExpandedIcon: boolean;
-    allowCreateNewTerm: boolean;
-    termSelecting: () => void;
-    beforeExpandCollapse?: () => void;
-    beforeCreateNewChildTerm?: () => void;
-    isAvailableForTagging: boolean;
-    expanded?: boolean;
-    nodeLevel?: number;
-    tabindex?: number;
-    ariachecked?: boolean;
-    disabled?: boolean;
-    closeMenu?: () => void;
-    nodeStyles?: string;
-}
-export declare class TermNode extends VueComponentBase<ITermNode> {
-    termStore: TermStore;
-    loc: TermPickerLocalization.locInterface;
-    label: string;
-    selected: boolean;
-    showExpandedIcon: boolean;
-    allowCreateNewTerm: boolean;
-    termSelecting: () => void;
-    beforeExpandCollapse: () => void;
-    beforeCreateNewChildTerm: () => void;
-    isAvailableForTagging: boolean;
-    expanded: boolean;
-    nodeLevel: number;
-    tabindex: number;
-    ariachecked: boolean;
-    disabled: boolean;
-    closeMenu: () => void;
-    nodeStyles?: string;
-    private termClasses;
-    private VK_LEFT;
-    private VK_UP;
-    private VK_RIGHT;
-    private VK_DOWN;
-    private VK_ESC;
-    private VK_ENTER;
-    private VK_SPACE;
-    private VK_TAB;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    onCheckboxChecked(): void;
-    onItemClicked(): void;
-    onExpandClicked(): void;
-    onCreateClicked(): void;
-    onKeyDownOnItem: (e: any) => void;
-    onKeyDownOnIcon: (e: any) => void;
-    render(): JSX.Element;
-    renderAction(): JSX.Element;
-}
-export {};
+export declare const TermNode: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly label?: string;
+            readonly expanded?: boolean;
+            readonly disabled?: boolean;
+            readonly tabindex?: number;
+            readonly selected?: boolean;
+            readonly allowCreateNewTerm?: boolean;
+            readonly "allow-create-new-term"?: boolean;
+            readonly isAvailableForTagging?: boolean;
+            readonly showExpandedIcon?: boolean;
+            readonly nodeLevel?: number;
+            readonly "show-expanded-icon"?: boolean;
+            readonly termSelecting?: () => void;
+            readonly "term-selecting"?: () => void;
+            readonly beforeExpandCollapse?: () => void;
+            readonly "before-expand-collapse"?: () => void;
+            readonly beforeCreateNewChildTerm?: () => void;
+            readonly "before-create-new-child-term"?: () => void;
+            readonly "is-available-for-tagging"?: boolean;
+            readonly ariachecked?: boolean;
+            readonly closeMenu?: () => void;
+            readonly "close-menu"?: () => void;
+            readonly nodeStyles?: string;
+            readonly "node-styles"?: string;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            "node-styles": {
+                type: import("vue").PropType<string>;
+            };
+            nodeStyles: {
+                type: import("vue").PropType<string>;
+            };
+            "close-menu": {
+                type: import("vue").PropType<() => void>;
+            };
+            closeMenu: {
+                type: import("vue").PropType<() => void>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            ariachecked: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            tabindex: {
+                type: import("vue").PropType<number>;
+                required: false;
+            };
+            nodeLevel: {
+                type: import("vue").PropType<number>;
+                required: false;
+            };
+            expanded: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            "is-available-for-tagging": {
+                type: import("vue").PropType<boolean>;
+            };
+            isAvailableForTagging: {
+                type: import("vue").PropType<boolean>;
+            };
+            "before-create-new-child-term": {
+                type: import("vue").PropType<() => void>;
+            };
+            beforeCreateNewChildTerm: {
+                type: import("vue").PropType<() => void>;
+            };
+            "before-expand-collapse": {
+                type: import("vue").PropType<() => void>;
+            };
+            beforeExpandCollapse: {
+                type: import("vue").PropType<() => void>;
+            };
+            "term-selecting": {
+                type: import("vue").PropType<() => void>;
+            };
+            termSelecting: {
+                type: import("vue").PropType<() => void>;
+            };
+            "allow-create-new-term": {
+                type: import("vue").PropType<boolean>;
+            };
+            allowCreateNewTerm: {
+                type: import("vue").PropType<boolean>;
+            };
+            "show-expanded-icon": {
+                type: import("vue").PropType<boolean>;
+            };
+            showExpandedIcon: {
+                type: import("vue").PropType<boolean>;
+            };
+            selected: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+        }>>, never>;
+        $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<{
+            "node-styles": {
+                type: import("vue").PropType<string>;
+            };
+            nodeStyles: {
+                type: import("vue").PropType<string>;
+            };
+            "close-menu": {
+                type: import("vue").PropType<() => void>;
+            };
+            closeMenu: {
+                type: import("vue").PropType<() => void>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            ariachecked: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            tabindex: {
+                type: import("vue").PropType<number>;
+                required: false;
+            };
+            nodeLevel: {
+                type: import("vue").PropType<number>;
+                required: false;
+            };
+            expanded: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            "is-available-for-tagging": {
+                type: import("vue").PropType<boolean>;
+            };
+            isAvailableForTagging: {
+                type: import("vue").PropType<boolean>;
+            };
+            "before-create-new-child-term": {
+                type: import("vue").PropType<() => void>;
+            };
+            beforeCreateNewChildTerm: {
+                type: import("vue").PropType<() => void>;
+            };
+            "before-expand-collapse": {
+                type: import("vue").PropType<() => void>;
+            };
+            beforeExpandCollapse: {
+                type: import("vue").PropType<() => void>;
+            };
+            "term-selecting": {
+                type: import("vue").PropType<() => void>;
+            };
+            termSelecting: {
+                type: import("vue").PropType<() => void>;
+            };
+            "allow-create-new-term": {
+                type: import("vue").PropType<boolean>;
+            };
+            allowCreateNewTerm: {
+                type: import("vue").PropType<boolean>;
+            };
+            "show-expanded-icon": {
+                type: import("vue").PropType<boolean>;
+            };
+            showExpandedIcon: {
+                type: import("vue").PropType<boolean>;
+            };
+            selected: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+        }>>, () => 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<{
+        "node-styles": {
+            type: import("vue").PropType<string>;
+        };
+        nodeStyles: {
+            type: import("vue").PropType<string>;
+        };
+        "close-menu": {
+            type: import("vue").PropType<() => void>;
+        };
+        closeMenu: {
+            type: import("vue").PropType<() => void>;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        ariachecked: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        tabindex: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+        nodeLevel: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+        expanded: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        "is-available-for-tagging": {
+            type: import("vue").PropType<boolean>;
+        };
+        isAvailableForTagging: {
+            type: import("vue").PropType<boolean>;
+        };
+        "before-create-new-child-term": {
+            type: import("vue").PropType<() => void>;
+        };
+        beforeCreateNewChildTerm: {
+            type: import("vue").PropType<() => void>;
+        };
+        "before-expand-collapse": {
+            type: import("vue").PropType<() => void>;
+        };
+        beforeExpandCollapse: {
+            type: import("vue").PropType<() => void>;
+        };
+        "term-selecting": {
+            type: import("vue").PropType<() => void>;
+        };
+        termSelecting: {
+            type: import("vue").PropType<() => void>;
+        };
+        "allow-create-new-term": {
+            type: import("vue").PropType<boolean>;
+        };
+        allowCreateNewTerm: {
+            type: import("vue").PropType<boolean>;
+        };
+        "show-expanded-icon": {
+            type: import("vue").PropType<boolean>;
+        };
+        showExpandedIcon: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+        } & {
+            type: import("vue").PropType<string>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "node-styles": {
+        type: import("vue").PropType<string>;
+    };
+    nodeStyles: {
+        type: import("vue").PropType<string>;
+    };
+    "close-menu": {
+        type: import("vue").PropType<() => void>;
+    };
+    closeMenu: {
+        type: import("vue").PropType<() => void>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    ariachecked: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<number>;
+        required: false;
+    };
+    nodeLevel: {
+        type: import("vue").PropType<number>;
+        required: false;
+    };
+    expanded: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    "is-available-for-tagging": {
+        type: import("vue").PropType<boolean>;
+    };
+    isAvailableForTagging: {
+        type: import("vue").PropType<boolean>;
+    };
+    "before-create-new-child-term": {
+        type: import("vue").PropType<() => void>;
+    };
+    beforeCreateNewChildTerm: {
+        type: import("vue").PropType<() => void>;
+    };
+    "before-expand-collapse": {
+        type: import("vue").PropType<() => void>;
+    };
+    beforeExpandCollapse: {
+        type: import("vue").PropType<() => void>;
+    };
+    "term-selecting": {
+        type: import("vue").PropType<() => void>;
+    };
+    termSelecting: {
+        type: import("vue").PropType<() => void>;
+    };
+    "allow-create-new-term": {
+        type: import("vue").PropType<boolean>;
+    };
+    allowCreateNewTerm: {
+        type: import("vue").PropType<boolean>;
+    };
+    "show-expanded-icon": {
+        type: import("vue").PropType<boolean>;
+    };
+    showExpandedIcon: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    } & {
+        type: import("vue").PropType<string>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        label?: string;
+        expanded?: boolean;
+        disabled?: boolean;
+        tabindex?: number;
+        selected?: boolean;
+        allowCreateNewTerm?: boolean;
+        "allow-create-new-term"?: boolean;
+        isAvailableForTagging?: boolean;
+        showExpandedIcon?: boolean;
+        nodeLevel?: number;
+        "show-expanded-icon"?: boolean;
+        termSelecting?: () => void;
+        "term-selecting"?: () => void;
+        beforeExpandCollapse?: () => void;
+        "before-expand-collapse"?: () => void;
+        beforeCreateNewChildTerm?: () => void;
+        "before-create-new-child-term"?: () => void;
+        "is-available-for-tagging"?: boolean;
+        ariachecked?: boolean;
+        closeMenu?: () => void;
+        "close-menu"?: () => void;
+        nodeStyles?: string;
+        "node-styles"?: string;
+    }>, never>;
+};