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

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

@@ -1,47 +1,516 @@
-import { VueComponentBase } from "@omnia/fx/ux";
-import { IWebComponentInstance } from "../../../";
-import { TermPickerLocalization } from "./loc/localize";
-import { TermStore, TermData } from "../../../fx/stores";
+import { TermData } from "../../../fx/stores";
+import { GuidValue } from "@omnia/fx-models";
 import { Term, FilterOption } from "../../models";
-import { GuidValue } from "../../../models";
-import { ITermPickerSearch } from "./ITermPickerSearch";
-import "./TermPicker.css";
-interface TermSearchNode extends Term {
-    selected?: boolean;
-}
-export declare class TermPickerSearch extends VueComponentBase<ITermPickerSearch> implements IWebComponentInstance, ITermPickerSearch {
-    termStore: TermStore;
-    loc: TermPickerLocalization.locInterface;
-    termSetId: GuidValue;
-    preSelectedTermIds: Array<GuidValue>;
-    multi: boolean;
-    allowCreateNewTerm: boolean;
-    lcid: number;
-    termsSelected: (termIds: Array<GuidValue>) => void;
-    searchText: string;
-    filterOptions: (term: Term) => FilterOption;
-    startWiths: Array<TermData>;
-    maxLevel: number;
-    currentRovingTabIndex: number;
-    closeMenu?: () => void;
-    loaded: () => void;
-    includeDeprecated?: boolean;
-    isEnterpriseKeyword?: boolean;
-    searchTextChange(model: any): void;
-    private UIConfig;
-    private displayTerms;
-    created(): void;
-    mounted(): void;
-    init(): void;
-    beforeDestroy(): void;
-    applyFilter(term: Term): boolean;
-    onCreateTermClicked(): void;
-    onTermSelecting(term: TermSearchNode): void;
-    mapToTermSearch(node: Term): TermSearchNode;
-    createNewTerm(parentTermId: string, termName: string): void;
-    getDisplayLabel(term: Term): string;
-    render(): JSX.Element;
-    renderSearchBox(): JSX.Element;
-    renderNoResult(): JSX.Element;
-}
-export {};
+export declare const TermPickerSearch: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly "onUpdate:modelValue"?: (value: GuidValue[]) => any;
+            readonly "v-model"?: GuidValue[];
+            readonly modelValue?: GuidValue[];
+            readonly multi?: boolean;
+            readonly termSetId?: unknown;
+            readonly preSelectedTermIds?: GuidValue[];
+            readonly lcid?: number;
+            readonly filterOptions?: (term: Term) => FilterOption;
+            readonly searchText?: string;
+            readonly isEnterpriseKeyword?: boolean;
+            readonly "term-set-id"?: unknown;
+            readonly allowCreateNewTerm?: boolean;
+            readonly "filter-options"?: (term: Term) => FilterOption;
+            readonly includeDeprecated?: boolean;
+            readonly closeMenu?: () => void;
+            readonly "close-menu"?: () => void;
+            readonly termsSelected?: (termIds: Array<GuidValue>) => void;
+            readonly "terms-selected"?: (termIds: Array<GuidValue>) => void;
+            readonly startWiths?: TermData[];
+            readonly "start-withs"?: TermData[];
+            readonly maxLevel?: number;
+            readonly "max-level"?: number;
+            readonly currentRovingTabIndex?: number;
+            readonly "current-roving-tab-index"?: number;
+            readonly loaded?: () => void;
+            readonly "onUpdate:preSelectedTermIds"?: (value: GuidValue[]) => any;
+            readonly "v-model:preSelectedTermIds"?: GuidValue[];
+            readonly "onUpdate:searchText"?: (value: string) => any;
+            readonly "v-model:searchText"?: string;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            isEnterpriseKeyword: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            includeDeprecated: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            loaded: {
+                type: import("vue").PropType<() => void>;
+            } & {
+                type: import("vue").PropType<() => void>;
+            };
+            "close-menu": {
+                type: import("vue").PropType<() => void>;
+            };
+            closeMenu: {
+                type: import("vue").PropType<() => void>;
+            };
+            "current-roving-tab-index": {
+                type: import("vue").PropType<number>;
+            };
+            currentRovingTabIndex: {
+                type: import("vue").PropType<number>;
+            };
+            "max-level": {
+                type: import("vue").PropType<number>;
+            };
+            maxLevel: {
+                type: import("vue").PropType<number>;
+            };
+            "start-withs": {
+                type: import("vue").PropType<TermData[]>;
+            };
+            startWiths: {
+                type: import("vue").PropType<TermData[]>;
+            };
+            "filter-options": {
+                type: import("vue").PropType<(term: Term) => FilterOption>;
+            };
+            filterOptions: {
+                type: import("vue").PropType<(term: Term) => FilterOption>;
+            };
+            "onUpdate:searchText": {
+                type: import("vue").PropType<(value: string) => any>;
+            };
+            "v-model:searchText": {
+                type: import("vue").PropType<string>;
+                required: false;
+            };
+            searchText: {
+                type: import("vue").PropType<string>;
+                required: false;
+            };
+            "terms-selected": {
+                type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+            };
+            termsSelected: {
+                type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+            };
+            lcid: {
+                type: import("vue").PropType<number>;
+            } & {
+                type: import("vue").PropType<number>;
+            };
+            allowCreateNewTerm: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            multi: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: GuidValue[]) => any>;
+            };
+            "v-model": {
+                type: import("vue").PropType<GuidValue[]>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<GuidValue[]>;
+                required: false;
+            };
+            "onUpdate:preSelectedTermIds": {
+                type: import("vue").PropType<(value: GuidValue[]) => any>;
+            };
+            "v-model:preSelectedTermIds": {
+                type: import("vue").PropType<GuidValue[]>;
+                required: false;
+            };
+            preSelectedTermIds: {
+                type: import("vue").PropType<GuidValue[]>;
+                required: false;
+            };
+            "term-set-id": {
+                type: import("vue").PropType<GuidValue>;
+            };
+            termSetId: {
+                type: import("vue").PropType<GuidValue>;
+            };
+        }>>, 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<{
+            isEnterpriseKeyword: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            includeDeprecated: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            loaded: {
+                type: import("vue").PropType<() => void>;
+            } & {
+                type: import("vue").PropType<() => void>;
+            };
+            "close-menu": {
+                type: import("vue").PropType<() => void>;
+            };
+            closeMenu: {
+                type: import("vue").PropType<() => void>;
+            };
+            "current-roving-tab-index": {
+                type: import("vue").PropType<number>;
+            };
+            currentRovingTabIndex: {
+                type: import("vue").PropType<number>;
+            };
+            "max-level": {
+                type: import("vue").PropType<number>;
+            };
+            maxLevel: {
+                type: import("vue").PropType<number>;
+            };
+            "start-withs": {
+                type: import("vue").PropType<TermData[]>;
+            };
+            startWiths: {
+                type: import("vue").PropType<TermData[]>;
+            };
+            "filter-options": {
+                type: import("vue").PropType<(term: Term) => FilterOption>;
+            };
+            filterOptions: {
+                type: import("vue").PropType<(term: Term) => FilterOption>;
+            };
+            "onUpdate:searchText": {
+                type: import("vue").PropType<(value: string) => any>;
+            };
+            "v-model:searchText": {
+                type: import("vue").PropType<string>;
+                required: false;
+            };
+            searchText: {
+                type: import("vue").PropType<string>;
+                required: false;
+            };
+            "terms-selected": {
+                type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+            };
+            termsSelected: {
+                type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+            };
+            lcid: {
+                type: import("vue").PropType<number>;
+            } & {
+                type: import("vue").PropType<number>;
+            };
+            allowCreateNewTerm: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            multi: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: GuidValue[]) => any>;
+            };
+            "v-model": {
+                type: import("vue").PropType<GuidValue[]>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<GuidValue[]>;
+                required: false;
+            };
+            "onUpdate:preSelectedTermIds": {
+                type: import("vue").PropType<(value: GuidValue[]) => any>;
+            };
+            "v-model:preSelectedTermIds": {
+                type: import("vue").PropType<GuidValue[]>;
+                required: false;
+            };
+            preSelectedTermIds: {
+                type: import("vue").PropType<GuidValue[]>;
+                required: false;
+            };
+            "term-set-id": {
+                type: import("vue").PropType<GuidValue>;
+            };
+            termSetId: {
+                type: import("vue").PropType<GuidValue>;
+            };
+        }>>, () => 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<{
+        isEnterpriseKeyword: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        includeDeprecated: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        loaded: {
+            type: import("vue").PropType<() => void>;
+        } & {
+            type: import("vue").PropType<() => void>;
+        };
+        "close-menu": {
+            type: import("vue").PropType<() => void>;
+        };
+        closeMenu: {
+            type: import("vue").PropType<() => void>;
+        };
+        "current-roving-tab-index": {
+            type: import("vue").PropType<number>;
+        };
+        currentRovingTabIndex: {
+            type: import("vue").PropType<number>;
+        };
+        "max-level": {
+            type: import("vue").PropType<number>;
+        };
+        maxLevel: {
+            type: import("vue").PropType<number>;
+        };
+        "start-withs": {
+            type: import("vue").PropType<TermData[]>;
+        };
+        startWiths: {
+            type: import("vue").PropType<TermData[]>;
+        };
+        "filter-options": {
+            type: import("vue").PropType<(term: Term) => FilterOption>;
+        };
+        filterOptions: {
+            type: import("vue").PropType<(term: Term) => FilterOption>;
+        };
+        "onUpdate:searchText": {
+            type: import("vue").PropType<(value: string) => any>;
+        };
+        "v-model:searchText": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        searchText: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "terms-selected": {
+            type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+        };
+        termsSelected: {
+            type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+        };
+        lcid: {
+            type: import("vue").PropType<number>;
+        } & {
+            type: import("vue").PropType<number>;
+        };
+        allowCreateNewTerm: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: GuidValue[]) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<GuidValue[]>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<GuidValue[]>;
+            required: false;
+        };
+        "onUpdate:preSelectedTermIds": {
+            type: import("vue").PropType<(value: GuidValue[]) => any>;
+        };
+        "v-model:preSelectedTermIds": {
+            type: import("vue").PropType<GuidValue[]>;
+            required: false;
+        };
+        preSelectedTermIds: {
+            type: import("vue").PropType<GuidValue[]>;
+            required: false;
+        };
+        "term-set-id": {
+            type: import("vue").PropType<GuidValue>;
+        };
+        termSetId: {
+            type: import("vue").PropType<GuidValue>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    isEnterpriseKeyword: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    includeDeprecated: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    loaded: {
+        type: import("vue").PropType<() => void>;
+    } & {
+        type: import("vue").PropType<() => void>;
+    };
+    "close-menu": {
+        type: import("vue").PropType<() => void>;
+    };
+    closeMenu: {
+        type: import("vue").PropType<() => void>;
+    };
+    "current-roving-tab-index": {
+        type: import("vue").PropType<number>;
+    };
+    currentRovingTabIndex: {
+        type: import("vue").PropType<number>;
+    };
+    "max-level": {
+        type: import("vue").PropType<number>;
+    };
+    maxLevel: {
+        type: import("vue").PropType<number>;
+    };
+    "start-withs": {
+        type: import("vue").PropType<TermData[]>;
+    };
+    startWiths: {
+        type: import("vue").PropType<TermData[]>;
+    };
+    "filter-options": {
+        type: import("vue").PropType<(term: Term) => FilterOption>;
+    };
+    filterOptions: {
+        type: import("vue").PropType<(term: Term) => FilterOption>;
+    };
+    "onUpdate:searchText": {
+        type: import("vue").PropType<(value: string) => any>;
+    };
+    "v-model:searchText": {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    searchText: {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    "terms-selected": {
+        type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+    };
+    termsSelected: {
+        type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+    };
+    lcid: {
+        type: import("vue").PropType<number>;
+    } & {
+        type: import("vue").PropType<number>;
+    };
+    allowCreateNewTerm: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: GuidValue[]) => any>;
+    };
+    "v-model": {
+        type: import("vue").PropType<GuidValue[]>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<GuidValue[]>;
+        required: false;
+    };
+    "onUpdate:preSelectedTermIds": {
+        type: import("vue").PropType<(value: GuidValue[]) => any>;
+    };
+    "v-model:preSelectedTermIds": {
+        type: import("vue").PropType<GuidValue[]>;
+        required: false;
+    };
+    preSelectedTermIds: {
+        type: import("vue").PropType<GuidValue[]>;
+        required: false;
+    };
+    "term-set-id": {
+        type: import("vue").PropType<GuidValue>;
+    };
+    termSetId: {
+        type: import("vue").PropType<GuidValue>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        "onUpdate:modelValue"?: (value: GuidValue[]) => any;
+        "v-model"?: GuidValue[];
+        modelValue?: GuidValue[];
+        multi?: boolean;
+        termSetId?: unknown;
+        preSelectedTermIds?: GuidValue[];
+        lcid?: number;
+        filterOptions?: (term: Term) => FilterOption;
+        searchText?: string;
+        isEnterpriseKeyword?: boolean;
+        "term-set-id"?: unknown;
+        allowCreateNewTerm?: boolean;
+        "filter-options"?: (term: Term) => FilterOption;
+        includeDeprecated?: boolean;
+        closeMenu?: () => void;
+        "close-menu"?: () => void;
+        termsSelected?: (termIds: Array<GuidValue>) => void;
+        "terms-selected"?: (termIds: Array<GuidValue>) => void;
+        startWiths?: TermData[];
+        "start-withs"?: TermData[];
+        maxLevel?: number;
+        "max-level"?: number;
+        currentRovingTabIndex?: number;
+        "current-roving-tab-index"?: number;
+        loaded?: () => void;
+        "onUpdate:preSelectedTermIds"?: (value: GuidValue[]) => any;
+        "v-model:preSelectedTermIds"?: GuidValue[];
+        "onUpdate:searchText"?: (value: string) => any;
+        "v-model:searchText"?: string;
+    }>, never>;
+};