devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
56 lines (55 loc) • 1.94 kB
JavaScript
/**
* DevExtreme (cjs/__internal/pagination/pages/page.js)
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PageDefaultProps = exports.Page = void 0;
var _inferno = require("inferno");
var _inferno2 = require("@devextreme/runtime/inferno");
var _string = require("../../../core/utils/string");
var _render_utils = require("../../core/r1/utils/render_utils");
var _consts = require("../common/consts");
var _light_button = require("../common/light_button");
var _compatibility_utils = require("../utils/compatibility_utils");
const PageDefaultProps = exports.PageDefaultProps = {
index: 0,
selected: false,
className: _consts.PAGINATION_PAGE_CLASS
};
class Page extends _inferno2.BaseInfernoComponent {
constructor() {
super(...arguments);
this.state = {};
this.refs = null
}
getLabel() {
return (0, _string.format)((0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-page"), this.getValue())
}
getValue() {
return this.props.index + 1
}
getClassName() {
return (0, _render_utils.combineClasses)({
[`${this.props.className}`]: !!this.props.className,
[_consts.PAGINATION_SELECTION_CLASS]: !!this.props.selected
})
}
render() {
return (0, _inferno.createComponentVNode)(2, _light_button.LightButton, {
className: this.getClassName(),
label: this.getLabel(),
onClick: this.props.onClick,
selected: this.props.selected,
children: this.getValue()
})
}
}
exports.Page = Page;
Page.defaultProps = PageDefaultProps;