@syncfusion/ej2-dropdowns 24.1.45-12082 → 24.1.46

package/dist/ts/common/highlight-search.ts

@@ -1,57 +0,0 @@
-export type HightLightType = 'Contains' | 'StartsWith' | 'EndsWith';
-/**
- * Function helps to find which highlightSearch is to call based on your data.
- *
- * @param  {HTMLElement} element - Specifies an li element.
- * @param  {string} query - Specifies the string to be highlighted.
- * @param  {boolean} ignoreCase - Specifies the ignoreCase option.
- * @param  {HightLightType} type - Specifies the type of highlight.
- * @returns {void}
- */
-export function highlightSearch(element: HTMLElement, query: string, ignoreCase: boolean, type?: HightLightType): void {
-    if (query === '') {
-        return;
-    } else {
-        const ignoreRegex: string = ignoreCase ? 'gim' : 'gm';
-        // eslint-disable-next-line
-        query = /^[a-zA-Z0-9- ]*$/.test(query) ? query : query.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
-        const replaceQuery: string = type === 'StartsWith' ? '^(' + query + ')' : type === 'EndsWith' ?
-            '(' + query + ')$' : '(' + query + ')';
-        // eslint-disable-next-line security/detect-non-literal-regexp
-        findTextNode(element, new RegExp(replaceQuery, ignoreRegex));
-    }
-}
-/* eslint-enable jsdoc/require-param, valid-jsdoc */
-/**
- *
- * @param {HTMLElement} element - Specifies the element.
- * @param {RegExp} pattern - Specifies the regex to match the searched text.
- * @returns {void}
- */
-function findTextNode(element: HTMLElement, pattern: RegExp): void {
-    for (let index: number = 0; element.childNodes && (index < element.childNodes.length); index++) {
-        if (element.childNodes[index as number].nodeType === 3 && element.childNodes[index as number].textContent.trim() !== '') {
-            const value: string = element.childNodes[index as number].nodeValue.trim().replace(pattern, '<span class="e-highlight">$1</span>');
-            element.childNodes[index as number].nodeValue = '';
-            element.innerHTML = element.innerHTML.trim() + value;
-            break;
-        } else {
-            findTextNode(element.childNodes[index as number] as HTMLElement, pattern);
-        }
-    }
-}
-
-/**
- * Function helps to remove highlighted element based on your data.
- *
- * @param  {HTMLElement} content - Specifies an content element.
- * @returns {void}
- */
-export function revertHighlightSearch(content: HTMLElement): void {
-    const contentElement: NodeListOf<Element> = content.querySelectorAll('.e-highlight');
-    for (let i: number = contentElement.length - 1; i >= 0; i--) {
-        const parent: Node = contentElement[i as number].parentNode;
-        const text: Text = document.createTextNode(contentElement[i as number].textContent);
-        parent.replaceChild(text, contentElement[i as number]);
-    }
-}

package/dist/ts/common/incremental-search.ts

