canner/lib/components/toolbar/toolbarlayout.js

Build CMS in few lines of code for different data sources

"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

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

var ToolbarLayout =
/*#__PURE__*/
function (_React$PureComponent) {
  (0, _inherits2.default)(ToolbarLayout, _React$PureComponent);

  function ToolbarLayout() {
    (0, _classCallCheck2.default)(this, ToolbarLayout);
    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ToolbarLayout).apply(this, arguments));
  }

  (0, _createClass2.default)(ToolbarLayout, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          Filter = _this$props.Filter,
          Sort = _this$props.Sort,
          Actions = _this$props.Actions,
          children = _this$props.children,
          Pagination = _this$props.Pagination;
      return React.createElement(React.Fragment, null, React.createElement("div", {
        style: {
          flexWrap: 'wrap'
        }
      }, Actions || Sort ? React.createElement("div", {
        style: {
          display: 'flex',
          justifyContent: 'space-between',
          margin: '8px 0 16px 0'
        }
      }, Actions || React.createElement("div", null), Sort) : null, Filter ? React.createElement("div", {
        style: {
          display: 'flex',
          flexWrap: 'wrap',
          margin: Filter ? '0 0 16px 0' : ''
        }
      }, Filter) : null), React.Children.only(children), Pagination);
    }
  }]);
  return ToolbarLayout;
}(React.PureComponent);

exports.default = ToolbarLayout;