@carbon/ibm-security
Version:
Carbon for Cloud & Cognitive IBM Security UI components
249 lines (248 loc) • 11.8 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _DataTable = require("../DataTable");
var _Pagination = _interopRequireDefault(require("../../Pagination"));
var _namespace = require("../../../globals/namespace");
var _excluded = ["className", "useBackendPagination", "rows", "backwardText", "disabled", "forwardText", "id", "isLastPage", "itemsPerPageText", "itemRangeText", "itemText", "onChange", "page", "pageInputDisabled", "pageNumberText", "pageRangeText", "pageSize", "pageSizes", "pageText", "pagesUnknown", "totalItems"];
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; }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
* @file Data table pagination.
* @copyright IBM Security 2019, 2021
*/
var namespace = (0, _namespace.getComponentNamespace)('data-table-pagination');
var DataTablePagination = /*#__PURE__*/function (_Component) {
function DataTablePagination() {
var _this;
(0, _classCallCheck2.default)(this, DataTablePagination);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _callSuper(this, DataTablePagination, [].concat(args));
(0, _defineProperty2.default)(_this, "state", {
page: _this.props.page,
pageSize: _this.props.pageSize
});
/**
* Update the state with the newest view values, `page` and `pageSize`.
* @param {object} configuration
* @param {number} configuration.page The current page.
* @param {number} configuration.pageSize The current page size.
*/
(0, _defineProperty2.default)(_this, "paginationChange", function (_ref) {
var page = _ref.page,
pageSize = _ref.pageSize;
_this.setState({
page: page,
pageSize: pageSize
});
if (_this.props.onChange) {
_this.props.onChange({
page: page,
pageSize: pageSize
});
}
});
return _this;
}
(0, _inherits2.default)(DataTablePagination, _Component);
return (0, _createClass2.default)(DataTablePagination, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this$props = this.props,
totalItems = _this$props.totalItems,
useBackendPagination = _this$props.useBackendPagination;
if (useBackendPagination && !totalItems) {
console.warn('Please provide `totalItems` if `useBackendPagination` is `true`.');
}
}
}, {
key: "paginateRows",
value:
/**
* Slice the data to only show between the range.
* @param {Array.<Record<string, any>>} rows The rows to update.
* @returns {Array.<Record<string, any>>} The data between the range values.
*/
function paginateRows(rows) {
var start = this.state.pageSize * (this.state.page - 1);
var end = start + this.state.pageSize;
return rows.slice(start, end);
}
}, {
key: "render",
value: function render() {
var _this$props2 = this.props,
className = _this$props2.className,
useBackendPagination = _this$props2.useBackendPagination,
rows = _this$props2.rows,
backwardText = _this$props2.backwardText,
disabled = _this$props2.disabled,
forwardText = _this$props2.forwardText,
id = _this$props2.id,
isLastPage = _this$props2.isLastPage,
itemsPerPageText = _this$props2.itemsPerPageText,
itemRangeText = _this$props2.itemRangeText,
itemText = _this$props2.itemText,
_ = _this$props2.onChange,
page = _this$props2.page,
pageInputDisabled = _this$props2.pageInputDisabled,
pageNumberText = _this$props2.pageNumberText,
pageRangeText = _this$props2.pageRangeText,
pageSize = _this$props2.pageSize,
pageSizes = _this$props2.pageSizes,
pageText = _this$props2.pageText,
pagesUnknown = _this$props2.pagesUnknown,
totalItems = _this$props2.totalItems,
other = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _classnames.default)(className, namespace)
}, /*#__PURE__*/_react.default.createElement(_DataTable.DataTable, (0, _extends2.default)({
rows: useBackendPagination ? rows : this.paginateRows(rows)
}, other)), /*#__PURE__*/_react.default.createElement(_Pagination.default, {
backwardText: backwardText,
disabled: disabled,
forwardText: forwardText,
id: id,
isLastPage: isLastPage,
itemsPerPageText: itemsPerPageText,
itemRangeText: itemRangeText,
itemText: itemText,
onChange: this.paginationChange,
page: page,
pageInputDisabled: pageInputDisabled,
pageNumberText: pageNumberText,
pageRangeText: pageRangeText,
pageSize: pageSize,
pageSizes: pageSizes,
pageText: pageText,
pagesUnknown: pagesUnknown,
totalItems: useBackendPagination ? totalItems : rows.length
}));
}
}]);
}(_react.Component);
(0, _defineProperty2.default)(DataTablePagination, "propTypes", _objectSpread(_objectSpread({}, _DataTable.propTypes), {}, {
/**
* @type {string} The description for the backward icon.
*/
backwardText: _propTypes.default.string,
/** @type {string} Additional classes applied to the wrapper. */
className: _propTypes.default.string,
/**
* @type {boolean} `true` if the backward/forward buttons should be disabled.
*/
disabled: _propTypes.default.bool,
/**
* @type {string} The description for the forward icon.
*/
forwardText: _propTypes.default.string,
/**
* @type {string|number} The unique ID of this component instance.
*/
id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
/**
* @type {boolean} `true` if the current page should be the last page.
*/
isLastPage: _propTypes.default.bool,
/**
* @type {Function} The function returning a translatable text showing where the current page is,
* in a manner of the range of items.
*/
itemRangeText: _propTypes.default.func,
/**
* @type {Function} A variant of `itemRangeText`, used if the total number of items is unknown.
*/
itemText: _propTypes.default.func,
/**
* @type {string} The translatable text indicating the number of items per page.
*/
itemsPerPageText: _propTypes.default.string,
/**
* @type {string} The callback function called when the current page changes.
*/
onChange: _propTypes.default.func,
/**
* @type {number} The current page.
*/
page: _propTypes.default.number,
/**
* @type {boolean} `true` if the select box to change the page should be disabled.
*/
pageInputDisabled: _propTypes.default.bool,
/**
* @type {string}
*/
pageNumberText: _propTypes.default.string,
/**
* @type {Function} A function returning PII showing where the current page is.
*/
pageRangeText: _propTypes.default.func,
/**
* @type {number} The number dictating how many items a page contains.
*/
pageSize: _propTypes.default.number,
/**
* @type {Array<number>} The choices for `pageSize`.
*/
pageSizes: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
/**
* @type {Function} The translatable text showing the current page.
*/
pageText: _propTypes.default.func,
/**
* @type {boolean} `true` if the total number of items is unknown.
*/
pagesUnknown: _propTypes.default.bool,
/**
* @type {number} The total number of items.
*/
totalItems: _propTypes.default.number,
/** @type {boolean} Indicates whether the component relies on a backend to paginate. */
useBackendPagination: _propTypes.default.bool
}));
(0, _defineProperty2.default)(DataTablePagination, "defaultProps", _objectSpread(_objectSpread({}, _DataTable.defaultProps), {}, {
useBackendPagination: false,
className: '',
backwardText: 'Backward',
disabled: false,
forwardText: 'Forward',
isLastPage: false,
itemsPerPageText: 'Items per page',
itemText: function itemText(min, max) {
return "".concat(min, "-").concat(max, " items");
},
itemRangeText: function itemRangeText(min, max, total) {
return "".concat(min, "-").concat(max, " of ").concat(total, " items");
},
page: 1,
pageInputDisabled: false,
pageNumberText: 'Page Number',
pageRangeText: function pageRangeText(current, total) {
return "".concat(current, " of ").concat(total, " pages");
},
pagesUnknown: false,
pageText: function pageText(page) {
return "page ".concat(page);
}
}));
var _default = exports.default = DataTablePagination;