devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
87 lines (86 loc) • 3.52 kB
JavaScript
/**
* DevExtreme (esm/renovation/ui/select_box.js)
* Version: 21.1.4
* Build date: Mon Jun 21 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
var _excluded = ["rootElementRef"],
_excluded2 = ["_feedbackHideTimeout", "_feedbackShowTimeout", "accessKey", "activeStateEnabled", "activeStateUnit", "aria", "children", "className", "classes", "dataSource", "defaultValue", "disabled", "displayExpr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "name", "onActive", "onClick", "onContentReady", "onDimensionChanged", "onFocusIn", "onFocusOut", "onHoverEnd", "onHoverStart", "onInactive", "onKeyDown", "onKeyboardHandled", "onVisibilityChange", "rootElementRef", "rtlEnabled", "tabIndex", "value", "valueChange", "valueExpr", "visible", "width"];
import {
createComponentVNode,
normalizeProps
} from "inferno";
import {
BaseInfernoComponent
} from "@devextreme/vdom";
import {
WidgetProps
} from "./common/widget";
import LegacySelectBox from "../../ui/select_box";
import {
DomComponentWrapper
} from "./common/dom_component_wrapper";
export var viewFunction = _ref => {
var {
props: {
rootElementRef: rootElementRef
},
restAttributes: restAttributes
} = _ref, componentProps = _objectWithoutPropertiesLoose(_ref.props, _excluded);
return normalizeProps(createComponentVNode(2, DomComponentWrapper, _extends({
rootElementRef: rootElementRef,
componentType: LegacySelectBox,
componentProps: componentProps
}, restAttributes)))
};
export var SelectBoxProps = _extends({}, WidgetProps, {
focusStateEnabled: true,
hoverStateEnabled: true,
defaultValue: null
});
export class SelectBox extends BaseInfernoComponent {
constructor(props) {
super(props);
this._currentState = null;
this.state = {
value: void 0 !== this.props.value ? this.props.value : this.props.defaultValue
}
}
get __state_value() {
var state = this._currentState || this.state;
return void 0 !== this.props.value ? this.props.value : state.value
}
set_value(value) {
this.setState(state => {
var _this$props$valueChan, _this$props;
this._currentState = state;
var newValue = value();
null === (_this$props$valueChan = (_this$props = this.props).valueChange) || void 0 === _this$props$valueChan ? void 0 : _this$props$valueChan.call(_this$props, newValue);
this._currentState = null;
return {
value: newValue
}
})
}
get restAttributes() {
var _this$props$value = _extends({}, this.props, {
value: this.__state_value
}),
restProps = _objectWithoutPropertiesLoose(_this$props$value, _excluded2);
return restProps
}
render() {
var props = this.props;
return viewFunction({
props: _extends({}, props, {
value: this.__state_value
}),
restAttributes: this.restAttributes
})
}
}
SelectBox.defaultProps = _extends({}, SelectBoxProps);