meteor-interface/build/ui/SettingsLayout/components/SettingsLeftMenu.js

Simple Content Management System to generate your administration interface for Meteor and React.

"use strict";

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

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

var _semanticUiReact = require("semantic-ui-react");

var _reactSpring = require("react-spring");

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

// Packages
var settingsItem = [{
  label: 'Users',
  path: 'users',
  icon: 'users'
}, {
  label: 'Keys',
  path: 'keys',
  icon: 'key'
}];

var SettingsLeftMenu = function SettingsLeftMenu(_ref) {
  var _ref$location = _ref.location,
      location = _ref$location === void 0 ? {} : _ref$location,
      history = _ref.history,
      root = _ref.root;
  return _react.default.createElement(_reactSpring.Spring, {
    from: {
      opacity: 0,
      marginLeft: -600
    },
    to: {
      opacity: 1,
      marginLeft: 0
    }
  }, function (styles) {
    return _react.default.createElement(_semanticUiReact.Menu, {
      pointing: true,
      fluid: true,
      vertical: true,
      style: styles,
      color: "green"
    }, _react.default.createElement(_reactSpring.Transition, {
      keys: settingsItem.map(function (item) {
        return item.path;
      }),
      from: {
        opacity: 0,
        height: 0,
        paddingTop: 0,
        paddingBottom: 0
      },
      enter: {
        opacity: 1,
        height: 40,
        paddingTop: 13,
        paddingBottom: 13
      },
      leave: {
        opacity: 0,
        height: 0,
        paddingTop: 0,
        paddingBottom: 0
      }
    }, settingsItem.map(function (item) {
      return function (styles) {
        return _react.default.createElement(_semanticUiReact.Menu.Item, {
          name: item.label,
          style: styles,
          icon: item.icon,
          key: item.path,
          active: location.pathname.indexOf("".concat(root, "/settings/").concat(item.path)) > -1,
          onClick: function onClick() {
            return history.push("".concat(root, "/settings/").concat(item.path));
          }
        });
      };
    })));
  });
};

var _default = SettingsLeftMenu;
exports.default = _default;