"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const mobx_react_1 = require("xmobx/mobx-react");

const state_1 = require("../../../../state");

const fixture_1 = require("./fixture");

const renderProps_1 = require("./renderProps");

let TextEllipsis = class TextEllipsis extends react_1.default.Component {
  constructor() {
    super(...arguments);
    this.observableState = state_1.toCommonState(this.props);
  }

  render() {
    const _a = this.props,
          {
      renderWrapper
    } = _a,
          remainingProps = tslib_1.__rest(_a, ["renderWrapper"]);

    const children = renderProps_1.defaultRenderTextExpandToggle(remainingProps, this.observableState);
    const view = renderWrapper(Object.assign({}, remainingProps, {
      children
    }));
    return view;
  }

};
TextEllipsis.defaultProps = {
  className: '',
  width: 200,
  noOfLines: 2,
  noOfCharacters: 75,
  content: fixture_1.content,
  shouldTrimWhiteSpace: false,
  showMoreLabel: fixture_1.showMoreLabel,
  showHideLabel: fixture_1.showHideLabel,

  /**
   * renderProps
   */
  renderWrapper: renderProps_1.defaultRenderWrapper
};
TextEllipsis = tslib_1.__decorate([mobx_react_1.observer], TextEllipsis);
exports.TextEllipsis = TextEllipsis;
exports.default = TextEllipsis; //# sourceMappingURL=TextEllipsis.js.map