@@ -1,172 +0,0 @@
-/**
- * IncrementalSearch module file
- */
-
-let queryString: string = '';
-let prevString: string = '';
-let tempQueryString: string = '';
-let matches: Element[] = [];
-const activeClass: string = 'e-active';
-let prevElementId: string = '';
-export type SearchType = 'StartsWith' | 'Equal' | 'EndsWith' | 'Contains';
-/**
- * Search and focus the list item based on key code matches with list text content
- *
- * @param  { number } keyCode - Specifies the key code which pressed on keyboard events.
- * @param  { HTMLElement[]} items - Specifies an array of HTMLElement, from which matches find has done.
- * @param { number } selectedIndex - Specifies the selected item in list item, so that search will happen
- * after selected item otherwise it will do from initial.
- * @param  { boolean } ignoreCase - Specifies the case consideration when search has done.
- * @param {string} elementId - Specifies the list element ID.
- * @returns {Element} Returns list item based on key code matches with list text content.
- */
-export function incrementalSearch(
-    keyCode: number, items: HTMLElement[], selectedIndex: number, ignoreCase: boolean, elementId: string, queryStringUpdated?: boolean, currentValue?: string, isVirtual?: boolean, refresh?: boolean): Element {
-    if (!queryStringUpdated || queryString === '') {
-        if(tempQueryString != ''){
-            queryString = tempQueryString + String.fromCharCode(keyCode);
-            tempQueryString = '';
-        }else{
-            queryString += String.fromCharCode(keyCode);
-        }
-    }
-    else if(queryString == prevString){
-        tempQueryString = String.fromCharCode(keyCode);
-    }
-    if(isVirtual) {
-        setTimeout(function () {
-            tempQueryString = '';
-        }, 700);
-        setTimeout(function () {
-            queryString = '';
-        }, 3000);
-    }else{
-        setTimeout(function () {
-            queryString = '';
-        }, 1000);
-    }
-    let index: number;
-    queryString = ignoreCase ? queryString.toLowerCase() : queryString;
-    if (prevElementId === elementId && prevString === queryString && !refresh) {
-        for (let i: number = 0; i < matches.length; i++) {
-            if (matches[i as number].classList.contains(activeClass)) {
-                index = i; break;
-            }
-            if(currentValue && matches[i as number].textContent.toLowerCase() === currentValue.toLowerCase()) {
-                index = i;
-                break;
-            }
-        }
-        index = index + 1;
-        if(isVirtual){
-            return matches[index as number] && matches.length - 1 != index ? matches[index as number] : matches[matches.length as number];
-        }
-        return matches[index as number] ? matches[index as number] : matches[0];
-    } else {
-        const listItems: Element[] = items;
-        const strLength: number = queryString.length;
-        let text: string;
-        let item: HTMLElement;
-        selectedIndex = selectedIndex ? selectedIndex + 1 : 0;
-        let i: number = selectedIndex;
-        matches = [];
-        do {
-            if (i === listItems.length) {
-                i = -1;
-            }
-            if (i === -1) {
-                index = 0;
-            } else {
-                index = i;
-            }
-            item = listItems[index as number] as HTMLElement;
-            text = ignoreCase ? item.innerText.toLowerCase() : item.innerText;
-            if (text.substr(0, strLength) === queryString) {
-                matches.push(listItems[index as number]);
-            }
-            i++;
-        } while (i !== selectedIndex);
-        prevString = queryString;
-        prevElementId = elementId;
-        if(isVirtual) {
-            var indexUpdated:boolean = false;
-            for (let i: number = 0; i < matches.length; i++) {
-                if(currentValue && matches[i as number].textContent.toLowerCase() === currentValue.toLowerCase()) {
-                    index = i;
-                    indexUpdated = true;
-                    break;
-                }
-            }
-            if(currentValue && indexUpdated) {
-                index = index + 1;
-            }
-            return matches[index as number] ? matches[index as number] : matches[0];
-        }
-        return matches[0];
-    }
-}
-
-/**
- * Search the list item based on given input value matches with search type.
- *
- * @param {string} inputVal - Specifies the given input value.
- * @param {HTMLElement[]} items - Specifies the list items.
- * @param {SearchType} searchType - Specifies the filter type.
- * @param {boolean} ignoreCase - Specifies the case sensitive option for search operation.
- * @returns {Element | number} Returns the search matched items.
- */
-export function Search(
-    inputVal: string, items: HTMLElement[], searchType: SearchType, ignoreCase?: boolean, dataSource?: string[] | number[] | boolean[] | {
-        [key: string]: Object
-    }[], fields?: any, type?: string): { [key: string]: Element | number } {
-    const listItems: HTMLElement[] = items;
-    ignoreCase = ignoreCase !== undefined && ignoreCase !== null ? ignoreCase : true;
-    const itemData: { [key: string]: Element | number } = { item: null, index: null };
-    if (inputVal && inputVal.length) {
-        const strLength: number = inputVal.length;
-        let queryStr: string = ignoreCase ? inputVal.toLocaleLowerCase() : inputVal;
-        queryStr = escapeCharRegExp(queryStr);
-        for (let i: number = 0, itemsData: Element[] = listItems; i < itemsData.length; i++) {
-            const item: Element = itemsData[i as number];
-            let text: string;
-            let filterValue: string;
-            if (items && dataSource) {
-                let checkField: Element = item;
-                let fieldValue = fields.text.split('.');
-                (dataSource as { [key: string]: Object }[]).filter(function (data: any) {
-                    Array.prototype.slice.call(fieldValue).forEach(function (value: string | number) {
-                        /* eslint-disable security/detect-object-injection */
-                        if (type === 'object' && (!data.isHeader && checkField.textContent.toString().indexOf(data[value]) !== -1) && checkField.getAttribute('data-value') === data[fields.value].toString() || type === 'string' && checkField.textContent.toString().indexOf(data) !== -1) {
-                            filterValue = type === 'object' ? data[value] : data;
-                        }
-                    });
-                })
-            }
-            text = dataSource && filterValue ? (ignoreCase ? filterValue.toString().toLocaleLowerCase() : filterValue).replace(/^\s+|\s+$/g, '') : (ignoreCase ? item.textContent.toLocaleLowerCase() : item.textContent).replace(/^\s+|\s+$/g, '');
-            /* eslint-disable security/detect-non-literal-regexp */
-            if ((searchType === 'Equal' && text === queryStr) || (searchType === 'StartsWith' && text.substr(0, strLength) === queryStr) || (searchType === 'EndsWith' && text.substr(text.length - queryStr.length) === queryStr) || (searchType === 'Contains' && new RegExp(queryStr, "g").test(text))) {
-                itemData.item = item;
-                itemData.index = i;
-                return { item: item, index: i };
-            }
-        }
-        return itemData;
-        /* eslint-enable security/detect-non-literal-regexp */
-
-    }
-    return itemData;
-}
-/* eslint-enable security/detect-object-injection */
-
-export function escapeCharRegExp(value: string) {
-    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-}
-
-export function resetIncrementalSearchValues(elementId: string): void {
-    if (prevElementId === elementId) {
-        prevElementId = '';
-        prevString = '';
-        queryString = '';
-        matches = [];
-    }
-}

