UNPKG

@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
"use strict"; 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