codogo-react-widgets/dist/components/shell/sidebar.js

Provides a unified way to access the styling of commonly used widgets across different apps

"use strict";

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

var _taggedTemplateLiteral2 = require("babel-runtime/helpers/taggedTemplateLiteral");

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(["\n\talign-items: center;\n\tbackground-color: ", ";\n\tbox-shadow: 0px 0px 8px black;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\toverflow: hidden;\n"], ["\n\talign-items: center;\n\tbackground-color: ", ";\n\tbox-shadow: 0px 0px 8px black;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\toverflow: hidden;\n"]),
    _templateObject2 = (0, _taggedTemplateLiteral3.default)(["\n\tquery GetAllOrgs{\n\t\tviewer {\n\t\t\tuser {\n\t\t\t\tid\n\t\t\t\tpersonal {\n\t\t\t\t\tid\n\t\t\t\t}\n\t\t\t\tmemberOf {\n\t\t\t\t\tedges {\n\t\t\t\t\t\tnode {\n\t\t\t\t\t\t\tid\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tadminOf {\n\t\t\t\t\tedges {\n\t\t\t\t\t\tnode {\n\t\t\t\t\t\t\tid\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"], ["\n\tquery GetAllOrgs{\n\t\tviewer {\n\t\t\tuser {\n\t\t\t\tid\n\t\t\t\tpersonal {\n\t\t\t\t\tid\n\t\t\t\t}\n\t\t\t\tmemberOf {\n\t\t\t\t\tedges {\n\t\t\t\t\t\tnode {\n\t\t\t\t\t\t\tid\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tadminOf {\n\t\t\t\t\tedges {\n\t\t\t\t\t\tnode {\n\t\t\t\t\t\t\tid\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"]);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _ramda = require("ramda");

var _ramda2 = _interopRequireDefault(_ramda);

var _styledComponents = require("styled-components");

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _reactApollo = require("react-apollo");

var _button = require("./button");

var _button2 = _interopRequireDefault(_button);

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

//------------------------------

var Sidebar = _styledComponents2.default.div(_templateObject, function (_ref) {
	var theme = _ref.theme;
	return theme.colors.main;
});

var getAllOrgs = (0, _reactApollo.gql)(_templateObject2);

//------------------------------

exports.default = (0, _reactApollo.graphql)(getAllOrgs, {
	name: "getAllOrgs"
})(function (props) {
	var orgIDs = _ramda2.default.pipe(_ramda2.default.path(["getAllOrgs", "viewer", "user"]), _ramda2.default.evolve({
		memberOf: _ramda2.default.propOr([], "edges"),
		adminOf: _ramda2.default.propOr([], "edges")
	}), _ramda2.default.pick(["memberOf", "adminOf"]), _ramda2.default.values, _ramda2.default.flatten, _ramda2.default.map(_ramda2.default.path(["node", "id"])), _ramda2.default.filter(_ramda2.default.identity), _ramda2.default.uniqBy(_ramda2.default.identity))(props);

	return _react2.default.createElement(
		Sidebar,
		null,
		_react2.default.createElement(_button2.default, {
			isUser: true,
			differentiateUserAndOrg: props.differentiateUserAndOrg
		}),
		props.getAllOrgs.loading ? _ramda2.default.times(_ramda2.default.identity, 3).map(function (i) {
			return _react2.default.createElement(_button2.default, { isPlaceholder: true, key: i });
		}) : orgIDs.map(function (orgID) {
			return _react2.default.createElement(_button2.default, {
				isOrg: true,
				key: orgID,
				id: orgID,
				differentiateUserAndOrg: props.differentiateUserAndOrg
			});
		}),
		_react2.default.createElement(_button2.default, { isAddNew: true })
	);
});

//# sourceMappingURL=sidebar.js.map