@jupyterlab/shortcuts-extension 3.3.0-alpha.9 → 3.3.0

package/lib/components/ShortcutItem.js

@@ -0,0 +1,275 @@
+import { Platform } from '@lumino/domutils';
+import * as React from 'react';
+import { classes } from 'typestyle';
+import { CellStyle, CommaStyle, ConflictContainerStyle, EmptyShortcutCellStyle, ErrorButtonStyle, ErrorMessageStyle, OrStyle, OrTwoStyle, PlusStyle, ResetStyle, RowStyle, ShortcutCellStyle, ShortcutContainerStyle, ShortcutKeysContainerStyle, ShortcutKeysStyle, SingleShortcutCellStyle, SourceCellStyle } from '../componentStyle/ShortcutItemStyle';
+import { ShortcutInput } from './ShortcutInput';
+var ShortCutLocation;
+(function (ShortCutLocation) {
+    ShortCutLocation[ShortCutLocation["Left"] = 0] = "Left";
+    ShortCutLocation[ShortCutLocation["Right"] = 1] = "Right";
+})(ShortCutLocation || (ShortCutLocation = {}));
+/** Describe commands that are used by shortcuts */
+function getCommands(trans) {
+    return {
+        shortcutEditLeft: {
+            commandId: 'shortcutui:EditLeft',
+            label: trans.__('Edit First'),
+            caption: trans.__('Edit existing shortcut')
+        },
+        shortcutEditRight: {
+            commandId: 'shortcutui:EditRight',
+            label: trans.__('Edit Second'),
+            caption: trans.__('Edit existing shortcut')
+        },
+        shortcutEdit: {
+            commandId: 'shortcutui:Edit',
+            label: trans.__('Edit'),
+            caption: trans.__('Edit existing sortcut')
+        },
+        shortcutAddNew: {
+            commandId: 'shortcutui:AddNew',
+            label: trans.__('Add'),
+            caption: trans.__('Add new shortcut')
+        },
+        shortcutAddAnother: {
+            commandId: 'shortcutui:AddAnother',
+            label: trans.__('Add'),
+            caption: trans.__('Add another shortcut')
+        },
+        shortcutReset: {
+            commandId: 'shortcutui:Reset',
+            label: trans.__('Reset'),
+            caption: trans.__('Reset shortcut back to default')
+        }
+    };
+}
+/** React component for each command shortcut item */
+export class ShortcutItem extends React.Component {
+    constructor(props) {
+        super(props);
+        /** Toggle display state of input box */
+        this.toggleInputNew = () => {
+            this.setState({
+                displayNewInput: !this.state.displayNewInput
+            });
+        };
+        this.toggleInputReplaceLeft = () => {
+            this.setState({
+                displayReplaceInputLeft: !this.state.displayReplaceInputLeft
+            });
+        };
+        this.toggleInputReplaceRight = () => {
+            this.setState({
+                displayReplaceInputRight: !this.state.displayReplaceInputRight
+            });
+        };
+        this.addCommandIfNeeded = (command, action) => {
+            const key = this.props.shortcut.commandName + '_' + this.props.shortcut.selector;
+            if (!this.props.external.hasCommand(command.commandId + key)) {
+                this.props.external.addCommand(command.commandId + key, {
+                    label: command.label,
+                    caption: command.caption,
+                    execute: action
+                });
+            }
+        };
+        this.handleRightClick = (e) => {
+            this.addCommandIfNeeded(this._commands.shortcutEdit, () => this.toggleInputReplaceLeft());
+            this.addCommandIfNeeded(this._commands.shortcutEditLeft, () => this.toggleInputReplaceLeft());
+            this.addCommandIfNeeded(this._commands.shortcutEditRight, () => this.toggleInputReplaceRight());
+            this.addCommandIfNeeded(this._commands.shortcutAddNew, () => this.toggleInputNew());
+            this.addCommandIfNeeded(this._commands.shortcutAddAnother, () => this.toggleInputNew());
+            this.addCommandIfNeeded(this._commands.shortcutReset, () => this.props.resetShortcut(this.props.shortcut));
+            const key = this.props.shortcut.commandName + '_' + this.props.shortcut.selector;
+            this.setState({
+                numShortcuts: Object.keys(this.props.shortcut.keys).filter(key => this.props.shortcut.keys[key][0] !== '').length
+            }, () => {
+                let commandList = [];
+                if (this.state.numShortcuts == 2) {
+                    commandList = commandList.concat([
+                        this._commands.shortcutEditLeft.commandId + key,
+                        this._commands.shortcutEditRight.commandId + key
+                    ]);
+                }
+                else if (this.state.numShortcuts == 1) {
+                    commandList = commandList.concat([
+                        this._commands.shortcutEdit.commandId + key,
+                        this._commands.shortcutAddAnother.commandId + key
+                    ]);
+                }
+                else {
+                    commandList = commandList.concat([
+                        this._commands.shortcutAddNew.commandId + key
+                    ]);
+                }
+                if (this.props.shortcut.source === 'Custom') {
+                    commandList = commandList.concat([
+                        this._commands.shortcutReset.commandId + key
+                    ]);
+                }
+                this.props.contextMenu(e, commandList);
+            });
+        };
+        /** Transform special key names into unicode characters */
+        this.toSymbols = (value) => {
+            return value.split(' ').reduce((result, key) => {
+                if (key === 'Ctrl') {
+                    return (result + ' ⌃').trim();
+                }
+                else if (key === 'Alt') {
+                    return (result + ' ⌥').trim();
+                }
+                else if (key === 'Shift') {
+                    return (result + ' ⇧').trim();
+                }
+                else if (key === 'Accel' && Platform.IS_MAC) {
+                    return (result + ' ⌘').trim();
+                }
+                else if (key === 'Accel') {
+                    return (result + ' ⌃').trim();
+                }
+                else {
+                    return (result + ' ' + key).trim();
+                }
+            }, '');
+        };
+        this._commands = getCommands(props.external.translator.load('jupyterlab'));
+        this.state = {
+            displayNewInput: false,
+            displayReplaceInputLeft: false,
+            displayReplaceInputRight: false,
+            numShortcuts: Object.keys(this.props.shortcut.keys).filter(key => this.props.shortcut.keys[key][0] !== '').length
+        };
+    }
+    getErrorRow() {
+        const trans = this.props.external.translator.load('jupyterlab');
+        return (React.createElement("div", { className: classes(RowStyle) },
+            React.createElement("div", { className: ConflictContainerStyle(this.props.showSelectors, this.props.errorSize) },
+                React.createElement("div", { className: ErrorMessageStyle }, trans.__('Shortcut already in use by %1. Overwrite it?', this.props.shortcut.takenBy.takenByLabel)),
+                React.createElement("div", { className: ErrorButtonStyle },
+                    React.createElement("button", null, trans.__('Cancel')),
+                    React.createElement("button", { id: "no-blur", onClick: () => {
+                            var _a;
+                            (_a = document.getElementById('overwrite')) === null || _a === void 0 ? void 0 : _a.click();
+                        } }, trans.__('Overwrite'))))));
+    }
+    getCategoryCell() {
+        return React.createElement("div", { className: CellStyle }, this.props.shortcut.category);
+    }
+    getLabelCell() {
+        return (React.createElement("div", { className: CellStyle },
+            React.createElement("div", { className: "jp-label" }, this.props.shortcut.label)));
+    }
+    getResetShortCutLink() {
+        const trans = this.props.external.translator.load('jupyterlab');
+        return (React.createElement("a", { className: ResetStyle, onClick: () => this.props.resetShortcut(this.props.shortcut) }, trans.__('Reset')));
+    }
+    getSourceCell() {
+        return (React.createElement("div", { className: CellStyle },
+            React.createElement("div", { className: SourceCellStyle }, this.props.shortcut.source),
+            this.props.shortcut.source === 'Custom' && this.getResetShortCutLink()));
+    }
+    getOptionalSelectorCell() {
+        return this.props.showSelectors ? (React.createElement("div", { className: CellStyle },
+            React.createElement("div", { className: "jp-selector" }, this.props.shortcut.selector))) : (React.createElement("div", null));
+    }
+    getClassNameForShortCuts(nonEmptyKeys) {
+        return nonEmptyKeys.length === 0
+            ? classes(ShortcutCellStyle, EmptyShortcutCellStyle)
+            : nonEmptyKeys.length === 1
+                ? classes(ShortcutCellStyle, SingleShortcutCellStyle)
+                : ShortcutCellStyle;
+    }
+    getToggleInputReplaceMethod(location) {
+        switch (location) {
+            case ShortCutLocation.Left:
+                return this.toggleInputReplaceLeft;
+            case ShortCutLocation.Right:
+                return this.toggleInputReplaceRight;
+        }
+    }
+    getDisplayReplaceInput(location) {
+        switch (location) {
+            case ShortCutLocation.Left:
+                return this.state.displayReplaceInputLeft;
+            case ShortCutLocation.Right:
+                return this.state.displayReplaceInputRight;
+        }
+    }
+    getOrDiplayIfNeeded(nonEmptyKeys) {
+        const trans = this.props.external.translator.load('jupyterlab');
+        return (React.createElement("div", { className: nonEmptyKeys.length == 2 || this.state.displayNewInput
+                ? OrTwoStyle
+                : OrStyle, id: nonEmptyKeys.length == 2
+                ? 'secondor'
+                : this.state.displayReplaceInputLeft
+                    ? 'noor'
+                    : 'or' }, trans.__('or')));
+    }
+    getShortCutAsInput(key, location) {
+        return (React.createElement(ShortcutInput, { handleUpdate: this.props.handleUpdate, deleteShortcut: this.props.deleteShortcut, toggleInput: this.getToggleInputReplaceMethod(location), shortcut: this.props.shortcut, shortcutId: key, toSymbols: this.toSymbols, keyBindingsUsed: this.props.keyBindingsUsed, sortConflict: this.props.sortConflict, clearConflicts: this.props.clearConflicts, displayInput: this.getDisplayReplaceInput(location), newOrReplace: 'replace', placeholder: this.toSymbols(this.props.shortcut.keys[key].join(', ')), translator: this.props.external.translator }));
+    }
+    getShortCutForDisplayOnly(key) {
+        return this.props.shortcut.keys[key].map((keyBinding, index) => (React.createElement("div", { className: ShortcutKeysContainerStyle, key: index },
+            React.createElement("div", { className: ShortcutKeysStyle, id: 'shortcut-keys' }, this.toSymbols(keyBinding)),
+            index + 1 < this.props.shortcut.keys[key].length ? (React.createElement("div", { className: CommaStyle }, ",")) : null)));
+    }
+    isLocationBeingEdited(location) {
+        return ((location === ShortCutLocation.Left &&
+            this.state.displayReplaceInputLeft) ||
+            (location === ShortCutLocation.Right &&
+                this.state.displayReplaceInputRight));
+    }
+    getLocationFromIndex(index) {
+        return index === 0 ? ShortCutLocation.Left : ShortCutLocation.Right;
+    }
+    getDivForKey(index, key, nonEmptyKeys) {
+        const location = this.getLocationFromIndex(index);
+        return (React.createElement("div", { className: ShortcutContainerStyle, key: this.props.shortcut.id + '_' + index, onClick: this.getToggleInputReplaceMethod(location) },
+            this.isLocationBeingEdited(location)
+                ? this.getShortCutAsInput(key, location)
+                : this.getShortCutForDisplayOnly(key),
+            location === ShortCutLocation.Left &&
+                this.getOrDiplayIfNeeded(nonEmptyKeys)));
+    }
+    getAddLink() {
+        const trans = this.props.external.translator.load('jupyterlab');
+        return (React.createElement("a", { className: !this.state.displayNewInput ? PlusStyle : '', onClick: () => {
+                this.toggleInputNew(), this.props.clearConflicts();
+            }, id: "add-link" }, trans.__('Add')));
+    }
+    getInputBoxWhenToggled() {
+        return this.state.displayNewInput ? (React.createElement(ShortcutInput, { handleUpdate: this.props.handleUpdate, deleteShortcut: this.props.deleteShortcut, toggleInput: this.toggleInputNew, shortcut: this.props.shortcut, shortcutId: "", toSymbols: this.toSymbols, keyBindingsUsed: this.props.keyBindingsUsed, sortConflict: this.props.sortConflict, clearConflicts: this.props.clearConflicts, displayInput: this.state.displayNewInput, newOrReplace: 'new', placeholder: '', translator: this.props.external.translator })) : (React.createElement("div", null));
+    }
+    getShortCutsCell(nonEmptyKeys) {
+        return (React.createElement("div", { className: CellStyle },
+            React.createElement("div", { className: this.getClassNameForShortCuts(nonEmptyKeys) },
+                nonEmptyKeys.map((key, index) => this.getDivForKey(index, key, nonEmptyKeys)),
+                nonEmptyKeys.length === 1 &&
+                    !this.state.displayNewInput &&
+                    !this.state.displayReplaceInputLeft &&
+                    this.getAddLink(),
+                nonEmptyKeys.length === 0 &&
+                    !this.state.displayNewInput &&
+                    this.getAddLink(),
+                this.getInputBoxWhenToggled())));
+    }
+    render() {
+        const nonEmptyKeys = Object.keys(this.props.shortcut.keys).filter((key) => this.props.shortcut.keys[key][0] !== '');
+        if (this.props.shortcut.id === 'error_row') {
+            return this.getErrorRow();
+        }
+        else {
+            return (React.createElement("div", { className: RowStyle, onContextMenu: e => {
+                    e.persist();
+                    this.handleRightClick(e);
+                } },
+                this.getCategoryCell(),
+                this.getLabelCell(),
+                this.getShortCutsCell(nonEmptyKeys),
+                this.getSourceCell(),
+                this.getOptionalSelectorCell()));
+        }
+    }
+}
+//# sourceMappingURL=ShortcutItem.js.map

