box-ui-elements 16.0.0-beta.9 → 16.0.0

package/es/components/table/makeSelectable.js.flow

@@ -7,7 +7,6 @@ import { FormattedMessage } from 'react-intl';
 
 import { Hotkeys, HotkeyRecord } from '../hotkeys';
 import messages from './messages';
-
 import shiftSelect from './shiftSelect';
 
 const SEARCH_TIMER_DURATION = 1000;
@@ -22,6 +21,8 @@ function makeSelectable(BaseTable) {
             className: PropTypes.string,
             /** Array of unique IDs of the items in the table. Each item should be a string or number, in the order they appear in the table. */
             data: PropTypes.array.isRequired,
+            gridColumnCount: PropTypes.number,
+            isGridView: PropTypes.bool,
             /** Called when focus changes. `(focusedIndex: number) => void` */
             onFocus: PropTypes.func,
             /** Called when selection changes. `(selectedItems: Array<string> | Array<number> | Set<string> | Set<number>) => void` */
@@ -38,6 +39,8 @@ function makeSelectable(BaseTable) {
              * with an ImmutableJS Set.
              */
             selectedItems: PropTypes.oneOfType([PropTypes.array, ImmutablePropTypes.set]),
+            /** Array of unique IDs of the items in the table that are loaded and accessible. If not provided, this will default to all data */
+            loadedData: PropTypes.array,
             enableHotkeys: PropTypes.bool,
             /** Translated type for hotkeys. If not provided, then the hotkeys will not appear in the help modal. */
             hotkeyType: PropTypes.string,
@@ -98,118 +101,261 @@ function makeSelectable(BaseTable) {
             }
         };
 
+        getSharedHotkeyConfigs = () => {
+            const { hotkeyType } = this.props;
+            return [
+                new HotkeyRecord({
+                    key: 'shift+x',
+                    description: <FormattedMessage {...messages.shiftXDescription} />,
+                    handler: () => {
+                        const { focusedIndex } = this.state;
+
+                        if (focusedIndex === undefined) {
+                            return;
+                        }
+
+                        this.selectToggle(focusedIndex);
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: ['meta+a', 'ctrl+a'],
+                    description: <FormattedMessage {...messages.selectAllDescription} />,
+                    handler: event => {
+                        const { data } = this.props;
+
+                        event.preventDefault();
+
+                        this.onSelect(new Set(data), this.state.focusedIndex);
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'esc',
+                    description: <FormattedMessage {...messages.deselectAllDescription} />,
+                    handler: () => {
+                        this.onSelect(new Set(), this.state.focusedIndex);
+                    },
+                    type: hotkeyType,
+                }),
+            ];
+        };
+
+        getListViewHotKeyConfigs = () => {
+            const { hotkeyType } = this.props;
+            return [
+                new HotkeyRecord({
+                    key: 'down',
+                    description: <FormattedMessage {...messages.downDescription} />,
+                    handler: event => {
+                        const { data } = this.props;
+                        const { focusedIndex } = this.state;
+
+                        event.preventDefault();
+
+                        const newFocusedIndex =
+                            focusedIndex !== undefined ? Math.min(focusedIndex + 1, data.length - 1) : 0;
+                        this.setState({ focusedIndex: newFocusedIndex });
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'up',
+                    description: <FormattedMessage {...messages.upDescription} />,
+                    handler: event => {
+                        const { focusedIndex = 0 } = this.state;
+
+                        event.preventDefault();
+
+                        const newFocusedIndex = Math.max(focusedIndex - 1, 0);
+                        this.setState({ focusedIndex: newFocusedIndex });
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'shift+down',
+                    description: <FormattedMessage {...messages.shiftDownDescription} />,
+                    handler: () => {
+                        const { data } = this.props;
+                        const { focusedIndex } = this.state;
+
+                        if (focusedIndex === undefined) {
+                            return;
+                        }
+
+                        const newFocusedIndex = Math.min(focusedIndex + 1, data.length - 1);
+                        this.handleShiftKeyDown(newFocusedIndex, data.length - 1);
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'shift+up',
+                    description: <FormattedMessage {...messages.shiftUpDescription} />,
+                    handler: () => {
+                        const { focusedIndex } = this.state;
+
+                        if (focusedIndex === undefined) {
+                            return;
+                        }
+
+                        const newFocusedIndex = Math.max(focusedIndex - 1, 0);
+                        this.handleShiftKeyDown(newFocusedIndex, 0);
+                    },
+                    type: hotkeyType,
+                }),
+            ];
+        };
+
+        getGridViewHotKeyConfigs = () => {
+            const { hotkeyType } = this.props;
+            return [
+                new HotkeyRecord({
+                    key: 'right',
+                    description: <FormattedMessage {...messages.downDescription} />,
+                    handler: event => {
+                        const { data } = this.props;
+                        const { focusedIndex } = this.state;
+
+                        event.preventDefault();
+
+                        const newFocusedIndex =
+                            focusedIndex !== undefined ? Math.min(focusedIndex + 1, data.length - 1) : 0;
+                        this.setState({ focusedIndex: newFocusedIndex });
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'left',
+                    description: <FormattedMessage {...messages.upDescription} />,
+                    handler: event => {
+                        const { focusedIndex = 0 } = this.state;
+
+                        event.preventDefault();
+
+                        const newFocusedIndex = Math.max(focusedIndex - 1, 0);
+                        this.setState({ focusedIndex: newFocusedIndex });
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'down',
+                    description: <FormattedMessage {...messages.downDescription} />,
+                    handler: event => {
+                        const { data, gridColumnCount } = this.props;
+                        const { focusedIndex } = this.state;
+
+                        event.preventDefault();
+
+                        const newFocusedIndex =
+                            focusedIndex !== undefined ? Math.min(focusedIndex + gridColumnCount, data.length - 1) : 0;
+                        this.setState({ focusedIndex: newFocusedIndex });
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'up',
+                    description: <FormattedMessage {...messages.upDescription} />,
+                    handler: event => {
+                        const { gridColumnCount } = this.props;
+                        const { focusedIndex = 0 } = this.state;
+
+                        event.preventDefault();
+
+                        const newFocusedIndex = Math.max(focusedIndex - gridColumnCount, 0);
+                        this.setState({ focusedIndex: newFocusedIndex });
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'shift+right',
+                    description: <FormattedMessage {...messages.shiftDownDescription} />,
+                    handler: () => {
+                        const { data } = this.props;
+                        const { focusedIndex } = this.state;
+
+                        if (focusedIndex === undefined) {
+                            return;
+                        }
+
+                        const newFocusedIndex = Math.min(focusedIndex + 1, data.length - 1);
+                        this.handleShiftKeyDownForGrid(newFocusedIndex, data.length - 1);
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'shift+left',
+                    description: <FormattedMessage {...messages.shiftUpDescription} />,
+                    handler: () => {
+                        const { focusedIndex } = this.state;
+
+                        if (focusedIndex === undefined) {
+                            return;
+                        }
+
+                        const newFocusedIndex = Math.max(focusedIndex - 1, 0);
+                        this.handleShiftKeyDownForGrid(newFocusedIndex, 0);
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'shift+down',
+                    description: <FormattedMessage {...messages.shiftDownDescription} />,
+                    handler: () => {
+                        const { data, gridColumnCount } = this.props;
+                        const { focusedIndex } = this.state;
+
+                        if (focusedIndex === undefined) {
+                            return;
+                        }
+
+                        const newFocusedIndex = Math.min(focusedIndex + gridColumnCount, data.length - 1);
+                        this.handleShiftKeyDownForGrid(newFocusedIndex, data.length - 1);
+                    },
+                    type: hotkeyType,
+                }),
+                new HotkeyRecord({
+                    key: 'shift+up',
+                    description: <FormattedMessage {...messages.shiftUpDescription} />,
+                    handler: () => {
+                        const { gridColumnCount } = this.props;
+                        const { focusedIndex } = this.state;
+
+                        if (focusedIndex === undefined) {
+                            return;
+                        }
+
+                        const newFocusedIndex = Math.max(focusedIndex - gridColumnCount, 0);
+                        this.handleShiftKeyDownForGrid(newFocusedIndex, 0);
+                    },
+                    type: hotkeyType,
+                }),
+            ];
+        };
+
         getHotkeyConfigs = () => {
-            const { enableHotkeys, hotkeyType } = this.props;
+            const { enableHotkeys, isGridView, gridColumnCount } = this.props;
 
             if (!enableHotkeys && !this.hotkeys) {
                 this.hotkeys = [];
             }
 
             if (!this.hotkeys) {
-                this.hotkeys = [
-                    new HotkeyRecord({
-                        key: 'down',
-                        description: <FormattedMessage {...messages.downDescription} />,
-                        handler: event => {
-                            const { data } = this.props;
-                            const { focusedIndex } = this.state;
-
-                            event.preventDefault();
-
-                            const newFocusedIndex =
-                                focusedIndex !== undefined ? Math.min(focusedIndex + 1, data.length - 1) : 0;
-                            this.setState({ focusedIndex: newFocusedIndex });
-                        },
-                        type: hotkeyType,
-                    }),
-                    new HotkeyRecord({
-                        key: 'up',
-                        description: <FormattedMessage {...messages.upDescription} />,
-                        handler: event => {
-                            const { focusedIndex = 0 } = this.state;
-
-                            event.preventDefault();
-
-                            const newFocusedIndex = Math.max(focusedIndex - 1, 0);
-                            this.setState({ focusedIndex: newFocusedIndex });
-                        },
-                        type: hotkeyType,
-                    }),
-                    new HotkeyRecord({
-                        key: 'shift+x',
-                        description: <FormattedMessage {...messages.shiftXDescription} />,
-                        handler: () => {
-                            const { focusedIndex } = this.state;
-
-                            if (focusedIndex === undefined) {
-                                return;
-                            }
-
-                            this.selectToggle(focusedIndex);
-                        },
-                        type: hotkeyType,
-                    }),
-                    new HotkeyRecord({
-                        key: ['meta+a', 'ctrl+a'],
-                        description: <FormattedMessage {...messages.selectAllDescription} />,
-                        handler: event => {
-                            const { data } = this.props;
-
-                            event.preventDefault();
-
-                            this.onSelect(new Set(data), this.state.focusedIndex);
-                        },
-                        type: hotkeyType,
-                    }),
-                    new HotkeyRecord({
-                        key: 'shift+down',
-                        description: <FormattedMessage {...messages.shiftDownDescription} />,
-                        handler: () => {
-                            const { data } = this.props;
-                            const { focusedIndex } = this.state;
-
-                            if (focusedIndex === undefined) {
-                                return;
-                            }
-
-                            const newFocusedIndex = Math.min(focusedIndex + 1, data.length - 1);
-                            this.handleShiftKeyDown(newFocusedIndex, data.length - 1);
-                        },
-                        type: hotkeyType,
-                    }),
-                    new HotkeyRecord({
-                        key: 'shift+up',
-                        description: <FormattedMessage {...messages.shiftUpDescription} />,
-                        handler: () => {
-                            const { focusedIndex } = this.state;
-
-                            if (focusedIndex === undefined) {
-                                return;
-                            }
-
-                            const newFocusedIndex = Math.max(focusedIndex - 1, 0);
-                            this.handleShiftKeyDown(newFocusedIndex, 0);
-                        },
-                        type: hotkeyType,
-                    }),
-                    new HotkeyRecord({
-                        key: 'esc',
-                        description: <FormattedMessage {...messages.deselectAllDescription} />,
-                        handler: () => {
-                            this.onSelect(new Set(), this.state.focusedIndex);
-                        },
-                        type: hotkeyType,
-                    }),
-                ];
+                const viewSpecificHotKeyConfigs =
+                    isGridView && gridColumnCount !== undefined
+                        ? this.getGridViewHotKeyConfigs()
+                        : this.getListViewHotKeyConfigs();
+
+                this.hotkeys = [...this.getSharedHotkeyConfigs(), ...viewSpecificHotKeyConfigs];
             }
 
             return this.hotkeys;
         };
 
         getProcessedProps = () => {
-            const { selectedItems } = this.props;
+            const { data, loadedData, selectedItems } = this.props;
             return {
                 ...this.props,
+                loadedData: loadedData ? Set(loadedData) : Set(data),
                 selectedItems: Set.isSet(selectedItems) ? selectedItems : new Set(selectedItems),
             };
         };
@@ -326,6 +472,61 @@ function makeSelectable(BaseTable) {
             this.onSelect(selectedItems.add(data[focusedIndex]), newFocusedIndex);
         };
 
+        isContiguousSelection = (selectedItemIndecies, sourceIndex, targetIndex) => {
+            if (sourceIndex < targetIndex && selectedItemIndecies.has(sourceIndex - 1)) {
+                return true;
+            }
+            if (targetIndex < sourceIndex && selectedItemIndecies.has(sourceIndex + 1)) {
+                return true;
+            }
+            return false;
+        };
+
+        handleShiftKeyDownForGrid = newFocusedIndex => {
+            const { data, loadedData, selectedItems } = this.getProcessedProps();
+            const { focusedIndex } = this.state;
+
+            const dataSize = data.length;
+            const targetIndex = newFocusedIndex < 0 ? 0 : Math.min(newFocusedIndex, dataSize - 1);
+            const isSourceSelected = selectedItems.has(data[focusedIndex]);
+            const isTargetSelected = selectedItems.has(data[targetIndex]);
+
+            // if data is not loaded, we don't want it to be able to be selected
+            if (!loadedData.has(data[targetIndex])) {
+                return;
+            }
+
+            const selectedItemIndices = new Set(
+                data.reduce((rows, item, i) => {
+                    if (selectedItems.has(item)) {
+                        rows.push(i);
+                    }
+                    return rows;
+                }, []),
+            );
+
+            // reset the anchor on a new selection block
+            if (
+                !isSourceSelected &&
+                !isTargetSelected &&
+                // if we are starting a new mass selection adjacent selected block, we want to connect them
+                !this.isContiguousSelection(selectedItemIndices, focusedIndex, targetIndex)
+            ) {
+                this.anchorIndex = focusedIndex;
+            }
+
+            const newSelectedItemIndices = shiftSelect(
+                selectedItemIndices,
+                focusedIndex,
+                targetIndex,
+                this.anchorIndex,
+            );
+
+            const newSelectedItems = newSelectedItemIndices.map(i => data[i]);
+
+            this.onSelect(newSelectedItems, targetIndex);
+        };
+
         handleKeyboardSearch = event => {
             const { searchStrings } = this.props;
 

package/es/components/table/makeSelectable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/makeSelectable.js"],"names":["PropTypes","React","Component","Set","ImmutablePropTypes","classNames","FormattedMessage","Hotkeys","HotkeyRecord","messages","shiftSelect","SEARCH_TIMER_DURATION","makeSelectable","BaseTable","originalDisplayName","displayName","name","props","focusedIndex","undefined","selectedItems","newFocusedIndex","onSelect","previousIndex","state","setState","isSet","toJS","enableHotkeys","hotkeyType","hotkeys","key","description","downDescription","handler","event","data","preventDefault","Math","min","length","type","upDescription","max","shiftXDescription","selectToggle","selectAllDescription","shiftDownDescription","handleShiftKeyDown","shiftUpDescription","deselectAllDescription","rowIndex","getProcessedProps","has","delete","add","anchorIndex","selectedRows","reduce","rows","item","i","push","newSelectedRows","newSelectedItems","map","size","index","metaKey","ctrlKey","shiftKey","selectRange","selectOne","blurTimerID","setTimeout","clearFocus","clearTimeout","boundary","searchStrings","target","hasAttribute","nodeName","which","searchTimeout","searchString","findIndex","string","trim","toLowerCase","indexOf","document","addEventListener","handleKeyboardSearch","prevProps","prevState","onFocus","removeEventListener","className","focusedItem","getHotkeyConfigs","handleRowClick","handleRowFocus","handleTableBlur","handleTableFocus","array","isRequired","func","oneOfType","set","bool"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Set } from 'immutable';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Hotkeys, HotkeyRecord } from '../hotkeys';\nimport messages from './messages';\n\nimport shiftSelect from './shiftSelect';\n\nconst SEARCH_TIMER_DURATION = 1000;\n\nfunction makeSelectable(BaseTable) {\n    const originalDisplayName = BaseTable.displayName || BaseTable.name || 'Table';\n\n    return class SelectableTable extends Component {\n        static displayName = `Selectable(${originalDisplayName})`;\n\n        static propTypes = {\n            className: PropTypes.string,\n            /** Array of unique IDs of the items in the table. Each item should be a string or number, in the order they appear in the table. */\n            data: PropTypes.array.isRequired,\n            /** Called when focus changes. `(focusedIndex: number) => void` */\n            onFocus: PropTypes.func,\n            /** Called when selection changes. `(selectedItems: Array<string> | Array<number> | Set<string> | Set<number>) => void` */\n            onSelect: PropTypes.func.isRequired,\n            /**\n             * Array of strings for keyboard search corresponding to the data prop. If not provided, keyboard search won't work.\n             * Example: data = ['f_123', 'f_456'], and corresponding searchStrings = ['file.png', 'another file.pdf']\n             */\n            searchStrings: PropTypes.array,\n            /**\n             * Array of IDs that are currently selected, in any order.\n             * If you pass a native JS array, then your onSelect function will be called with a native JS array;\n             * likewise, if you pass an ImmutableJS Set, then your onSelect function will be called\n             * with an ImmutableJS Set.\n             */\n            selectedItems: PropTypes.oneOfType([PropTypes.array, ImmutablePropTypes.set]),\n            enableHotkeys: PropTypes.bool,\n            /** Translated type for hotkeys. If not provided, then the hotkeys will not appear in the help modal. */\n            hotkeyType: PropTypes.string,\n        };\n\n        static defaultProps = {\n            selectedItems: new Set(),\n        };\n\n        constructor(props) {\n            super(props);\n\n            this.anchorIndex = 0;\n\n            this.searchString = '';\n            this.searchTimeout = null;\n\n            // we have to store the previously focused index because a focus event\n            // will be fired before the click event; thus, in the click handler,\n            // the focusedItem will already be the new item\n            this.previousIndex = 0;\n\n            this.blurTimerID = null;\n        }\n\n        state = {\n            focusedIndex: undefined,\n        };\n\n        componentDidMount() {\n            document.addEventListener('keypress', this.handleKeyboardSearch);\n        }\n\n        componentDidUpdate(prevProps, prevState) {\n            if (prevState.focusedIndex !== this.state.focusedIndex && this.props.onFocus) {\n                this.props.onFocus(this.state.focusedIndex);\n            }\n        }\n\n        componentWillUnmount() {\n            document.removeEventListener('keypress', this.handleKeyboardSearch);\n            clearTimeout(this.blurTimerID);\n        }\n\n        onSelect = (selectedItems, newFocusedIndex) => {\n            const { onSelect } = this.props;\n\n            this.previousIndex = this.state.focusedIndex || 0;\n\n            this.setState({\n                focusedIndex: newFocusedIndex,\n            });\n\n            if (onSelect) {\n                // If selectedItems were given as an Immutable Set, they should also be returned as one,\n                // and vice versa if they were given as a native JS array\n                onSelect(Set.isSet(this.props.selectedItems) ? selectedItems : selectedItems.toJS());\n            }\n        };\n\n        getHotkeyConfigs = () => {\n            const { enableHotkeys, hotkeyType } = this.props;\n\n            if (!enableHotkeys && !this.hotkeys) {\n                this.hotkeys = [];\n            }\n\n            if (!this.hotkeys) {\n                this.hotkeys = [\n                    new HotkeyRecord({\n                        key: 'down',\n                        description: <FormattedMessage {...messages.downDescription} />,\n                        handler: event => {\n                            const { data } = this.props;\n                            const { focusedIndex } = this.state;\n\n                            event.preventDefault();\n\n                            const newFocusedIndex =\n                                focusedIndex !== undefined ? Math.min(focusedIndex + 1, data.length - 1) : 0;\n                            this.setState({ focusedIndex: newFocusedIndex });\n                        },\n                        type: hotkeyType,\n                    }),\n                    new HotkeyRecord({\n                        key: 'up',\n                        description: <FormattedMessage {...messages.upDescription} />,\n                        handler: event => {\n                            const { focusedIndex = 0 } = this.state;\n\n                            event.preventDefault();\n\n                            const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n                            this.setState({ focusedIndex: newFocusedIndex });\n                        },\n                        type: hotkeyType,\n                    }),\n                    new HotkeyRecord({\n                        key: 'shift+x',\n                        description: <FormattedMessage {...messages.shiftXDescription} />,\n                        handler: () => {\n                            const { focusedIndex } = this.state;\n\n                            if (focusedIndex === undefined) {\n                                return;\n                            }\n\n                            this.selectToggle(focusedIndex);\n                        },\n                        type: hotkeyType,\n                    }),\n                    new HotkeyRecord({\n                        key: ['meta+a', 'ctrl+a'],\n                        description: <FormattedMessage {...messages.selectAllDescription} />,\n                        handler: event => {\n                            const { data } = this.props;\n\n                            event.preventDefault();\n\n                            this.onSelect(new Set(data), this.state.focusedIndex);\n                        },\n                        type: hotkeyType,\n                    }),\n                    new HotkeyRecord({\n                        key: 'shift+down',\n                        description: <FormattedMessage {...messages.shiftDownDescription} />,\n                        handler: () => {\n                            const { data } = this.props;\n                            const { focusedIndex } = this.state;\n\n                            if (focusedIndex === undefined) {\n                                return;\n                            }\n\n                            const newFocusedIndex = Math.min(focusedIndex + 1, data.length - 1);\n                            this.handleShiftKeyDown(newFocusedIndex, data.length - 1);\n                        },\n                        type: hotkeyType,\n                    }),\n                    new HotkeyRecord({\n                        key: 'shift+up',\n                        description: <FormattedMessage {...messages.shiftUpDescription} />,\n                        handler: () => {\n                            const { focusedIndex } = this.state;\n\n                            if (focusedIndex === undefined) {\n                                return;\n                            }\n\n                            const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n                            this.handleShiftKeyDown(newFocusedIndex, 0);\n                        },\n                        type: hotkeyType,\n                    }),\n                    new HotkeyRecord({\n                        key: 'esc',\n                        description: <FormattedMessage {...messages.deselectAllDescription} />,\n                        handler: () => {\n                            this.onSelect(new Set(), this.state.focusedIndex);\n                        },\n                        type: hotkeyType,\n                    }),\n                ];\n            }\n\n            return this.hotkeys;\n        };\n\n        getProcessedProps = () => {\n            const { selectedItems } = this.props;\n            return {\n                ...this.props,\n                selectedItems: Set.isSet(selectedItems) ? selectedItems : new Set(selectedItems),\n            };\n        };\n\n        hotkeys = null;\n\n        selectToggle = rowIndex => {\n            const { data, selectedItems } = this.getProcessedProps();\n\n            if (selectedItems.has(data[rowIndex])) {\n                this.onSelect(selectedItems.delete(data[rowIndex]), rowIndex);\n            } else {\n                this.onSelect(selectedItems.add(data[rowIndex]), rowIndex);\n            }\n\n            this.anchorIndex = rowIndex;\n        };\n\n        selectRange = rowIndex => {\n            const { data, selectedItems } = this.getProcessedProps();\n\n            // Don't change selection if we're shift-clicking the same row\n            if (rowIndex === this.previousIndex) {\n                return;\n            }\n\n            // Converts set of items to set of indices to do some slicing magic\n            const selectedRows = new Set(\n                data.reduce((rows, item, i) => {\n                    if (selectedItems.has(item)) {\n                        rows.push(i);\n                    }\n                    return rows;\n                }, []),\n            );\n\n            const newSelectedRows = shiftSelect(selectedRows, this.previousIndex, rowIndex, this.anchorIndex);\n\n            // Converts set back to set of items\n            const newSelectedItems = newSelectedRows.map(i => data[i]);\n\n            this.onSelect(newSelectedItems, rowIndex);\n        };\n\n        selectOne = rowIndex => {\n            const { data, selectedItems } = this.getProcessedProps();\n\n            // Don't change selection if we're clicking on a row that we've already selected\n            // This allows us to use the native onDoubleClick handler because we're referencing the\n            // same DOM node on double-click.\n            if (selectedItems.has(data[rowIndex]) && selectedItems.size === 1) {\n                return;\n            }\n\n            this.onSelect(new Set([data[rowIndex]]), rowIndex);\n            this.anchorIndex = rowIndex;\n        };\n\n        clearFocus = () => {\n            this.setState({\n                focusedIndex: undefined,\n            });\n        };\n\n        handleRowClick = (event, index) => {\n            if (event.metaKey || event.ctrlKey) {\n                this.selectToggle(index);\n            } else if (event.shiftKey) {\n                this.selectRange(index);\n            } else {\n                this.selectOne(index);\n            }\n        };\n\n        handleRowFocus = (event, index) => {\n            const { selectedItems } = this.getProcessedProps();\n            this.onSelect(selectedItems, index);\n        };\n\n        handleTableBlur = () => {\n            const { focusedIndex } = this.state;\n            if (focusedIndex !== undefined) {\n                // table may get focus back right away in the same tick, in which case we shouldn't clear focus\n                this.blurTimerID = setTimeout(this.clearFocus);\n            }\n        };\n\n        handleTableFocus = () => {\n            clearTimeout(this.blurTimerID);\n        };\n\n        handleShiftKeyDown = (newFocusedIndex, boundary) => {\n            const { data, selectedItems } = this.getProcessedProps();\n            const { focusedIndex } = this.state;\n\n            // if we're at a boundary of the table and the row is selected, no-op\n            if (focusedIndex === boundary && selectedItems.has(data[focusedIndex])) {\n                return;\n            }\n\n            // if target is not selected, select it\n            if (!selectedItems.has(data[newFocusedIndex])) {\n                this.onSelect(selectedItems.add(data[newFocusedIndex]), newFocusedIndex);\n                return;\n            }\n\n            // if both source and target are selected, deselect source\n            if (selectedItems.has(data[newFocusedIndex]) && selectedItems.has(data[focusedIndex])) {\n                this.onSelect(selectedItems.delete(data[focusedIndex]), newFocusedIndex);\n                return;\n            }\n\n            // if target is selected and source is not, select source\n            this.onSelect(selectedItems.add(data[focusedIndex]), newFocusedIndex);\n        };\n\n        handleKeyboardSearch = event => {\n            const { searchStrings } = this.props;\n\n            if (!searchStrings) {\n                return;\n            }\n\n            if (\n                event.target.hasAttribute('contenteditable') ||\n                event.target.nodeName === 'INPUT' ||\n                event.target.nodeName === 'TEXTAREA'\n            ) {\n                return;\n            }\n\n            // character keys have a value for event.which\n            if (event.which === 0) {\n                return;\n            }\n\n            if (this.searchTimeout) {\n                clearTimeout(this.searchTimeout);\n            }\n\n            this.searchString += event.key;\n            this.searchTimeout = setTimeout(() => {\n                this.searchString = '';\n            }, SEARCH_TIMER_DURATION);\n\n            const index = searchStrings.findIndex(\n                string =>\n                    string\n                        .trim()\n                        .toLowerCase()\n                        .indexOf(this.searchString) === 0,\n            );\n\n            if (index !== -1) {\n                this.setState({ focusedIndex: index });\n            }\n        };\n\n        render() {\n            const { className, data } = this.props;\n            const { focusedIndex } = this.state;\n            const focusedItem = data[focusedIndex];\n\n            return (\n                <Hotkeys configs={this.getHotkeyConfigs()}>\n                    <BaseTable\n                        {...this.props}\n                        className={classNames(className, 'is-selectable')}\n                        focusedIndex={focusedIndex}\n                        focusedItem={focusedItem}\n                        onRowClick={this.handleRowClick}\n                        onRowFocus={this.handleRowFocus}\n                        onTableBlur={this.handleTableBlur}\n                        onTableFocus={this.handleTableFocus}\n                    />\n                </Hotkeys>\n            );\n        }\n    };\n}\n\nexport default makeSelectable;\n"],"file":"makeSelectable.js"}
+{"version":3,"sources":["../../../src/components/table/makeSelectable.js"],"names":["PropTypes","React","Component","Set","ImmutablePropTypes","classNames","FormattedMessage","Hotkeys","HotkeyRecord","messages","shiftSelect","SEARCH_TIMER_DURATION","makeSelectable","BaseTable","originalDisplayName","displayName","name","props","focusedIndex","undefined","selectedItems","newFocusedIndex","onSelect","previousIndex","state","setState","isSet","toJS","hotkeyType","key","description","shiftXDescription","handler","selectToggle","type","selectAllDescription","event","data","preventDefault","deselectAllDescription","downDescription","Math","min","length","upDescription","max","shiftDownDescription","handleShiftKeyDown","shiftUpDescription","gridColumnCount","handleShiftKeyDownForGrid","enableHotkeys","isGridView","hotkeys","viewSpecificHotKeyConfigs","getGridViewHotKeyConfigs","getListViewHotKeyConfigs","getSharedHotkeyConfigs","loadedData","rowIndex","getProcessedProps","has","delete","add","anchorIndex","selectedRows","reduce","rows","item","i","push","newSelectedRows","newSelectedItems","map","size","index","metaKey","ctrlKey","shiftKey","selectRange","selectOne","blurTimerID","setTimeout","clearFocus","clearTimeout","boundary","selectedItemIndecies","sourceIndex","targetIndex","dataSize","isSourceSelected","isTargetSelected","selectedItemIndices","isContiguousSelection","newSelectedItemIndices","searchStrings","target","hasAttribute","nodeName","which","searchTimeout","searchString","findIndex","string","trim","toLowerCase","indexOf","document","addEventListener","handleKeyboardSearch","prevProps","prevState","onFocus","removeEventListener","className","focusedItem","getHotkeyConfigs","handleRowClick","handleRowFocus","handleTableBlur","handleTableFocus","array","isRequired","number","bool","func","oneOfType","set"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Set } from 'immutable';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Hotkeys, HotkeyRecord } from '../hotkeys';\nimport messages from './messages';\nimport shiftSelect from './shiftSelect';\n\nconst SEARCH_TIMER_DURATION = 1000;\n\nfunction makeSelectable(BaseTable) {\n    const originalDisplayName = BaseTable.displayName || BaseTable.name || 'Table';\n\n    return class SelectableTable extends Component {\n        static displayName = `Selectable(${originalDisplayName})`;\n\n        static propTypes = {\n            className: PropTypes.string,\n            /** Array of unique IDs of the items in the table. Each item should be a string or number, in the order they appear in the table. */\n            data: PropTypes.array.isRequired,\n            gridColumnCount: PropTypes.number,\n            isGridView: PropTypes.bool,\n            /** Called when focus changes. `(focusedIndex: number) => void` */\n            onFocus: PropTypes.func,\n            /** Called when selection changes. `(selectedItems: Array<string> | Array<number> | Set<string> | Set<number>) => void` */\n            onSelect: PropTypes.func.isRequired,\n            /**\n             * Array of strings for keyboard search corresponding to the data prop. If not provided, keyboard search won't work.\n             * Example: data = ['f_123', 'f_456'], and corresponding searchStrings = ['file.png', 'another file.pdf']\n             */\n            searchStrings: PropTypes.array,\n            /**\n             * Array of IDs that are currently selected, in any order.\n             * If you pass a native JS array, then your onSelect function will be called with a native JS array;\n             * likewise, if you pass an ImmutableJS Set, then your onSelect function will be called\n             * with an ImmutableJS Set.\n             */\n            selectedItems: PropTypes.oneOfType([PropTypes.array, ImmutablePropTypes.set]),\n            /** Array of unique IDs of the items in the table that are loaded and accessible. If not provided, this will default to all data */\n            loadedData: PropTypes.array,\n            enableHotkeys: PropTypes.bool,\n            /** Translated type for hotkeys. If not provided, then the hotkeys will not appear in the help modal. */\n            hotkeyType: PropTypes.string,\n        };\n\n        static defaultProps = {\n            selectedItems: new Set(),\n        };\n\n        constructor(props) {\n            super(props);\n\n            this.anchorIndex = 0;\n\n            this.searchString = '';\n            this.searchTimeout = null;\n\n            // we have to store the previously focused index because a focus event\n            // will be fired before the click event; thus, in the click handler,\n            // the focusedItem will already be the new item\n            this.previousIndex = 0;\n\n            this.blurTimerID = null;\n        }\n\n        state = {\n            focusedIndex: undefined,\n        };\n\n        componentDidMount() {\n            document.addEventListener('keypress', this.handleKeyboardSearch);\n        }\n\n        componentDidUpdate(prevProps, prevState) {\n            if (prevState.focusedIndex !== this.state.focusedIndex && this.props.onFocus) {\n                this.props.onFocus(this.state.focusedIndex);\n            }\n        }\n\n        componentWillUnmount() {\n            document.removeEventListener('keypress', this.handleKeyboardSearch);\n            clearTimeout(this.blurTimerID);\n        }\n\n        onSelect = (selectedItems, newFocusedIndex) => {\n            const { onSelect } = this.props;\n\n            this.previousIndex = this.state.focusedIndex || 0;\n\n            this.setState({\n                focusedIndex: newFocusedIndex,\n            });\n\n            if (onSelect) {\n                // If selectedItems were given as an Immutable Set, they should also be returned as one,\n                // and vice versa if they were given as a native JS array\n                onSelect(Set.isSet(this.props.selectedItems) ? selectedItems : selectedItems.toJS());\n            }\n        };\n\n        getSharedHotkeyConfigs = () => {\n            const { hotkeyType } = this.props;\n            return [\n                new HotkeyRecord({\n                    key: 'shift+x',\n                    description: <FormattedMessage {...messages.shiftXDescription} />,\n                    handler: () => {\n                        const { focusedIndex } = this.state;\n\n                        if (focusedIndex === undefined) {\n                            return;\n                        }\n\n                        this.selectToggle(focusedIndex);\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: ['meta+a', 'ctrl+a'],\n                    description: <FormattedMessage {...messages.selectAllDescription} />,\n                    handler: event => {\n                        const { data } = this.props;\n\n                        event.preventDefault();\n\n                        this.onSelect(new Set(data), this.state.focusedIndex);\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'esc',\n                    description: <FormattedMessage {...messages.deselectAllDescription} />,\n                    handler: () => {\n                        this.onSelect(new Set(), this.state.focusedIndex);\n                    },\n                    type: hotkeyType,\n                }),\n            ];\n        };\n\n        getListViewHotKeyConfigs = () => {\n            const { hotkeyType } = this.props;\n            return [\n                new HotkeyRecord({\n                    key: 'down',\n                    description: <FormattedMessage {...messages.downDescription} />,\n                    handler: event => {\n                        const { data } = this.props;\n                        const { focusedIndex } = this.state;\n\n                        event.preventDefault();\n\n                        const newFocusedIndex =\n                            focusedIndex !== undefined ? Math.min(focusedIndex + 1, data.length - 1) : 0;\n                        this.setState({ focusedIndex: newFocusedIndex });\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'up',\n                    description: <FormattedMessage {...messages.upDescription} />,\n                    handler: event => {\n                        const { focusedIndex = 0 } = this.state;\n\n                        event.preventDefault();\n\n                        const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n                        this.setState({ focusedIndex: newFocusedIndex });\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'shift+down',\n                    description: <FormattedMessage {...messages.shiftDownDescription} />,\n                    handler: () => {\n                        const { data } = this.props;\n                        const { focusedIndex } = this.state;\n\n                        if (focusedIndex === undefined) {\n                            return;\n                        }\n\n                        const newFocusedIndex = Math.min(focusedIndex + 1, data.length - 1);\n                        this.handleShiftKeyDown(newFocusedIndex, data.length - 1);\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'shift+up',\n                    description: <FormattedMessage {...messages.shiftUpDescription} />,\n                    handler: () => {\n                        const { focusedIndex } = this.state;\n\n                        if (focusedIndex === undefined) {\n                            return;\n                        }\n\n                        const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n                        this.handleShiftKeyDown(newFocusedIndex, 0);\n                    },\n                    type: hotkeyType,\n                }),\n            ];\n        };\n\n        getGridViewHotKeyConfigs = () => {\n            const { hotkeyType } = this.props;\n            return [\n                new HotkeyRecord({\n                    key: 'right',\n                    description: <FormattedMessage {...messages.downDescription} />,\n                    handler: event => {\n                        const { data } = this.props;\n                        const { focusedIndex } = this.state;\n\n                        event.preventDefault();\n\n                        const newFocusedIndex =\n                            focusedIndex !== undefined ? Math.min(focusedIndex + 1, data.length - 1) : 0;\n                        this.setState({ focusedIndex: newFocusedIndex });\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'left',\n                    description: <FormattedMessage {...messages.upDescription} />,\n                    handler: event => {\n                        const { focusedIndex = 0 } = this.state;\n\n                        event.preventDefault();\n\n                        const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n                        this.setState({ focusedIndex: newFocusedIndex });\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'down',\n                    description: <FormattedMessage {...messages.downDescription} />,\n                    handler: event => {\n                        const { data, gridColumnCount } = this.props;\n                        const { focusedIndex } = this.state;\n\n                        event.preventDefault();\n\n                        const newFocusedIndex =\n                            focusedIndex !== undefined ? Math.min(focusedIndex + gridColumnCount, data.length - 1) : 0;\n                        this.setState({ focusedIndex: newFocusedIndex });\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'up',\n                    description: <FormattedMessage {...messages.upDescription} />,\n                    handler: event => {\n                        const { gridColumnCount } = this.props;\n                        const { focusedIndex = 0 } = this.state;\n\n                        event.preventDefault();\n\n                        const newFocusedIndex = Math.max(focusedIndex - gridColumnCount, 0);\n                        this.setState({ focusedIndex: newFocusedIndex });\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'shift+right',\n                    description: <FormattedMessage {...messages.shiftDownDescription} />,\n                    handler: () => {\n                        const { data } = this.props;\n                        const { focusedIndex } = this.state;\n\n                        if (focusedIndex === undefined) {\n                            return;\n                        }\n\n                        const newFocusedIndex = Math.min(focusedIndex + 1, data.length - 1);\n                        this.handleShiftKeyDownForGrid(newFocusedIndex, data.length - 1);\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'shift+left',\n                    description: <FormattedMessage {...messages.shiftUpDescription} />,\n                    handler: () => {\n                        const { focusedIndex } = this.state;\n\n                        if (focusedIndex === undefined) {\n                            return;\n                        }\n\n                        const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n                        this.handleShiftKeyDownForGrid(newFocusedIndex, 0);\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'shift+down',\n                    description: <FormattedMessage {...messages.shiftDownDescription} />,\n                    handler: () => {\n                        const { data, gridColumnCount } = this.props;\n                        const { focusedIndex } = this.state;\n\n                        if (focusedIndex === undefined) {\n                            return;\n                        }\n\n                        const newFocusedIndex = Math.min(focusedIndex + gridColumnCount, data.length - 1);\n                        this.handleShiftKeyDownForGrid(newFocusedIndex, data.length - 1);\n                    },\n                    type: hotkeyType,\n                }),\n                new HotkeyRecord({\n                    key: 'shift+up',\n                    description: <FormattedMessage {...messages.shiftUpDescription} />,\n                    handler: () => {\n                        const { gridColumnCount } = this.props;\n                        const { focusedIndex } = this.state;\n\n                        if (focusedIndex === undefined) {\n                            return;\n                        }\n\n                        const newFocusedIndex = Math.max(focusedIndex - gridColumnCount, 0);\n                        this.handleShiftKeyDownForGrid(newFocusedIndex, 0);\n                    },\n                    type: hotkeyType,\n                }),\n            ];\n        };\n\n        getHotkeyConfigs = () => {\n            const { enableHotkeys, isGridView, gridColumnCount } = this.props;\n\n            if (!enableHotkeys && !this.hotkeys) {\n                this.hotkeys = [];\n            }\n\n            if (!this.hotkeys) {\n                const viewSpecificHotKeyConfigs =\n                    isGridView && gridColumnCount !== undefined\n                        ? this.getGridViewHotKeyConfigs()\n                        : this.getListViewHotKeyConfigs();\n\n                this.hotkeys = [...this.getSharedHotkeyConfigs(), ...viewSpecificHotKeyConfigs];\n            }\n\n            return this.hotkeys;\n        };\n\n        getProcessedProps = () => {\n            const { data, loadedData, selectedItems } = this.props;\n            return {\n                ...this.props,\n                loadedData: loadedData ? Set(loadedData) : Set(data),\n                selectedItems: Set.isSet(selectedItems) ? selectedItems : new Set(selectedItems),\n            };\n        };\n\n        hotkeys = null;\n\n        selectToggle = rowIndex => {\n            const { data, selectedItems } = this.getProcessedProps();\n\n            if (selectedItems.has(data[rowIndex])) {\n                this.onSelect(selectedItems.delete(data[rowIndex]), rowIndex);\n            } else {\n                this.onSelect(selectedItems.add(data[rowIndex]), rowIndex);\n            }\n\n            this.anchorIndex = rowIndex;\n        };\n\n        selectRange = rowIndex => {\n            const { data, selectedItems } = this.getProcessedProps();\n\n            // Don't change selection if we're shift-clicking the same row\n            if (rowIndex === this.previousIndex) {\n                return;\n            }\n\n            // Converts set of items to set of indices to do some slicing magic\n            const selectedRows = new Set(\n                data.reduce((rows, item, i) => {\n                    if (selectedItems.has(item)) {\n                        rows.push(i);\n                    }\n                    return rows;\n                }, []),\n            );\n\n            const newSelectedRows = shiftSelect(selectedRows, this.previousIndex, rowIndex, this.anchorIndex);\n\n            // Converts set back to set of items\n            const newSelectedItems = newSelectedRows.map(i => data[i]);\n\n            this.onSelect(newSelectedItems, rowIndex);\n        };\n\n        selectOne = rowIndex => {\n            const { data, selectedItems } = this.getProcessedProps();\n\n            // Don't change selection if we're clicking on a row that we've already selected\n            // This allows us to use the native onDoubleClick handler because we're referencing the\n            // same DOM node on double-click.\n            if (selectedItems.has(data[rowIndex]) && selectedItems.size === 1) {\n                return;\n            }\n\n            this.onSelect(new Set([data[rowIndex]]), rowIndex);\n            this.anchorIndex = rowIndex;\n        };\n\n        clearFocus = () => {\n            this.setState({\n                focusedIndex: undefined,\n            });\n        };\n\n        handleRowClick = (event, index) => {\n            if (event.metaKey || event.ctrlKey) {\n                this.selectToggle(index);\n            } else if (event.shiftKey) {\n                this.selectRange(index);\n            } else {\n                this.selectOne(index);\n            }\n        };\n\n        handleRowFocus = (event, index) => {\n            const { selectedItems } = this.getProcessedProps();\n            this.onSelect(selectedItems, index);\n        };\n\n        handleTableBlur = () => {\n            const { focusedIndex } = this.state;\n            if (focusedIndex !== undefined) {\n                // table may get focus back right away in the same tick, in which case we shouldn't clear focus\n                this.blurTimerID = setTimeout(this.clearFocus);\n            }\n        };\n\n        handleTableFocus = () => {\n            clearTimeout(this.blurTimerID);\n        };\n\n        handleShiftKeyDown = (newFocusedIndex, boundary) => {\n            const { data, selectedItems } = this.getProcessedProps();\n            const { focusedIndex } = this.state;\n\n            // if we're at a boundary of the table and the row is selected, no-op\n            if (focusedIndex === boundary && selectedItems.has(data[focusedIndex])) {\n                return;\n            }\n\n            // if target is not selected, select it\n            if (!selectedItems.has(data[newFocusedIndex])) {\n                this.onSelect(selectedItems.add(data[newFocusedIndex]), newFocusedIndex);\n                return;\n            }\n\n            // if both source and target are selected, deselect source\n            if (selectedItems.has(data[newFocusedIndex]) && selectedItems.has(data[focusedIndex])) {\n                this.onSelect(selectedItems.delete(data[focusedIndex]), newFocusedIndex);\n                return;\n            }\n\n            // if target is selected and source is not, select source\n            this.onSelect(selectedItems.add(data[focusedIndex]), newFocusedIndex);\n        };\n\n        isContiguousSelection = (selectedItemIndecies, sourceIndex, targetIndex) => {\n            if (sourceIndex < targetIndex && selectedItemIndecies.has(sourceIndex - 1)) {\n                return true;\n            }\n            if (targetIndex < sourceIndex && selectedItemIndecies.has(sourceIndex + 1)) {\n                return true;\n            }\n            return false;\n        };\n\n        handleShiftKeyDownForGrid = newFocusedIndex => {\n            const { data, loadedData, selectedItems } = this.getProcessedProps();\n            const { focusedIndex } = this.state;\n\n            const dataSize = data.length;\n            const targetIndex = newFocusedIndex < 0 ? 0 : Math.min(newFocusedIndex, dataSize - 1);\n            const isSourceSelected = selectedItems.has(data[focusedIndex]);\n            const isTargetSelected = selectedItems.has(data[targetIndex]);\n\n            // if data is not loaded, we don't want it to be able to be selected\n            if (!loadedData.has(data[targetIndex])) {\n                return;\n            }\n\n            const selectedItemIndices = new Set(\n                data.reduce((rows, item, i) => {\n                    if (selectedItems.has(item)) {\n                        rows.push(i);\n                    }\n                    return rows;\n                }, []),\n            );\n\n            // reset the anchor on a new selection block\n            if (\n                !isSourceSelected &&\n                !isTargetSelected &&\n                // if we are starting a new mass selection adjacent selected block, we want to connect them\n                !this.isContiguousSelection(selectedItemIndices, focusedIndex, targetIndex)\n            ) {\n                this.anchorIndex = focusedIndex;\n            }\n\n            const newSelectedItemIndices = shiftSelect(\n                selectedItemIndices,\n                focusedIndex,\n                targetIndex,\n                this.anchorIndex,\n            );\n\n            const newSelectedItems = newSelectedItemIndices.map(i => data[i]);\n\n            this.onSelect(newSelectedItems, targetIndex);\n        };\n\n        handleKeyboardSearch = event => {\n            const { searchStrings } = this.props;\n\n            if (!searchStrings) {\n                return;\n            }\n\n            if (\n                event.target.hasAttribute('contenteditable') ||\n                event.target.nodeName === 'INPUT' ||\n                event.target.nodeName === 'TEXTAREA'\n            ) {\n                return;\n            }\n\n            // character keys have a value for event.which\n            if (event.which === 0) {\n                return;\n            }\n\n            if (this.searchTimeout) {\n                clearTimeout(this.searchTimeout);\n            }\n\n            this.searchString += event.key;\n            this.searchTimeout = setTimeout(() => {\n                this.searchString = '';\n            }, SEARCH_TIMER_DURATION);\n\n            const index = searchStrings.findIndex(\n                string =>\n                    string\n                        .trim()\n                        .toLowerCase()\n                        .indexOf(this.searchString) === 0,\n            );\n\n            if (index !== -1) {\n                this.setState({ focusedIndex: index });\n            }\n        };\n\n        render() {\n            const { className, data } = this.props;\n            const { focusedIndex } = this.state;\n            const focusedItem = data[focusedIndex];\n\n            return (\n                <Hotkeys configs={this.getHotkeyConfigs()}>\n                    <BaseTable\n                        {...this.props}\n                        className={classNames(className, 'is-selectable')}\n                        focusedIndex={focusedIndex}\n                        focusedItem={focusedItem}\n                        onRowClick={this.handleRowClick}\n                        onRowFocus={this.handleRowFocus}\n                        onTableBlur={this.handleTableBlur}\n                        onTableFocus={this.handleTableFocus}\n                    />\n                </Hotkeys>\n            );\n        }\n    };\n}\n\nexport default makeSelectable;\n"],"file":"makeSelectable.js"}

package/es/components/tooltip/Tooltip.js

@@ -232,6 +232,7 @@ function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          ariaHidden = _this$props.ariaHidden,
           bodyElement = _this$props.bodyElement,
           children = _this$props.children,
           className = _this$props.className,
@@ -340,11 +341,11 @@ function (_React$Component) {
       }, React.createElement("div", {
         role: theme === TooltipTheme.ERROR ? undefined : 'tooltip',
         "aria-live": "polite",
-        "aria-hidden": isLabelMatchingTooltipText,
+        "aria-hidden": ariaHidden || isLabelMatchingTooltipText,
         "data-testid": "bdl-Tooltip"
       }, tooltipInner)) : React.createElement("div", {
         "aria-live": "polite",
-        "aria-hidden": isLabelMatchingTooltipText,
+        "aria-hidden": ariaHidden || isLabelMatchingTooltipText,
         className: classes,
         "data-testid": "bdl-Tooltip",
         id: this.tooltipID,