test-lib-audits
Version:
React library for audits
575 lines (526 loc) • 21.4 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
var _reactTable = require("react-table");
var _reactTable2 = _interopRequireDefault(_reactTable);
var _moment = require("moment");
var _moment2 = _interopRequireDefault(_moment);
require("react-table/react-table.css");
var _filter = require("../../assets/filter.png");
var _filter2 = _interopRequireDefault(_filter);
var _noun_sorting_ = require("../../assets/noun_sorting_1058866.svg");
var _noun_sorting_2 = _interopRequireDefault(_noun_sorting_);
var _profile = require("../../assets/profile.png");
var _profile2 = _interopRequireDefault(_profile);
var _israel = require("../../assets/israel.png");
var _israel2 = _interopRequireDefault(_israel);
var _noun_confirm_ = require("../../assets/noun_confirm_275573.svg");
var _noun_confirm_2 = _interopRequireDefault(_noun_confirm_);
var _Pagination = require("./Pagination");
var _Pagination2 = _interopRequireDefault(_Pagination);
require("./style.css");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
(function () {
var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule;
enterModule && enterModule(module);
})();
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
return a;
};
// import sortDownIcon from "../../assets/noun_sort_down.svg";
// import maximumIcon from "../../assets/noun_maximize_330186.svg";
// import binIcon from "../../assets/bin.png";
var TableContent = function (_React$Component) {
_inherits(TableContent, _React$Component);
function TableContent(props) {
_classCallCheck(this, TableContent);
var _this = _possibleConstructorReturn(this, (TableContent.__proto__ || Object.getPrototypeOf(TableContent)).call(this, props));
_this.handleKeyFilter = function (filterKey) {
console.log({ filterKey: filterKey });
_this.setState({ filterKey: filterKey });
};
_this.createFilterObj = function () {
var obj = { key: _this.state.filterKey, value: _this.state.filterValue };
_this.setState({ filterValue: "", filterKey: "" });
_this.props.filterData(obj);
};
_this.state = {
filterKey: "",
filterValue: "",
filterObj: {}
};
_this.renderColumns = _this.renderColumns.bind(_this);
return _this;
}
_createClass(TableContent, [{
key: "renderColumns",
value: function renderColumns() {
var _this2 = this;
var _state = this.state,
filterValue = _state.filterValue,
filterKey = _state.filterKey;
var columns = [];
this.props.headerProps.map(function (col, idx) {
var lastIndex = _this2.props.headerProps.length - 1;
var obj = {
Header: function Header(props) {
var _React$createElement;
return _react2.default.createElement(
"div",
{ className: "time-filter" },
col.displayName,
" ",
col.sortable && _react2.default.createElement("img", { src: _noun_sorting_2.default, alt: "sort", className: "filter-icon" }),
col.filterable && _react2.default.createElement(
"a",
{ onClick: function onClick() {
return _this2.handleKeyFilter(col.name);
} },
_react2.default.createElement("img", {
src: _filter2.default,
alt: "filter",
width: 10,
height: 10,
className: "time-filter-btn filter-icon"
})
),
_react2.default.createElement(
"div",
{
className: "time-filter-div " + (idx === lastIndex ? "last-filter" : ""),
style: col.name === filterKey ? { display: "block" } : {} },
_react2.default.createElement(
"h5",
{ className: "filter-user-text" },
"Filter By User"
),
_react2.default.createElement(
"div",
null,
_react2.default.createElement("input", (_React$createElement = {
type: "text",
placeholder: "Search User",
key: col.name,
className: "filter-user-input"
}, _defineProperty(_React$createElement, "type", "text"), _defineProperty(_React$createElement, "name", col.name), _defineProperty(_React$createElement, "value", filterValue), _defineProperty(_React$createElement, "onChange", function onChange(e) {
return _this2.setState({ filterValue: e.target.value });
}), _React$createElement)),
_react2.default.createElement("img", {
src: _noun_confirm_2.default,
className: "confirm-btn",
alt: "confirm",
onClick: function onClick() {
return _this2.createFilterObj();
}
})
)
)
);
},
accessor: col.name,
sortable: false,
Cell: function Cell(rowProps) {
switch (col.name) {
case "date":
return _react2.default.createElement(
"div",
null,
_react2.default.createElement(
"span",
{ className: "name" },
(0, _moment2.default)(rowProps.row._original.time).format("DD/MM/YYYY hh:mm:ss")
),
_react2.default.createElement("br", null),
_react2.default.createElement(
"span",
{ className: "time-status" },
(0, _moment2.default)(rowProps.row._original.time).fromNow("")
)
);
case "severity":
return _react2.default.createElement(
"div",
{
className: "severity-div " + rowProps.row[col.name].toLowerCase() },
_react2.default.createElement(
"span",
{ className: "severity-text" },
rowProps.row[col.name]
),
_react2.default.createElement("div", {
className: "severity-inner-div " + rowProps.row[col.name].toLowerCase()
})
);
default:
return _react2.default.createElement(
"div",
null,
_react2.default.createElement(
"span",
{ className: "name" },
rowProps.row[col.name]
)
);
}
},
headerStyle: {
backgroundColor: "white",
border: "0px",
borderBottom: "1px solid rgb(221, 221, 221)",
textAlign: "start",
padding: "10px"
},
style: { backgroundColor: "white", padding: "10px" },
className: "cell-center"
};
columns.push(obj);
});
if (columns.length > 0) {
columns.unshift({
Header: function Header() {
return _react2.default.createElement(
"div",
null,
_react2.default.createElement("input", { type: "checkbox" })
);
},
sortable: false,
Cell: _react2.default.createElement(
"div",
null,
_react2.default.createElement("input", { type: "checkbox" })
),
headerStyle: {
backgroundColor: "white",
borderRight: "0px",
borderBottom: "1px solid rgb(221, 221, 221)",
padding: "10px"
},
cellStyle: {
backgroundColor: "black"
},
style: {
backgroundColor: "white",
textAlign: "center",
padding: "10px"
},
className: "cell-center-checkbox",
width: 50
});
}
return columns;
}
}, {
key: "render",
value: function render() {
var _state2 = this.state,
filterValue = _state2.filterValue,
filterKey = _state2.filterKey;
var columns = this.renderColumns();
return _react2.default.createElement(
"div",
null,
_react2.default.createElement(
"div",
{ className: "table-content" },
_react2.default.createElement(_reactTable2.default, {
style: {
width: "100%",
borderTop: "1px solid rgb(221, 221, 221)",
borderBottom: "0px",
borderRight: "0px",
borderLeft: "0px"
},
loading: this.props.isLoading && this.props.rowsData.length <= 0,
defaultPageSize: 10,
minRows: 1,
data: this.props.rowsData,
PaginationComponent: _Pagination2.default,
className: "-striped -highlight",
columns: columns
})
),
_react2.default.createElement(
"div",
{ className: "table-content-mobile" },
_react2.default.createElement(
"div",
{ className: "table-content-div" },
_react2.default.createElement(
"div",
{ className: "info-div" },
_react2.default.createElement("div", { className: "mark-div" }),
_react2.default.createElement(
"div",
{ className: "section-one" },
_react2.default.createElement(
"div",
{ className: "address-div" },
_react2.default.createElement(
"span",
{ className: "info-name" },
"128.245.1.10"
),
_react2.default.createElement("br", null),
_react2.default.createElement("img", { src: _israel2.default, alt: "flag", width: 7, height: 7 }),
_react2.default.createElement(
"span",
{ className: "info-flag-name" },
" Isreal"
)
),
_react2.default.createElement(
"div",
{ className: "time-div" },
_react2.default.createElement(
"span",
{ className: "info-name" },
"TODAY"
),
_react2.default.createElement("br", null),
_react2.default.createElement(
"span",
{ className: "info-name" },
" 10:06:20"
)
)
)
),
_react2.default.createElement(
"div",
{ className: "detail-content-div" },
_react2.default.createElement(
"div",
{ className: "user-div" },
_react2.default.createElement(
"div",
{ className: "image-div" },
_react2.default.createElement("img", { src: _profile2.default, alt: "profile" })
),
_react2.default.createElement(
"div",
{ className: "detail-div" },
_react2.default.createElement(
"span",
{ className: "name" },
"Francisco Pattons"
),
_react2.default.createElement("br", null),
_react2.default.createElement(
"span",
{ className: "email" },
"fran.pat@thingsecure.io"
)
)
),
_react2.default.createElement(
"div",
null,
_react2.default.createElement(
"span",
{ className: "status-span" },
"Failed attempt to login to portal"
)
),
_react2.default.createElement(
"div",
{ className: "detail-tags" },
_react2.default.createElement(
"div",
{ className: "detail-content" },
_react2.default.createElement(
"div",
{ className: "detail-content-sections" },
_react2.default.createElement(
"span",
{ className: "head-span" },
"Resource"
),
_react2.default.createElement(
"span",
{ className: "child-span" },
"Portal"
)
),
_react2.default.createElement(
"div",
{ className: "detail-content-sections" },
_react2.default.createElement(
"span",
{ className: "head-span" },
"Action"
),
_react2.default.createElement(
"span",
{ className: "child-span" },
"Login"
)
)
),
_react2.default.createElement(
"div",
{ className: "menu" },
_react2.default.createElement("i", { className: "fa fa-ellipsis-v" })
)
)
)
),
_react2.default.createElement(
"div",
{ className: "table-content-div" },
_react2.default.createElement(
"div",
{ className: "info-div" },
_react2.default.createElement("div", { className: "mark-div medium" }),
_react2.default.createElement(
"div",
{ className: "section-one" },
_react2.default.createElement(
"div",
{ className: "address-div" },
_react2.default.createElement(
"span",
{ className: "info-name" },
"128.245.1.10"
),
_react2.default.createElement("br", null),
_react2.default.createElement("img", { src: _israel2.default, alt: "flag", width: 7, height: 7 }),
_react2.default.createElement(
"span",
{ className: "info-flag-name" },
" Isreal"
)
),
_react2.default.createElement(
"div",
{ className: "time-div" },
_react2.default.createElement(
"span",
{ className: "info-name" },
"TODAY"
),
_react2.default.createElement("br", null),
_react2.default.createElement(
"span",
{ className: "info-name" },
" 10:06:20"
)
)
)
),
_react2.default.createElement(
"div",
{ className: "detail-content-div" },
_react2.default.createElement(
"div",
{ className: "user-div" },
_react2.default.createElement(
"div",
{ className: "image-div" },
_react2.default.createElement("img", { src: _profile2.default, alt: "profile" })
),
_react2.default.createElement(
"div",
{ className: "detail-div" },
_react2.default.createElement(
"span",
{ className: "name" },
"Francisco Pattons"
),
_react2.default.createElement("br", null),
_react2.default.createElement(
"span",
{ className: "email" },
"fran.pat@thingsecure.io"
)
)
),
_react2.default.createElement(
"div",
null,
_react2.default.createElement(
"span",
{ className: "status-span" },
"Change Setting"
)
),
_react2.default.createElement(
"div",
{ className: "detail-tags" },
_react2.default.createElement(
"div",
{ className: "detail-content" },
_react2.default.createElement(
"div",
{ className: "detail-content-sections" },
_react2.default.createElement(
"span",
{ className: "head-span" },
"Resource"
),
_react2.default.createElement(
"span",
{ className: "child-span" },
"Setting"
)
),
_react2.default.createElement(
"div",
{ className: "detail-content-sections" },
_react2.default.createElement(
"span",
{ className: "head-span" },
"Action"
),
_react2.default.createElement(
"span",
{ className: "child-span" },
"Change"
)
)
),
_react2.default.createElement(
"div",
{ className: "menu" },
_react2.default.createElement("i", { className: "fa fa-ellipsis-v" })
)
)
)
)
)
);
}
}, {
key: "__reactstandin__regenerateByEval",
// @ts-ignore
value: function __reactstandin__regenerateByEval(key, code) {
// @ts-ignore
this[key] = eval(code);
}
}]);
return TableContent;
}(_react2.default.Component);
var _default = TableContent;
exports.default = _default;
;
(function () {
var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default;
if (!reactHotLoader) {
return;
}
reactHotLoader.register(TableContent, "TableContent", "src/components/TableContent/index.js");
reactHotLoader.register(_default, "default", "src/components/TableContent/index.js");
})();
;
(function () {
var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule;
leaveModule && leaveModule(module);
})();