package/lib/components/ShortcutItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutItem.js","sourceRoot":"","sources":["../../src/components/ShortcutItem.tsx"],"names":[],"mappings":"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"}

package/lib/components/ShortcutList.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { ShortcutObject, TakenByObject } from './ShortcutInput';
+import { UISize } from './ShortcutUI';
+import { IShortcutUIexternal } from './TopNav';
+/** Props for ShortcutList component */
+export interface IShortcutListProps {
+    shortcuts: ShortcutObject[];
+    handleUpdate: Function;
+    resetShortcut: Function;
+    deleteShortcut: Function;
+    showSelectors: boolean;
+    keyBindingsUsed: {
+        [index: string]: TakenByObject;
+    };
+    sortConflict: Function;
+    clearConflicts: Function;
+    height: number;
+    errorSize: UISize;
+    contextMenu: Function;
+    external: IShortcutUIexternal;
+}
+/** React component for list of shortcuts */
+export declare class ShortcutList extends React.Component<IShortcutListProps> {
+    render(): JSX.Element;
+}

package/lib/components/ShortcutList.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ShortcutListContainerStyle, ShortcutListStyle } from '../componentStyle/ShortcutListStyle';
+import { ShortcutItem } from './ShortcutItem';
+const TOPNAV_HEIGHT = 115;
+/** React component for list of shortcuts */
+export class ShortcutList extends React.Component {
+    render() {
+        return (React.createElement("div", { className: ShortcutListContainerStyle(TOPNAV_HEIGHT, this.props.height), id: "shortcutListContainer" },
+            React.createElement("div", { className: ShortcutListStyle }, this.props.shortcuts.map((shortcut) => {
+                return (React.createElement(ShortcutItem, { key: shortcut.commandName + '_' + shortcut.selector, resetShortcut: this.props.resetShortcut, shortcut: shortcut, handleUpdate: this.props.handleUpdate, deleteShortcut: this.props.deleteShortcut, showSelectors: this.props.showSelectors, keyBindingsUsed: this.props.keyBindingsUsed, sortConflict: this.props.sortConflict, clearConflicts: this.props.clearConflicts, errorSize: this.props.errorSize, contextMenu: this.props.contextMenu, external: this.props.external }));
+            }))));
+    }
+}
+//# sourceMappingURL=ShortcutList.js.map

