@lskjs/page/PageTabs.js

LSK ux subrepo: page

"use strict";

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 _menu = _interopRequireDefault(require("antd/lib/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdlVGFicy5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTRCIiwiZmlsZSI6Ii4uL3NyYy9QYWdlVGFicy5qc3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBpbmplY3QsIG9ic2VydmVyIH0gZnJvbSAnbW9ieC1yZWFjdCc7XG5pbXBvcnQgTWVudSBmcm9tICdhbnRkL2xpYi9tZW51JztcbmltcG9ydCBnZXQgZnJvbSAnbG9kYXNoL2dldCc7XG5pbXBvcnQgeyBjc3MsIGpzeCB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgQ29uc3VtZXIgfSBmcm9tICdAbHNranMvbGluay9MaW5rLmNvbnRleHQnO1xuXG4vLyBpbXBvcnQgUGFnZVRpdGxlQWN0aW9ucyBmcm9tICcuLi9QYWdlVGl0bGVBY3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IHRhYnNTdHlsZSA9IGNzc2BcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIG1hcmdpbjogMTZweCAxMHB4IC0xcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVRhYnMgPSAoeyBvbkNsaWNrOiBvbkNsaWNrUHJvcHMsIHRhYnMsIHRhYiwgcGFnZSB9KSA9PiAoXG4gIDxDb25zdW1lcj5cbiAgICB7dmFsdWUgPT4ge1xuICAgICAgY29uc3Qgb25DbGljayA9IGdldCh2YWx1ZSwgJ29uQ2xpY2snLCBvbkNsaWNrUHJvcHMpO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1lbnVcbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIHNlbGVjdGVkS2V5cz17W3RhYiB8fCBnZXQocGFnZSwgJ3N0YXRlLm1ldGEudGFiJyldLmZpbHRlcihhID0+IGEpfVxuICAgICAgICAgIG1vZGU9XCJob3Jpem9udGFsXCJcbiAgICAgICAgICBjc3M9e3RhYnNTdHlsZX1cbiAgICAgICAgPlxuICAgICAgICAgIHsvKiB7dGFicy5tYXAoTWVudS5JdGVtKX0gKi99XG4gICAgICAgICAge3RhYnMubWFwKHByb3BzID0+IChcbiAgICAgICAgICAgIDxNZW51Lkl0ZW0gey4uLnByb3BzfSAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L01lbnU+XG4gICAgICApO1xuICAgIH19XG4gIDwvQ29uc3VtZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBpbmplY3QoJ3BhZ2UnKShvYnNlcnZlcihQYWdlVGFicykpO1xuXG4vLyB7XG4vLyAgIC8qIDxNZW51XG4vLyBvbkNsaWNrPXsoZSkgPT4ge1xuLy8gICBjb25zb2xlLmxvZygnY2xpY2tlZCBtZW51JywgZSk7IC8vIGVzbGludC1kaXNhYmxlLWxpbmUgbm8tY29uc29sZVxuLy8gfX1cbi8vIHNlbGVjdGVkS2V5cz17Wyd1c2VycyddfVxuLy8gbW9kZT1cImhvcml6b250YWxcIlxuLy8gY2xhc3NOYW1lPXt0YWJzU3R5bGV9XG4vLyA+XG4vLyA8TWVudS5JdGVtIGtleT1cInVzZXJzXCI+XG4vLyAgIDxJY29uIHR5cGU9XCJ0ZWFtXCIgLz5cbi8vICAgPFQgbmFtZT1cImNhYmluZXRTaWRlYmFyLnVzZXJzXCIgLz5cbi8vIDwvTWVudS5JdGVtPlxuLy8gPE1lbnUuSXRlbSBrZXk9XCJhcHBcIiBkaXNhYmxlZD5cbi8vICAgPEljb24gdHlwZT1cImFwcHN0b3JlXCIgLz5cbi8vICAgTmF2aWdhdGlvbiBUd29cbi8vIDwvTWVudS5JdGVtPlxuLy8gTWVudS5TdWJNZW51XG4vLyAgIHRpdGxlPXsoXG4vLyAgICAgPHNwYW4gY2xhc3NOYW1lPVwic3VibWVudS10aXRsZS13cmFwcGVyXCI+XG4vLyAgICAgICA8SWNvbiB0eXBlPVwic2V0dGluZ1wiIC8+XG4vLyAgICAgICBOYXZpZ2F0aW9uIFRocmVlIC0gU3VibWVudVxuLy8gICAgIDwvc3Bhbj5cbi8vICAgKX1cbi8vID5cbi8vICAgPE1lbnUuSXRlbUdyb3VwIHRpdGxlPVwiSXRlbSAxXCI+XG4vLyAgICAgPE1lbnUuSXRlbSBrZXk9XCJzZXR0aW5nOjFcIj5PcHRpb24gMTwvTWVudS5JdGVtPlxuLy8gICAgIDxNZW51Lkl0ZW0ga2V5PVwic2V0dGluZzoyXCI+T3B0aW9uIDI8L01lbnUuSXRlbT5cbi8vICAgPC9NZW51Lkl0ZW1Hcm91cD5cbi8vICAgPE1lbnUuSXRlbUdyb3VwIHRpdGxlPVwiSXRlbSAyXCI+XG4vLyAgICAgPE1lbnUuSXRlbSBrZXk9XCJzZXR0aW5nOjNcIj5PcHRpb24gMzwvTWVudS5JdGVtPlxuLy8gICAgIDxNZW51Lkl0ZW0ga2V5PVwic2V0dGluZzo0XCI+T3B0aW9uIDQ8L01lbnUuSXRlbT5cbi8vICAgPC9NZW51Lkl0ZW1Hcm91cD5cbi8vIDwvTWVudS5TdWJNZW51PlxuLy8gPE1lbnUuSXRlbSBrZXk9XCJhbGlwYXlcIj5cbi8vICAgPGEgaHJlZj1cImh0dHBzOi8vZ29vZ2xlLnJ1XCIgdGFyZ2V0PVwiX2JsYW5rXCIgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiPlxuLy8gICAgIE5hdmlnYXRpb24gRm91ciAtIExpbmtcbi8vICAgPC9hPlxuLy8gPC9NZW51Lkl0ZW0+XG4vLyA8L01lbnU+ICovXG4vLyB9XG4iXX0= */",
  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)(_menu["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)(_menu["default"].Item, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdlVGFicy5qc3giXSwibmFtZXMiOlsidGFic1N0eWxlIiwiUGFnZVRhYnMiLCJvbkNsaWNrUHJvcHMiLCJvbkNsaWNrIiwidGFicyIsInRhYiIsInBhZ2UiLCJ2YWx1ZSIsImZpbHRlciIsImEiLCJtYXAiLCJwcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFFQTtBQUVPLElBQU1BLFNBQVM7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLENBQWY7OztBQUtBLElBQU1DLFFBQVEsR0FBRyxTQUFYQSxRQUFXO0FBQUEsTUFBWUMsWUFBWixRQUFHQyxPQUFIO0FBQUEsTUFBMEJDLElBQTFCLFFBQTBCQSxJQUExQjtBQUFBLE1BQWdDQyxHQUFoQyxRQUFnQ0EsR0FBaEM7QUFBQSxNQUFxQ0MsSUFBckMsUUFBcUNBLElBQXJDO0FBQUEsU0FDdEIsZUFBQyxjQUFELFFBQ0csVUFBQUMsS0FBSyxFQUFJO0FBQ1IsUUFBTUosT0FBTyxHQUFHLHFCQUFJSSxLQUFKLEVBQVcsU0FBWCxFQUFzQkwsWUFBdEIsQ0FBaEI7QUFDQSxXQUNFLGVBQUMsZ0JBQUQ7QUFDRSxNQUFBLE9BQU8sRUFBRUMsT0FEWDtBQUVFLE1BQUEsWUFBWSxFQUFFLENBQUNFLEdBQUcsSUFBSSxxQkFBSUMsSUFBSixFQUFVLGdCQUFWLENBQVIsRUFBcUNFLE1BQXJDLENBQTRDLFVBQUFDLENBQUM7QUFBQSxlQUFJQSxDQUFKO0FBQUEsT0FBN0MsQ0FGaEI7QUFHRSxNQUFBLElBQUksRUFBQyxZQUhQO0FBSUUsTUFBQSxHQUFHLEVBQUVUO0FBSlAsT0FPR0ksSUFBSSxDQUFDTSxHQUFMLENBQVMsVUFBQUMsS0FBSztBQUFBLGFBQ2IsZUFBQyxnQkFBRCxDQUFNLElBQU4sRUFBZUEsS0FBZixDQURhO0FBQUEsS0FBZCxDQVBILENBREY7QUFhRCxHQWhCSCxDQURzQjtBQUFBLENBQWpCOzs7O2VBcUJRLHVCQUFPLE1BQVAsRUFBZSx5QkFBU1YsUUFBVCxDQUFmLEMsRUFFZjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgaW5qZWN0LCBvYnNlcnZlciB9IGZyb20gJ21vYngtcmVhY3QnO1xuaW1wb3J0IE1lbnUgZnJvbSAnYW50ZC9saWIvbWVudSc7XG5pbXBvcnQgZ2V0IGZyb20gJ2xvZGFzaC9nZXQnO1xuaW1wb3J0IHsgY3NzLCBqc3ggfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IENvbnN1bWVyIH0gZnJvbSAnQGxza2pzL2xpbmsvTGluay5jb250ZXh0JztcblxuLy8gaW1wb3J0IFBhZ2VUaXRsZUFjdGlvbnMgZnJvbSAnLi4vUGFnZVRpdGxlQWN0aW9ucyc7XG5cbmV4cG9ydCBjb25zdCB0YWJzU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBtYXJnaW46IDE2cHggMTBweCAtMXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VUYWJzID0gKHsgb25DbGljazogb25DbGlja1Byb3BzLCB0YWJzLCB0YWIsIHBhZ2UgfSkgPT4gKFxuICA8Q29uc3VtZXI+XG4gICAge3ZhbHVlID0+IHtcbiAgICAgIGNvbnN0IG9uQ2xpY2sgPSBnZXQodmFsdWUsICdvbkNsaWNrJywgb25DbGlja1Byb3BzKTtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxNZW51XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICBzZWxlY3RlZEtleXM9e1t0YWIgfHwgZ2V0KHBhZ2UsICdzdGF0ZS5tZXRhLnRhYicpXS5maWx0ZXIoYSA9PiBhKX1cbiAgICAgICAgICBtb2RlPVwiaG9yaXpvbnRhbFwiXG4gICAgICAgICAgY3NzPXt0YWJzU3R5bGV9XG4gICAgICAgID5cbiAgICAgICAgICB7Lyoge3RhYnMubWFwKE1lbnUuSXRlbSl9ICovfVxuICAgICAgICAgIHt0YWJzLm1hcChwcm9wcyA9PiAoXG4gICAgICAgICAgICA8TWVudS5JdGVtIHsuLi5wcm9wc30gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9NZW51PlxuICAgICAgKTtcbiAgICB9fVxuICA8L0NvbnN1bWVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgaW5qZWN0KCdwYWdlJykob2JzZXJ2ZXIoUGFnZVRhYnMpKTtcblxuLy8ge1xuLy8gICAvKiA8TWVudVxuLy8gb25DbGljaz17KGUpID0+IHtcbi8vICAgY29uc29sZS5sb2coJ2NsaWNrZWQgbWVudScsIGUpOyAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIG5vLWNvbnNvbGVcbi8vIH19XG4vLyBzZWxlY3RlZEtleXM9e1sndXNlcnMnXX1cbi8vIG1vZGU9XCJob3Jpem9udGFsXCJcbi8vIGNsYXNzTmFtZT17dGFic1N0eWxlfVxuLy8gPlxuLy8gPE1lbnUuSXRlbSBrZXk9XCJ1c2Vyc1wiPlxuLy8gICA8SWNvbiB0eXBlPVwidGVhbVwiIC8+XG4vLyAgIDxUIG5hbWU9XCJjYWJpbmV0U2lkZWJhci51c2Vyc1wiIC8+XG4vLyA8L01lbnUuSXRlbT5cbi8vIDxNZW51Lkl0ZW0ga2V5PVwiYXBwXCIgZGlzYWJsZWQ+XG4vLyAgIDxJY29uIHR5cGU9XCJhcHBzdG9yZVwiIC8+XG4vLyAgIE5hdmlnYXRpb24gVHdvXG4vLyA8L01lbnUuSXRlbT5cbi8vIE1lbnUuU3ViTWVudVxuLy8gICB0aXRsZT17KFxuLy8gICAgIDxzcGFuIGNsYXNzTmFtZT1cInN1Ym1lbnUtdGl0bGUtd3JhcHBlclwiPlxuLy8gICAgICAgPEljb24gdHlwZT1cInNldHRpbmdcIiAvPlxuLy8gICAgICAgTmF2aWdhdGlvbiBUaHJlZSAtIFN1Ym1lbnVcbi8vICAgICA8L3NwYW4+XG4vLyAgICl9XG4vLyA+XG4vLyAgIDxNZW51Lkl0ZW1Hcm91cCB0aXRsZT1cIkl0ZW0gMVwiPlxuLy8gICAgIDxNZW51Lkl0ZW0ga2V5PVwic2V0dGluZzoxXCI+T3B0aW9uIDE8L01lbnUuSXRlbT5cbi8vICAgICA8TWVudS5JdGVtIGtleT1cInNldHRpbmc6MlwiPk9wdGlvbiAyPC9NZW51Lkl0ZW0+XG4vLyAgIDwvTWVudS5JdGVtR3JvdXA+XG4vLyAgIDxNZW51Lkl0ZW1Hcm91cCB0aXRsZT1cIkl0ZW0gMlwiPlxuLy8gICAgIDxNZW51Lkl0ZW0ga2V5PVwic2V0dGluZzozXCI+T3B0aW9uIDM8L01lbnUuSXRlbT5cbi8vICAgICA8TWVudS5JdGVtIGtleT1cInNldHRpbmc6NFwiPk9wdGlvbiA0PC9NZW51Lkl0ZW0+XG4vLyAgIDwvTWVudS5JdGVtR3JvdXA+XG4vLyA8L01lbnUuU3ViTWVudT5cbi8vIDxNZW51Lkl0ZW0ga2V5PVwiYWxpcGF5XCI+XG4vLyAgIDxhIGhyZWY9XCJodHRwczovL2dvb2dsZS5ydVwiIHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbi8vICAgICBOYXZpZ2F0aW9uIEZvdXIgLSBMaW5rXG4vLyAgIDwvYT5cbi8vIDwvTWVudS5JdGVtPlxuLy8gPC9NZW51PiAqL1xuLy8gfVxuIl19
//# sourceMappingURL=PageTabs.js.map