src/__snapshots__/command-palette.test.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Command List renders a command 1`] = `
<CommandPalette
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="modal"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
open={true}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<div
className="react-command-palette"
>
<PaletteTrigger
onClick={[Function]}
theme="atom-trigger"
>
<DefaultTriggerComponent
onClick={[Function]}
theme="atom-trigger"
>
<button
className="atom-trigger"
onClick={[Function]}
type="button"
>
Command Palette
<kbd
className="ui mini horizontal grey label"
>
<span
style={
Object {
"clip": "rect(1px, 1px, 1px, 1px)",
"display": "inline-block",
"height": "1px",
"overflow": "hidden",
"position": "absolute !important",
"width": "1px",
}
}
>
Keyboard Shortcut
</span>
⇧⌘P
</kbd>
</button>
</DefaultTriggerComponent>
</PaletteTrigger>
<Modal
appElement={
<body
aria-hidden="true"
class="ReactModal__Body--open"
>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
<b>
Waiting
</b>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start All Data Imports
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
<div
style="font-family: arial; font-size: 12px; color: rgb(172, 172, 172); margin-bottom: 6px; display: inline-block;"
>
<span
style="padding-right: 32px;"
>
Search for a command
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
↑↓
</kbd>
to navigate
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
enter
</kbd>
to select
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="my query"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="default"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="?"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay chrome-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content chrome-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner chrome-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="What do you want to do?"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-2"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionHighlighted"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
id="main"
>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="f"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Go o
<b>
f
</b>
fline
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="foo"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start
</b>
All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
<b>
St
</b>
op
<b>
A
</b>
ll Data Impo
<b>
rt
</b>
s
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-1"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Stop All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start
</b>
All Data Imports
</span>
</div>
</li>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionHighlighted"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
<b>
St
</b>
op
<b>
A
</b>
ll Data Impo
<b>
rt
</b>
s
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start
</b>
All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
<b>
St
</b>
op
<b>
A
</b>
ll Data Impo
<b>
rt
</b>
s
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="F"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Go o
<b>
f
</b>
fline
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Stop All Data
<b>
Im
</b>
ports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Start All Data
<b>
Im
</b>
ports
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Logs"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
View
<b>
Logs
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
</body>
}
ariaHideApp={true}
bodyOpenClassName="ReactModal__Body--open"
className="atom-modal"
closeTimeoutMS={1}
contentElement={[Function]}
contentLabel="Command Palette"
isOpen={true}
onAfterOpen={[Function]}
onRequestClose={[Function]}
overlayClassName="atom-overlay"
overlayElement={[Function]}
parentSelector={[Function]}
portalClassName="ReactModalPortal"
preventScroll={false}
role="dialog"
shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={true}
shouldFocusAfterRender={true}
shouldReturnFocusAfterClose={true}
>
<Portal
containerInfo={
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Logs"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
View
<b>
Logs
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
}
>
<ModalPortal
appElement={
<body
aria-hidden="true"
class="ReactModal__Body--open"
>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
<b>
Waiting
</b>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start All Data Imports
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
<div
style="font-family: arial; font-size: 12px; color: rgb(172, 172, 172); margin-bottom: 6px; display: inline-block;"
>
<span
style="padding-right: 32px;"
>
Search for a command
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
↑↓
</kbd>
to navigate
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
enter
</kbd>
to select
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="my query"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="default"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="?"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay chrome-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content chrome-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner chrome-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="What do you want to do?"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-2"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionHighlighted"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
id="main"
>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="f"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Go o
<b>
f
</b>
fline
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="foo"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start
</b>
All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
<b>
St
</b>
op
<b>
A
</b>
ll Data Impo
<b>
rt
</b>
s
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-1"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Stop All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start
</b>
All Data Imports
</span>
</div>
</li>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionHighlighted"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
<b>
St
</b>
op
<b>
A
</b>
ll Data Impo
<b>
rt
</b>
s
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start
</b>
All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
<b>
St
</b>
op
<b>
A
</b>
ll Data Impo
<b>
rt
</b>
s
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="F"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Go o
<b>
f
</b>
fline
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Stop All Data
<b>
Im
</b>
ports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Start All Data
<b>
Im
</b>
ports
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Logs"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
View
<b>
Logs
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
</body>
}
ariaHideApp={true}
bodyOpenClassName="ReactModal__Body--open"
className="atom-modal"
closeTimeoutMS={1}
contentElement={[Function]}
contentLabel="Command Palette"
defaultStyles={
Object {
"content": Object {
"WebkitOverflowScrolling": "touch",
"background": "#fff",
"border": "1px solid #ccc",
"borderRadius": "4px",
"bottom": "40px",
"left": "40px",
"outline": "none",
"overflow": "auto",
"padding": "20px",
"position": "absolute",
"right": "40px",
"top": "40px",
},
"overlay": Object {
"backgroundColor": "rgba(255, 255, 255, 0.75)",
"bottom": 0,
"left": 0,
"position": "fixed",
"right": 0,
"top": 0,
},
}
}
isOpen={true}
onAfterOpen={[Function]}
onRequestClose={[Function]}
overlayClassName="atom-overlay"
overlayElement={[Function]}
parentSelector={[Function]}
portalClassName="ReactModalPortal"
preventScroll={false}
role="dialog"
shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={true}
shouldFocusAfterRender={true}
shouldReturnFocusAfterClose={true}
style={
Object {
"content": Object {},
"overlay": Object {},
}
}
>
<div
className="ReactModal__Overlay atom-overlay"
onClick={[Function]}
onMouseDown={[Function]}
style={Object {}}
>
<div
aria-label="Command Palette"
aria-modal={true}
className="ReactModal__Content atom-modal"
onClick={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
role="dialog"
style={Object {}}
tabIndex="-1"
>
<div>
<Header
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<div
className="atom-header"
/>
</Header>
<Autosuggest
alwaysRenderSuggestions={true}
containerProps={Object {}}
focusInputOnSuggestionClick={true}
getSuggestionValue={[Function]}
highlightFirstSuggestion={true}
id="1"
inputProps={
Object {
"onChange": [Function],
"onKeyDown": undefined,
"placeholder": "Type a command",
"value": "Logs",
}
}
multiSection={false}
onSuggestionHighlighted={[Function]}
onSuggestionSelected={[Function]}
onSuggestionsClearRequested={[Function]}
onSuggestionsFetchRequested={[Function]}
renderSuggestion={[Function]}
renderSuggestionsContainer={[Function]}
shouldKeepSuggestionsOnSelect={[Function]}
shouldRenderSuggestions={[Function]}
suggestions={
Array [
Object {
"category": "Navigate",
"command": [Function],
"highlight": "View <b>Logs</b> ",
"id": 7,
"name": "View Logs ",
},
]
}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<Autowhatever
containerProps={Object {}}
getSectionItems={[Function]}
highlightedItemIndex={0}
highlightedSectionIndex={null}
id="1"
inputProps={
Object {
"onBlur": [Function],
"onChange": [Function],
"onFocus": [Function],
"onKeyDown": [Function],
"placeholder": "Type a command",
"value": "Logs",
}
}
itemProps={[Function]}
items={
Array [
Object {
"category": "Navigate",
"command": [Function],
"highlight": "View <b>Logs</b> ",
"id": 7,
"name": "View Logs ",
},
]
}
multiSection={false}
renderInputComponent={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "Logs",
}
}
renderItemsContainer={[Function]}
renderSectionTitle={[Function]}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"item": "atom-suggestion",
"itemFirst": "atom-suggestionFirst",
"itemHighlighted": "atom-suggestionHighlighted",
"itemsContainer": "atom-suggestionsContainer",
"itemsContainerOpen": "atom-suggestionsContainerOpen",
"itemsList": "atom-suggestionsList",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"trigger": "atom-trigger",
}
}
>
<div
aria-expanded={true}
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
className="atom-container atom-containerOpen"
key="react-autowhatever-1-container"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autoComplete="off"
className="atom-input atom-inputOpen"
key="react-autowhatever-1-input"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Type a command"
type="text"
value="Logs"
/>
<div
className="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
key="react-autowhatever-1-items-container"
role="listbox"
>
<ItemsList
getItemId={[Function]}
highlightedItemIndex={0}
itemProps={[Function]}
items={
Array [
Object {
"category": "Navigate",
"command": [Function],
"highlight": "View <b>Logs</b> ",
"id": 7,
"name": "View Logs ",
},
]
}
keyPrefix="react-autowhatever-1-"
onHighlightedItemChange={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "Logs",
}
}
sectionIndex={null}
theme={[Function]}
>
<ul
className="atom-suggestionsList"
key="react-autowhatever-1-items-list"
role="listbox"
>
<Item
aria-selected={true}
className="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-section-index={null}
data-suggestion-index={0}
id="react-autowhatever-1--item-0"
isHighlighted={true}
item={
Object {
"category": "Navigate",
"command": [Function],
"highlight": "View <b>Logs</b> ",
"id": 7,
"name": "View Logs ",
}
}
itemIndex={0}
key="react-autowhatever-1-item-0"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "Logs",
}
}
sectionIndex={null}
>
<li
aria-selected={true}
className="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-section-index={null}
data-suggestion-index={0}
id="react-autowhatever-1--item-0"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
role="option"
>
<RenderCommand
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="modal"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
open={true}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
suggestion={
Object {
"category": "Navigate",
"command": [Function],
"highlight": "View <b>Logs</b> ",
"id": 7,
"name": "View Logs ",
}
}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<DefaultCommand
suggestion={
Object {
"category": "Navigate",
"command": [Function],
"highlight": "View <b>Logs</b> ",
"id": 7,
"name": "View Logs ",
}
}
>
<div
className="item"
>
<span
dangerouslySetInnerHTML={
Object {
"__html": "View <b>Logs</b> ",
}
}
/>
</div>
</DefaultCommand>
</RenderCommand>
</li>
</Item>
</ul>
</ItemsList>
</div>
</div>
</Autowhatever>
</Autosuggest>
</div>
</div>
</div>
</ModalPortal>
</Portal>
</Modal>
</div>
</CommandPalette>
`;
exports[`Loading indicator should display a custom react component when props.spinner is set 1`] = `
<b>
Waiting
</b>
`;
exports[`Loading indicator should display a custom string when props.spinner is set 1`] = `
<div
className="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
`;
exports[`Loading indicator should display the spinner by default 1`] = `
<div
className="default-spinner atom-spinner modal"
role="status"
>
<span
className="sr-only"
>
Loading...
</span>
</div>
`;
exports[`Opening the palette displays the suggestion list 1`] = `
<CommandPalette
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="modal"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<div
className="react-command-palette"
>
<PaletteTrigger
onClick={[Function]}
theme="atom-trigger"
>
<DefaultTriggerComponent
onClick={[Function]}
theme="atom-trigger"
>
<button
className="atom-trigger"
onClick={[Function]}
type="button"
>
Command Palette
<kbd
className="ui mini horizontal grey label"
>
<span
style={
Object {
"clip": "rect(1px, 1px, 1px, 1px)",
"display": "inline-block",
"height": "1px",
"overflow": "hidden",
"position": "absolute !important",
"width": "1px",
}
}
>
Keyboard Shortcut
</span>
⇧⌘P
</kbd>
</button>
</DefaultTriggerComponent>
</PaletteTrigger>
<Modal
appElement={
<body
aria-hidden="true"
class="ReactModal__Body--open"
>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
<b>
Waiting
</b>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start All Data Imports
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
<div
style="font-family: arial; font-size: 12px; color: rgb(172, 172, 172); margin-bottom: 6px; display: inline-block;"
>
<span
style="padding-right: 32px;"
>
Search for a command
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
↑↓
</kbd>
to navigate
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
enter
</kbd>
to select
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="my query"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="default"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="?"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay chrome-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content chrome-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner chrome-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="What do you want to do?"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-2"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionHighlighted"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
id="main"
>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
</body>
}
ariaHideApp={true}
bodyOpenClassName="ReactModal__Body--open"
className="atom-modal"
closeTimeoutMS={1}
contentElement={[Function]}
contentLabel="Command Palette"
isOpen={true}
onAfterOpen={[Function]}
onRequestClose={[Function]}
overlayClassName="atom-overlay"
overlayElement={[Function]}
parentSelector={[Function]}
portalClassName="ReactModalPortal"
preventScroll={false}
role="dialog"
shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={true}
shouldFocusAfterRender={true}
shouldReturnFocusAfterClose={true}
>
<Portal
containerInfo={
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
}
>
<ModalPortal
appElement={
<body
aria-hidden="true"
class="ReactModal__Body--open"
>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
<b>
Waiting
</b>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start All Data Imports
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
<div
style="font-family: arial; font-size: 12px; color: rgb(172, 172, 172); margin-bottom: 6px; display: inline-block;"
>
<span
style="padding-right: 32px;"
>
Search for a command
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
↑↓
</kbd>
to navigate
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
enter
</kbd>
to select
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="my query"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="default"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="?"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay chrome-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content chrome-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner chrome-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="What do you want to do?"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-2"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionHighlighted"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
id="main"
>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
</body>
}
ariaHideApp={true}
bodyOpenClassName="ReactModal__Body--open"
className="atom-modal"
closeTimeoutMS={1}
contentElement={[Function]}
contentLabel="Command Palette"
defaultStyles={
Object {
"content": Object {
"WebkitOverflowScrolling": "touch",
"background": "#fff",
"border": "1px solid #ccc",
"borderRadius": "4px",
"bottom": "40px",
"left": "40px",
"outline": "none",
"overflow": "auto",
"padding": "20px",
"position": "absolute",
"right": "40px",
"top": "40px",
},
"overlay": Object {
"backgroundColor": "rgba(255, 255, 255, 0.75)",
"bottom": 0,
"left": 0,
"position": "fixed",
"right": 0,
"top": 0,
},
}
}
isOpen={true}
onAfterOpen={[Function]}
onRequestClose={[Function]}
overlayClassName="atom-overlay"
overlayElement={[Function]}
parentSelector={[Function]}
portalClassName="ReactModalPortal"
preventScroll={false}
role="dialog"
shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={true}
shouldFocusAfterRender={true}
shouldReturnFocusAfterClose={true}
style={
Object {
"content": Object {},
"overlay": Object {},
}
}
>
<div
className="ReactModal__Overlay atom-overlay"
onClick={[Function]}
onMouseDown={[Function]}
style={Object {}}
>
<div
aria-label="Command Palette"
aria-modal={true}
className="ReactModal__Content atom-modal"
onClick={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
role="dialog"
style={Object {}}
tabIndex="-1"
>
<div>
<Header
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<div
className="atom-header"
/>
</Header>
<Autosuggest
alwaysRenderSuggestions={true}
containerProps={Object {}}
focusInputOnSuggestionClick={true}
getSuggestionValue={[Function]}
highlightFirstSuggestion={true}
id="1"
inputProps={
Object {
"onChange": [Function],
"onKeyDown": undefined,
"placeholder": "Type a command",
"value": "",
}
}
multiSection={false}
onSuggestionHighlighted={[Function]}
onSuggestionSelected={[Function]}
onSuggestionsClearRequested={[Function]}
onSuggestionsFetchRequested={[Function]}
renderSuggestion={[Function]}
renderSuggestionsContainer={[Function]}
shouldKeepSuggestionsOnSelect={[Function]}
shouldRenderSuggestions={[Function]}
suggestions={Array []}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<Autowhatever
containerProps={Object {}}
getSectionItems={[Function]}
highlightedItemIndex={null}
highlightedSectionIndex={null}
id="1"
inputProps={
Object {
"onBlur": [Function],
"onChange": [Function],
"onFocus": [Function],
"onKeyDown": [Function],
"placeholder": "Type a command",
"value": "",
}
}
itemProps={[Function]}
items={Array []}
multiSection={false}
renderInputComponent={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
renderItemsContainer={[Function]}
renderSectionTitle={[Function]}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"item": "atom-suggestion",
"itemFirst": "atom-suggestionFirst",
"itemHighlighted": "atom-suggestionHighlighted",
"itemsContainer": "atom-suggestionsContainer",
"itemsContainerOpen": "atom-suggestionsContainerOpen",
"itemsList": "atom-suggestionsList",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"trigger": "atom-trigger",
}
}
>
<div
aria-expanded={false}
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
className="atom-container"
key="react-autowhatever-1-container"
role="combobox"
>
<input
aria-activedescendant={null}
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autoComplete="off"
className="atom-input"
key="react-autowhatever-1-input"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Type a command"
type="text"
value=""
/>
<div
className="atom-suggestionsContainer"
id="react-autowhatever-1"
key="react-autowhatever-1-items-container"
role="listbox"
/>
</div>
</Autowhatever>
</Autosuggest>
</div>
</div>
</div>
</ModalPortal>
</Portal>
</Modal>
</div>
</CommandPalette>
`;
exports[`props.display should not display the command palette in react-modal when false 1`] = `
<CommandPalette
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="inline"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<div
className="react-command-palette"
>
<div>
<Header
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<div
className="atom-header"
/>
</Header>
<Autosuggest
alwaysRenderSuggestions={true}
containerProps={Object {}}
focusInputOnSuggestionClick={true}
getSuggestionValue={[Function]}
highlightFirstSuggestion={true}
id="1"
inputProps={
Object {
"onChange": [Function],
"onKeyDown": undefined,
"placeholder": "Type a command",
"value": "",
}
}
multiSection={false}
onSuggestionHighlighted={[Function]}
onSuggestionSelected={[Function]}
onSuggestionsClearRequested={[Function]}
onSuggestionsFetchRequested={[Function]}
renderSuggestion={[Function]}
renderSuggestionsContainer={[Function]}
shouldKeepSuggestionsOnSelect={[Function]}
shouldRenderSuggestions={[Function]}
suggestions={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
]
}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<Autowhatever
containerProps={Object {}}
getSectionItems={[Function]}
highlightedItemIndex={0}
highlightedSectionIndex={null}
id="1"
inputProps={
Object {
"onBlur": [Function],
"onChange": [Function],
"onFocus": [Function],
"onKeyDown": [Function],
"placeholder": "Type a command",
"value": "",
}
}
itemProps={[Function]}
items={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
]
}
multiSection={false}
renderInputComponent={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
renderItemsContainer={[Function]}
renderSectionTitle={[Function]}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"item": "atom-suggestion",
"itemFirst": "atom-suggestionFirst",
"itemHighlighted": "atom-suggestionHighlighted",
"itemsContainer": "atom-suggestionsContainer",
"itemsContainerOpen": "atom-suggestionsContainerOpen",
"itemsList": "atom-suggestionsList",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"trigger": "atom-trigger",
}
}
>
<div
aria-expanded={true}
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
className="atom-container atom-containerOpen"
key="react-autowhatever-1-container"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autoComplete="off"
className="atom-input atom-inputOpen"
key="react-autowhatever-1-input"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Type a command"
type="text"
value=""
/>
<div
className="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
key="react-autowhatever-1-items-container"
role="listbox"
>
<ItemsList
getItemId={[Function]}
highlightedItemIndex={0}
itemProps={[Function]}
items={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
]
}
keyPrefix="react-autowhatever-1-"
onHighlightedItemChange={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
sectionIndex={null}
theme={[Function]}
>
<ul
className="atom-suggestionsList"
key="react-autowhatever-1-items-list"
role="listbox"
>
<Item
aria-selected={true}
className="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-section-index={null}
data-suggestion-index={0}
id="react-autowhatever-1--item-0"
isHighlighted={true}
item={
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
}
}
itemIndex={0}
key="react-autowhatever-1-item-0"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
sectionIndex={null}
>
<li
aria-selected={true}
className="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-section-index={null}
data-suggestion-index={0}
id="react-autowhatever-1--item-0"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
role="option"
>
<RenderCommand
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="inline"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
suggestion={
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
}
}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<DefaultCommand
suggestion={
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
}
}
>
<div
className="item"
>
<span>
Start All Data Imports
</span>
</div>
</DefaultCommand>
</RenderCommand>
</li>
</Item>
<Item
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={1}
id="react-autowhatever-1--item-1"
isHighlighted={false}
item={
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
}
}
itemIndex={1}
key="react-autowhatever-1-item-1"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
sectionIndex={null}
>
<li
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={1}
id="react-autowhatever-1--item-1"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
role="option"
>
<RenderCommand
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="inline"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
suggestion={
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
}
}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<DefaultCommand
suggestion={
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
}
}
>
<div
className="item"
>
<span>
Stop All Data Imports
</span>
</div>
</DefaultCommand>
</RenderCommand>
</li>
</Item>
<Item
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={2}
id="react-autowhatever-1--item-2"
isHighlighted={false}
item={
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
}
}
itemIndex={2}
key="react-autowhatever-1-item-2"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
sectionIndex={null}
>
<li
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={2}
id="react-autowhatever-1--item-2"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
role="option"
>
<RenderCommand
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="inline"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
suggestion={
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
}
}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<DefaultCommand
suggestion={
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
}
}
>
<div
className="item"
>
<span>
Delete All Tenant
</span>
</div>
</DefaultCommand>
</RenderCommand>
</li>
</Item>
<Item
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={3}
id="react-autowhatever-1--item-3"
isHighlighted={false}
item={
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
}
}
itemIndex={3}
key="react-autowhatever-1-item-3"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
sectionIndex={null}
>
<li
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={3}
id="react-autowhatever-1--item-3"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
role="option"
>
<RenderCommand
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="inline"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
suggestion={
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
}
}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<DefaultCommand
suggestion={
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
}
}
>
<div
className="item"
>
<span>
Go offline
</span>
</div>
</DefaultCommand>
</RenderCommand>
</li>
</Item>
<Item
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={4}
id="react-autowhatever-1--item-4"
isHighlighted={false}
item={
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
}
}
itemIndex={4}
key="react-autowhatever-1-item-4"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
sectionIndex={null}
>
<li
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={4}
id="react-autowhatever-1--item-4"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
role="option"
>
<RenderCommand
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="inline"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
suggestion={
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
}
}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<DefaultCommand
suggestion={
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
}
}
>
<div
className="item"
>
<span>
Go online
</span>
</div>
</DefaultCommand>
</RenderCommand>
</li>
</Item>
<Item
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={5}
id="react-autowhatever-1--item-5"
isHighlighted={false}
item={
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
}
}
itemIndex={5}
key="react-autowhatever-1-item-5"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
sectionIndex={null}
>
<li
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={5}
id="react-autowhatever-1--item-5"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
role="option"
>
<RenderCommand
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="inline"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
suggestion={
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
}
}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<DefaultCommand
suggestion={
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
}
}
>
<div
className="item"
>
<span>
Jump to Tenant
</span>
</div>
</DefaultCommand>
</RenderCommand>
</li>
</Item>
<Item
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={6}
id="react-autowhatever-1--item-6"
isHighlighted={false}
item={
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
}
}
itemIndex={6}
key="react-autowhatever-1-item-6"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
sectionIndex={null}
>
<li
aria-selected={false}
className="atom-suggestion"
data-section-index={null}
data-suggestion-index={6}
id="react-autowhatever-1--item-6"
onClick={[Function]}
onMouseDown={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
role="option"
>
<RenderCommand
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="inline"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
suggestion={
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
}
}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<DefaultCommand
suggestion={
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
}
}
>
<div
className="item"
>
<span>
View Logs
</span>
</div>
</DefaultCommand>
</RenderCommand>
</li>
</Item>
</ul>
</ItemsList>
</div>
</div>
</Autowhatever>
</Autosuggest>
</div>
</div>
</CommandPalette>
`;
exports[`props.header should render the header 1`] = `
<div
className="atom-header"
>
<div
style={
Object {
"color": "rgb(172, 172, 172)",
"display": "inline-block",
"fontFamily": "arial",
"fontSize": "12px",
"marginBottom": "6px",
}
}
>
<span
style={
Object {
"paddingRight": "32px",
}
}
>
Search for a command
</span>
<span
style={
Object {
"paddingRight": "32px",
}
}
>
<kbd
style={
Object {
"backgroundColor": "rgb(23, 23, 23)",
"borderRadius": "4px",
"color": "#b9b9b9",
"fontSize": "12px",
"marginRight": "6px",
"padding": "2px 4px",
}
}
>
↑↓
</kbd>
to navigate
</span>
<span
style={
Object {
"paddingRight": "32px",
}
}
>
<kbd
style={
Object {
"backgroundColor": "rgb(23, 23, 23)",
"borderRadius": "4px",
"color": "#b9b9b9",
"fontSize": "12px",
"marginRight": "6px",
"padding": "2px 4px",
}
}
>
enter
</kbd>
to select
</span>
<span
style={
Object {
"paddingRight": "32px",
}
}
>
<kbd
style={
Object {
"backgroundColor": "rgb(23, 23, 23)",
"borderRadius": "4px",
"color": "#b9b9b9",
"fontSize": "12px",
"marginRight": "6px",
"padding": "2px 4px",
}
}
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
`;
exports[`props.reactModalParentSelector should render render reat-modal in the target element. 1`] = `
<CommandPalette
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="modal"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
open={true}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="#main"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<div
className="react-command-palette"
>
<PaletteTrigger
onClick={[Function]}
theme="atom-trigger"
>
<DefaultTriggerComponent
onClick={[Function]}
theme="atom-trigger"
>
<button
className="atom-trigger"
onClick={[Function]}
type="button"
>
Command Palette
<kbd
className="ui mini horizontal grey label"
>
<span
style={
Object {
"clip": "rect(1px, 1px, 1px, 1px)",
"display": "inline-block",
"height": "1px",
"overflow": "hidden",
"position": "absolute !important",
"width": "1px",
}
}
>
Keyboard Shortcut
</span>
⇧⌘P
</kbd>
</button>
</DefaultTriggerComponent>
</PaletteTrigger>
<Modal
appElement={
<body
aria-hidden="true"
class="ReactModal__Body--open"
>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
<b>
Waiting
</b>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start All Data Imports
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
<div
style="font-family: arial; font-size: 12px; color: rgb(172, 172, 172); margin-bottom: 6px; display: inline-block;"
>
<span
style="padding-right: 32px;"
>
Search for a command
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
↑↓
</kbd>
to navigate
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
enter
</kbd>
to select
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="my query"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="default"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="?"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay chrome-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content chrome-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner chrome-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="What do you want to do?"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-2"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionHighlighted"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
id="main"
>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
</body>
}
ariaHideApp={true}
bodyOpenClassName="ReactModal__Body--open"
className="atom-modal"
closeTimeoutMS={1}
contentElement={[Function]}
contentLabel="Command Palette"
isOpen={true}
onAfterOpen={[Function]}
onRequestClose={[Function]}
overlayClassName="atom-overlay"
overlayElement={[Function]}
parentSelector={[Function]}
portalClassName="ReactModalPortal"
preventScroll={false}
role="dialog"
shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={true}
shouldFocusAfterRender={true}
shouldReturnFocusAfterClose={true}
>
<Portal
containerInfo={
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
}
>
<ModalPortal
appElement={
<body
aria-hidden="true"
class="ReactModal__Body--open"
>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
<b>
Waiting
</b>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start All Data Imports
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
<div
style="font-family: arial; font-size: 12px; color: rgb(172, 172, 172); margin-bottom: 6px; display: inline-block;"
>
<span
style="padding-right: 32px;"
>
Search for a command
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
↑↓
</kbd>
to navigate
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
enter
</kbd>
to select
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="my query"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="default"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="?"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay chrome-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content chrome-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner chrome-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="What do you want to do?"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-2"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionHighlighted"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="false"
class="atom-suggestion atom-suggestionFirst"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
id="main"
>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
</body>
}
ariaHideApp={true}
bodyOpenClassName="ReactModal__Body--open"
className="atom-modal"
closeTimeoutMS={1}
contentElement={[Function]}
contentLabel="Command Palette"
defaultStyles={
Object {
"content": Object {
"WebkitOverflowScrolling": "touch",
"background": "#fff",
"border": "1px solid #ccc",
"borderRadius": "4px",
"bottom": "40px",
"left": "40px",
"outline": "none",
"overflow": "auto",
"padding": "20px",
"position": "absolute",
"right": "40px",
"top": "40px",
},
"overlay": Object {
"backgroundColor": "rgba(255, 255, 255, 0.75)",
"bottom": 0,
"left": 0,
"position": "fixed",
"right": 0,
"top": 0,
},
}
}
isOpen={true}
onAfterOpen={[Function]}
onRequestClose={[Function]}
overlayClassName="atom-overlay"
overlayElement={[Function]}
parentSelector={[Function]}
portalClassName="ReactModalPortal"
preventScroll={false}
role="dialog"
shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={true}
shouldFocusAfterRender={true}
shouldReturnFocusAfterClose={true}
style={
Object {
"content": Object {},
"overlay": Object {},
}
}
>
<div
className="ReactModal__Overlay atom-overlay"
onClick={[Function]}
onMouseDown={[Function]}
style={Object {}}
>
<div
aria-label="Command Palette"
aria-modal={true}
className="ReactModal__Content atom-modal"
onClick={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
role="dialog"
style={Object {}}
tabIndex="-1"
>
<div>
<Header
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<div
className="atom-header"
/>
</Header>
<Autosuggest
alwaysRenderSuggestions={true}
containerProps={Object {}}
focusInputOnSuggestionClick={true}
getSuggestionValue={[Function]}
highlightFirstSuggestion={true}
id="1"
inputProps={
Object {
"onChange": [Function],
"onKeyDown": undefined,
"placeholder": "Type a command",
"value": "",
}
}
multiSection={false}
onSuggestionHighlighted={[Function]}
onSuggestionSelected={[Function]}
onSuggestionsClearRequested={[Function]}
onSuggestionsFetchRequested={[Function]}
renderSuggestion={[Function]}
renderSuggestionsContainer={[Function]}
shouldKeepSuggestionsOnSelect={[Function]}
shouldRenderSuggestions={[Function]}
suggestions={Array []}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<Autowhatever
containerProps={Object {}}
getSectionItems={[Function]}
highlightedItemIndex={null}
highlightedSectionIndex={null}
id="1"
inputProps={
Object {
"onBlur": [Function],
"onChange": [Function],
"onFocus": [Function],
"onKeyDown": [Function],
"placeholder": "Type a command",
"value": "",
}
}
itemProps={[Function]}
items={Array []}
multiSection={false}
renderInputComponent={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
renderItemsContainer={[Function]}
renderSectionTitle={[Function]}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"item": "atom-suggestion",
"itemFirst": "atom-suggestionFirst",
"itemHighlighted": "atom-suggestionHighlighted",
"itemsContainer": "atom-suggestionsContainer",
"itemsContainerOpen": "atom-suggestionsContainerOpen",
"itemsList": "atom-suggestionsList",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"trigger": "atom-trigger",
}
}
>
<div
aria-expanded={false}
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
className="atom-container"
key="react-autowhatever-1-container"
role="combobox"
>
<input
aria-activedescendant={null}
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autoComplete="off"
className="atom-input"
key="react-autowhatever-1-input"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Type a command"
type="text"
value=""
/>
<div
className="atom-suggestionsContainer"
id="react-autowhatever-1"
key="react-autowhatever-1-items-container"
role="listbox"
/>
</div>
</Autowhatever>
</Autosuggest>
</div>
</div>
</div>
</ModalPortal>
</Portal>
</Modal>
</div>
</CommandPalette>
`;
exports[`props.renderCommand should render a custom command component 1`] = `
<CommandPalette
RenderCommand={[Function]}
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="modal"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header={null}
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
open={true}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<div
className="react-command-palette"
>
<PaletteTrigger
onClick={[Function]}
theme="atom-trigger"
>
<DefaultTriggerComponent
onClick={[Function]}
theme="atom-trigger"
>
<button
className="atom-trigger"
onClick={[Function]}
type="button"
>
Command Palette
<kbd
className="ui mini horizontal grey label"
>
<span
style={
Object {
"clip": "rect(1px, 1px, 1px, 1px)",
"display": "inline-block",
"height": "1px",
"overflow": "hidden",
"position": "absolute !important",
"width": "1px",
}
}
>
Keyboard Shortcut
</span>
⇧⌘P
</kbd>
</button>
</DefaultTriggerComponent>
</PaletteTrigger>
<Modal
appElement={
<body
aria-hidden="true"
class="ReactModal__Body--open"
>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
<b>
Waiting
</b>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start All Data Imports
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
<div
style="font-family: arial; font-size: 12px; color: rgb(172, 172, 172); margin-bottom: 6px; display: inline-block;"
>
<span
style="padding-right: 32px;"
>
Search for a command
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
↑↓
</kbd>
to navigate
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
enter
</kbd>
to select
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="my query"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="default"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
</body>
}
ariaHideApp={true}
bodyOpenClassName="ReactModal__Body--open"
className="atom-modal"
closeTimeoutMS={1}
contentElement={[Function]}
contentLabel="Command Palette"
isOpen={true}
onAfterOpen={[Function]}
onRequestClose={[Function]}
overlayClassName="atom-overlay"
overlayElement={[Function]}
parentSelector={[Function]}
portalClassName="ReactModalPortal"
preventScroll={false}
role="dialog"
shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={true}
shouldFocusAfterRender={true}
shouldReturnFocusAfterClose={true}
>
<Portal
containerInfo={
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
}
>
<ModalPortal
appElement={
<body
aria-hidden="true"
class="ReactModal__Body--open"
>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
<b>
Waiting
</b>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start All Data Imports
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
<div
style="font-family: arial; font-size: 12px; color: rgb(172, 172, 172); margin-bottom: 6px; display: inline-block;"
>
<span
style="padding-right: 32px;"
>
Search for a command
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
↑↓
</kbd>
to navigate
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
enter
</kbd>
to select
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="my query"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="default"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
</body>
}
ariaHideApp={true}
bodyOpenClassName="ReactModal__Body--open"
className="atom-modal"
closeTimeoutMS={1}
contentElement={[Function]}
contentLabel="Command Palette"
defaultStyles={
Object {
"content": Object {
"WebkitOverflowScrolling": "touch",
"background": "#fff",
"border": "1px solid #ccc",
"borderRadius": "4px",
"bottom": "40px",
"left": "40px",
"outline": "none",
"overflow": "auto",
"padding": "20px",
"position": "absolute",
"right": "40px",
"top": "40px",
},
"overlay": Object {
"backgroundColor": "rgba(255, 255, 255, 0.75)",
"bottom": 0,
"left": 0,
"position": "fixed",
"right": 0,
"top": 0,
},
}
}
isOpen={true}
onAfterOpen={[Function]}
onRequestClose={[Function]}
overlayClassName="atom-overlay"
overlayElement={[Function]}
parentSelector={[Function]}
portalClassName="ReactModalPortal"
preventScroll={false}
role="dialog"
shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={true}
shouldFocusAfterRender={true}
shouldReturnFocusAfterClose={true}
style={
Object {
"content": Object {},
"overlay": Object {},
}
}
>
<div
className="ReactModal__Overlay atom-overlay"
onClick={[Function]}
onMouseDown={[Function]}
style={Object {}}
>
<div
aria-label="Command Palette"
aria-modal={true}
className="ReactModal__Content atom-modal"
onClick={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
role="dialog"
style={Object {}}
tabIndex="-1"
>
<div>
<Header
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<div
className="atom-header"
/>
</Header>
<Autosuggest
alwaysRenderSuggestions={true}
containerProps={Object {}}
focusInputOnSuggestionClick={true}
getSuggestionValue={[Function]}
highlightFirstSuggestion={true}
id="1"
inputProps={
Object {
"onChange": [Function],
"onKeyDown": undefined,
"placeholder": "Type a command",
"value": "",
}
}
multiSection={false}
onSuggestionHighlighted={[Function]}
onSuggestionSelected={[Function]}
onSuggestionsClearRequested={[Function]}
onSuggestionsFetchRequested={[Function]}
renderSuggestion={[Function]}
renderSuggestionsContainer={[Function]}
shouldKeepSuggestionsOnSelect={[Function]}
shouldRenderSuggestions={[Function]}
suggestions={Array []}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"suggestion": "atom-suggestion",
"suggestionFirst": "atom-suggestionFirst",
"suggestionHighlighted": "atom-suggestionHighlighted",
"suggestionsContainer": "atom-suggestionsContainer",
"suggestionsContainerOpen": "atom-suggestionsContainerOpen",
"suggestionsList": "atom-suggestionsList",
"trigger": "atom-trigger",
}
}
>
<Autowhatever
containerProps={Object {}}
getSectionItems={[Function]}
highlightedItemIndex={null}
highlightedSectionIndex={null}
id="1"
inputProps={
Object {
"onBlur": [Function],
"onChange": [Function],
"onFocus": [Function],
"onKeyDown": [Function],
"placeholder": "Type a command",
"value": "",
}
}
itemProps={[Function]}
items={Array []}
multiSection={false}
renderInputComponent={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
renderItemsContainer={[Function]}
renderSectionTitle={[Function]}
theme={
Object {
"container": "atom-container",
"containerOpen": "atom-containerOpen",
"content": "atom-content",
"header": "atom-header",
"input": "atom-input",
"inputFocused": "atom-inputFocused",
"inputOpen": "atom-inputOpen",
"item": "atom-suggestion",
"itemFirst": "atom-suggestionFirst",
"itemHighlighted": "atom-suggestionHighlighted",
"itemsContainer": "atom-suggestionsContainer",
"itemsContainerOpen": "atom-suggestionsContainerOpen",
"itemsList": "atom-suggestionsList",
"modal": "atom-modal",
"overlay": "atom-overlay",
"spinner": "atom-spinner",
"trigger": "atom-trigger",
}
}
>
<div
aria-expanded={false}
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
className="atom-container"
key="react-autowhatever-1-container"
role="combobox"
>
<input
aria-activedescendant={null}
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autoComplete="off"
className="atom-input"
key="react-autowhatever-1-input"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Type a command"
type="text"
value=""
/>
<div
className="atom-suggestionsContainer"
id="react-autowhatever-1"
key="react-autowhatever-1-items-container"
role="listbox"
/>
</div>
</Autowhatever>
</Autosuggest>
</div>
</div>
</div>
</ModalPortal>
</Portal>
</Modal>
</div>
</CommandPalette>
`;
exports[`props.theme should render a custom theme 1`] = `
<CommandPalette
RenderCommand={[Function]}
alwaysRenderCommands={true}
closeOnSelect={false}
commands={
Array [
Object {
"category": "Command",
"command": [Function],
"id": 1,
"name": "Start All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 2,
"name": "Stop All Data Imports",
},
Object {
"category": "Command",
"command": [Function],
"id": 3,
"name": "Delete All Tenant",
},
Object {
"category": "Network",
"command": [Function],
"id": 4,
"name": "Go offline",
"shortcut": "⌘ Esc",
},
Object {
"category": "Network",
"command": [Function],
"id": 5,
"name": "Go online",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 6,
"name": "Jump to Tenant",
},
Object {
"category": "Navigate",
"command": [Function],
"id": 7,
"name": "View Logs ",
},
Object {
"category": "System",
"command": [Function],
"id": 8,
"name": "Show Memory",
},
Object {
"category": "System",
"command": [Function],
"id": 9,
"name": "Show CPU",
},
Object {
"category": "System",
"command": [Function],
"id": 10,
"name": "Show Disk Usage",
},
Object {
"category": "Command",
"command": [Function],
"id": 11,
"name": "Export Tenant",
},
Object {
"category": "Drawer",
"command": [Function],
"id": 12,
"name": "Toggle drawer",
"shortcut": "Esc",
},
]
}
defaultInputValue=""
display="modal"
filterSearchQuery={[Function]}
getSuggestionValue={[Function]}
header="this is a command palette"
highlightFirstSuggestion={true}
hotKeys="command+shift+p"
maxDisplayed={7}
onAfterOpen={[Function]}
onChange={[Function]}
onHighlight={[Function]}
onRequestClose={[Function]}
onSelect={[Function]}
open={true}
options={
Object {
"allowTypo": true,
"key": "name",
"keys": Array [
"name",
],
"limit": 7,
"scoreFn": null,
"threshold": -Infinity,
}
}
placeholder="Type a command"
reactModalParentSelector="body"
renderCommand={null}
resetInputOnOpen={false}
shouldReturnFocusAfterClose={true}
showSpinnerOnSelect={true}
theme={
Object {
"container": "chrome-container",
"containerOpen": "chrome-containerOpen",
"content": "chrome-content",
"header": "chrome-header",
"input": "chrome-input",
"inputFocused": "chrome-inputFocused",
"inputOpen": "chrome-inputOpen",
"modal": "chrome-modal",
"overlay": "chrome-overlay",
"spinner": "chrome-spinner",
"suggestion": "chrome-suggestion",
"suggestionFirst": "chrome-suggestionFirst",
"suggestionHighlighted": "chrome-suggestionHighlighted",
"suggestionsContainer": "chrome-suggestionsContainer",
"suggestionsContainerOpen": "chrome-suggestionsContainerOpen",
"suggestionsList": "chrome-suggestionsList",
"trigger": "chrome-trigger",
}
}
>
<div
className="react-command-palette"
>
<PaletteTrigger
onClick={[Function]}
theme="chrome-trigger"
>
<DefaultTriggerComponent
onClick={[Function]}
theme="chrome-trigger"
>
<button
className="chrome-trigger"
onClick={[Function]}
type="button"
>
Command Palette
<kbd
className="ui mini horizontal grey label"
>
<span
style={
Object {
"clip": "rect(1px, 1px, 1px, 1px)",
"display": "inline-block",
"height": "1px",
"overflow": "hidden",
"position": "absolute !important",
"width": "1px",
}
}
>
Keyboard Shortcut
</span>
⇧⌘P
</kbd>
</button>
</DefaultTriggerComponent>
</PaletteTrigger>
<Modal
appElement={
<body
aria-hidden="true"
class="ReactModal__Body--open"
>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
<b>
Waiting
</b>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start All Data Imports
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
<div
style="font-family: arial; font-size: 12px; color: rgb(172, 172, 172); margin-bottom: 6px; display: inline-block;"
>
<span
style="padding-right: 32px;"
>
Search for a command
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
↑↓
</kbd>
to navigate
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
enter
</kbd>
to select
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="my query"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="default"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="?"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay chrome-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content chrome-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="chrome-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="chrome-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="chrome-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="chrome-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
</body>
}
ariaHideApp={true}
bodyOpenClassName="ReactModal__Body--open"
className="chrome-modal"
closeTimeoutMS={1}
contentElement={[Function]}
contentLabel="Command Palette"
isOpen={true}
onAfterOpen={[Function]}
onRequestClose={[Function]}
overlayClassName="chrome-overlay"
overlayElement={[Function]}
parentSelector={[Function]}
portalClassName="ReactModalPortal"
preventScroll={false}
role="dialog"
shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={true}
shouldFocusAfterRender={true}
shouldReturnFocusAfterClose={true}
>
<Portal
containerInfo={
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay chrome-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content chrome-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="chrome-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="chrome-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="chrome-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="chrome-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
}
>
<ModalPortal
appElement={
<body
aria-hidden="true"
class="ReactModal__Body--open"
>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
<b>
Waiting
</b>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="spinner atom-spinner modal"
role="status"
>
Waiting
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value="Start All Data Imports"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
<b>
Start All Data Imports
</b>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div
class="default-spinner atom-spinner modal"
role="status"
>
<span
class="sr-only"
>
Loading...
</span>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
>
<div
style="font-family: arial; font-size: 12px; color: rgb(172, 172, 172); margin-bottom: 6px; display: inline-block;"
>
<span
style="padding-right: 32px;"
>
Search for a command
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
↑↓
</kbd>
to navigate
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
enter
</kbd>
to select
</span>
<span
style="padding-right: 32px;"
>
<kbd
style="background-color: rgb(23, 23, 23); font-size: 12px; color: rgb(185, 185, 185); padding: 2px 4px; margin-right: 6px; border-radius: 4px;"
>
esc
</kbd>
to dismiss
</span>
</div>
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="my query"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay ReactModal__Overlay--before-close atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content ReactModal__Content--before-close atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="default"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input"
placeholder="Type a command"
type="text"
value="?"
/>
<div
class="atom-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay atom-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content atom-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="atom-header"
/>
<div
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="atom-container atom-containerOpen"
role="combobox"
>
<input
aria-activedescendant="react-autowhatever-1--item-0"
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="atom-input atom-inputOpen"
placeholder="Type a command"
type="text"
value=">"
/>
<div
class="atom-suggestionsContainer atom-suggestionsContainerOpen"
id="react-autowhatever-1"
role="listbox"
>
<ul
class="atom-suggestionsList"
role="listbox"
>
<li
aria-selected="true"
class="atom-suggestion atom-suggestionFirst atom-suggestionHighlighted"
data-suggestion-index="0"
id="react-autowhatever-1--item-0"
role="option"
>
<div
class="item"
>
<span>
Start All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="1"
id="react-autowhatever-1--item-1"
role="option"
>
<div
class="item"
>
<span>
Stop All Data Imports
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="2"
id="react-autowhatever-1--item-2"
role="option"
>
<div
class="item"
>
<span>
Delete All Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="3"
id="react-autowhatever-1--item-3"
role="option"
>
<div
class="item"
>
<span>
Go offline
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="4"
id="react-autowhatever-1--item-4"
role="option"
>
<div
class="item"
>
<span>
Go online
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="5"
id="react-autowhatever-1--item-5"
role="option"
>
<div
class="item"
>
<span>
Jump to Tenant
</span>
</div>
</li>
<li
aria-selected="false"
class="atom-suggestion"
data-suggestion-index="6"
id="react-autowhatever-1--item-6"
role="option"
>
<div
class="item"
>
<span>
View Logs
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
/>
<div
class="ReactModalPortal"
>
<div
class="ReactModal__Overlay chrome-overlay"
>
<div
aria-label="Command Palette"
aria-modal="true"
class="ReactModal__Content chrome-modal"
role="dialog"
tabindex="-1"
>
<div>
<div
class="chrome-header"
>
this is a command palette
</div>
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
class="chrome-container"
role="combobox"
>
<input
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autocomplete="off"
class="chrome-input"
placeholder="Type a command"
type="text"
value=""
/>
<div
class="chrome-suggestionsContainer"
id="react-autowhatever-1"
role="listbox"
/>
</div>
</div>
</div>
</div>
</div>
<div
data-react-modal-body-trap=""
style="position: absolute; opacity: 0;"
tabindex="0"
/>
</body>
}
ariaHideApp={true}
bodyOpenClassName="ReactModal__Body--open"
className="chrome-modal"
closeTimeoutMS={1}
contentElement={[Function]}
contentLabel="Command Palette"
defaultStyles={
Object {
"content": Object {
"WebkitOverflowScrolling": "touch",
"background": "#fff",
"border": "1px solid #ccc",
"borderRadius": "4px",
"bottom": "40px",
"left": "40px",
"outline": "none",
"overflow": "auto",
"padding": "20px",
"position": "absolute",
"right": "40px",
"top": "40px",
},
"overlay": Object {
"backgroundColor": "rgba(255, 255, 255, 0.75)",
"bottom": 0,
"left": 0,
"position": "fixed",
"right": 0,
"top": 0,
},
}
}
isOpen={true}
onAfterOpen={[Function]}
onRequestClose={[Function]}
overlayClassName="chrome-overlay"
overlayElement={[Function]}
parentSelector={[Function]}
portalClassName="ReactModalPortal"
preventScroll={false}
role="dialog"
shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={true}
shouldFocusAfterRender={true}
shouldReturnFocusAfterClose={true}
style={
Object {
"content": Object {},
"overlay": Object {},
}
}
>
<div
className="ReactModal__Overlay chrome-overlay"
onClick={[Function]}
onMouseDown={[Function]}
style={Object {}}
>
<div
aria-label="Command Palette"
aria-modal={true}
className="ReactModal__Content chrome-modal"
onClick={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
role="dialog"
style={Object {}}
tabIndex="-1"
>
<div>
<Header
theme={
Object {
"container": "chrome-container",
"containerOpen": "chrome-containerOpen",
"content": "chrome-content",
"header": "chrome-header",
"input": "chrome-input",
"inputFocused": "chrome-inputFocused",
"inputOpen": "chrome-inputOpen",
"modal": "chrome-modal",
"overlay": "chrome-overlay",
"spinner": "chrome-spinner",
"suggestion": "chrome-suggestion",
"suggestionFirst": "chrome-suggestionFirst",
"suggestionHighlighted": "chrome-suggestionHighlighted",
"suggestionsContainer": "chrome-suggestionsContainer",
"suggestionsContainerOpen": "chrome-suggestionsContainerOpen",
"suggestionsList": "chrome-suggestionsList",
"trigger": "chrome-trigger",
}
}
>
<div
className="chrome-header"
>
this is a command palette
</div>
</Header>
<Autosuggest
alwaysRenderSuggestions={true}
containerProps={Object {}}
focusInputOnSuggestionClick={true}
getSuggestionValue={[Function]}
highlightFirstSuggestion={true}
id="1"
inputProps={
Object {
"onChange": [Function],
"onKeyDown": undefined,
"placeholder": "Type a command",
"value": "",
}
}
multiSection={false}
onSuggestionHighlighted={[Function]}
onSuggestionSelected={[Function]}
onSuggestionsClearRequested={[Function]}
onSuggestionsFetchRequested={[Function]}
renderSuggestion={[Function]}
renderSuggestionsContainer={[Function]}
shouldKeepSuggestionsOnSelect={[Function]}
shouldRenderSuggestions={[Function]}
suggestions={Array []}
theme={
Object {
"container": "chrome-container",
"containerOpen": "chrome-containerOpen",
"content": "chrome-content",
"header": "chrome-header",
"input": "chrome-input",
"inputFocused": "chrome-inputFocused",
"inputOpen": "chrome-inputOpen",
"modal": "chrome-modal",
"overlay": "chrome-overlay",
"spinner": "chrome-spinner",
"suggestion": "chrome-suggestion",
"suggestionFirst": "chrome-suggestionFirst",
"suggestionHighlighted": "chrome-suggestionHighlighted",
"suggestionsContainer": "chrome-suggestionsContainer",
"suggestionsContainerOpen": "chrome-suggestionsContainerOpen",
"suggestionsList": "chrome-suggestionsList",
"trigger": "chrome-trigger",
}
}
>
<Autowhatever
containerProps={Object {}}
getSectionItems={[Function]}
highlightedItemIndex={null}
highlightedSectionIndex={null}
id="1"
inputProps={
Object {
"onBlur": [Function],
"onChange": [Function],
"onFocus": [Function],
"onKeyDown": [Function],
"placeholder": "Type a command",
"value": "",
}
}
itemProps={[Function]}
items={Array []}
multiSection={false}
renderInputComponent={[Function]}
renderItem={[Function]}
renderItemData={
Object {
"query": "",
}
}
renderItemsContainer={[Function]}
renderSectionTitle={[Function]}
theme={
Object {
"container": "chrome-container",
"containerOpen": "chrome-containerOpen",
"content": "chrome-content",
"header": "chrome-header",
"input": "chrome-input",
"inputFocused": "chrome-inputFocused",
"inputOpen": "chrome-inputOpen",
"item": "chrome-suggestion",
"itemFirst": "chrome-suggestionFirst",
"itemHighlighted": "chrome-suggestionHighlighted",
"itemsContainer": "chrome-suggestionsContainer",
"itemsContainerOpen": "chrome-suggestionsContainerOpen",
"itemsList": "chrome-suggestionsList",
"modal": "chrome-modal",
"overlay": "chrome-overlay",
"spinner": "chrome-spinner",
"trigger": "chrome-trigger",
}
}
>
<div
aria-expanded={false}
aria-haspopup="listbox"
aria-owns="react-autowhatever-1"
className="chrome-container"
key="react-autowhatever-1-container"
role="combobox"
>
<input
aria-activedescendant={null}
aria-autocomplete="list"
aria-controls="react-autowhatever-1"
autoComplete="off"
className="chrome-input"
key="react-autowhatever-1-input"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Type a command"
type="text"
value=""
/>
<div
className="chrome-suggestionsContainer"
id="react-autowhatever-1"
key="react-autowhatever-1-items-container"
role="listbox"
/>
</div>
</Autowhatever>
</Autosuggest>
</div>
</div>
</div>
</ModalPortal>
</Portal>
</Modal>
</div>
</CommandPalette>
`;