ming-demo3/lib/components/meta/TreeToolbar.js

mdf metaui web

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireWildcard(require("react"));

var _SvgIcon = _interopRequireDefault(require("@mdf/metaui-web/lib/components/common/SvgIcon"));

var TreeToolbar = function (_Component) {
  (0, _inherits2["default"])(TreeToolbar, _Component);

  function TreeToolbar(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, TreeToolbar);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TreeToolbar).call(this, props));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (event, model, item) {
      event.stopPropagation();

      _this.props.iconClick(model, item);
    });
    return _this;
  }

  (0, _createClass2["default"])(TreeToolbar, [{
    key: "renderIcon",
    value: function renderIcon(control, model, item) {
      var _this2 = this;

      var disabled = this.props.disabled;
      var icon = '';
      if (control.icon) icon = '#icon-' + control.icon;
      return _react["default"].createElement("svg", {
        key: control.key,
        className: "icon " + (disabled ? "" : "disabled"),
        "aria-hidden": "true",
        onClick: disabled ? function (e) {
          return _this2.onClick(e, model, item);
        } : undefined
      }, _react["default"].createElement("use", {
        href: icon
      }));
    }
  }, {
    key: "parseShowButtons",
    value: function parseShowButtons() {
      var _this3 = this;

      var buttonArr = [];
      this.props.controls.map(function (control, index) {
        var ctrlType = control.cControlType && control.cControlType.trim().toLocaleLowerCase();
        var controlKey = control.cItemName;

        var controlModel = _this3.props.model.get(controlKey);

        var item = _this3.props.item;
        var button;

        if (ctrlType === 'icon') {
          button = _this3.renderIcon(control, controlModel, item);
          buttonArr.push(button);
        }
      });
      return buttonArr;
    }
  }, {
    key: "render",
    value: function render() {
      var controls = this.parseShowButtons();
      return _react["default"].createElement("span", {
        className: "tree-toolbar"
      }, controls);
    }
  }]);
  return TreeToolbar;
}(_react.Component);

exports["default"] = TreeToolbar;
//# sourceMappingURL=TreeToolbar.js.map