package/lib/components/ShortcutList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutList.js","sourceRoot":"","sources":["../../src/components/ShortcutList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,0BAA0B,EAC1B,iBAAiB,EAClB,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,MAAM,aAAa,GAAW,GAAG,CAAC;AAkBlC,4CAA4C;AAC5C,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA6B;IACnE,MAAM;QACJ,OAAO,CACL,6BACE,SAAS,EAAE,0BAA0B,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EACvE,EAAE,EAAC,uBAAuB;YAE1B,6BAAK,SAAS,EAAE,iBAAiB,IAC9B,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAwB,EAAE,EAAE;gBACrD,OAAO,CACL,oBAAC,YAAY,IACX,GAAG,EAAE,QAAQ,CAAC,WAAW,GAAG,GAAG,GAAG,QAAQ,CAAC,QAAQ,EACnD,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACvC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACzC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACvC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EAC3C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACzC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAC7B,CACH,CAAC;YACJ,CAAC,CAAC,CACE,CACF,CACP,CAAC;IACJ,CAAC;CACF"}

package/lib/components/ShortcutTitleItem.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface IShortcutTitleItemProps {
+    title: string;
+    updateSort: Function;
+    active: string;
+}
+export declare class ShortcutTitleItem extends React.Component<IShortcutTitleItemProps> {
+    render(): JSX.Element;
+}

