@blueprintjs/table
Version:
Scalable interactive table component
162 lines • 6.38 kB
JavaScript
"use strict";
/*
* Copyright 2021 Palantir Technologies, Inc. All rights reserved.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
Object.defineProperty(exports, "__esModule", { value: true });
exports.compareChildren = exports.getHotkeysFromProps = exports.isSelectionModeEnabled = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var cellTypes_1 = require("./common/cellTypes");
var focusedCellUtils_1 = require("./common/internal/focusedCellUtils");
var regions_1 = require("./regions");
function isSelectionModeEnabled(props, selectionMode, selectionModes) {
if (selectionModes === void 0) { selectionModes = props.selectionModes; }
var children = props.children, numRows = props.numRows;
var numColumns = React.Children.count(children);
return selectionModes.indexOf(selectionMode) >= 0 && numRows > 0 && numColumns > 0;
}
exports.isSelectionModeEnabled = isSelectionModeEnabled;
function getHotkeysFromProps(props, hotkeysImpl) {
var getCellClipboardData = props.getCellClipboardData, enableMultipleSelection = props.enableMultipleSelection, selectionModes = props.selectionModes;
var focusMode = (0, focusedCellUtils_1.getFocusModeFromProps)(props);
var hotkeys = [];
if (getCellClipboardData != null) {
hotkeys.push({
combo: "mod+c",
group: "Table",
label: "Copy selected table cells",
onKeyDown: hotkeysImpl.handleCopy,
});
}
var isSomeSelectionModeEnabled = selectionModes.length > 0;
if (enableMultipleSelection && isSomeSelectionModeEnabled) {
hotkeys.push({
combo: "shift+up",
group: "Table",
label: "Resize selection upward",
onKeyDown: hotkeysImpl.handleSelectionResizeUp,
}, {
combo: "shift+down",
group: "Table",
label: "Resize selection downward",
onKeyDown: hotkeysImpl.handleSelectionResizeDown,
}, {
combo: "shift+left",
group: "Table",
label: "Resize selection leftward",
onKeyDown: hotkeysImpl.handleSelectionResizeLeft,
}, {
combo: "shift+right",
group: "Table",
label: "Resize selection rightward",
onKeyDown: hotkeysImpl.handleSelectionResizeRight,
});
}
hotkeys.push.apply(hotkeys, getFocusHotkeys(focusMode, hotkeysImpl));
if (isSelectionModeEnabled(props, regions_1.RegionCardinality.FULL_TABLE)) {
hotkeys.push({
combo: "mod+a",
group: "Table",
label: "Select all",
onKeyDown: hotkeysImpl.handleSelectAllHotkey,
});
}
return hotkeys;
}
exports.getHotkeysFromProps = getHotkeysFromProps;
function getFocusHotkeys(focusMode, hotkeysImpl) {
switch (focusMode) {
case undefined:
return [];
case cellTypes_1.FocusMode.ROW:
return [
{
combo: "up",
group: "Table",
label: "Move focus row up",
onKeyDown: hotkeysImpl.handleFocusMoveUp,
},
{
combo: "down",
group: "Table",
label: "Move focus row down",
onKeyDown: hotkeysImpl.handleFocusMoveDown,
},
];
case cellTypes_1.FocusMode.CELL:
return [
{
combo: "left",
group: "Table",
label: "Move focus cell left",
onKeyDown: hotkeysImpl.handleFocusMoveLeft,
},
{
combo: "right",
group: "Table",
label: "Move focus cell right",
onKeyDown: hotkeysImpl.handleFocusMoveRight,
},
{
combo: "up",
group: "Table",
label: "Move focus cell up",
onKeyDown: hotkeysImpl.handleFocusMoveUp,
},
{
combo: "down",
group: "Table",
label: "Move focus cell down",
onKeyDown: hotkeysImpl.handleFocusMoveDown,
},
{
allowInInput: true,
combo: "tab",
group: "Table",
label: "Move focus cell tab",
onKeyDown: hotkeysImpl.handleFocusMoveRightInternal,
},
{
allowInInput: true,
combo: "shift+tab",
group: "Table",
label: "Move focus cell shift tab",
onKeyDown: hotkeysImpl.handleFocusMoveLeftInternal,
},
{
allowInInput: true,
combo: "enter",
group: "Table",
label: "Move focus cell enter",
onKeyDown: hotkeysImpl.handleFocusMoveDownInternal,
},
{
allowInInput: true,
combo: "shift+enter",
group: "Table",
label: "Move focus cell shift enter",
onKeyDown: hotkeysImpl.handleFocusMoveUpInternal,
},
];
}
}
/**
* @returns true if new and old children arrays are the same
*/
function compareChildren(newChildren, oldChildren) {
return (newChildren.length === oldChildren.length &&
newChildren.every(function (child, index) { return child.key === oldChildren[index].key; }));
}
exports.compareChildren = compareChildren;
//# sourceMappingURL=table2Utils.js.map