@omnia/fx-sp 8.0.71-vnext → 8.0.72-dev

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

@@ -1,61 +1,360 @@
-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").CreateComponentPublicInstance<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, {}, 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>;
+        };
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, 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, {}, {}, {}, {}>;
+    __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;
+        "show-expanded-icon"?: boolean;
+        nodeLevel?: number;
+        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>;
+};