package/lib/components/ShortcutTitleItem.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { classes } from 'typestyle';
+import { CurrentHeaderStyle, HeaderStyle, SortButtonStyle } from '../componentStyle/ShortcutTitleItemStyle';
+export class ShortcutTitleItem extends React.Component {
+    render() {
+        return (React.createElement("div", { className: this.props.title.toLowerCase() === this.props.active
+                ? classes(HeaderStyle, CurrentHeaderStyle)
+                : HeaderStyle, onClick: () => this.props.updateSort(this.props.title.toLowerCase()) },
+            this.props.title,
+            React.createElement("div", { className: SortButtonStyle }, "\u2303")));
+    }
+}
+//# sourceMappingURL=ShortcutTitleItem.js.map

package/lib/components/ShortcutTitleItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutTitleItem.js","sourceRoot":"","sources":["../../src/components/ShortcutTitleItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,eAAe,EAChB,MAAM,0CAA0C,CAAC;AAQlD,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAE5C;IACC,MAAM;QACJ,OAAO,CACL,6BACE,SAAS,EACP,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM;gBAClD,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,kBAAkB,CAAC;gBAC1C,CAAC,CAAC,WAAW,EAEjB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YAEnE,IAAI,CAAC,KAAK,CAAC,KAAK;YACjB,6BAAK,SAAS,EAAE,eAAe,aAAS,CACpC,CACP,CAAC;IACJ,CAAC;CACF"}

