@talend/react-containers
Version:
Provide connected components aka containers for @talend/react-cmf based on @talend/react-components.
63 lines (62 loc) • 2.64 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.VALUE_ATTR = exports.DISPLAY_NAME = exports.DEFAULT_STATE = void 0;
var _react = require("react");
var _reactCmf = require("@talend/react-cmf");
var _immutable = _interopRequireDefault(require("immutable"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _lodash = require("lodash");
var _reactComponents = require("@talend/react-components");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
const VALUE_ATTR = exports.VALUE_ATTR = 'value';
const DEFAULT_STATE = exports.DEFAULT_STATE = new _immutable.default.Map({
[VALUE_ATTR]: undefined
});
const DISPLAY_NAME = exports.DISPLAY_NAME = 'Container(Slider)';
class Slider extends _react.Component {
constructor(props) {
super(props);
this.onChange = this.onChange.bind(this);
this.onAfterChange = this.onAfterChange.bind(this);
}
onAfterChange(value) {
if (this.props.onAfterChange) {
this.props.onAfterChange(value);
}
}
onChange(value) {
this.props.setState(prevState => prevState.state.set(VALUE_ATTR, value));
if (this.props.onChange) {
this.props.onChange(value);
}
}
render() {
const state = this.props.state || DEFAULT_STATE;
const props = {
...(0, _lodash.omit)(this.props, _reactCmf.cmfConnect.INJECTED_PROPS),
value: state.get(VALUE_ATTR, this.props.value),
onChange: this.onChange,
onAfterChange: this.onAfterChange
};
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactComponents.Slider, {
...props
});
}
}
_defineProperty(Slider, "displayName", DISPLAY_NAME);
_defineProperty(Slider, "propTypes", {
..._reactCmf.cmfConnect.propTypes,
id: _propTypes.default.string,
value: _propTypes.default.number
});
_defineProperty(Slider, "defaultProps", {
value: 0
});
var _default = exports.default = Slider;
//# sourceMappingURL=Slider.container.js.map