app/javascript/spec/widget-wrapper/__snapshots__/widget-wrapper.spec.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Widget wrapper component should render a widget wrapper with a chart 1`] = `
<Provider
store={
Object {
"asyncReducers": Object {
"FormButtons": [Function],
"miqCustomTabReducer": [Function],
"notificationReducer": [Function],
},
"dispatch": [Function],
"getState": [Function],
"injectReducers": [Function],
"replaceReducer": [Function],
"subscribe": [Function],
Symbol(observable): [Function],
}
}
>
<WidgetWrapper
widgetButtons="[{\\"id\\":\\"w_1_close\\",\\"title\\":\\"Remove from Dashboard\\",\\"name\\":\\"Remove Widget\\",\\"confirm\\":\\"Are you sure you want to remove 'Guest OS Information'from the Dashboard?\\",\\"dataRemote\\":true,\\"sparkleOn\\":true,\\"href\\":\\"/dashboard/widget_close?widget=1\\",\\"fonticon\\":\\"fa fa-times fa-fw\\",\\"dataMethod\\":\\"post\\"},{\\"id\\":\\"w_1_minmax\\",\\"title\\":\\"Minimize\\",\\"name\\":\\"Minimize\\",\\"confirm\\":false,\\"dataRemote\\":true,\\"href\\":\\"/dashboard/widget_toggle_minmax?widget=1\\",\\"fonticon\\":\\"fa fa-caret-square-o-up fa-fw\\",\\"dataMethod\\":\\"post\\"},{\\"id\\":\\"w_1_fullscreen\\",\\"title\\":\\"Open the chart and full report in a new window\\",\\"name\\":\\"Full Screen\\",\\"confirm\\":\\"This will show the chart and the entire report (all rows) in your browser. Do you want to proceed?\\",\\"href\\":\\"/dashboard/report_only?rr_id=12686&type=hybrid\\",\\"fonticon\\":\\"fa fa-arrows-alt fa-fw\\",\\"target\\":\\"_blank\\",\\"rel\\":\\"noopener noreferrer\\"},{\\"id\\":\\"w_1_pdf\\",\\"title\\":\\"Print the full report (all rows) or export it as a PDF file\\",\\"name\\":\\"Print or export to PDF\\",\\"href\\":\\"/dashboard/widget_to_pdf?rr_id=12686\\",\\"fonticon\\":\\"pficon pficon-print fa-fw\\",\\"target\\":\\"_blank\\",\\"rel\\":\\"noopener noreferrer\\"},{\\"id\\":\\"w_1_zoom\\",\\"title\\":\\"Zoom in on this chart\\",\\"name\\":\\"Zoom in\\",\\"href\\":\\"/dashboard/widget_zoom?widget=1\\",\\"fonticon\\":\\"fa fa-plus fa-fw\\",\\"dataRemote\\":true,\\"sparkleOn\\":true,\\"dataMethod\\":\\"post\\"},{\\"id\\":\\"w_1_refresh\\",\\"title\\":\\"Refresh this Widget\\",\\"name\\":\\"Refresh\\",\\"fonticon\\":\\"fa fa-refresh fa-fw\\",\\"refresh\\":true}]"
widgetId={1}
widgetLastRun="April 06, 2019 12:00"
widgetNextRun="March 07, 2022 01:00"
widgetTitle="Guest OS Information"
widgetType="chart"
>
<div
className="card-pf card-pf-view"
>
<div
className="card-pf-body"
>
<div
className="card-pf-heading-kebab"
>
<OverflowMenu
aria-labelledby="widget-title-1"
ariaLabel="Open and close list of options"
className="widget-overflow-menu"
direction="bottom"
flipped={true}
focusTrap={true}
iconDescription="Open and close list of options"
id="1-menu"
light={false}
menuOffset={[Function]}
menuOffsetFlip={[Function]}
onClick={[Function]}
onClose={[Function]}
onKeyDown={[Function]}
onOpen={[Function]}
open={false}
renderIcon={
Object {
"$$typeof": Symbol(react.forward_ref),
"render": [Function],
}
}
selectorPrimaryFocus="[data-overflow-menu-primary-focus]"
>
<ClickListener
onClickOutside={[Function]}
>
<button
aria-controls={null}
aria-expanded={false}
aria-haspopup={true}
aria-label="Open and close list of options"
aria-labelledby="widget-title-1"
className="widget-overflow-menu bx--overflow-menu bx--overflow-menu--md"
id="1-menu"
onClick={[Function]}
onClose={[Function]}
onKeyDown={[Function]}
open={false}
type="button"
>
<ForwardRef(OverflowMenuVertical16)
aria-label="Open and close list of options"
className="bx--overflow-menu__icon"
>
<Icon
aria-label="Open and close list of options"
className="bx--overflow-menu__icon"
fill="currentColor"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-label="Open and close list of options"
className="bx--overflow-menu__icon"
fill="currentColor"
focusable="false"
height={16}
preserveAspectRatio="xMidYMid meet"
role="img"
viewBox="0 0 32 32"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="16"
cy="8"
r="2"
/>
<circle
cx="16"
cy="16"
r="2"
/>
<circle
cx="16"
cy="24"
r="2"
/>
<title>
Open and close list of options
</title>
</svg>
</Icon>
</ForwardRef(OverflowMenuVertical16)>
</button>
</ClickListener>
</OverflowMenu>
<div
className="card-pf-title sortable-handle ui-sortable-handle"
>
<span
id="widget-title-1"
>
Guest OS Information
</span>
</div>
</div>
</div>
<div
id="dd_w1_box"
>
<div
className="loadingSpinner"
>
<Loading
active={true}
className="export-spinner"
description="Active loading indicator"
small={true}
withOverlay={false}
>
<div
aria-atomic="true"
aria-live="assertive"
className="export-spinner bx--loading bx--loading--small"
>
<label
className="bx--visually-hidden"
id="loading-id-3"
>
Active loading indicator
</label>
<svg
className="bx--loading__svg"
viewBox="0 0 100 100"
>
<title>
Active loading indicator
</title>
<circle
className="bx--loading__background"
cx="50%"
cy="50%"
r="44"
/>
<circle
className="bx--loading__stroke"
cx="50%"
cy="50%"
r="44"
/>
</svg>
</div>
</Loading>
</div>
</div>
<WidgetRemoveModal
href=""
setState={[Function]}
showConfirm={false}
widgetTitle="Guest OS Information"
>
<Modal
hasScrollingContent={false}
modalHeading=""
modalLabel=""
onKeyDown={[Function]}
onRequestClose={[Function]}
onRequestSubmit={[Function]}
onSecondarySubmit={[Function]}
open={false}
passiveModal={false}
preventCloseOnClickOutside={false}
primaryButtonDisabled={false}
primaryButtonText="OK"
secondaryButtonText="Cancel"
selectorPrimaryFocus="[data-modal-primary-focus]"
>
<div
className="bx--modal bx--modal-tall"
onBlur={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
role="presentation"
>
<span
className="bx--visually-hidden"
role="link"
tabIndex="0"
>
Focus sentinel
</span>
<div
aria-label=""
aria-modal="true"
className="bx--modal-container"
role="dialog"
tabIndex="-1"
>
<div
className="bx--modal-header"
>
<h3
className="bx--modal-header__heading"
id="bx--modal-header__heading--modal-3"
/>
<button
aria-label="close"
className="bx--modal-close"
onClick={[Function]}
type="button"
>
<ForwardRef(Close20)
aria-hidden="true"
className="bx--modal-close__icon"
tabIndex="-1"
>
<Icon
aria-hidden="true"
className="bx--modal-close__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
tabIndex="-1"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--modal-close__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.4141 16L24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"
/>
</svg>
</Icon>
</ForwardRef(Close20)>
</button>
</div>
<div
className="bx--modal-content"
id="bx--modal-body--modal-3"
>
Are you sure you want to remove Guest OS Information from the Dashboard?
</div>
<ButtonSet
className="bx--modal-footer"
>
<div
className="bx--modal-footer bx--btn-set"
>
<Button
kind="secondary"
onClick={[Function]}
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--secondary"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="button"
>
Cancel
</button>
</Button>
<Button
disabled={false}
kind="primary"
onClick={[Function]}
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--primary"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="button"
>
OK
</button>
</Button>
</div>
</ButtonSet>
</div>
<span
className="bx--visually-hidden"
role="link"
tabIndex="0"
>
Focus sentinel
</span>
</div>
</Modal>
</WidgetRemoveModal>
</div>
</WidgetWrapper>
</Provider>
`;
exports[`Widget wrapper component should render a widget wrapper with a menu 1`] = `
<Provider
store={
Object {
"asyncReducers": Object {
"FormButtons": [Function],
"miqCustomTabReducer": [Function],
"notificationReducer": [Function],
},
"dispatch": [Function],
"getState": [Function],
"injectReducers": [Function],
"replaceReducer": [Function],
"subscribe": [Function],
Symbol(observable): [Function],
}
}
>
<WidgetWrapper
widgetButtons="[{\\"id\\":\\"w_83_close\\",\\"title\\":\\"Remove from Dashboard\\",\\"name\\":\\"Remove Widget\\",\\"confirm\\":\\"Are you sure you want to remove 'Links'from the Dashboard?\\",\\"dataRemote\\":true,\\"sparkleOn\\":true,\\"href\\":\\"/dashboard/widget_close?widget=83\\",\\"fonticon\\":\\"fa fa-times fa-fw\\",\\"dataMethod\\":\\"post\\"},{\\"id\\":\\"w_83_minmax\\",\\"title\\":\\"Minimize\\",\\"name\\":\\"Minimize\\",\\"confirm\\":false,\\"dataRemote\\":true,\\"href\\":\\"/dashboard/widget_toggle_minmax?widget=83\\",\\"fonticon\\":\\"fa fa-caret-square-o-up fa-fw\\",\\"dataMethod\\":\\"post\\"}]"
widgetId={83}
widgetLastRun="March 04, 2022 03:55"
widgetNextRun="March 07, 2022 01:00"
widgetTitle="Links"
widgetType="menu"
>
<div
className="card-pf card-pf-view"
>
<div
className="card-pf-body"
>
<div
className="card-pf-heading-kebab"
>
<OverflowMenu
aria-labelledby="widget-title-83"
ariaLabel="Open and close list of options"
className="widget-overflow-menu"
direction="bottom"
flipped={true}
focusTrap={true}
iconDescription="Open and close list of options"
id="83-menu"
light={false}
menuOffset={[Function]}
menuOffsetFlip={[Function]}
onClick={[Function]}
onClose={[Function]}
onKeyDown={[Function]}
onOpen={[Function]}
open={false}
renderIcon={
Object {
"$$typeof": Symbol(react.forward_ref),
"render": [Function],
}
}
selectorPrimaryFocus="[data-overflow-menu-primary-focus]"
>
<ClickListener
onClickOutside={[Function]}
>
<button
aria-controls={null}
aria-expanded={false}
aria-haspopup={true}
aria-label="Open and close list of options"
aria-labelledby="widget-title-83"
className="widget-overflow-menu bx--overflow-menu bx--overflow-menu--md"
id="83-menu"
onClick={[Function]}
onClose={[Function]}
onKeyDown={[Function]}
open={false}
type="button"
>
<ForwardRef(OverflowMenuVertical16)
aria-label="Open and close list of options"
className="bx--overflow-menu__icon"
>
<Icon
aria-label="Open and close list of options"
className="bx--overflow-menu__icon"
fill="currentColor"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-label="Open and close list of options"
className="bx--overflow-menu__icon"
fill="currentColor"
focusable="false"
height={16}
preserveAspectRatio="xMidYMid meet"
role="img"
viewBox="0 0 32 32"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="16"
cy="8"
r="2"
/>
<circle
cx="16"
cy="16"
r="2"
/>
<circle
cx="16"
cy="24"
r="2"
/>
<title>
Open and close list of options
</title>
</svg>
</Icon>
</ForwardRef(OverflowMenuVertical16)>
</button>
</ClickListener>
</OverflowMenu>
<div
className="card-pf-title sortable-handle ui-sortable-handle"
>
<span
id="widget-title-83"
>
Links
</span>
</div>
</div>
</div>
<div
id="dd_w83_box"
>
<div
className="loadingSpinner"
>
<Loading
active={true}
className="export-spinner"
description="Active loading indicator"
small={true}
withOverlay={false}
>
<div
aria-atomic="true"
aria-live="assertive"
className="export-spinner bx--loading bx--loading--small"
>
<label
className="bx--visually-hidden"
id="loading-id-2"
>
Active loading indicator
</label>
<svg
className="bx--loading__svg"
viewBox="0 0 100 100"
>
<title>
Active loading indicator
</title>
<circle
className="bx--loading__background"
cx="50%"
cy="50%"
r="44"
/>
<circle
className="bx--loading__stroke"
cx="50%"
cy="50%"
r="44"
/>
</svg>
</div>
</Loading>
</div>
</div>
<WidgetRemoveModal
href=""
setState={[Function]}
showConfirm={false}
widgetTitle="Links"
>
<Modal
hasScrollingContent={false}
modalHeading=""
modalLabel=""
onKeyDown={[Function]}
onRequestClose={[Function]}
onRequestSubmit={[Function]}
onSecondarySubmit={[Function]}
open={false}
passiveModal={false}
preventCloseOnClickOutside={false}
primaryButtonDisabled={false}
primaryButtonText="OK"
secondaryButtonText="Cancel"
selectorPrimaryFocus="[data-modal-primary-focus]"
>
<div
className="bx--modal bx--modal-tall"
onBlur={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
role="presentation"
>
<span
className="bx--visually-hidden"
role="link"
tabIndex="0"
>
Focus sentinel
</span>
<div
aria-label=""
aria-modal="true"
className="bx--modal-container"
role="dialog"
tabIndex="-1"
>
<div
className="bx--modal-header"
>
<h3
className="bx--modal-header__heading"
id="bx--modal-header__heading--modal-2"
/>
<button
aria-label="close"
className="bx--modal-close"
onClick={[Function]}
type="button"
>
<ForwardRef(Close20)
aria-hidden="true"
className="bx--modal-close__icon"
tabIndex="-1"
>
<Icon
aria-hidden="true"
className="bx--modal-close__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
tabIndex="-1"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--modal-close__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.4141 16L24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"
/>
</svg>
</Icon>
</ForwardRef(Close20)>
</button>
</div>
<div
className="bx--modal-content"
id="bx--modal-body--modal-2"
>
Are you sure you want to remove Links from the Dashboard?
</div>
<ButtonSet
className="bx--modal-footer"
>
<div
className="bx--modal-footer bx--btn-set"
>
<Button
kind="secondary"
onClick={[Function]}
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--secondary"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="button"
>
Cancel
</button>
</Button>
<Button
disabled={false}
kind="primary"
onClick={[Function]}
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--primary"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="button"
>
OK
</button>
</Button>
</div>
</ButtonSet>
</div>
<span
className="bx--visually-hidden"
role="link"
tabIndex="0"
>
Focus sentinel
</span>
</div>
</Modal>
</WidgetRemoveModal>
</div>
</WidgetWrapper>
</Provider>
`;
exports[`Widget wrapper component should render a widget wrapper with a report 1`] = `
<Provider
store={
Object {
"asyncReducers": Object {
"FormButtons": [Function],
"miqCustomTabReducer": [Function],
"notificationReducer": [Function],
},
"dispatch": [Function],
"getState": [Function],
"injectReducers": [Function],
"replaceReducer": [Function],
"subscribe": [Function],
Symbol(observable): [Function],
}
}
>
<WidgetWrapper
widgetButtons="[{\\"id\\":\\"w_19_close\\",\\"title\\":\\"Remove from Dashboard\\",\\"name\\":\\"Remove Widget\\",\\"confirm\\":\\"Are you sure you want to remove 'EVM: Recently Discovered Hosts'from the Dashboard?\\",\\"dataRemote\\":true,\\"sparkleOn\\":true,\\"href\\":\\"/dashboard/widget_close?widget=19\\",\\"fonticon\\":\\"fa fa-times fa-fw\\",\\"dataMethod\\":\\"post\\"},{\\"id\\":\\"w_19_minmax\\",\\"title\\":\\"Minimize\\",\\"name\\":\\"Minimize\\",\\"confirm\\":false,\\"dataRemote\\":true,\\"href\\":\\"/dashboard/widget_toggle_minmax?widget=19\\",\\"fonticon\\":\\"fa fa-caret-square-o-up fa-fw\\",\\"dataMethod\\":\\"post\\"},{\\"id\\":\\"w_19_fullscreen\\",\\"title\\":\\"Open the full report in a new window\\",\\"name\\":\\"Full Screen\\",\\"confirm\\":\\"This will show the entire report (all rows) in your browser. Do you want to proceed?\\",\\"href\\":\\"/dashboard/report_only?rr_id=19618&type=tabular\\",\\"fonticon\\":\\"fa fa-arrows-alt fa-fw\\",\\"target\\":\\"_blank\\",\\"rel\\":\\"noopener noreferrer\\"},{\\"id\\":\\"w_19_pdf\\",\\"title\\":\\"Print the full report (all rows) or export it as a PDF file\\",\\"name\\":\\"Print or export to PDF\\",\\"href\\":\\"/dashboard/widget_to_pdf?rr_id=19618\\",\\"fonticon\\":\\"pficon pficon-print fa-fw\\",\\"target\\":\\"_blank\\",\\"rel\\":\\"noopener noreferrer\\"},{\\"id\\":\\"w_19_refresh\\",\\"title\\":\\"Refresh this Widget\\",\\"name\\":\\"Refresh\\",\\"fonticon\\":\\"fa fa-refresh fa-fw\\",\\"refresh\\":true}]"
widgetId={19}
widgetLastRun="March 04, 2022 03:55"
widgetNextRun="March 07, 2022 01:00"
widgetTitle="EVM: Recently Discovered Hosts"
widgetType="report"
>
<div
className="card-pf card-pf-view"
>
<div
className="card-pf-body"
>
<div
className="card-pf-heading-kebab"
>
<OverflowMenu
aria-labelledby="widget-title-19"
ariaLabel="Open and close list of options"
className="widget-overflow-menu"
direction="bottom"
flipped={true}
focusTrap={true}
iconDescription="Open and close list of options"
id="19-menu"
light={false}
menuOffset={[Function]}
menuOffsetFlip={[Function]}
onClick={[Function]}
onClose={[Function]}
onKeyDown={[Function]}
onOpen={[Function]}
open={false}
renderIcon={
Object {
"$$typeof": Symbol(react.forward_ref),
"render": [Function],
}
}
selectorPrimaryFocus="[data-overflow-menu-primary-focus]"
>
<ClickListener
onClickOutside={[Function]}
>
<button
aria-controls={null}
aria-expanded={false}
aria-haspopup={true}
aria-label="Open and close list of options"
aria-labelledby="widget-title-19"
className="widget-overflow-menu bx--overflow-menu bx--overflow-menu--md"
id="19-menu"
onClick={[Function]}
onClose={[Function]}
onKeyDown={[Function]}
open={false}
type="button"
>
<ForwardRef(OverflowMenuVertical16)
aria-label="Open and close list of options"
className="bx--overflow-menu__icon"
>
<Icon
aria-label="Open and close list of options"
className="bx--overflow-menu__icon"
fill="currentColor"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-label="Open and close list of options"
className="bx--overflow-menu__icon"
fill="currentColor"
focusable="false"
height={16}
preserveAspectRatio="xMidYMid meet"
role="img"
viewBox="0 0 32 32"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="16"
cy="8"
r="2"
/>
<circle
cx="16"
cy="16"
r="2"
/>
<circle
cx="16"
cy="24"
r="2"
/>
<title>
Open and close list of options
</title>
</svg>
</Icon>
</ForwardRef(OverflowMenuVertical16)>
</button>
</ClickListener>
</OverflowMenu>
<div
className="card-pf-title sortable-handle ui-sortable-handle"
>
<span
id="widget-title-19"
>
EVM: Recently Discovered Hosts
</span>
</div>
</div>
</div>
<div
id="dd_w19_box"
>
<div
className="loadingSpinner"
>
<Loading
active={true}
className="export-spinner"
description="Active loading indicator"
small={true}
withOverlay={false}
>
<div
aria-atomic="true"
aria-live="assertive"
className="export-spinner bx--loading bx--loading--small"
>
<label
className="bx--visually-hidden"
id="loading-id-1"
>
Active loading indicator
</label>
<svg
className="bx--loading__svg"
viewBox="0 0 100 100"
>
<title>
Active loading indicator
</title>
<circle
className="bx--loading__background"
cx="50%"
cy="50%"
r="44"
/>
<circle
className="bx--loading__stroke"
cx="50%"
cy="50%"
r="44"
/>
</svg>
</div>
</Loading>
</div>
</div>
<WidgetRemoveModal
href=""
setState={[Function]}
showConfirm={false}
widgetTitle="EVM: Recently Discovered Hosts"
>
<Modal
hasScrollingContent={false}
modalHeading=""
modalLabel=""
onKeyDown={[Function]}
onRequestClose={[Function]}
onRequestSubmit={[Function]}
onSecondarySubmit={[Function]}
open={false}
passiveModal={false}
preventCloseOnClickOutside={false}
primaryButtonDisabled={false}
primaryButtonText="OK"
secondaryButtonText="Cancel"
selectorPrimaryFocus="[data-modal-primary-focus]"
>
<div
className="bx--modal bx--modal-tall"
onBlur={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
role="presentation"
>
<span
className="bx--visually-hidden"
role="link"
tabIndex="0"
>
Focus sentinel
</span>
<div
aria-label=""
aria-modal="true"
className="bx--modal-container"
role="dialog"
tabIndex="-1"
>
<div
className="bx--modal-header"
>
<h3
className="bx--modal-header__heading"
id="bx--modal-header__heading--modal-1"
/>
<button
aria-label="close"
className="bx--modal-close"
onClick={[Function]}
type="button"
>
<ForwardRef(Close20)
aria-hidden="true"
className="bx--modal-close__icon"
tabIndex="-1"
>
<Icon
aria-hidden="true"
className="bx--modal-close__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
tabIndex="-1"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--modal-close__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.4141 16L24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"
/>
</svg>
</Icon>
</ForwardRef(Close20)>
</button>
</div>
<div
className="bx--modal-content"
id="bx--modal-body--modal-1"
>
Are you sure you want to remove EVM: Recently Discovered Hosts from the Dashboard?
</div>
<ButtonSet
className="bx--modal-footer"
>
<div
className="bx--modal-footer bx--btn-set"
>
<Button
kind="secondary"
onClick={[Function]}
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--secondary"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="button"
>
Cancel
</button>
</Button>
<Button
disabled={false}
kind="primary"
onClick={[Function]}
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--primary"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="button"
>
OK
</button>
</Button>
</div>
</ButtonSet>
</div>
<span
className="bx--visually-hidden"
role="link"
tabIndex="0"
>
Focus sentinel
</span>
</div>
</Modal>
</WidgetRemoveModal>
</div>
</WidgetWrapper>
</Provider>
`;