@lskjs/page/PageTabs.js

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

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

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

var _mobxReact = require("mobx-react");

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

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

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

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

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

// import PageTitleActions from '../PageTitleActions';
var tabsStyle = process.env.NODE_ENV === "production" ? {
  name: "t03abt-tabsStyle",
  styles: "background:transparent;margin:16px 10px -1px;;label:tabsStyle;"
} : {
  name: "t03abt-tabsStyle",
  styles: "background:transparent;margin:16px 10px -1px;;label:tabsStyle;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdlVGFicy5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzRCIiwiZmlsZSI6Ii4uL3NyYy9QYWdlVGFicy5qc3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBuby11bnVzZWQtdmFycyAqL1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgaW5qZWN0LCBvYnNlcnZlciB9IGZyb20gJ21vYngtcmVhY3QnO1xuaW1wb3J0IE1lbnUsIHsgTWVudUl0ZW0gfSBmcm9tICdyYy1tZW51JztcbmltcG9ydCBnZXQgZnJvbSAnbG9kYXNoL2dldCc7XG5pbXBvcnQgeyBjc3MsIGpzeCB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgQ29uc3VtZXIgfSBmcm9tICdAbHNranMvbGluay9MaW5rLmNvbnRleHQnO1xuXG4vLyBpbXBvcnQgUGFnZVRpdGxlQWN0aW9ucyBmcm9tICcuLi9QYWdlVGl0bGVBY3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IHRhYnNTdHlsZSA9IGNzc2BcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIG1hcmdpbjogMTZweCAxMHB4IC0xcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVRhYnMgPSAoeyBvbkNsaWNrOiBvbkNsaWNrUHJvcHMsIHRhYnMsIHRhYiwgcGFnZSB9KSA9PiAoXG4gIDxDb25zdW1lcj5cbiAgICB7dmFsdWUgPT4ge1xuICAgICAgY29uc3Qgb25DbGljayA9IGdldCh2YWx1ZSwgJ29uQ2xpY2snLCBvbkNsaWNrUHJvcHMpO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1lbnVcbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIHNlbGVjdGVkS2V5cz17W3RhYiB8fCBnZXQocGFnZSwgJ3N0YXRlLm1ldGEudGFiJyldLmZpbHRlcihhID0+IGEpfVxuICAgICAgICAgIG1vZGU9XCJob3Jpem9udGFsXCJcbiAgICAgICAgICBjc3M9e3RhYnNTdHlsZX1cbiAgICAgICAgPlxuICAgICAgICAgIHsvKiB7dGFicy5tYXAoTWVudS5JdGVtKX0gKi99XG4gICAgICAgICAge3RhYnMubWFwKHByb3BzID0+IChcbiAgICAgICAgICAgIDxNZW51SXRlbSB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvTWVudT5cbiAgICAgICk7XG4gICAgfX1cbiAgPC9Db25zdW1lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IGluamVjdCgncGFnZScpKG9ic2VydmVyKFBhZ2VUYWJzKSk7XG5cbi8vIHtcbi8vICAgLyogPE1lbnVcbi8vIG9uQ2xpY2s9eyhlKSA9PiB7XG4vLyAgIGNvbnNvbGUubG9nKCdjbGlja2VkIG1lbnUnLCBlKTsgLy8gZXNsaW50LWRpc2FibGUtbGluZSBuby1jb25zb2xlXG4vLyB9fVxuLy8gc2VsZWN0ZWRLZXlzPXtbJ3VzZXJzJ119XG4vLyBtb2RlPVwiaG9yaXpvbnRhbFwiXG4vLyBjbGFzc05hbWU9e3RhYnNTdHlsZX1cbi8vID5cbi8vIDxNZW51Lkl0ZW0ga2V5PVwidXNlcnNcIj5cbi8vICAgPEljb24gdHlwZT1cInRlYW1cIiAvPlxuLy8gICA8VCBuYW1lPVwiY2FiaW5ldFNpZGViYXIudXNlcnNcIiAvPlxuLy8gPC9NZW51Lkl0ZW0+XG4vLyA8TWVudS5JdGVtIGtleT1cImFwcFwiIGRpc2FibGVkPlxuLy8gICA8SWNvbiB0eXBlPVwiYXBwc3RvcmVcIiAvPlxuLy8gICBOYXZpZ2F0aW9uIFR3b1xuLy8gPC9NZW51Lkl0ZW0+XG4vLyBNZW51LlN1Yk1lbnVcbi8vICAgdGl0bGU9eyhcbi8vICAgICA8c3BhbiBjbGFzc05hbWU9XCJzdWJtZW51LXRpdGxlLXdyYXBwZXJcIj5cbi8vICAgICAgIDxJY29uIHR5cGU9XCJzZXR0aW5nXCIgLz5cbi8vICAgICAgIE5hdmlnYXRpb24gVGhyZWUgLSBTdWJtZW51XG4vLyAgICAgPC9zcGFuPlxuLy8gICApfVxuLy8gPlxuLy8gICA8TWVudS5JdGVtR3JvdXAgdGl0bGU9XCJJdGVtIDFcIj5cbi8vICAgICA8TWVudS5JdGVtIGtleT1cInNldHRpbmc6MVwiPk9wdGlvbiAxPC9NZW51Lkl0ZW0+XG4vLyAgICAgPE1lbnUuSXRlbSBrZXk9XCJzZXR0aW5nOjJcIj5PcHRpb24gMjwvTWVudS5JdGVtPlxuLy8gICA8L01lbnUuSXRlbUdyb3VwPlxuLy8gICA8TWVudS5JdGVtR3JvdXAgdGl0bGU9XCJJdGVtIDJcIj5cbi8vICAgICA8TWVudS5JdGVtIGtleT1cInNldHRpbmc6M1wiPk9wdGlvbiAzPC9NZW51Lkl0ZW0+XG4vLyAgICAgPE1lbnUuSXRlbSBrZXk9XCJzZXR0aW5nOjRcIj5PcHRpb24gNDwvTWVudS5JdGVtPlxuLy8gICA8L01lbnUuSXRlbUdyb3VwPlxuLy8gPC9NZW51LlN1Yk1lbnU+XG4vLyA8TWVudS5JdGVtIGtleT1cImFsaXBheVwiPlxuLy8gICA8YSBocmVmPVwiaHR0cHM6Ly9nb29nbGUucnVcIiB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4vLyAgICAgTmF2aWdhdGlvbiBGb3VyIC0gTGlua1xuLy8gICA8L2E+XG4vLyA8L01lbnUuSXRlbT5cbi8vIDwvTWVudT4gKi9cbi8vIH1cbiJdfQ== */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
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, _mobxReact.inject)('page')((0, _mobxReact.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=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdlVGFicy5qc3giXSwibmFtZXMiOlsidGFic1N0eWxlIiwiUGFnZVRhYnMiLCJvbkNsaWNrUHJvcHMiLCJvbkNsaWNrIiwidGFicyIsInRhYiIsInBhZ2UiLCJ2YWx1ZSIsImZpbHRlciIsImEiLCJtYXAiLCJwcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7OztBQUVBO0FBRU8sSUFBTUEsU0FBUztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsQ0FBZjs7O0FBS0EsSUFBTUMsUUFBUSxHQUFHLFNBQVhBLFFBQVc7QUFBQSxNQUFZQyxZQUFaLFFBQUdDLE9BQUg7QUFBQSxNQUEwQkMsSUFBMUIsUUFBMEJBLElBQTFCO0FBQUEsTUFBZ0NDLEdBQWhDLFFBQWdDQSxHQUFoQztBQUFBLE1BQXFDQyxJQUFyQyxRQUFxQ0EsSUFBckM7QUFBQSxTQUN0QixlQUFDLGNBQUQsUUFDRyxVQUFBQyxLQUFLLEVBQUk7QUFDUixRQUFNSixPQUFPLEdBQUcscUJBQUlJLEtBQUosRUFBVyxTQUFYLEVBQXNCTCxZQUF0QixDQUFoQjtBQUNBLFdBQ0UsZUFBQyxrQkFBRDtBQUNFLE1BQUEsT0FBTyxFQUFFQyxPQURYO0FBRUUsTUFBQSxZQUFZLEVBQUUsQ0FBQ0UsR0FBRyxJQUFJLHFCQUFJQyxJQUFKLEVBQVUsZ0JBQVYsQ0FBUixFQUFxQ0UsTUFBckMsQ0FBNEMsVUFBQUMsQ0FBQztBQUFBLGVBQUlBLENBQUo7QUFBQSxPQUE3QyxDQUZoQjtBQUdFLE1BQUEsSUFBSSxFQUFDLFlBSFA7QUFJRSxNQUFBLEdBQUcsRUFBRVQ7QUFKUCxPQU9HSSxJQUFJLENBQUNNLEdBQUwsQ0FBUyxVQUFBQyxLQUFLO0FBQUEsYUFDYixlQUFDLGdCQUFELEVBQWNBLEtBQWQsQ0FEYTtBQUFBLEtBQWQsQ0FQSCxDQURGO0FBYUQsR0FoQkgsQ0FEc0I7QUFBQSxDQUFqQjs7OztlQXFCUSx1QkFBTyxNQUFQLEVBQWUseUJBQVNWLFFBQVQsQ0FBZixDLEVBRWY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIG5vLXVudXNlZC12YXJzICovXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBpbmplY3QsIG9ic2VydmVyIH0gZnJvbSAnbW9ieC1yZWFjdCc7XG5pbXBvcnQgTWVudSwgeyBNZW51SXRlbSB9IGZyb20gJ3JjLW1lbnUnO1xuaW1wb3J0IGdldCBmcm9tICdsb2Rhc2gvZ2V0JztcbmltcG9ydCB7IGNzcywganN4IH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBDb25zdW1lciB9IGZyb20gJ0Bsc2tqcy9saW5rL0xpbmsuY29udGV4dCc7XG5cbi8vIGltcG9ydCBQYWdlVGl0bGVBY3Rpb25zIGZyb20gJy4uL1BhZ2VUaXRsZUFjdGlvbnMnO1xuXG5leHBvcnQgY29uc3QgdGFic1N0eWxlID0gY3NzYFxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgbWFyZ2luOiAxNnB4IDEwcHggLTFweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlVGFicyA9ICh7IG9uQ2xpY2s6IG9uQ2xpY2tQcm9wcywgdGFicywgdGFiLCBwYWdlIH0pID0+IChcbiAgPENvbnN1bWVyPlxuICAgIHt2YWx1ZSA9PiB7XG4gICAgICBjb25zdCBvbkNsaWNrID0gZ2V0KHZhbHVlLCAnb25DbGljaycsIG9uQ2xpY2tQcm9wcyk7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8TWVudVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgc2VsZWN0ZWRLZXlzPXtbdGFiIHx8IGdldChwYWdlLCAnc3RhdGUubWV0YS50YWInKV0uZmlsdGVyKGEgPT4gYSl9XG4gICAgICAgICAgbW9kZT1cImhvcml6b250YWxcIlxuICAgICAgICAgIGNzcz17dGFic1N0eWxlfVxuICAgICAgICA+XG4gICAgICAgICAgey8qIHt0YWJzLm1hcChNZW51Lkl0ZW0pfSAqL31cbiAgICAgICAgICB7dGFicy5tYXAocHJvcHMgPT4gKFxuICAgICAgICAgICAgPE1lbnVJdGVtIHsuLi5wcm9wc30gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9NZW51PlxuICAgICAgKTtcbiAgICB9fVxuICA8L0NvbnN1bWVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgaW5qZWN0KCdwYWdlJykob2JzZXJ2ZXIoUGFnZVRhYnMpKTtcblxuLy8ge1xuLy8gICAvKiA8TWVudVxuLy8gb25DbGljaz17KGUpID0+IHtcbi8vICAgY29uc29sZS5sb2coJ2NsaWNrZWQgbWVudScsIGUpOyAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIG5vLWNvbnNvbGVcbi8vIH19XG4vLyBzZWxlY3RlZEtleXM9e1sndXNlcnMnXX1cbi8vIG1vZGU9XCJob3Jpem9udGFsXCJcbi8vIGNsYXNzTmFtZT17dGFic1N0eWxlfVxuLy8gPlxuLy8gPE1lbnUuSXRlbSBrZXk9XCJ1c2Vyc1wiPlxuLy8gICA8SWNvbiB0eXBlPVwidGVhbVwiIC8+XG4vLyAgIDxUIG5hbWU9XCJjYWJpbmV0U2lkZWJhci51c2Vyc1wiIC8+XG4vLyA8L01lbnUuSXRlbT5cbi8vIDxNZW51Lkl0ZW0ga2V5PVwiYXBwXCIgZGlzYWJsZWQ+XG4vLyAgIDxJY29uIHR5cGU9XCJhcHBzdG9yZVwiIC8+XG4vLyAgIE5hdmlnYXRpb24gVHdvXG4vLyA8L01lbnUuSXRlbT5cbi8vIE1lbnUuU3ViTWVudVxuLy8gICB0aXRsZT17KFxuLy8gICAgIDxzcGFuIGNsYXNzTmFtZT1cInN1Ym1lbnUtdGl0bGUtd3JhcHBlclwiPlxuLy8gICAgICAgPEljb24gdHlwZT1cInNldHRpbmdcIiAvPlxuLy8gICAgICAgTmF2aWdhdGlvbiBUaHJlZSAtIFN1Ym1lbnVcbi8vICAgICA8L3NwYW4+XG4vLyAgICl9XG4vLyA+XG4vLyAgIDxNZW51Lkl0ZW1Hcm91cCB0aXRsZT1cIkl0ZW0gMVwiPlxuLy8gICAgIDxNZW51Lkl0ZW0ga2V5PVwic2V0dGluZzoxXCI+T3B0aW9uIDE8L01lbnUuSXRlbT5cbi8vICAgICA8TWVudS5JdGVtIGtleT1cInNldHRpbmc6MlwiPk9wdGlvbiAyPC9NZW51Lkl0ZW0+XG4vLyAgIDwvTWVudS5JdGVtR3JvdXA+XG4vLyAgIDxNZW51Lkl0ZW1Hcm91cCB0aXRsZT1cIkl0ZW0gMlwiPlxuLy8gICAgIDxNZW51Lkl0ZW0ga2V5PVwic2V0dGluZzozXCI+T3B0aW9uIDM8L01lbnUuSXRlbT5cbi8vICAgICA8TWVudS5JdGVtIGtleT1cInNldHRpbmc6NFwiPk9wdGlvbiA0PC9NZW51Lkl0ZW0+XG4vLyAgIDwvTWVudS5JdGVtR3JvdXA+XG4vLyA8L01lbnUuU3ViTWVudT5cbi8vIDxNZW51Lkl0ZW0ga2V5PVwiYWxpcGF5XCI+XG4vLyAgIDxhIGhyZWY9XCJodHRwczovL2dvb2dsZS5ydVwiIHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbi8vICAgICBOYXZpZ2F0aW9uIEZvdXIgLSBMaW5rXG4vLyAgIDwvYT5cbi8vIDwvTWVudS5JdGVtPlxuLy8gPC9NZW51PiAqL1xuLy8gfVxuIl19
//# sourceMappingURL=PageTabs.js.map