devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
75 lines (74 loc) • 2.31 kB
JavaScript
/**
* DevExtreme (esm/renovation/ui/common/ink_ripple.js)
* Version: 21.2.4
* Build date: Mon Dec 06 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import _extends from "@babel/runtime/helpers/esm/extends";
var _excluded = ["config"];
import {
createVNode,
normalizeProps
} from "inferno";
import {
BaseInfernoComponent
} from "@devextreme/runtime/inferno";
import {
initConfig,
showWave,
hideWave
} from "../../../ui/widget/utils.ink_ripple";
export var viewFunction = model => normalizeProps(createVNode(1, "div", "dx-inkripple", null, 1, _extends({}, model.restAttributes)));
export var InkRippleProps = {
get config() {
return {}
}
};
export class InkRipple extends BaseInfernoComponent {
constructor(props) {
super(props);
this.state = {};
this.__getterCache = {};
this.hideWave = this.hideWave.bind(this);
this.showWave = this.showWave.bind(this)
}
get getConfig() {
if (void 0 !== this.__getterCache.getConfig) {
return this.__getterCache.getConfig
}
return this.__getterCache.getConfig = (() => {
var {
config: config
} = this.props;
return initConfig(config)
})()
}
get restAttributes() {
var _this$props = this.props,
restProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
return restProps
}
hideWave(opts) {
hideWave(this.getConfig, opts)
}
showWave(opts) {
showWave(this.getConfig, opts)
}
componentWillUpdate(nextProps, nextState, context) {
if (this.props.config !== nextProps.config) {
this.__getterCache.getConfig = void 0
}
}
render() {
var props = this.props;
return viewFunction({
props: _extends({}, props),
getConfig: this.getConfig,
restAttributes: this.restAttributes
})
}
}
InkRipple.defaultProps = InkRippleProps;