devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
70 lines (69 loc) • 2.96 kB
JavaScript
/**
* DevExtreme (cjs/__internal/pagination/common/light_button.js)
* Version: 24.2.7
* Build date: Mon Apr 28 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LightButtonDefaultProps = exports.LightButton = void 0;
var _inferno = require("inferno");
var _inferno2 = require("@devextreme/runtime/inferno");
var _subscribe_to_event = require("../../core/r1/utils/subscribe_to_event");
var _keyboard_action_context = require("./keyboard_action_context");
const LightButtonDefaultProps = exports.LightButtonDefaultProps = {
className: "",
label: "",
tabIndex: 0,
selected: false
};
class LightButton extends _inferno2.InfernoComponent {
constructor(props) {
super(props);
this.state = {};
this.refs = null;
this.widgetRef = (0, _inferno.createRef)();
this.keyboardEffect = this.keyboardEffect.bind(this);
this.subscribeToClick = this.subscribeToClick.bind(this)
}
getComponentProps() {
return this.props
}
getKeyboardContext() {
if (this.context[_keyboard_action_context.KeyboardActionContext.id]) {
return this.context[_keyboard_action_context.KeyboardActionContext.id]
}
return _keyboard_action_context.KeyboardActionContext.defaultValue
}
componentWillUpdate(nextProps, nextState, context) {
super.componentWillUpdate(nextProps, nextState, context)
}
createEffects() {
return [new _inferno2.InfernoEffect(this.keyboardEffect, [this.getKeyboardContext(), this.props.onClick]), new _inferno2.InfernoEffect(this.subscribeToClick, [this.props.onClick])]
}
updateEffects() {
var _this$_effects$, _this$_effects$2;
null === (_this$_effects$ = this._effects[0]) || void 0 === _this$_effects$ || _this$_effects$.update([this.getKeyboardContext(), this.props.onClick]);
null === (_this$_effects$2 = this._effects[1]) || void 0 === _this$_effects$2 || _this$_effects$2.update([this.props.onClick])
}
keyboardEffect() {
return this.getKeyboardContext().registerKeyboardAction(this.widgetRef.current, this.props.onClick)
}
subscribeToClick() {
return (0, _subscribe_to_event.subscribeToClickEvent)(this.widgetRef.current, this.props.onClick)
}
render() {
return (0, _inferno.createVNode)(1, "div", this.props.className, this.props.children, 0, {
tabIndex: this.props.tabIndex,
role: "button",
"aria-label": this.props.label,
"aria-current": this.props.selected ? "page" : void 0
}, null, this.widgetRef)
}
}
exports.LightButton = LightButton;
LightButton.defaultProps = LightButtonDefaultProps;