devextreme 22.2.5 → 22.2.6

package/esm/ui/grid_core/ui.grid_core.utils.js

@@ -1,595 +1,10 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.utils.js)
- * Version: 22.2.5
- * Build date: Mon Mar 27 2023
+ * Version: 22.2.6
+ * Build date: Tue Apr 18 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
  */
-import _extends from "@babel/runtime/helpers/esm/extends";
-import {
-    getHeight
-} from "../../core/utils/size";
-import $ from "../../core/renderer";
-import {
-    isDefined,
-    isFunction,
-    isString
-} from "../../core/utils/type";
-import {
-    when,
-    Deferred
-} from "../../core/utils/deferred";
-import sharedFiltering from "../shared/filtering";
-import {
-    format
-} from "../../core/utils/string";
-import {
-    each
-} from "../../core/utils/iterator";
-import {
-    extend
-} from "../../core/utils/extend";
-import {
-    getBoundingRect
-} from "../../core/utils/position";
-import {
-    toComparable
-} from "../../core/utils/data";
-import {
-    equalByValue
-} from "../../core/utils/common";
-import LoadPanel from "../load_panel";
-import {
-    normalizeSortingInfo as normalizeSortingInfoUtility
-} from "../../data/utils";
-import formatHelper from "../../format_helper";
-import {
-    getWindow
-} from "../../core/utils/window";
-import eventsEngine from "../../events/core/events_engine";
-import {
-    DataSource
-} from "../../data/data_source/data_source";
-import {
-    normalizeDataSourceOptions
-} from "../../data/data_source/utils";
-import variableWrapper from "../../core/utils/variable_wrapper";
-var DATAGRID_SELECTION_DISABLED_CLASS = "dx-selection-disabled";
-var DATAGRID_GROUP_OPENED_CLASS = "dx-datagrid-group-opened";
-var DATAGRID_GROUP_CLOSED_CLASS = "dx-datagrid-group-closed";
-var DATAGRID_EXPAND_CLASS = "dx-datagrid-expand";
-var NO_DATA_CLASS = "nodata";
-var SCROLLING_MODE_INFINITE = "infinite";
-var SCROLLING_MODE_VIRTUAL = "virtual";
-var LEGACY_SCROLLING_MODE = "scrolling.legacyMode";
-var SCROLLING_MODE_OPTION = "scrolling.mode";
-var ROW_RENDERING_MODE_OPTION = "scrolling.rowRenderingMode";
-var DATE_INTERVAL_SELECTORS = {
-    year: function(value) {
-        return value && value.getFullYear()
-    },
-    month: function(value) {
-        return value && value.getMonth() + 1
-    },
-    day: function(value) {
-        return value && value.getDate()
-    },
-    quarter: function(value) {
-        return value && Math.floor(value.getMonth() / 3) + 1
-    },
-    hour: function(value) {
-        return value && value.getHours()
-    },
-    minute: function(value) {
-        return value && value.getMinutes()
-    },
-    second: function(value) {
-        return value && value.getSeconds()
-    }
-};
-var getIntervalSelector = function() {
-    var data = arguments[1];
-    var value = this.calculateCellValue(data);
-    if (!isDefined(value)) {
-        return null
-    } else if (isDateType(this.dataType)) {
-        var nameIntervalSelector = arguments[0];
-        return DATE_INTERVAL_SELECTORS[nameIntervalSelector](value)
-    } else if ("number" === this.dataType) {
-        var groupInterval = arguments[0];
-        return Math.floor(Number(value) / groupInterval) * groupInterval
-    }
-};
-var equalSelectors = function(selector1, selector2) {
-    if (isFunction(selector1) && isFunction(selector2)) {
-        if (selector1.originalCallback && selector2.originalCallback) {
-            return selector1.originalCallback === selector2.originalCallback && selector1.columnIndex === selector2.columnIndex
-        }
-    }
-    return selector1 === selector2
-};
-
-function isDateType(dataType) {
-    return "date" === dataType || "datetime" === dataType
-}
-var setEmptyText = function($container) {
-    $container.get(0).textContent = "\xa0"
-};
-var normalizeSortingInfo = function(sort) {
-    sort = sort || [];
-    var result = normalizeSortingInfoUtility(sort);
-    for (var i = 0; i < sort.length; i++) {
-        if (sort && sort[i] && void 0 !== sort[i].isExpanded) {
-            result[i].isExpanded = sort[i].isExpanded
-        }
-        if (sort && sort[i] && void 0 !== sort[i].groupInterval) {
-            result[i].groupInterval = sort[i].groupInterval
-        }
-    }
-    return result
-};
-var formatValue = function(value, options) {
-    var valueText = formatHelper.format(value, options.format) || value && value.toString() || "";
-    var formatObject = {
-        value: value,
-        valueText: options.getDisplayFormat ? options.getDisplayFormat(valueText) : valueText,
-        target: options.target || "row",
-        groupInterval: options.groupInterval
-    };
-    return options.customizeText ? options.customizeText.call(options, formatObject) : formatObject.valueText
-};
-var getSummaryText = function(summaryItem, summaryTexts) {
-    var displayFormat = summaryItem.displayFormat || summaryItem.columnCaption && summaryTexts[summaryItem.summaryType + "OtherColumn"] || summaryTexts[summaryItem.summaryType];
-    return formatValue(summaryItem.value, {
-        format: summaryItem.valueFormat,
-        getDisplayFormat: function(valueText) {
-            return displayFormat ? format(displayFormat, valueText, summaryItem.columnCaption) : valueText
-        },
-        customizeText: summaryItem.customizeText
-    })
-};
-var getWidgetInstance = function($element) {
-    var editorData = $element.data && $element.data();
-    var dxComponents = editorData && editorData.dxComponents;
-    var widgetName = dxComponents && dxComponents[0];
-    return widgetName && editorData[widgetName]
-};
-var equalFilterParameters = function equalFilterParameters(filter1, filter2) {
-    if (Array.isArray(filter1) && Array.isArray(filter2)) {
-        if (filter1.length !== filter2.length) {
-            return false
-        } else {
-            for (var i = 0; i < filter1.length; i++) {
-                if (!equalFilterParameters(filter1[i], filter2[i])) {
-                    return false
-                }
-            }
-        }
-        return true
-    } else if (isFunction(filter1) && filter1.columnIndex >= 0 && isFunction(filter2) && filter2.columnIndex >= 0) {
-        return filter1.columnIndex === filter2.columnIndex && toComparable(filter1.filterValue) === toComparable(filter2.filterValue) && toComparable(filter1.selectedFilterOperation) === toComparable(filter2.selectedFilterOperation)
-    } else {
-        return toComparable(filter1) == toComparable(filter2)
-    }
-};
-
-function normalizeGroupingLoadOptions(group) {
-    if (!Array.isArray(group)) {
-        group = [group]
-    }
-    return group.map((item, i) => {
-        if (isString(item)) {
-            return {
-                selector: item,
-                isExpanded: i < group.length - 1
-            }
-        }
-        return item
-    })
-}
-export default {
-    renderNoDataText: function($element) {
-        $element = $element || this.element();
-        if (!$element) {
-            return
-        }
-        var noDataClass = this.addWidgetPrefix(NO_DATA_CLASS);
-        var noDataElement = $element.find("." + noDataClass).last();
-        var isVisible = this._dataController.isEmpty();
-        var isLoading = this._dataController.isLoading();
-        if (!noDataElement.length) {
-            noDataElement = $("<span>").addClass(noDataClass).appendTo($element)
-        }
-        if (isVisible && !isLoading) {
-            noDataElement.removeClass("dx-hidden").text(this._getNoDataText())
-        } else {
-            noDataElement.addClass("dx-hidden")
-        }
-    },
-    renderLoadPanel: function($element, $container, isLocalStore) {
-        var loadPanelOptions;
-        this._loadPanel && this._loadPanel.$element().remove();
-        loadPanelOptions = this.option("loadPanel");
-        if (loadPanelOptions && ("auto" === loadPanelOptions.enabled ? !isLocalStore : loadPanelOptions.enabled)) {
-            loadPanelOptions = extend({
-                shading: false,
-                message: loadPanelOptions.text,
-                container: $container
-            }, loadPanelOptions);
-            this._loadPanel = this._createComponent($("<div>").appendTo($container), LoadPanel, loadPanelOptions)
-        } else {
-            this._loadPanel = null
-        }
-    },
-    calculateLoadPanelPosition($element) {
-        var $window = $(getWindow());
-        if (getHeight($element) > getHeight($window)) {
-            return {
-                of: $window,
-                boundary: $element,
-                collision: "fit"
-            }
-        }
-        return {
-            of: $element
-        }
-    },
-    getIndexByKey: function(key, items, keyName) {
-        var index = -1;
-        if (void 0 !== key && Array.isArray(items)) {
-            keyName = arguments.length <= 2 ? "key" : keyName;
-            for (var i = 0; i < items.length; i++) {
-                var item = isDefined(keyName) ? items[i][keyName] : items[i];
-                if (equalByValue(key, item)) {
-                    index = i;
-                    break
-                }
-            }
-        }
-        return index
-    },
-    combineFilters: function(filters, operation) {
-        var resultFilter = [];
-        operation = operation || "and";
-        for (var i = 0; i < filters.length; i++) {
-            var _filters$i;
-            if (!filters[i]) {
-                continue
-            }
-            if (1 === (null === (_filters$i = filters[i]) || void 0 === _filters$i ? void 0 : _filters$i.length) && "!" === filters[i][0]) {
-                if ("and" === operation) {
-                    return ["!"]
-                } else if ("or" === operation) {
-                    continue
-                }
-            }
-            if (resultFilter.length) {
-                resultFilter.push(operation)
-            }
-            resultFilter.push(filters[i])
-        }
-        if (1 === resultFilter.length) {
-            resultFilter = resultFilter[0]
-        }
-        if (resultFilter.length) {
-            return resultFilter
-        }
-    },
-    checkChanges: function(changes, changeNames) {
-        var changesWithChangeNamesCount = 0;
-        for (var i = 0; i < changeNames.length; i++) {
-            if (changes[changeNames[i]]) {
-                changesWithChangeNamesCount++
-            }
-        }
-        return changes.length && changes.length === changesWithChangeNamesCount
-    },
-    equalFilterParameters: equalFilterParameters,
-    proxyMethod: function(instance, methodName, defaultResult) {
-        if (!instance[methodName]) {
-            instance[methodName] = function() {
-                var dataSource = this._dataSource;
-                return dataSource ? dataSource[methodName].apply(dataSource, arguments) : defaultResult
-            }
-        }
-    },
-    formatValue: formatValue,
-    getFormatOptionsByColumn: function(column, target) {
-        return {
-            format: column.format,
-            getDisplayFormat: column.getDisplayFormat,
-            customizeText: column.customizeText,
-            target: target,
-            trueText: column.trueText,
-            falseText: column.falseText
-        }
-    },
-    getDisplayValue: function(column, value, data, rowType) {
-        if (column.displayValueMap && void 0 !== column.displayValueMap[value]) {
-            return column.displayValueMap[value]
-        } else if (column.calculateDisplayValue && data && "group" !== rowType) {
-            return column.calculateDisplayValue(data)
-        } else if (column.lookup && !("group" === rowType && (column.calculateGroupValue || column.calculateDisplayValue))) {
-            return column.lookup.calculateCellValue(value)
-        }
-        return value
-    },
-    getGroupRowSummaryText: function(summaryItems, summaryTexts) {
-        var result = "(";
-        for (var i = 0; i < summaryItems.length; i++) {
-            var summaryItem = summaryItems[i];
-            result += (i > 0 ? ", " : "") + getSummaryText(summaryItem, summaryTexts)
-        }
-        return result + ")"
-    },
-    getSummaryText: getSummaryText,
-    normalizeSortingInfo: normalizeSortingInfo,
-    getFormatByDataType: function(dataType) {
-        switch (dataType) {
-            case "date":
-                return "shortDate";
-            case "datetime":
-                return "shortDateShortTime"
-        }
-    },
-    getHeaderFilterGroupParameters: function(column, remoteGrouping) {
-        var result = [];
-        var dataField = column.dataField || column.name;
-        var groupInterval = sharedFiltering.getGroupInterval(column);
-        if (groupInterval) {
-            each(groupInterval, (function(index, interval) {
-                result.push(remoteGrouping ? {
-                    selector: dataField,
-                    groupInterval: interval,
-                    isExpanded: index < groupInterval.length - 1
-                } : getIntervalSelector.bind(column, interval))
-            }));
-            return result
-        }
-        if (remoteGrouping) {
-            result = [{
-                selector: dataField,
-                isExpanded: false
-            }]
-        } else {
-            result = function(data) {
-                var result = column.calculateCellValue(data);
-                if (void 0 === result || "" === result) {
-                    result = null
-                }
-                return result
-            };
-            if (column.sortingMethod) {
-                result = [{
-                    selector: result,
-                    compare: column.sortingMethod.bind(column)
-                }]
-            }
-        }
-        return result
-    },
-    equalSortParameters(sortParameters1, sortParameters2, ignoreIsExpanded) {
-        sortParameters1 = normalizeSortingInfo(sortParameters1);
-        sortParameters2 = normalizeSortingInfo(sortParameters2);
-        if (Array.isArray(sortParameters1) && Array.isArray(sortParameters2)) {
-            if (sortParameters1.length !== sortParameters2.length) {
-                return false
-            } else {
-                for (var i = 0; i < sortParameters1.length; i++) {
-                    if (!equalSelectors(sortParameters1[i].selector, sortParameters2[i].selector) || sortParameters1[i].desc !== sortParameters2[i].desc || sortParameters1[i].groupInterval !== sortParameters2[i].groupInterval || !ignoreIsExpanded && Boolean(sortParameters1[i].isExpanded) !== Boolean(sortParameters2[i].isExpanded)) {
-                        return false
-                    }
-                }
-            }
-            return true
-        } else {
-            return (!sortParameters1 || !sortParameters1.length) === (!sortParameters2 || !sortParameters2.length)
-        }
-    },
-    getPointsByColumns: function(items, pointCreated, isVertical, startColumnIndex) {
-        var cellsLength = items.length;
-        var notCreatePoint = false;
-        var item;
-        var offset;
-        var columnIndex = startColumnIndex || 0;
-        var result = [];
-        var rtlEnabled;
-        for (var i = 0; i <= cellsLength; i++) {
-            if (i < cellsLength) {
-                item = items.eq(i);
-                offset = item.offset();
-                rtlEnabled = "rtl" === item.css("direction")
-            }
-            var point = {
-                index: columnIndex,
-                x: offset ? offset.left + (!isVertical && rtlEnabled ^ i === cellsLength ? getBoundingRect(item[0]).width : 0) : 0,
-                y: offset ? offset.top + (isVertical && i === cellsLength ? getBoundingRect(item[0]).height : 0) : 0,
-                columnIndex: columnIndex
-            };
-            if (!isVertical && i > 0) {
-                var prevItemOffset = items.eq(i - 1).offset();
-                if (prevItemOffset.top < point.y) {
-                    point.y = prevItemOffset.top
-                }
-            }
-            if (pointCreated) {
-                notCreatePoint = pointCreated(point)
-            }
-            if (!notCreatePoint) {
-                result.push(point)
-            }
-            columnIndex++
-        }
-        return result
-    },
-    getExpandCellTemplate: function() {
-        return {
-            allowRenderToDetachedContainer: true,
-            render: function(container, options) {
-                var $container = $(container);
-                if (isDefined(options.value) && !(options.data && options.data.isContinuation) && !options.row.isNewRow) {
-                    var rowsView = options.component.getView("rowsView");
-                    $container.addClass(DATAGRID_EXPAND_CLASS).addClass(DATAGRID_SELECTION_DISABLED_CLASS);
-                    $("<div>").addClass(options.value ? DATAGRID_GROUP_OPENED_CLASS : DATAGRID_GROUP_CLOSED_CLASS).appendTo($container);
-                    rowsView.setAria("label", options.value ? rowsView.localize("dxDataGrid-ariaCollapse") : rowsView.localize("dxDataGrid-ariaExpand"), $container)
-                } else {
-                    setEmptyText($container)
-                }
-            }
-        }
-    },
-    setEmptyText: setEmptyText,
-    isDateType: isDateType,
-    getSelectionRange: function(focusedElement) {
-        try {
-            if (focusedElement) {
-                return {
-                    selectionStart: focusedElement.selectionStart,
-                    selectionEnd: focusedElement.selectionEnd
-                }
-            }
-        } catch (e) {}
-        return {}
-    },
-    setSelectionRange: function(focusedElement, selectionRange) {
-        try {
-            if (focusedElement && focusedElement.setSelectionRange) {
-                focusedElement.setSelectionRange(selectionRange.selectionStart, selectionRange.selectionEnd)
-            }
-        } catch (e) {}
-    },
-    focusAndSelectElement: function(component, $element) {
-        var isFocused = $element.is(":focus");
-        eventsEngine.trigger($element, "focus");
-        var isSelectTextOnEditingStart = component.option("editing.selectTextOnEditStart");
-        var element = $element.get(0);
-        if (!isFocused && isSelectTextOnEditingStart && $element.is(".dx-texteditor-input") && !$element.is("[readonly]")) {
-            var editor = getWidgetInstance($element.closest(".dx-texteditor"));
-            when(editor && editor._loadItemDeferred).done((function() {
-                element.select()
-            }))
-        }
-    },
-    getWidgetInstance: getWidgetInstance,
-    getLastResizableColumnIndex: function(columns, resultWidths) {
-        var hasResizableColumns = columns.some(column => column && !column.command && !column.fixed && false !== column.allowResizing);
-        var lastColumnIndex;
-        for (lastColumnIndex = columns.length - 1; columns[lastColumnIndex]; lastColumnIndex--) {
-            var column = columns[lastColumnIndex];
-            var width = resultWidths && resultWidths[lastColumnIndex];
-            var allowResizing = !hasResizableColumns || false !== column.allowResizing;
-            if (!column.command && !column.fixed && "adaptiveHidden" !== width && allowResizing) {
-                break
-            }
-        }
-        return lastColumnIndex
-    },
-    isElementInCurrentGrid: function(controller, $element) {
-        if ($element && $element.length) {
-            var $grid = $element.closest("." + controller.getWidgetContainerClass()).parent();
-            return $grid.is(controller.component.$element())
-        }
-        return false
-    },
-    isVirtualRowRendering: function(that) {
-        var rowRenderingMode = that.option(ROW_RENDERING_MODE_OPTION);
-        var isVirtualMode = that.option(SCROLLING_MODE_OPTION) === SCROLLING_MODE_VIRTUAL;
-        var isAppendMode = that.option(SCROLLING_MODE_OPTION) === SCROLLING_MODE_INFINITE;
-        if (false === that.option(LEGACY_SCROLLING_MODE) && (isVirtualMode || isAppendMode)) {
-            return true
-        }
-        return rowRenderingMode === SCROLLING_MODE_VIRTUAL
-    },
-    getPixelRatio: function(window) {
-        return window.devicePixelRatio || 1
-    },
-    getContentHeightLimit(browser) {
-        if (browser.mozilla) {
-            return 8e6
-        }
-        return 15e6 / this.getPixelRatio(getWindow())
-    },
-    normalizeLookupDataSource(lookup) {
-        var lookupDataSourceOptions;
-        if (lookup.items) {
-            lookupDataSourceOptions = lookup.items
-        } else {
-            lookupDataSourceOptions = lookup.dataSource;
-            if (isFunction(lookupDataSourceOptions) && !variableWrapper.isWrapped(lookupDataSourceOptions)) {
-                lookupDataSourceOptions = lookupDataSourceOptions({})
-            }
-        }
-        return normalizeDataSourceOptions(lookupDataSourceOptions)
-    },
-    getWrappedLookupDataSource(column, dataSource, filter) {
-        if (!dataSource) {
-            return []
-        }
-        var lookupDataSourceOptions = this.normalizeLookupDataSource(column.lookup);
-        if (column.calculateCellValue !== column.defaultCalculateCellValue) {
-            return lookupDataSourceOptions
-        }
-        var hasGroupPaging = dataSource.remoteOperations().groupPaging;
-        var hasLookupOptimization = column.displayField && isString(column.displayField);
-        var cachedUniqueRelevantItems;
-        var previousTake;
-        var previousSkip;
-        var sliceItems = (items, loadOptions) => {
-            var _loadOptions$skip;
-            var start = null !== (_loadOptions$skip = loadOptions.skip) && void 0 !== _loadOptions$skip ? _loadOptions$skip : 0;
-            var end = loadOptions.take ? start + loadOptions.take : items.length;
-            return items.slice(start, end)
-        };
-        var lookupDataSource = _extends({}, lookupDataSourceOptions, {
-            __dataGridSourceFilter: filter,
-            load: loadOptions => {
-                var d = new Deferred;
-                (loadOptions => {
-                    var group = normalizeGroupingLoadOptions(hasLookupOptimization ? [column.dataField, column.displayField] : column.dataField);
-                    var d = new Deferred;
-                    var canUseCache = cachedUniqueRelevantItems && (!hasGroupPaging || loadOptions.skip === previousSkip && loadOptions.take === previousTake);
-                    if (canUseCache) {
-                        d.resolve(sliceItems(cachedUniqueRelevantItems, loadOptions))
-                    } else {
-                        previousSkip = loadOptions.skip;
-                        previousTake = loadOptions.take;
-                        dataSource.load({
-                            filter: filter,
-                            group: group,
-                            take: hasGroupPaging ? loadOptions.take : void 0,
-                            skip: hasGroupPaging ? loadOptions.skip : void 0
-                        }).done(items => {
-                            cachedUniqueRelevantItems = items;
-                            d.resolve(hasGroupPaging ? items : sliceItems(items, loadOptions))
-                        }).fail(d.fail)
-                    }
-                    return d
-                })(loadOptions).done(items => {
-                    if (0 === items.length) {
-                        d.resolve([]);
-                        return
-                    }
-                    var filter = this.combineFilters(items.flatMap(data => data.key).map(key => [column.lookup.valueExpr, key]), "or");
-                    var newDataSource = new DataSource(_extends({}, lookupDataSourceOptions, loadOptions, {
-                        filter: this.combineFilters([filter, loadOptions.filter], "and"),
-                        paginate: false
-                    }));
-                    newDataSource.load().done(d.resolve).fail(d.fail)
-                }).fail(d.fail);
-                return d
-            },
-            key: column.lookup.valueExpr,
-            byKey(key) {
-                var d = Deferred();
-                this.load({
-                    filter: [column.lookup.valueExpr, "=", key]
-                }).done(arr => {
-                    d.resolve(arr[0])
-                });
-                return d.promise()
-            }
-        });
-        return lookupDataSource
-    }
-};
+import gridCoreUtils from "../../__internal/grids/grid_core/module_utils";
+export default gridCoreUtils;