@omnia/fx-sp 8.0.86-vnext → 8.0.87-dev

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

@@ -1,47 +1,519 @@
-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").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        "is-enterprise-keyword": {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        isEnterpriseKeyword: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        "include-deprecated": {
+            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>;
+        };
+        "allow-create-new-term": {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        allowCreateNewTerm: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        } & {
+            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, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        "is-enterprise-keyword": {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        isEnterpriseKeyword: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        "include-deprecated": {
+            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>;
+        };
+        "allow-create-new-term": {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        allowCreateNewTerm: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        } & {
+            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>;
+        };
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        "is-enterprise-keyword": {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        isEnterpriseKeyword: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        "include-deprecated": {
+            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>;
+        };
+        "allow-create-new-term": {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        allowCreateNewTerm: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        } & {
+            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, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "is-enterprise-keyword": {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    isEnterpriseKeyword: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    "include-deprecated": {
+        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>;
+    };
+    "allow-create-new-term": {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    allowCreateNewTerm: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    } & {
+        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<{} & {
+        termSetId?: GuidValue;
+        preSelectedTermIds?: GuidValue[];
+        lcid?: number;
+        filterOptions?: (term: Term) => FilterOption;
+        "v-model"?: GuidValue[];
+        "onUpdate:modelValue"?: (value: GuidValue[]) => any;
+        modelValue?: GuidValue[];
+        multi?: boolean;
+        searchText?: string;
+        isEnterpriseKeyword?: boolean;
+        "term-set-id"?: GuidValue;
+        allowCreateNewTerm?: boolean;
+        "allow-create-new-term"?: boolean;
+        "filter-options"?: (term: Term) => FilterOption;
+        includeDeprecated?: boolean;
+        "include-deprecated"?: boolean;
+        "is-enterprise-keyword"?: 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>;
+};