@carbon/ibm-security
Version:
Carbon for Cloud & Cognitive IBM Security UI components
165 lines (162 loc) • 8.51 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Default = void 0;
var _iconsReact = require("@carbon/icons-react");
var _carbonComponentsReact = require("carbon-components-react");
var _react = _interopRequireDefault(require("react"));
var _storybook = require("../../../.storybook");
var _ = require("../..");
var _stories = _interopRequireWildcard(require("./stories"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
/**
* @file Detail page layout stories.
* @copyright IBM Security 2020 - 2021
*/
var decorators = _stories.default.decorators,
parameters = _stories.default.parameters;
// TODO: Remove workaround for https://github.ibm.com/security/design-core-experience/issues/241
var RowWithContainer = (0, _stories.withContainer)(_carbonComponentsReact.Row);
var SummaryCard = (0, _.unstable_withBackground)(_.SummaryCard);
var _default = exports.default = {
title: (0, _storybook.pageLayouts)('Detail'),
parameters: parameters,
decorators: decorators
};
var Default = exports.Default = function Default() {
return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Grid, null, /*#__PURE__*/_react.default.createElement(_.TitleBarModule, {
title: "Summary"
}), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
lg: 6
}, /*#__PURE__*/_react.default.createElement(_.DescriptionModule, null, function (_ref) {
var getLayoutProps = _ref.getLayoutProps;
return /*#__PURE__*/_react.default.createElement("p", getLayoutProps(), "BadFlick is a backdoor that is usually seen being distributed using exploited word documents. It does not have any persistence to survive reboot, but it is capable of opening a reverse shell connection to its C2 server where it can download and execute possibly other malware.");
})), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
lg: {
offset: 2,
span: 8
}
}, /*#__PURE__*/_react.default.createElement(_.DescriptionListModule, null, /*#__PURE__*/_react.default.createElement(_.TypeLayout, null, /*#__PURE__*/_react.default.createElement(_.TypeLayoutBody, null, /*#__PURE__*/_react.default.createElement(_.TypeLayoutRow, null, /*#__PURE__*/_react.default.createElement(_.TypeLayoutCell, null, "Created by"), /*#__PURE__*/_react.default.createElement(_.TypeLayoutCell, null, "X-Force IRIS")), /*#__PURE__*/_react.default.createElement(_.TypeLayoutRow, null, /*#__PURE__*/_react.default.createElement(_.TypeLayoutCell, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_.TypeLayoutCell, null, "Jul 14 2019"))))))), /*#__PURE__*/_react.default.createElement(_.TitleBarModule, {
title: "Related reports"
}), /*#__PURE__*/_react.default.createElement(_.ActionBarModule, null, "Supplementary details", /*#__PURE__*/_react.default.createElement(_.ActionBarModuleItems, null, /*#__PURE__*/_react.default.createElement(_.IconButtonBar, {
actions: [{
label: 'Search',
renderIcon: _iconsReact.Search16
}, {
label: 'Filter',
renderIcon: _iconsReact.Filter16
}, {
label: 'View',
renderIcon: _iconsReact.View16
}],
size: "lg"
}))), /*#__PURE__*/_react.default.createElement(_.CardAreaModule, null, function (_ref2) {
var getLayoutProps = _ref2.getLayoutProps;
return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, {
narrow: true
}, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, null, /*#__PURE__*/_react.default.createElement(SummaryCard, getLayoutProps(), /*#__PURE__*/_react.default.createElement(_.SummaryCardHeader, {
title: "Threat actor"
}))), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, null, /*#__PURE__*/_react.default.createElement(SummaryCard, getLayoutProps(), /*#__PURE__*/_react.default.createElement(_.SummaryCardHeader, {
title: "Threat report"
}))), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, null, /*#__PURE__*/_react.default.createElement(SummaryCard, getLayoutProps(), /*#__PURE__*/_react.default.createElement(_.SummaryCardHeader, {
title: "IP report"
}))), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, null, /*#__PURE__*/_react.default.createElement(SummaryCard, getLayoutProps(), /*#__PURE__*/_react.default.createElement(_.SummaryCardHeader, {
title: "Vulnerability report"
}))));
}), /*#__PURE__*/_react.default.createElement(RowWithContainer, {
narrow: true
}, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, null, /*#__PURE__*/_react.default.createElement(_.TitleBarModule, {
element: "h4",
title: "Indicators"
}))), /*#__PURE__*/_react.default.createElement(_.ICAModule, null, function (_ref3) {
var getLayoutProps = _ref3.getLayoutProps;
return /*#__PURE__*/_react.default.createElement(RowWithContainer, {
narrow: true
}, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, getLayoutProps({
lg: 3,
md: 2,
sm: 2
}), /*#__PURE__*/_react.default.createElement(_.ICA, {
label: "Malware",
value: 11
})), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, getLayoutProps({
lg: 3,
md: 2,
sm: 2
}), /*#__PURE__*/_react.default.createElement(_.ICA, {
label: "IPs",
value: 8
})), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, getLayoutProps({
lg: 3,
md: 2,
sm: 2
}), /*#__PURE__*/_react.default.createElement(_.ICA, {
label: "URLs",
value: 9
})), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, getLayoutProps({
lg: 3,
md: 2,
sm: 2
}), /*#__PURE__*/_react.default.createElement(_.ICA, {
label: "VULs",
value: 1
})));
}), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, {
narrow: true
}, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, null, /*#__PURE__*/_react.default.createElement(_.DataTablePagination, {
headers: [{
header: 'Name',
key: 'name'
}, {
header: 'Last sighted',
key: 'lastSighted'
}],
pageSize: 5,
pageSizes: [5, 10, 25, 50],
rows: [{
id: '0',
lastSighted: 'Feb 3 2019 12:00 PM EST',
name: /*#__PURE__*/_react.default.createElement(_.Decorator, {
score: 7,
type: "MAL",
value: "5020c08bcc061236643293bf0d897321"
})
}, {
id: '1',
lastSighted: 'Feb 5 2019 12:00 PM EST',
name: /*#__PURE__*/_react.default.createElement(_.Decorator, {
score: 7,
type: "MAL",
value: "aca7037286b64b0da05c9708d647c013"
})
}, {
id: '2',
lastSighted: 'Feb 7 2019 12:00 PM EST',
name: /*#__PURE__*/_react.default.createElement(_.Decorator, {
score: 7,
type: "MAL",
value: "bd9e4c82bf12c4e7a58221fc52fed705"
})
}, {
id: '3',
lastSighted: 'Apr 1 2019 12:00 PM EST',
name: /*#__PURE__*/_react.default.createElement(_.Decorator, {
score: 0,
type: "IP",
value: "103.243.175.181"
})
}, {
id: '4',
lastSighted: 'Apr 1 2019 12:00 PM EST',
name: /*#__PURE__*/_react.default.createElement(_.Decorator, {
score: 7,
type: "MAL",
value: "5020c08bcc061236643293bf0d897321"
})
}]
}))));
};