package/lib/components/ShortcutUI.d.ts

@@ -0,0 +1,61 @@
+import { IShortcutUIexternal } from './TopNav';
+import * as React from 'react';
+import { ShortcutObject, TakenByObject } from './ShortcutInput';
+export declare const enum UISize {
+    Regular = 0,
+    Small = 1,
+    Tiny = 2
+}
+/** Props for ShortcutUI component */
+export interface IShortcutUIProps {
+    external: IShortcutUIexternal;
+    height: number;
+    width: number;
+}
+/** State for ShortcutUI component */
+export interface IShortcutUIState {
+    shortcutList: {
+        [index: string]: ShortcutObject;
+    };
+    filteredShortcutList: ShortcutObject[];
+    shortcutsFetched: boolean;
+    searchQuery: string;
+    showSelectors: boolean;
+    currentSort: string;
+    keyBindingsUsed: {
+        [index: string]: TakenByObject;
+    };
+    contextMenu: any;
+}
+/** Top level React component for widget */
+export declare class ShortcutUI extends React.Component<IShortcutUIProps, IShortcutUIState> {
+    constructor(props: any);
+    /** Fetch shortcut list on mount */
+    componentDidMount(): void;
+    /** Fetch shortcut list from SettingRegistry  */
+    private _refreshShortcutList;
+    /** Set the current seach query */
+    updateSearchQuery: (event: MouseEvent) => void;
+    /** Filter shortcut list using current search query */
+    private searchFilterShortcuts;
+    /** Reset all shortcuts to their defaults */
+    resetShortcuts: () => Promise<void>;
+    /** Set new shortcut for command, refresh state */
+    handleUpdate: (shortcutObject: ShortcutObject, keys: string[]) => Promise<void>;
+    /** Delete shortcut for command, refresh state */
+    deleteShortcut: (shortcutObject: ShortcutObject, shortcutId: string) => Promise<void>;
+    /** Reset a specific shortcut to its default settings */
+    resetShortcut: (shortcutObject: ShortcutObject) => Promise<void>;
+    /** Toggles showing command selectors */
+    toggleSelectors: () => void;
+    /** Set the current list sort order */
+    updateSort: (value: string) => void;
+    /** Sort shortcut list using current sort property  */
+    sortShortcuts(): void;
+    /** Sort shortcut list so that an error row is right below the one currently being set */
+    sortConflict: (newShortcut: ShortcutObject, takenBy: TakenByObject) => void;
+    /** Remove conflict flag from all shortcuts */
+    clearConflicts: () => void;
+    contextMenu: (event: any, commandIDs: string[]) => void;
+    render(): JSX.Element | null;
+}