@barteh/core/react/withTitle/withTitle.1.js

a common library for barteh based projects

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.withTitleSingle = withTitleSingle;
exports.default = withTitle;
exports.withTitleHOC = exports.DefaultTitleBar = void 0;

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

var _core = require("@material-ui/core");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

//import PropTypes from 'prop-types';

/**
 * @deprecated default title bar
 */
var DefaultTitleBar =
/*#__PURE__*/
function (_React$PureComponent) {
  _inherits(DefaultTitleBar, _React$PureComponent);

  function DefaultTitleBar() {
    _classCallCheck(this, DefaultTitleBar);

    return _possibleConstructorReturn(this, _getPrototypeOf(DefaultTitleBar).apply(this, arguments));
  }

  _createClass(DefaultTitleBar, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          title = _this$props.title,
          subTitle = _this$props.subTitle,
          description = _this$props.description,
          AIcon = _this$props.AIcon,
          hasIcon = _this$props.hasIcon;
      return _react.default.createElement("div", null, _react.default.createElement(_core.Grid, {
        container: true
      }, _react.default.createElement(_core.Grid, {
        item: true,
        lg: 1,
        xl: 1,
        md: 1,
        sm: 2,
        xs: 2,
        style: {
          textAlign: "center"
        }
      }, hasIcon && _react.default.createElement(AIcon, null)), _react.default.createElement(_core.Grid, {
        item: true,
        lg: 5,
        xl: 5,
        md: 5,
        sm: 5,
        xs: 5
      }, _react.default.createElement("div", null, _react.default.createElement(_core.Typography, {
        variant: "title",
        color: "primary",
        noWrap: true
      }, "\u25CB ", title), _react.default.createElement(_core.Typography, {
        variant: "subheading",
        color: "textSecondary",
        noWrap: true,
        paragraph: true
      }, "\u2666 ", subTitle))), _react.default.createElement(_core.Grid, {
        item: true,
        lg: 6,
        xl: 6,
        md: 6,
        sm: 5,
        xs: 5
      }, _react.default.createElement("div", null, _react.default.createElement(_core.Typography, {
        align: "justify",
        variant: "body2",
        paragraph: true,
        color: "default",
        style: {
          textIndent: "5pt"
        }
      }, description)))), _react.default.createElement(_core.Divider, null));
    }
  }]);

  return DefaultTitleBar;
}(_react.default.PureComponent); // DefaultTitleBar.propTypes = {
//   title: PropTypes.string,
//   subTitle: PropTypes.string,
//   description: PropTypes.string,
//   AIcon: PropTypes.Component,
//   hasIcon:PropTypes.object
// }

/**
 *
 * @param {component} A
 * @description an HOC for adding title to barteh routing component
 */


exports.DefaultTitleBar = DefaultTitleBar;

var withTitleHOC = function withTitleHOC(A, TitleBar) {
  return (
    /*#__PURE__*/
    function (_React$Component) {
      _inherits(_class2, _React$Component);

      function _class2() {
        var _getPrototypeOf2;

        var _this;

        _classCallCheck(this, _class2);

        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
          args[_key] = arguments[_key];
        }

        _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(_class2)).call.apply(_getPrototypeOf2, [this].concat(args)));

        _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "state", {
          in: false
        });

        return _this;
      }

      _createClass(_class2, [{
        key: "componentDidMount",
        value: function componentDidMount() {
          this.setState({
            in: true
          });
        }
      }, {
        key: "render",
        value: function render() {
          var title = (A.context || {}).title || (A.component.context || {}).title;
          var subTitle = (A.context || {}).subTitle || (A.component.context || {}).subTitle;
          var pIcon = (A.context || {}).icon || (A.component.context || {}).icon; // || <span className="bt bt-activity bt-3x" />);

          var AIcon = function AIcon() {
            return pIcon;
          };

          var description = (A.context || {}).description || (A.component.context || {}).description;
          var needToTitle = pIcon || description || title || subTitle;
          if (!needToTitle) return _react.default.createElement(_core.Slide, {
            in: this.state.in,
            direction: "left"
          }, _react.default.createElement(A.component, this.props));else return _react.default.createElement("div", null, _react.default.createElement(_core.Slide, {
            in: this.state.in,
            direction: "right"
          }, _react.default.createElement(TitleBar, {
            title: title,
            subTitle: subTitle,
            description: description,
            AIcon: AIcon,
            hasIcon: pIcon
          })), _react.default.createElement("div", {
            style: {
              marginTop: "10px"
            }
          }, _react.default.createElement(_core.Slide, {
            in: this.state.in,
            direction: "up"
          }, _react.default.createElement(A.component, this.props))));
        }
      }]);

      return _class2;
    }(_react.default.Component)
  );
};

exports.withTitleHOC = withTitleHOC;

function withTitleSingle(inroute, TitleBar) {
  var out = {};

  for (var o in inroute) {
    if (o !== "component") {
      out[o] = inroute[o];
    }
  }

  out.component = withTitleHOC(inroute, inroute.component.TitleBar || TitleBar || DefaultTitleBar);
  return out;
}

function withTitle(routes, TitleBar) {
  var out = [];

  for (var i = 0; i < routes.length; i++) {
    out.push(withTitleSingle(routes[i], TitleBar));
  }

  return out;
}