package/dist/ts/common/interface.ts

@@ -1,74 +0,0 @@
-import { Component, KeyboardEventArgs } from '@syncfusion/ej2-base';
-import { Popup } from '@syncfusion/ej2-popups';
-import { VirtualInfo } from '../common/virtual-scroll';
-import { DataManager, Query } from '@syncfusion/ej2-data';
-import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';
-import { GeneratedData } from '../drop-down-list/drop-down-list';
-/**
- * Specifies virtual scroll interfaces.
- *
- * @hidden
- */
-
-export interface IDropdownlist extends Component<HTMLElement> {
-    popupContentElement: HTMLElement;
-    isPreventScrollAction: boolean;
-    listHeight: string;
-    previousStartIndex: number;
-    previousEndIndex: number;
-    previousInfo: VirtualInfo;
-    startIndex: number;
-    currentPageNumber: number;
-    isMouseScrollAction: boolean;
-    isPreventKeyAction: boolean;
-    pageCount: number;
-    isKeyBoardAction: boolean;
-    viewPortInfo: VirtualInfo;
-    isUpwardScrolling: boolean;
-    queryString: string;
-    containerElementRect: ClientRect;
-    isScrollActionTriggered: boolean;
-    virtualListInfo: VirtualInfo;
-    selectedValueInfo: VirtualInfo;
-    value: number | string | boolean;
-    totalItemCount: number;
-    virtualItemCount: number;
-    virtualItemEndIndex: number;
-    virtualItemStartIndex: number;
-    popupObj: Popup;
-    listItemHeight: number;
-    scrollPreStartIndex: number;
-    list: HTMLElement;
-    liCollections: HTMLElement[];
-    typedString: string
-    isVirtualScrolling: boolean;
-    isCustomFilter: boolean;
-    allowFiltering: boolean;
-    isPopupOpen: boolean;
-    isTyped: boolean;
-    itemCount: number;
-    fields: FieldSettingsModel;
-    generatedDataObject: GeneratedData;
-    keyboardEvent: KeyboardEventArgs;
-    dataCount: number;
-    filterInput: HTMLInputElement;
-    dataSource: { [key: string]: Object }[] | DataManager | string[] | number[] | boolean[];
-    listData: { [key: string]: Object }[] | string[] | boolean[] | number[];
-    skeletonCount: number;
-    getSkeletonCount(retainSkeleton?: boolean): void;
-    getItems(): HTMLElement[];
-    getQuery(query: Query): Query;
-    getTransformValues(): string;
-    UpdateSkeleton(): void;
-    updateSelectionList(): void;
-    GetVirtualTrackHeight(): string;
-    getPageCount(returnExactCount?: boolean): number;
-    handleVirtualKeyboardActions(e: KeyboardEventArgs, pageCount: number): void;
-    renderItems(listData: { [key: string]: Object }[], fields: FieldSettingsModel): HTMLElement
-    resetList(
-        dataSource?: { [key: string]: Object }[] | DataManager | string[] | number[] | boolean[],
-        fields?: FieldSettingsModel, query?: Query, e?: MouseEvent | KeyboardEventArgs | TouchEvent): void
-    findListElement(list: HTMLElement, findNode: string, attribute: string, value: string | boolean | number): HTMLElement;
-    scrollStop(e?: Event): void;
-}
-