devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
189 lines (187 loc) • 7.86 kB
JavaScript
/**
* DevExtreme (cjs/__internal/scheduler/workspaces/m_cells_selection_controller.js)
* Version: 23.2.6
* Build date: Wed May 01 2024
*
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CellsSelectionController = void 0;
var _index = require("../../scheduler/r1/utils/index");
function _extends() {
_extends = Object.assign ? Object.assign.bind() : function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key]
}
}
}
return target
};
return _extends.apply(this, arguments)
}
let CellsSelectionController = function() {
function CellsSelectionController() {}
var _proto = CellsSelectionController.prototype;
_proto.handleArrowClick = function(options) {
const {
key: key,
focusedCellPosition: focusedCellPosition,
edgeIndices: edgeIndices,
getCellDataByPosition: getCellDataByPosition,
isAllDayPanelCell: isAllDayPanelCell
} = options;
let nextCellIndices;
switch (key) {
case "down":
nextCellIndices = this.getCellFromNextRowPosition(focusedCellPosition, "next", edgeIndices);
break;
case "up":
nextCellIndices = this.getCellFromNextRowPosition(focusedCellPosition, "prev", edgeIndices);
break;
case "left":
nextCellIndices = this.getCellFromNextColumnPosition(_extends(_extends({}, options), {
direction: "prev"
}));
break;
case "right":
nextCellIndices = this.getCellFromNextColumnPosition(_extends(_extends({}, options), {
direction: "next"
}))
}
const currentCellData = getCellDataByPosition(nextCellIndices.rowIndex, nextCellIndices.columnIndex, isAllDayPanelCell);
return this.moveToCell(_extends(_extends({}, options), {
currentCellData: currentCellData
}))
};
_proto.getCellFromNextRowPosition = function(focusedCellPosition, direction, edgeIndices) {
const {
columnIndex: columnIndex,
rowIndex: rowIndex
} = focusedCellPosition;
const deltaPosition = "next" === direction ? 1 : -1;
const nextRowIndex = rowIndex + deltaPosition;
const validRowIndex = nextRowIndex >= 0 && nextRowIndex <= edgeIndices.lastRowIndex ? nextRowIndex : rowIndex;
return {
columnIndex: columnIndex,
rowIndex: validRowIndex
}
};
_proto.getCellFromNextColumnPosition = function(options) {
const {
focusedCellPosition: focusedCellPosition,
direction: direction,
edgeIndices: edgeIndices,
isRTL: isRTL,
isGroupedByDate: isGroupedByDate,
groupCount: groupCount,
isMultiSelection: isMultiSelection,
viewType: viewType
} = options;
const {
columnIndex: columnIndex,
rowIndex: rowIndex
} = focusedCellPosition;
const {
firstColumnIndex: firstColumnIndex,
lastColumnIndex: lastColumnIndex,
firstRowIndex: firstRowIndex,
lastRowIndex: lastRowIndex
} = edgeIndices;
const step = isGroupedByDate && isMultiSelection ? groupCount : 1;
const sign = isRTL ? -1 : 1;
const deltaColumnIndex = "next" === direction ? sign * step : -1 * sign * step;
const nextColumnIndex = columnIndex + deltaColumnIndex;
const isValidColumnIndex = nextColumnIndex >= firstColumnIndex && nextColumnIndex <= lastColumnIndex;
if (isValidColumnIndex) {
return {
columnIndex: nextColumnIndex,
rowIndex: rowIndex
}
}
return (0, _index.isDateAndTimeView)(viewType) ? focusedCellPosition : this._processEdgeCell({
nextColumnIndex: nextColumnIndex,
rowIndex: rowIndex,
columnIndex: columnIndex,
firstColumnIndex: firstColumnIndex,
lastColumnIndex: lastColumnIndex,
firstRowIndex: firstRowIndex,
lastRowIndex: lastRowIndex,
step: step
})
};
_proto._processEdgeCell = function(options) {
const {
nextColumnIndex: nextColumnIndex,
rowIndex: rowIndex,
columnIndex: columnIndex,
firstColumnIndex: firstColumnIndex,
lastColumnIndex: lastColumnIndex,
firstRowIndex: firstRowIndex,
lastRowIndex: lastRowIndex,
step: step
} = options;
let validColumnIndex = nextColumnIndex;
let validRowIndex = rowIndex;
const isLeftEdgeCell = nextColumnIndex < firstColumnIndex;
const isRightEdgeCell = nextColumnIndex > lastColumnIndex;
if (isLeftEdgeCell) {
const columnIndexInNextRow = lastColumnIndex - (step - columnIndex % step - 1);
const nextRowIndex = rowIndex - 1;
const isValidRowIndex = nextRowIndex >= firstRowIndex;
validRowIndex = isValidRowIndex ? nextRowIndex : rowIndex;
validColumnIndex = isValidRowIndex ? columnIndexInNextRow : columnIndex
}
if (isRightEdgeCell) {
const columnIndexInNextRow = firstColumnIndex + columnIndex % step;
const nextRowIndex = rowIndex + 1;
const isValidRowIndex = nextRowIndex <= lastRowIndex;
validRowIndex = isValidRowIndex ? nextRowIndex : rowIndex;
validColumnIndex = isValidRowIndex ? columnIndexInNextRow : columnIndex
}
return {
columnIndex: validColumnIndex,
rowIndex: validRowIndex
}
};
_proto.moveToCell = function(options) {
const {
isMultiSelection: isMultiSelection,
isMultiSelectionAllowed: isMultiSelectionAllowed,
focusedCellData: focusedCellData,
currentCellData: currentCellData
} = options;
const isValidMultiSelection = isMultiSelection && isMultiSelectionAllowed;
const nextFocusedCellData = isValidMultiSelection ? this._getNextCellData(currentCellData, focusedCellData) : currentCellData;
return nextFocusedCellData
};
_proto._getNextCellData = function(nextFocusedCellData, focusedCellData, isVirtualCell) {
if (isVirtualCell) {
return focusedCellData
}
const isValidNextFocusedCell = this._isValidNextFocusedCell(nextFocusedCellData, focusedCellData);
return isValidNextFocusedCell ? nextFocusedCellData : focusedCellData
};
_proto._isValidNextFocusedCell = function(nextFocusedCellData, focusedCellData) {
if (!focusedCellData) {
return true
}
const {
groupIndex: groupIndex,
allDay: allDay
} = focusedCellData;
const {
groupIndex: nextGroupIndex,
allDay: nextAllDay
} = nextFocusedCellData;
return groupIndex === nextGroupIndex && allDay === nextAllDay
};
return CellsSelectionController
}();
exports.CellsSelectionController = CellsSelectionController;