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

package/lib/components/ShortcutInput.d.ts

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { ITranslator } from '@jupyterlab/translation';
+export interface IShortcutInputProps {
+    handleUpdate: Function;
+    deleteShortcut: Function;
+    toggleInput: Function;
+    shortcut: ShortcutObject;
+    shortcutId: string;
+    toSymbols: Function;
+    keyBindingsUsed: {
+        [index: string]: TakenByObject;
+    };
+    sortConflict: Function;
+    clearConflicts: Function;
+    displayInput: boolean;
+    newOrReplace: string;
+    placeholder: string;
+    translator: ITranslator;
+}
+export interface IShortcutInputState {
+    value: string;
+    userInput: string;
+    isAvailable: boolean;
+    isFunctional: boolean;
+    takenByObject: TakenByObject;
+    keys: Array<string>;
+    currentChain: string;
+    selected: boolean;
+}
+/** Object for shortcut items */
+export declare class ShortcutObject {
+    commandName: string;
+    label: string;
+    keys: {
+        [index: string]: Array<string>;
+    };
+    source: string;
+    selector: string;
+    category: string;
+    id: string;
+    hasConflict: boolean;
+    numberOfShortcuts: number;
+    constructor();
+    get(sortCriteria: string): string;
+}
+/** Object for conflicting shortcut error messages */
+export declare class ErrorObject extends ShortcutObject {
+    takenBy: TakenByObject;
+    constructor();
+}
+/** Object for showing which shortcut conflicts with the new one */
+export declare class TakenByObject {
+    takenBy: ShortcutObject;
+    takenByKey: string;
+    takenByLabel: string;
+    id: string;
+    constructor(shortcut?: ShortcutObject);
+}
+export declare class ShortcutInput extends React.Component<IShortcutInputProps, IShortcutInputState> {
+    constructor(props: IShortcutInputProps);
+    handleUpdate: () => void;
+    handleOverwrite: () => Promise<void>;
+    handleReplace: () => Promise<void>;
+    /** Parse user input for chained shortcuts */
+    parseChaining: (event: React.KeyboardEvent, value: string, userInput: string, keys: Array<string>, currentChain: string) => Array<any>;
+    /**
+     * Check if shorcut being typed will work
+     * (does not end with ctrl, alt, command, or shift)
+     * */
+    checkNonFunctional: (shortcut: string) => boolean;
+    /** Check if shortcut being typed is already taken */
+    checkShortcutAvailability: (userInput: string, keys: string[], currentChain: string) => TakenByObject;
+    checkConflict(takenByObject: TakenByObject, keys: string): void;
+    /** Parse and normalize user input */
+    handleInput: (event: React.KeyboardEvent) => void;
+    handleBlur: (event: React.FocusEvent<HTMLDivElement>) => void;
+    render(): JSX.Element;
+}

package/lib/components/ShortcutInput.js

