@wavemaker/app-ng-runtime 11.8.0-next.24904 → 11.8.0-next.27301

app-ng-runtime/components/basic/search/fesm2022/index.mjs

@@ -9,10 +9,11 @@ import { TypeaheadDirective, TypeaheadModule } from 'ngx-bootstrap/typeahead';
 import * as i4 from '@wm/components/base';
 import { PROP_BOOLEAN, PROP_STRING, PROP_ANY, PROP_NUMBER, register, registerFormWidget, interpolateBindExpressions, ALLFIELDS, extractDataAsArray, convertDataToObject, transformFormData, getUniqObjsByDataField, styler, getContainerTargetClass, provideAs, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
 import { Observable, of, from } from 'rxjs';
-import { filter, mergeMap } from 'rxjs/operators';
+import { filter as filter$1, mergeMap } from 'rxjs/operators';
 import * as i1 from '@wm/core';
 import { FormWidgetType, DataSource, getClonedObject, AppConstants, findValueOf, addClass, isDefined, isMobile, adjustContainerPosition, toBoolean } from '@wm/core';
 import { DatasetAwareFormComponent } from '@wm/components/input';
+import { isNumber, includes, startsWith, endsWith, isEqual, split, get, toString, toLower, filter, isArray, isObject, values, assign, set, isEmpty, indexOf, slice, trim, debounce, isUndefined, find, map } from 'lodash-es';
 
 const searchProps = new Map([
     ['casesensitive', { value: false, ...PROP_BOOLEAN }],
@@ -65,17 +66,17 @@ const registerProps = () => {
 
 class LocalDataProvider {
     applyFilter(entry, queryText, filtername) {
-        entry = _.isNumber(entry) ? entry.toString() : entry;
-        if (_.includes(filtername, 'start')) {
-            return _.startsWith(entry, queryText);
+        entry = isNumber(entry) ? entry.toString() : entry;
+        if (includes(filtername, 'start')) {
+            return startsWith(entry, queryText);
         }
-        else if (_.includes(filtername, 'end')) {
-            return _.endsWith(entry, queryText);
+        else if (includes(filtername, 'end')) {
+            return endsWith(entry, queryText);
         }
-        else if (_.includes(filtername, 'exact')) {
-            return _.isEqual(entry, queryText);
+        else if (includes(filtername, 'exact')) {
+            return isEqual(entry, queryText);
         }
-        return _.includes(entry, queryText);
+        return includes(entry, queryText);
     }
     // LocalData filtering is done based on the searchkey.
     filter(config) {
@@ -83,7 +84,7 @@ class LocalDataProvider {
         let casesensitive = config.casesensitive;
         const matchMode = config.matchMode;
         // for supporting existing projects
-        if (matchMode && !_.includes(matchMode, 'ignorecase')) {
+        if (matchMode && !includes(matchMode, 'ignorecase')) {
             casesensitive = true;
         }
         let queryText = config.query, filteredData;
@@ -93,13 +94,13 @@ class LocalDataProvider {
              * return the filtered data containing the matching string.
              */
             if (config.searchKey) {
-                const keys = _.split(config.searchKey, ',');
-                filteredData = _.filter(config.dataset, (item) => {
+                const keys = split(config.searchKey, ',');
+                filteredData = filter(config.dataset, (item) => {
                     return keys.some(key => {
-                        let a = _.get(item, key), b = queryText;
+                        let a = get(item, key), b = queryText;
                         if (!casesensitive) {
-                            a = _.toLower(_.toString(a));
-                            b = _.toLower(_.toString(b));
+                            a = toLower(toString(a));
+                            b = toLower(toString(b));
                         }
                         return this.applyFilter(a, b, matchMode);
                     });
@@ -108,21 +109,23 @@ class LocalDataProvider {
             else {
                 // local search on data with array of objects.
                 // Iterate over each item and return the filtered data containing the matching string.
-                if (_.isArray(entries) && _.isObject(entries[0])) {
-                    filteredData = _.filter(entries, entry => {
-                        let a = _.values(entry).join(' ');
+                if (isArray(entries) && isObject(entries[0])) {
+                    filteredData = filter(entries, entry => {
+                        let a = values(entry).join(' ');
                         if (!casesensitive) {
-                            a = _.toLower(a);
-                            queryText = _.toLower(queryText);
+                            a = toLower(a);
+                            // @ts-ignore
+                            queryText = toLower(queryText);
                         }
                         return this.applyFilter(a, queryText);
                     });
                 }
                 else {
-                    filteredData = _.filter(entries, entry => {
+                    filteredData = filter(entries, entry => {
                         if (!casesensitive) {
-                            entry = _.toLower(entry);
-                            queryText = _.toLower(queryText);
+                            entry = toLower(entry);
+                            // @ts-ignore
+                            queryText = toLower(queryText);
                         }
                         return this.applyFilter(entry, queryText, matchMode);
                     });
@@ -152,7 +155,7 @@ class RemoteDataProvider {
                     interpolateBindExpressions(config.viewParent, dataoptions.filterExpr, (filterexpressions) => {
                         requestParams.filterExpr = dataoptions.filterExpr = filterexpressions;
                         dataoptions.filterExpr = filterexpressions;
-                        config.datasource.execute(DataSource.Operation.GET_RELATED_TABLE_DATA, _.assign({ relatedField: dataoptions.relatedField }, requestParams)).then(resolve, reject);
+                        config.datasource.execute(DataSource.Operation.GET_RELATED_TABLE_DATA, assign({ relatedField: dataoptions.relatedField }, requestParams)).then(resolve, reject);
                     });
                 });
             }
@@ -163,7 +166,7 @@ class RemoteDataProvider {
                     page: config.page,
                     fields: dataoptions.distinctField,
                     entityName: dataoptions.tableName,
-                    filterFields: _.assign(dataoptions.filterFields, requestParams.filterFields),
+                    filterFields: assign(dataoptions.filterFields, requestParams.filterFields),
                     filterExpr: getClonedObject(dataoptions.filterExpr || {})
                 });
             }
@@ -187,7 +190,7 @@ class RemoteDataProvider {
         // in case data received is value as string then add that string value to object and convert object into array
         if (tempResponse) {
             const tempObj = {};
-            _.set(tempObj, operationResult, tempResponse);
+            set(tempObj, operationResult, tempResponse);
             data = [tempObj]; // convert data into an array having tempObj
         }
         else {
@@ -200,7 +203,7 @@ class RemoteDataProvider {
         return [];
     }
     isLastPageForDistinctApi(data, page, totalElements, _isLastPage) {
-        return page > 1 && !_isLastPage && _.isEmpty(data) && totalElements === AppConstants.INT_MAX_VALUE;
+        return page > 1 && !_isLastPage && isEmpty(data) && totalElements === AppConstants.INT_MAX_VALUE;
     }
     // this function processes the response depending on pageOptions, isPageable and prepares the formattedDataset.
     onFilterSuccess(config, response) {
@@ -209,8 +212,8 @@ class RemoteDataProvider {
         let _isLastPage;
         let page;
         let isPaginatedData;
-        const expressionArray = _.split(config.binddataset, '.');
-        const dataExpression = _.slice(expressionArray, _.indexOf(expressionArray, 'dataSet') + 1).join('.');
+        const expressionArray = split(config.binddataset, '.');
+        const dataExpression = slice(expressionArray, indexOf(expressionArray, 'dataSet') + 1).join('.');
         const $I = '[$i]';
         return new Promise((resolve, reject) => {
             const pageOptions = response.pagination;
@@ -232,19 +235,19 @@ class RemoteDataProvider {
             }
             // if data expression exists, extract the data from the expression path
             if (dataExpression) {
-                if (_.isArray(data)) {
+                if (isArray(data)) {
                     const index = dataExpression.lastIndexOf($I);
                     if (index > -1) {
                         const restExpr = dataExpression.substr(index + 5);
                         formattedData = data.map(datum => findValueOf(datum, restExpr));
                     }
                 }
-                else if (_.isObject(data)) {
-                    formattedData = _.get(data, dataExpression);
+                else if (isObject(data)) {
+                    formattedData = get(data, dataExpression);
                 }
                 data = formattedData || data;
             }
-            if (!_.isArray(data)) {
+            if (!isArray(data)) {
                 data = this.getTransformedData(config.datasource, data);
             }
             // in case of no data received, resolve the promise with empty array
@@ -512,7 +515,7 @@ class SearchComponent extends DatasetAwareFormComponent {
             if (this.lastSelectedIndex) {
                 this.typeahead._container = undefined;
             }
-        }).pipe(filter(() => {
+        }).pipe(filter$1(() => {
             this._loadingItems = false;
             return (this.minchars === 0 || (this.query && this.query.length >= this.minchars));
         }), mergeMap((token) => this.getDataSourceAsObservable(token)));
@@ -522,7 +525,7 @@ class SearchComponent extends DatasetAwareFormComponent {
          * after getting the response, set the queryModel and query.
          */
         const datavalueSubscription = this.datavalue$.subscribe((val) => {
-            const query = (_.isArray(val) ? val[0] : val);
+            const query = (isArray(val) ? val[0] : val);
             if (query === null || query === '') {
                 this._modelByValue = '';
                 // reset the query.
@@ -534,7 +537,7 @@ class SearchComponent extends DatasetAwareFormComponent {
             if (!this._unsubscribeDv) {
                 this._defaultQueryInvoked = false;
                 // if prev datavalue is not equal to current datavalue then clear the modelByKey and queryModel
-                if (!_.isObject(val) && this.prevDatavalue !== val) {
+                if (!isObject(val) && this.prevDatavalue !== val) {
                     this._modelByKey = undefined;
                     this.query = this.queryModel = '';
                 }
@@ -622,7 +625,7 @@ class SearchComponent extends DatasetAwareFormComponent {
     getDataSourceAsObservable(query) {
         // show dropdown only when there is change in query. This should not apply when dataoptions with filterFields are updated.
         // when lastResult is not available i.e. still the first call is pending and second query is invoked then do not return.
-        if (this._lastQuery === query && !_.get(this.dataoptions, 'filterFields') && isDefined(this._lastResult)) {
+        if (this._lastQuery === query && !get(this.dataoptions, 'filterFields') && isDefined(this._lastResult)) {
             this._loadingItems = false;
             return of(this._lastResult);
         }
@@ -634,12 +637,12 @@ class SearchComponent extends DatasetAwareFormComponent {
         */
         if (this.type === 'autocomplete' && this.searchkey && this.query && this.datavalue) {
             let bindDisplayLabelArray = [];
-            const searchKeyArray = _.split(this.searchkey, ',');
+            const searchKeyArray = split(this.searchkey, ',');
             let displaylabel;
             if (this.binddisplaylabel) {
-                bindDisplayLabelArray = _.split(this.binddisplaylabel, '+');
+                bindDisplayLabelArray = split(this.binddisplaylabel, '+');
                 if (bindDisplayLabelArray.length === 1) {
-                    if (!_.includes(bindDisplayLabelArray[0], '|')) {
+                    if (!includes(bindDisplayLabelArray[0], '|')) {
                         const regex = /\[(.*?)\]/;
                         displaylabel = regex.exec(bindDisplayLabelArray[0])[1];
                     }
@@ -648,8 +651,8 @@ class SearchComponent extends DatasetAwareFormComponent {
                     }
                 }
             }
-            if ((bindDisplayLabelArray.length > 1 || (displaylabel && !_.includes(searchKeyArray, displaylabel))
-                || (this.displayexpression && !_.includes(searchKeyArray, this.displayexpression)))) {
+            if ((bindDisplayLabelArray.length > 1 || (displaylabel && !includes(searchKeyArray, displaylabel))
+                || (this.displayexpression && !includes(searchKeyArray, this.displayexpression)))) {
                 this._loadingItems = false;
                 return of([]);
             }
@@ -658,7 +661,7 @@ class SearchComponent extends DatasetAwareFormComponent {
         return from(this.getDataSource(query));
     }
     handleEvent(node, eventName, eventCallback, locals) {
-        if (!_.includes(['blur', 'focus', 'select', 'submit', 'change'], eventName)) {
+        if (!includes(['blur', 'focus', 'select', 'submit', 'change'], eventName)) {
             super.handleEvent(node, eventName, eventCallback, locals);
         }
     }
@@ -708,7 +711,7 @@ class SearchComponent extends DatasetAwareFormComponent {
         // trigger the typeahead change manually to fetch the next set of results.
         this.typeahead.onInput({
             target: {
-                value: _.trim(this.query) || '0' // dummy data to notify the observables
+                value: trim(this.query) || '0' // dummy data to notify the observables
             }
         });
     }
@@ -759,7 +762,7 @@ class SearchComponent extends DatasetAwareFormComponent {
     // Triggered for enter event
     handleEnterEvent($event) {
         // submit event triggered when there is no search results
-        if (!_.get(this.typeahead, 'matches.length')) {
+        if (!get(this.typeahead, 'matches.length')) {
             this.onSearchSelect($event);
         }
     }
@@ -801,7 +804,7 @@ class SearchComponent extends DatasetAwareFormComponent {
         }
         // setting the ulElements, liElement on typeaheadContainer.
         // as we are using customOption template, liElements are not available on typeaheadContainer so append them explicitly.
-        const fn = _.debounce(() => {
+        const fn = debounce(() => {
             this._isOpen = true;
             this.typeaheadContainer = this.typeahead._container || this.typeahead._typeahead.instance;
             this.typeaheadContainer.liElements = this.liElements;
@@ -819,7 +822,7 @@ class SearchComponent extends DatasetAwareFormComponent {
             const screenHeight = this.$element.closest('.app-content').height();
             dropdownEl.css({ position: 'relative', top: 0, height: screenHeight + 'px' });
             this.showClosebtn = this.query && this.query !== '';
-            if (!_.isUndefined(this.dataProvider.isLastPage) && !this.dataProvider.isLastPage) {
+            if (!isUndefined(this.dataProvider.isLastPage) && !this.dataProvider.isLastPage) {
                 this.triggerSearch();
             }
         }
@@ -874,7 +877,7 @@ class SearchComponent extends DatasetAwareFormComponent {
                 this.query = '';
             }
             if (this.clearData) {
-                if (_.get(this.typeahead, '_typeahead.isShown')) {
+                if (get(this.typeahead, '_typeahead.isShown')) {
                     this.typeahead.hide();
                 }
             }
@@ -887,9 +890,9 @@ class SearchComponent extends DatasetAwareFormComponent {
     updateByDataSource(data) {
         // value is present but the corresponding key is not found then fetch next set
         // modelByKey will be set only when datavalue is available inside the localData otherwise make a N/w call.
-        if (isDefined(data) && !_.isObject(data) && this.datasource && !isDefined(this._modelByKey) && this.datafield !== ALLFIELDS) {
+        if (isDefined(data) && !isObject(data) && this.datasource && !isDefined(this._modelByKey) && this.datafield !== ALLFIELDS) {
             // Avoid making default query if queryModel already exists.
-            if (isDefined(this.queryModel) && !_.isEmpty(this.queryModel)) {
+            if (isDefined(this.queryModel) && !isEmpty(this.queryModel)) {
                 this.updateDatavalueFromQueryModel();
                 return;
             }
@@ -902,8 +905,8 @@ class SearchComponent extends DatasetAwareFormComponent {
     // updates the model value using queryModel
     updateDatavalueFromQueryModel() {
         if (isDefined(this.queryModel)) {
-            this._modelByValue = _.isArray(this.queryModel) ? this.queryModel[0].value : this.queryModel;
-            this._modelByKey = _.isArray(this.queryModel) ? this.queryModel[0].key : this.queryModel;
+            this._modelByValue = isArray(this.queryModel) ? this.queryModel[0].value : this.queryModel;
+            this._modelByKey = isArray(this.queryModel) ? this.queryModel[0].key : this.queryModel;
             this.toBeProcessedDatavalue = undefined;
         }
     }
@@ -913,14 +916,14 @@ class SearchComponent extends DatasetAwareFormComponent {
         if (this._defaultQueryInvoked && this.searchkey) {
             return;
         }
-        const selectedItem = _.find(this.datasetItems, (item) => {
-            return (_.isObject(item.value) ? _.isEqual(item.value, data) : (_.toString(item.value)).toLowerCase() === (_.toString(data)).toLowerCase());
+        const selectedItem = find(this.datasetItems, (item) => {
+            return (isObject(item.value) ? isEqual(item.value, data) : (toString(item.value)).toLowerCase() === (toString(data)).toLowerCase());
         });
         // set the default only when it is available in dataset.
         if (selectedItem) {
             this.queryModel = [selectedItem];
         }
-        else if (this.datafield === ALLFIELDS && _.isObject(data)) {
+        else if (this.datafield === ALLFIELDS && isObject(data)) {
             this.queryModel = this.getTransformedData(extractDataAsArray(data));
         }
         else {
@@ -933,7 +936,7 @@ class SearchComponent extends DatasetAwareFormComponent {
         }
         this.updateDatavalueFromQueryModel();
         // Show the label value on input.
-        this._lastQuery = this.query = isDefined(this.queryModel) && this.queryModel.length ? _.get(this.queryModel[0], 'label') : '';
+        this._lastQuery = this.query = isDefined(this.queryModel) && this.queryModel.length ? get(this.queryModel[0], 'label') : '';
         this.showClosebtn = (this.query !== '');
     }
     // If we have last search results then open dropdown on focus
@@ -999,19 +1002,19 @@ class SearchComponent extends DatasetAwareFormComponent {
                 this.typeahead.typeaheadOptionsLimit = this.formattedDataset.length;
             }
             // In mobile, trigger the search by default until the results have height upto page height. Other results can be fetched by scrolling
-            if (this._isOpen && this.isMobileAutoComplete() && !_.isUndefined(this.dataProvider.isLastPage) && !this.dataProvider.isLastPage) {
+            if (this._isOpen && this.isMobileAutoComplete() && !isUndefined(this.dataProvider.isLastPage) && !this.dataProvider.isLastPage) {
                 this.triggerSearch();
             }
             const transformedData = this.getTransformedData(this.formattedDataset, nextItemIndex);
             // result contains the datafield values.
-            this.result = _.map(transformedData, 'value');
+            this.result = map(transformedData, 'value');
             return transformedData;
         }, (error) => {
             this._loadingItems = false;
             return [];
         }).then(result => {
             if (this.isScrolled) {
-                (_.debounce(() => {
+                (debounce(() => {
                     this.setLastActiveMatchAsSelected();
                 }, 30))();
                 this.isScrolled = false;
@@ -1033,7 +1036,7 @@ class SearchComponent extends DatasetAwareFormComponent {
     }
     // this method returns the parent context i.e. Page context and not parent component's context.
     getContext(context) {
-        if (context && _.get(context, 'widget')) {
+        if (context && get(context, 'widget')) {
             return this.getContext(context.viewParent);
         }
         return context;
@@ -1129,7 +1132,7 @@ class SearchComponent extends DatasetAwareFormComponent {
         }
         // when dataoptions are provided and there is no displaylabel given then displaylabel is set as the relatedfield
         if (key === 'displaylabel' && this.dataoptions && this.binddisplaylabel === null) {
-            this.query = _.get(this._modelByValue, nv) || this._modelByValue;
+            this.query = get(this._modelByValue, nv) || this._modelByValue;
         }
         // when search is disabled, do not load any more data or just clear the data that is already in process or loaded.
         if (key === 'disabled') {
@@ -1138,7 +1141,7 @@ class SearchComponent extends DatasetAwareFormComponent {
             }
             else {
                 this.clearData = true;
-                if (_.get(this.typeahead, '_typeahead.isShown')) {
+                if (get(this.typeahead, '_typeahead.isShown')) {
                     this.typeahead.hide();
                 }
             }
@@ -1195,7 +1198,7 @@ class SearchComponent extends DatasetAwareFormComponent {
             type: ViewChildren,
             args: ['liElements']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchComponent, { className: "SearchComponent", filePath: "search.component.ts", lineNumber: 48 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchComponent, { className: "SearchComponent", filePath: "search.component.ts", lineNumber: 61 }); })();
 
 class ScrollableDirective {
     constructor(inj, searchRef) {