@talend/react-containers/lib/EditableText/EditableText.container.js

Provide connected components aka containers for @talend/react-cmf based on @talend/react-components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.DISPLAY_NAME = exports.DEFAULT_STATE = void 0;
var _react = require("react");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _immutable = _interopRequireDefault(require("immutable"));
var _reactCmf = require("@talend/react-cmf");
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 DISPLAY_NAME = exports.DISPLAY_NAME = 'Container(EditableText)';
const DEFAULT_STATE = exports.DEFAULT_STATE = new _immutable.default.Map({
  editMode: false
});
class EditableText extends _react.Component {
  constructor(props) {
    super(props);
    this.onCancel = this.onCancel.bind(this);
    this.onEdit = this.onEdit.bind(this);
    this.onSubmit = this.onSubmit.bind(this);
    this.onChange = this.onChange.bind(this);
  }
  onSubmit(event, data) {
    this.props.setState({
      editMode: false
    });
    if (this.props.onSubmit) {
      this.props.onSubmit(event, data);
    }
    if (this.props.actionCreatorSubmit) {
      this.props.dispatchActionCreator(this.props.actionCreatorSubmit, event, {
        props: this.props,
        data
      });
    }
  }
  onCancel(event) {
    this.props.setState({
      editMode: false
    });
    if (this.props.onCancel) {
      this.props.onCancel(event);
    }
    if (this.props.actionCreatorCancel) {
      this.props.dispatchActionCreator(this.props.actionCreatorCancel, event, {
        props: this.props
      });
    }
  }
  onEdit(event) {
    this.props.setState({
      editMode: true
    });
    if (this.props.onEdit) {
      this.props.onEdit(event);
    }
    if (this.props.actionCreatorEdit) {
      this.props.dispatchActionCreator(this.props.actionCreatorEdit, event, {
        props: this.props
      });
    }
  }
  onChange(event) {
    if (this.props.onChange) {
      this.props.onChange(event, event.target.value);
    }
    if (this.props.actionCreatorChange) {
      this.props.dispatchActionCreator(this.props.actionCreatorChange, event, {
        props: this.props,
        value: event.target.value
      });
    }
  }
  render() {
    const state = this.props.state || DEFAULT_STATE;
    const props = {
      ...(0, _lodash.omit)(this.props, _reactCmf.cmfConnect.INJECTED_PROPS),
      onEdit: this.onEdit,
      onCancel: this.onCancel,
      onSubmit: this.onSubmit,
      onChange: this.onChange,
      ...state.toJS()
    };
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactComponents.EditableText, {
      ...props
    });
  }
}
_defineProperty(EditableText, "displayName", DISPLAY_NAME);
_defineProperty(EditableText, "propTypes", {
  ..._reactCmf.cmfConnect.propTypes,
  actionCreatorCancel: _propTypes.default.string,
  actionCreatorEdit: _propTypes.default.string,
  actionCreatorSubmit: _propTypes.default.string,
  actionCreatorChange: _propTypes.default.string,
  onCancel: _propTypes.default.func,
  onEdit: _propTypes.default.func,
  onSubmit: _propTypes.default.func,
  onChange: _propTypes.default.func,
  text: _propTypes.default.string.isRequired
});
var _default = exports.default = EditableText;
//# sourceMappingURL=EditableText.container.js.map