@@ -0,0 +1,342 @@
+import * as React from 'react';
+import { classes } from 'typestyle';
+import { EN_US } from '@lumino/keyboard';
+import { InputBoxHiddenStyle, InputBoxNewStyle, InputBoxStyle, InputSelectedTextStyle, InputStyle, InputTextStyle, InputUnavailableStyle, InputWaitingStyle, SubmitConflictStyle, SubmitNonFunctionalStyle, SubmitStyle } from '../componentStyle/ShortcutInputStyle';
+/** Object for shortcut items */
+export class ShortcutObject {
+    constructor() {
+        this.commandName = '';
+        this.label = '';
+        this.keys = {};
+        this.source = '';
+        this.selector = '';
+        this.category = '';
+        this.id = '';
+        this.numberOfShortcuts = 0;
+        this.hasConflict = false;
+    }
+    get(sortCriteria) {
+        if (sortCriteria === 'label') {
+            return this.label;
+        }
+        else if (sortCriteria === 'selector') {
+            return this.selector;
+        }
+        else if (sortCriteria === 'category') {
+            return this.category;
+        }
+        else if (sortCriteria === 'source') {
+            return this.source;
+        }
+        else {
+            return '';
+        }
+    }
+}
+/** Object for conflicting shortcut error messages */
+export class ErrorObject extends ShortcutObject {
+    constructor() {
+        super();
+        this.takenBy = new TakenByObject();
+    }
+}
+/** Object for showing which shortcut conflicts with the new one */
+export class TakenByObject {
+    constructor(shortcut) {
+        if (shortcut) {
+            this.takenBy = shortcut;
+            this.takenByKey = '';
+            this.takenByLabel = shortcut.category + ': ' + shortcut.label;
+            this.id = shortcut.commandName + '_' + shortcut.selector;
+        }
+        else {
+            this.takenBy = new ShortcutObject();
+            this.takenByKey = '';
+            this.takenByLabel = '';
+            this.id = '';
+        }
+    }
+}
+export class ShortcutInput extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleUpdate = () => {
+            let keys = this.state.keys;
+            keys.push(this.state.currentChain);
+            this.setState({ keys: keys });
+            this.props.handleUpdate(this.props.shortcut, this.state.keys);
+        };
+        this.handleOverwrite = async () => {
+            this.props
+                .deleteShortcut(this.state.takenByObject.takenBy, this.state.takenByObject.takenByKey)
+                .then(this.handleUpdate());
+        };
+        this.handleReplace = async () => {
+            let keys = this.state.keys;
+            keys.push(this.state.currentChain);
+            this.props.toggleInput();
+            await this.props.deleteShortcut(this.props.shortcut, this.props.shortcutId);
+            this.props.handleUpdate(this.props.shortcut, keys);
+        };
+        /** Parse user input for chained shortcuts */
+        this.parseChaining = (event, value, userInput, keys, currentChain) => {
+            let key = EN_US.keyForKeydownEvent(event.nativeEvent);
+            const modKeys = ['Shift', 'Control', 'Alt', 'Meta', 'Ctrl', 'Accel'];
+            if (event.key === 'Backspace') {
+                userInput = '';
+                value = '';
+                keys = [];
+                currentChain = '';
+                this.setState({
+                    value: value,
+                    userInput: userInput,
+                    keys: keys,
+                    currentChain: currentChain
+                });
+            }
+            else if (event.key !== 'CapsLock') {
+                const lastKey = userInput
+                    .substr(userInput.lastIndexOf(' ') + 1, userInput.length)
+                    .trim();
+                /** if last key was not a modefier then there is a chain */
+                if (modKeys.lastIndexOf(lastKey) === -1 && lastKey != '') {
+                    userInput = userInput + ',';
+                    keys.push(currentChain);
+                    currentChain = '';
+                    /** check if a modefier key was held down through chain */
+                    if (event.ctrlKey && event.key != 'Control') {
+                        userInput = (userInput + ' Ctrl').trim();
+                        currentChain = (currentChain + ' Ctrl').trim();
+                    }
+                    if (event.metaKey && event.key != 'Meta') {
+                        userInput = (userInput + ' Accel').trim();
+                        currentChain = (currentChain + ' Accel').trim();
+                    }
+                    if (event.altKey && event.key != 'Alt') {
+                        userInput = (userInput + ' Alt').trim();
+                        currentChain = (currentChain + ' Alt').trim();
+                    }
+                    if (event.shiftKey && event.key != 'Shift') {
+                        userInput = (userInput + ' Shift').trim();
+                        currentChain = (currentChain + ' Shift').trim();
+                    }
+                    /** if not a modefier key, add to user input and current chain */
+                    if (modKeys.lastIndexOf(event.key) === -1) {
+                        userInput = (userInput + ' ' + key).trim();
+                        currentChain = (currentChain + ' ' + key).trim();
+                        /** if a modefier key, add to user input and current chain */
+                    }
+                    else {
+                        if (event.key === 'Meta') {
+                            userInput = (userInput + ' Accel').trim();
+                            currentChain = (currentChain + ' Accel').trim();
+                        }
+                        else if (event.key === 'Control') {
+                            userInput = (userInput + ' Ctrl').trim();
+                            currentChain = (currentChain + ' Ctrl').trim();
+                        }
+                        else if (event.key === 'Shift') {
+                            userInput = (userInput + ' Shift').trim();
+                            currentChain = (currentChain + ' Shift').trim();
+                        }
+                        else if (event.key === 'Alt') {
+                            userInput = (userInput + ' Alt').trim();
+                            currentChain = (currentChain + ' Alt').trim();
+                        }
+                        else {
+                            userInput = (userInput + ' ' + event.key).trim();
+                            currentChain = (currentChain + ' ' + event.key).trim();
+                        }
+                    }
+                    /** if not a chain, add the key to user input and current chain */
+                }
+                else {
+                    /** if modefier key, rename */
+                    if (event.key === 'Control') {
+                        userInput = (userInput + ' Ctrl').trim();
+                        currentChain = (currentChain + ' Ctrl').trim();
+                    }
+                    else if (event.key === 'Meta') {
+                        userInput = (userInput + ' Accel').trim();
+                        currentChain = (currentChain + ' Accel').trim();
+                    }
+                    else if (event.key === 'Shift') {
+                        userInput = (userInput + ' Shift').trim();
+                        currentChain = (currentChain + ' Shift').trim();
+                    }
+                    else if (event.key === 'Alt') {
+                        userInput = (userInput + ' Alt').trim();
+                        currentChain = (currentChain + ' Alt').trim();
+                        /** if not a modefier key, add it regularly */
+                    }
+                    else {
+                        userInput = (userInput + ' ' + key).trim();
+                        currentChain = (currentChain + ' ' + key).trim();
+                    }
+                }
+            }
+            /** update state of keys and currentChain */
+            this.setState({
+                keys: keys,
+                currentChain: currentChain
+            });
+            return [userInput, keys, currentChain];
+        };
+        /**
+         * Check if shorcut being typed will work
+         * (does not end with ctrl, alt, command, or shift)
+         * */
+        this.checkNonFunctional = (shortcut) => {
+            const dontEnd = ['Ctrl', 'Alt', 'Accel', 'Shift'];
+            const shortcutKeys = this.state.currentChain.split(' ');
+            const last = shortcutKeys[shortcutKeys.length - 1];
+            this.setState({
+                isFunctional: !(dontEnd.indexOf(last) !== -1)
+            });
+            return dontEnd.indexOf(last) !== -1;
+        };
+        /** Check if shortcut being typed is already taken */
+        this.checkShortcutAvailability = (userInput, keys, currentChain) => {
+            /** First, check whole shortcut */
+            let isAvailable = Object.keys(this.props.keyBindingsUsed).indexOf(keys.join(' ') + currentChain + '_' + this.props.shortcut.selector) === -1 || userInput === '';
+            let takenByObject = new TakenByObject();
+            if (isAvailable) {
+                /** Next, check each piece of a chain */
+                for (let binding of keys) {
+                    if (Object.keys(this.props.keyBindingsUsed).indexOf(binding + '_' + this.props.shortcut.selector) !== -1 &&
+                        binding !== '') {
+                        isAvailable = false;
+                        takenByObject = this.props.keyBindingsUsed[binding + '_' + this.props.shortcut.selector];
+                        break;
+                    }
+                }
+                /** Check current chain */
+                if (isAvailable &&
+                    Object.keys(this.props.keyBindingsUsed).indexOf(currentChain + '_' + this.props.shortcut.selector) !== -1 &&
+                    currentChain !== '') {
+                    isAvailable = false;
+                    takenByObject = this.props.keyBindingsUsed[currentChain + '_' + this.props.shortcut.selector];
+                }
+                /** If unavailable set takenByObject */
+            }
+            else {
+                takenByObject = this.props.keyBindingsUsed[keys.join(' ') + currentChain + '_' + this.props.shortcut.selector];
+            }
+            /** allow to set shortcut to what it initially was if replacing */
+            if (!isAvailable) {
+                if (takenByObject.takenBy.id === this.props.shortcut.id &&
+                    this.props.newOrReplace === 'replace') {
+                    isAvailable = true;
+                    takenByObject = new TakenByObject();
+                }
+            }
+            this.setState({ isAvailable: isAvailable });
+            return takenByObject;
+        };
+        /** Parse and normalize user input */
+        this.handleInput = (event) => {
+            event.preventDefault();
+            this.setState({ selected: false });
+            const parsed = this.parseChaining(event, this.state.value, this.state.userInput, this.state.keys, this.state.currentChain);
+            const userInput = parsed[0];
+            const keys = parsed[1];
+            const currentChain = parsed[2];
+            const value = this.props.toSymbols(userInput);
+            let takenByObject = this.checkShortcutAvailability(userInput, keys, currentChain);
+            this.checkConflict(takenByObject, keys);
+            this.setState({
+                value: value,
+                userInput: userInput,
+                takenByObject: takenByObject,
+                keys: keys,
+                currentChain: currentChain
+            }, () => this.checkNonFunctional(this.state.userInput));
+        };
+        this.handleBlur = (event) => {
+            if (event.relatedTarget === null ||
+                (event.relatedTarget.id !== 'no-blur' &&
+                    event.relatedTarget.id !== 'overwrite')) {
+                this.props.toggleInput();
+                this.setState({
+                    value: '',
+                    userInput: ''
+                });
+                this.props.clearConflicts();
+            }
+        };
+        this.state = {
+            value: this.props.placeholder,
+            userInput: '',
+            isAvailable: true,
+            isFunctional: this.props.newOrReplace === 'replace',
+            takenByObject: new TakenByObject(),
+            keys: new Array(),
+            currentChain: '',
+            selected: true
+        };
+    }
+    checkConflict(takenByObject, keys) {
+        if (takenByObject.id !== '' &&
+            takenByObject.takenBy.id !== this.props.shortcut.id) {
+            this.props.sortConflict(this.props.shortcut, takenByObject, takenByObject.takenByLabel, '');
+        }
+        else {
+            this.props.clearConflicts();
+        }
+    }
+    render() {
+        const trans = this.props.translator.load('jupyterlab');
+        let inputClassName = InputStyle;
+        if (!this.state.isAvailable) {
+            inputClassName = classes(inputClassName, InputUnavailableStyle);
+        }
+        return (React.createElement("div", { className: this.props.displayInput
+                ? this.props.newOrReplace === 'new'
+                    ? classes(InputBoxStyle, InputBoxNewStyle)
+                    : InputBoxStyle
+                : InputBoxHiddenStyle, onBlur: event => this.handleBlur(event) },
+            React.createElement("div", { tabIndex: 0, id: "no-blur", className: inputClassName, onKeyDown: this.handleInput, ref: input => input && input.focus() },
+                React.createElement("p", { className: this.state.selected && this.props.newOrReplace === 'replace'
+                        ? classes(InputTextStyle, InputSelectedTextStyle)
+                        : this.state.value === ''
+                            ? classes(InputTextStyle, InputWaitingStyle)
+                            : InputTextStyle }, this.state.value === ''
+                    ? trans.__('press keys')
+                    : this.state.value)),
+            React.createElement("button", { className: !this.state.isFunctional
+                    ? classes(SubmitStyle, SubmitNonFunctionalStyle)
+                    : !this.state.isAvailable
+                        ? classes(SubmitStyle, SubmitConflictStyle)
+                        : classes(SubmitStyle), id: 'no-blur', disabled: !this.state.isAvailable || !this.state.isFunctional, onClick: () => {
+                    if (this.props.newOrReplace === 'new') {
+                        this.handleUpdate();
+                        this.setState({
+                            value: '',
+                            keys: [],
+                            currentChain: ''
+                        });
+                        this.props.toggleInput();
+                    }
+                    else {
+                        /** don't replace if field has not been edited */
+                        if (this.state.selected) {
+                            this.props.toggleInput();
+                            this.setState({
+                                value: '',
+                                userInput: ''
+                            });
+                            this.props.clearConflicts();
+                        }
+                        else {
+                            void this.handleReplace();
+                        }
+                    }
+                } }),
+            !this.state.isAvailable && (React.createElement("button", { hidden: true, id: "overwrite", onClick: () => {
+                    void this.handleOverwrite();
+                    this.props.clearConflicts();
+                    this.props.toggleInput();
+                } }, trans.__('Overwrite')))));
+    }
+}
+//# sourceMappingURL=ShortcutInput.js.map

