@lskjs/page/PageTabs.js

LSK ux subrepo: page

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

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

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

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

var _mobx = require("@lskjs/mobx");

var _rcMenu = _interopRequireWildcard(require("rc-menu"));

var _get = _interopRequireDefault(require("lodash/get"));

var _core = require("@emotion/core");

var _Link = require("@lskjs/link/Link.context");

var _templateObject;

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

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

// import PageTitleActions from '../PageTitleActions';
var tabsStyle = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background: transparent;\n  margin: 16px 10px -1px;\n"])));
exports.tabsStyle = tabsStyle;

var PageTabs = function PageTabs(_ref) {
  var onClickProps = _ref.onClick,
      tabs = _ref.tabs,
      tab = _ref.tab,
      page = _ref.page;
  return (0, _core.jsx)(_Link.Consumer, null, function (value) {
    var onClick = (0, _get["default"])(value, 'onClick', onClickProps);
    return (0, _core.jsx)(_rcMenu["default"], {
      onClick: onClick,
      selectedKeys: [tab || (0, _get["default"])(page, 'state.meta.tab')].filter(function (a) {
        return a;
      }),
      mode: "horizontal",
      css: tabsStyle
    }, tabs.map(function (props) {
      return (0, _core.jsx)(_rcMenu.MenuItem, props);
    }));
  });
};

exports.PageTabs = PageTabs;

var _default = (0, _mobx.inject)('page')((0, _mobx.observer)(PageTabs)); // {
//   /* <Menu
// onClick={(e) => {
//   console.log('clicked menu', e); // eslint-disable-line no-console
// }}
// selectedKeys={['users']}
// mode="horizontal"
// className={tabsStyle}
// >
// <Menu.Item key="users">
//   <Icon type="team" />
//   <T name="cabinetSidebar.users" />
// </Menu.Item>
// <Menu.Item key="app" disabled>
//   <Icon type="appstore" />
//   Navigation Two
// </Menu.Item>
// Menu.SubMenu
//   title={(
//     <span className="submenu-title-wrapper">
//       <Icon type="setting" />
//       Navigation Three - Submenu
//     </span>
//   )}
// >
//   <Menu.ItemGroup title="Item 1">
//     <Menu.Item key="setting:1">Option 1</Menu.Item>
//     <Menu.Item key="setting:2">Option 2</Menu.Item>
//   </Menu.ItemGroup>
//   <Menu.ItemGroup title="Item 2">
//     <Menu.Item key="setting:3">Option 3</Menu.Item>
//     <Menu.Item key="setting:4">Option 4</Menu.Item>
//   </Menu.ItemGroup>
// </Menu.SubMenu>
// <Menu.Item key="alipay">
//   <a href="https://google.ru" target="_blank" rel="noopener noreferrer">
//     Navigation Four - Link
//   </a>
// </Menu.Item>
// </Menu> */
// }


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