package/lib/components/ShortcutInput.js.map

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

package/lib/components/ShortcutItem.d.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { ErrorObject, ShortcutObject, TakenByObject } from './ShortcutInput';
+import { UISize } from './ShortcutUI';
+import { IShortcutUIexternal } from './TopNav';
+/** Props for ShortcutItem component */
+export interface IShortcutItemProps {
+    shortcut: ShortcutObject | ErrorObject;
+    handleUpdate: Function;
+    resetShortcut: Function;
+    deleteShortcut: Function;
+    showSelectors: boolean;
+    keyBindingsUsed: {
+        [index: string]: TakenByObject;
+    };
+    sortConflict: Function;
+    clearConflicts: Function;
+    errorSize: UISize;
+    contextMenu: Function;
+    external: IShortcutUIexternal;
+}
+/** State for ShortcutItem component */
+export interface IShortcutItemState {
+    displayNewInput: boolean;
+    displayReplaceInputLeft: boolean;
+    displayReplaceInputRight: boolean;
+    numShortcuts: number;
+}
+declare enum ShortCutLocation {
+    Left = 0,
+    Right = 1
+}
+/** React component for each command shortcut item */
+export declare class ShortcutItem extends React.Component<IShortcutItemProps, IShortcutItemState> {
+    constructor(props: IShortcutItemProps);
+    /** Toggle display state of input box */
+    private toggleInputNew;
+    private toggleInputReplaceLeft;
+    private toggleInputReplaceRight;
+    private addCommandIfNeeded;
+    private handleRightClick;
+    /** Transform special key names into unicode characters */
+    toSymbols: (value: string) => string;
+    getErrorRow(): JSX.Element;
+    getCategoryCell(): JSX.Element;
+    getLabelCell(): JSX.Element;
+    getResetShortCutLink(): JSX.Element;
+    getSourceCell(): JSX.Element;
+    getOptionalSelectorCell(): JSX.Element;
+    getClassNameForShortCuts(nonEmptyKeys: string[]): string;
+    getToggleInputReplaceMethod(location: ShortCutLocation): () => void;
+    getDisplayReplaceInput(location: ShortCutLocation): boolean;
+    getOrDiplayIfNeeded(nonEmptyKeys: string[]): JSX.Element;
+    getShortCutAsInput(key: string, location: ShortCutLocation): JSX.Element;
+    getShortCutForDisplayOnly(key: string): JSX.Element[];
+    isLocationBeingEdited(location: ShortCutLocation): boolean;
+    getLocationFromIndex(index: number): ShortCutLocation;
+    getDivForKey(index: number, key: string, nonEmptyKeys: string[]): JSX.Element;
+    getAddLink(): JSX.Element;
+    getInputBoxWhenToggled(): JSX.Element;
+    getShortCutsCell(nonEmptyKeys: string[]): JSX.Element;
+    render(): JSX.Element;
+    private _commands;
+}
+export {};