@wireapp/react-ui-kit 8.14.1 → 8.14.4

package/src/Menu/MenuModal.js

@@ -1,47 +1,61 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.MenuItem = exports.MenuModal = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Identity_1 = require("../Identity/");
-const motions_1 = require("../Identity/motions");
-const mediaQueries_1 = require("../mediaQueries");
-const Overlay_1 = require("../Modal/Overlay");
-const util_1 = require("../util");
-const menuModalWrapperStyle = props => (Object.assign(Object.assign({}, (0, Overlay_1.overlayBackgroundStyle)(props)), { alignItems: 'flex-end', alignSelf: 'flex-end', display: 'flex', overflowY: 'hidden', padding: 0 }));
-const MenuModalWrapper = (props) => (0, react_1.jsx)("div", Object.assign({ css: menuModalWrapperStyle }, props));
-const MenuModalBody = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => ({
-        animation: `${motions_1.ANIMATION.bottomUpMovement} ${motions_1.DURATION.DEFAULT}ms ${motions_1.EASE.EXPONENTIAL}`,
-        backgroundColor: Identity_1.COLOR.tint(theme.general.backgroundColor, 0.16),
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("@emotion/react");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _Identity = require("../Identity/");
+
+var _motions = require("../Identity/motions");
+
+var _mediaQueries = require("../mediaQueries");
+
+var _Overlay = require("../Modal/Overlay");
+
+var _util = require("../util");
+
+var _excluded = ["children", "onBackgroundClick"],
+    _excluded2 = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var menuModalWrapperStyle = function menuModalWrapperStyle(props) {
+  return _objectSpread(_objectSpread({}, (0, _Overlay.overlayBackgroundStyle)(props)), {}, {
+    alignItems: 'flex-end',
+    alignSelf: 'flex-end',
+    display: 'flex',
+    overflowY: 'hidden',
+    padding: 0
+  });
+};
+
+var MenuModalWrapper = function MenuModalWrapper(props) {
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
+    css: menuModalWrapperStyle
+  }, props));
+};
+
+var MenuModalBody = function MenuModalBody(props) {
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
+    css: function css(theme) {
+      return (0, _defineProperty2["default"])({
+        animation: "".concat(_motions.ANIMATION.bottomUpMovement, " ").concat(_motions.DURATION.DEFAULT, "ms ").concat(_motions.EASE.EXPONENTIAL),
+        backgroundColor: _Identity.COLOR.tint(theme.general.backgroundColor, 0.16),
         boxShadow: '0 16px 64px 0 rgba(0, 0, 0, 0.16)',
         display: 'flex',
         flexDirection: 'column',
@@ -51,44 +65,75 @@ const MenuModalBody = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (
         padding: '8px 16px',
         position: 'relative',
         width: '767px',
-        zIndex: 9999,
-        [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
-            width: '100%',
-        },
-    }) }, props)));
-const MenuModalContent = (props) => ((0, react_1.jsx)("ul", Object.assign({ css: {
-        li: {
-            borderBottom: `1px solid ${Identity_1.COLOR.GRAY_LIGHTEN_72}`,
-        },
-        'li:last-child': {
-            borderBottom: 0,
-        },
-        margin: 0,
-        maxWidth: '100%',
-        minWidth: '100%',
-        padding: 0,
-    } }, props)));
-const modalBackgroundStyle = props => (Object.assign(Object.assign({}, (0, Overlay_1.overlayBackgroundStyle)(props)), { background: 'rgba(50, 54, 57, 0.4)' }));
-const MenuModalBackground = (props) => (0, react_1.jsx)("div", Object.assign({ css: modalBackgroundStyle }, props));
-const MenuModal = (_a) => {
-    var { children = null, onBackgroundClick = util_1.noop } = _a, props = __rest(_a, ["children", "onBackgroundClick"]);
-    return ((0, react_1.jsx)(MenuModalWrapper, Object.assign({}, props),
-        (0, react_1.jsx)(MenuModalBody, null,
-            (0, react_1.jsx)(MenuModalContent, null, children)),
-        (0, react_1.jsx)(MenuModalBackground, { onClick: onBackgroundClick, "data-uie-name": "menu-background" })));
+        zIndex: 9999
+      }, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
+        width: '100%'
+      });
+    }
+  }, props));
+};
+
+var MenuModalContent = function MenuModalContent(props) {
+  return (0, _react.jsx)("ul", (0, _extends2["default"])({
+    css: /*#__PURE__*/(0, _react.css)({
+      li: {
+        borderBottom: "1px solid ".concat(_Identity.COLOR.GRAY_LIGHTEN_72)
+      },
+      'li:last-child': {
+        borderBottom: 0
+      },
+      margin: 0,
+      maxWidth: '100%',
+      minWidth: '100%',
+      padding: 0
+    }, process.env.NODE_ENV === "production" ? "" : ";label:MenuModalContent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnVNb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VJIiwiZmlsZSI6Ik1lbnVNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eS8nO1xuaW1wb3J0IHtBTklNQVRJT04sIERVUkFUSU9OLCBFQVNFfSBmcm9tICcuLi9JZGVudGl0eS9tb3Rpb25zJztcbmltcG9ydCB7VGhlbWV9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQge1F1ZXJ5S2V5cywgbWVkaWF9IGZyb20gJy4uL21lZGlhUXVlcmllcyc7XG5pbXBvcnQge092ZXJsYXlCYWNrZ3JvdW5kUHJvcHMsIE92ZXJsYXlXcmFwcGVyUHJvcHMsIG92ZXJsYXlCYWNrZ3JvdW5kU3R5bGV9IGZyb20gJy4uL01vZGFsL092ZXJsYXknO1xuaW1wb3J0IHtub29wfSBmcm9tICcuLi91dGlsJztcblxuY29uc3QgbWVudU1vZGFsV3JhcHBlclN0eWxlOiA8VD4ocHJvcHM6IE92ZXJsYXlXcmFwcGVyUHJvcHM8VD4pID0+IENTU09iamVjdCA9IHByb3BzID0+ICh7XG4gIC4uLm92ZXJsYXlCYWNrZ3JvdW5kU3R5bGUocHJvcHMpLFxuICBhbGlnbkl0ZW1zOiAnZmxleC1lbmQnLFxuICBhbGlnblNlbGY6ICdmbGV4LWVuZCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgb3ZlcmZsb3dZOiAnaGlkZGVuJyxcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5jb25zdCBNZW51TW9kYWxXcmFwcGVyID0gKHByb3BzOiBPdmVybGF5V3JhcHBlclByb3BzKSA9PiA8ZGl2IGNzcz17bWVudU1vZGFsV3JhcHBlclN0eWxlfSB7Li4ucHJvcHN9IC8+O1xuXG5jb25zdCBNZW51TW9kYWxCb2R5ID0gKHByb3BzOiBSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+ICh7XG4gICAgICBhbmltYXRpb246IGAke0FOSU1BVElPTi5ib3R0b21VcE1vdmVtZW50fSAke0RVUkFUSU9OLkRFRkFVTFR9bXMgJHtFQVNFLkVYUE9ORU5USUFMfWAsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SLnRpbnQodGhlbWUuZ2VuZXJhbC5iYWNrZ3JvdW5kQ29sb3IsIDAuMTYpLFxuICAgICAgYm94U2hhZG93OiAnMCAxNnB4IDY0cHggMCByZ2JhKDAsIDAsIDAsIDAuMTYpJyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgIG1hcmdpbkxlZnQ6ICdhdXRvJyxcbiAgICAgIG1hcmdpblJpZ2h0OiAnYXV0bycsXG4gICAgICBwYWRkaW5nOiAnOHB4IDE2cHgnLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB3aWR0aDogJzc2N3B4JyxcbiAgICAgIHpJbmRleDogOTk5OSxcbiAgICAgIFttZWRpYVtRdWVyeUtleXMuVEFCTEVUX0RPV05dXToge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9KX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5jb25zdCBNZW51TW9kYWxDb250ZW50ID0gKHByb3BzOiBSZWFjdC5IVE1MUHJvcHM8SFRNTFVMaXN0RWxlbWVudD4pID0+IChcbiAgPHVsXG4gICAgY3NzPXt7XG4gICAgICBsaToge1xuICAgICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHtDT0xPUi5HUkFZX0xJR0hURU5fNzJ9YCxcbiAgICAgIH0sXG4gICAgICAnbGk6bGFzdC1jaGlsZCc6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiAwLFxuICAgICAgfSxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIG1heFdpZHRoOiAnMTAwJScsXG4gICAgICBtaW5XaWR0aDogJzEwMCUnLFxuICAgICAgcGFkZGluZzogMCxcbiAgICB9fVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbmNvbnN0IG1vZGFsQmFja2dyb3VuZFN0eWxlOiA8VD4ocHJvcHM6IE92ZXJsYXlCYWNrZ3JvdW5kUHJvcHM8VD4pID0+IENTU09iamVjdCA9IHByb3BzID0+ICh7XG4gIC4uLm92ZXJsYXlCYWNrZ3JvdW5kU3R5bGUocHJvcHMpLFxuICBiYWNrZ3JvdW5kOiAncmdiYSg1MCwgNTQsIDU3LCAwLjQpJyxcbn0pO1xuXG5jb25zdCBNZW51TW9kYWxCYWNrZ3JvdW5kID0gKHByb3BzOiBPdmVybGF5QmFja2dyb3VuZFByb3BzKSA9PiA8ZGl2IGNzcz17bW9kYWxCYWNrZ3JvdW5kU3R5bGV9IHsuLi5wcm9wc30gLz47XG5cbmludGVyZmFjZSBNZW51TW9kYWxQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgb25CYWNrZ3JvdW5kQ2xpY2s/OiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTWVudU1vZGFsID0gKHtcbiAgY2hpbGRyZW4gPSBudWxsLFxuICBvbkJhY2tncm91bmRDbGljayA9IG5vb3AsXG4gIC4uLnByb3BzXG59OiBNZW51TW9kYWxQcm9wcyAmIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPE1lbnVNb2RhbFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICA8TWVudU1vZGFsQm9keT5cbiAgICAgIDxNZW51TW9kYWxDb250ZW50PntjaGlsZHJlbn08L01lbnVNb2RhbENvbnRlbnQ+XG4gICAgPC9NZW51TW9kYWxCb2R5PlxuICAgIDxNZW51TW9kYWxCYWNrZ3JvdW5kIG9uQ2xpY2s9e29uQmFja2dyb3VuZENsaWNrfSBkYXRhLXVpZS1uYW1lPVwibWVudS1iYWNrZ3JvdW5kXCIgLz5cbiAgPC9NZW51TW9kYWxXcmFwcGVyPlxuKTtcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wczxUID0gSFRNTExJRWxlbWVudD4gPSBSZWFjdC5IVE1MUHJvcHM8VD47XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9ICh7Y2hpbGRyZW4gPSBudWxsLCAuLi5wcm9wc306IE1lbnVJdGVtUHJvcHMgJiBSZWFjdC5IVE1MUHJvcHM8SFRNTExJRWxlbWVudD4pID0+IChcbiAgPGxpXG4gICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICBjb2xvcjogdGhlbWUuZ2VuZXJhbC5jb2xvcixcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgaGVpZ2h0OiAnNTZweCcsXG4gICAgICBsaXN0U3R5bGVUeXBlOiAnbm9uZScsXG4gICAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgIH0pfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9saT5cbik7XG4iXX0= */")
+  }, props));
 };
+
+var modalBackgroundStyle = function modalBackgroundStyle(props) {
+  return _objectSpread(_objectSpread({}, (0, _Overlay.overlayBackgroundStyle)(props)), {}, {
+    background: 'rgba(50, 54, 57, 0.4)'
+  });
+};
+
+var MenuModalBackground = function MenuModalBackground(props) {
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
+    css: modalBackgroundStyle
+  }, props));
+};
+
+var MenuModal = function MenuModal(_ref2) {
+  var _ref2$children = _ref2.children,
+      children = _ref2$children === void 0 ? null : _ref2$children,
+      _ref2$onBackgroundCli = _ref2.onBackgroundClick,
+      onBackgroundClick = _ref2$onBackgroundCli === void 0 ? _util.noop : _ref2$onBackgroundCli,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+  return (0, _react.jsx)(MenuModalWrapper, props, (0, _react.jsx)(MenuModalBody, null, (0, _react.jsx)(MenuModalContent, null, children)), (0, _react.jsx)(MenuModalBackground, {
+    onClick: onBackgroundClick,
+    "data-uie-name": "menu-background"
+  }));
+};
+
 exports.MenuModal = MenuModal;
-const MenuItem = (_a) => {
-    var { children = null } = _a, props = __rest(_a, ["children"]);
-    return ((0, react_1.jsx)("li", Object.assign({ css: (theme) => ({
-            alignItems: 'center',
-            color: theme.general.color,
-            cursor: 'pointer',
-            display: 'flex',
-            height: '56px',
-            listStyleType: 'none',
-            maxWidth: '100%',
-        }) }, props), children));
+
+var MenuItem = function MenuItem(_ref3) {
+  var _ref3$children = _ref3.children,
+      children = _ref3$children === void 0 ? null : _ref3$children,
+      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+  return (0, _react.jsx)("li", (0, _extends2["default"])({
+    css: function css(theme) {
+      return {
+        alignItems: 'center',
+        color: theme.general.color,
+        cursor: 'pointer',
+        display: 'flex',
+        height: '56px',
+        listStyleType: 'none',
+        maxWidth: '100%'
+      };
+    }
+  }, props), children);
 };
+
 exports.MenuItem = MenuItem;
 //# sourceMappingURL=MenuModal.js.map

package/src/Menu/MenuModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuModal.js","sourceRoot":"","sources":["MenuModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["MenuModal.tsx"],"names":["menuModalWrapperStyle","props","alignItems","alignSelf","display","overflowY","padding","MenuModalWrapper","MenuModalBody","theme","animation","ANIMATION","bottomUpMovement","DURATION","DEFAULT","EASE","EXPONENTIAL","backgroundColor","COLOR","tint","general","boxShadow","flexDirection","justifyContent","marginLeft","marginRight","position","width","zIndex","media","QueryKeys","TABLET_DOWN","MenuModalContent","li","borderBottom","GRAY_LIGHTEN_72","margin","maxWidth","minWidth","modalBackgroundStyle","background","MenuModalBackground","MenuModal","children","onBackgroundClick","noop","MenuItem","color","cursor","height","listStyleType"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/';\nimport {ANIMATION, DURATION, EASE} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {OverlayBackgroundProps, OverlayWrapperProps, overlayBackgroundStyle} from '../Modal/Overlay';\nimport {noop} from '../util';\n\nconst menuModalWrapperStyle: <T>(props: OverlayWrapperProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  alignItems: 'flex-end',\n  alignSelf: 'flex-end',\n  display: 'flex',\n  overflowY: 'hidden',\n  padding: 0,\n});\n\nconst MenuModalWrapper = (props: OverlayWrapperProps) => <div css={menuModalWrapperStyle} {...props} />;\n\nconst MenuModalBody = (props: React.HTMLProps<HTMLDivElement>) => (\n  <div\n    css={(theme: Theme) => ({\n      animation: `${ANIMATION.bottomUpMovement} ${DURATION.DEFAULT}ms ${EASE.EXPONENTIAL}`,\n      backgroundColor: COLOR.tint(theme.general.backgroundColor, 0.16),\n      boxShadow: '0 16px 64px 0 rgba(0, 0, 0, 0.16)',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      padding: '8px 16px',\n      position: 'relative',\n      width: '767px',\n      zIndex: 9999,\n      [media[QueryKeys.TABLET_DOWN]]: {\n        width: '100%',\n      },\n    })}\n    {...props}\n  />\n);\n\nconst MenuModalContent = (props: React.HTMLProps<HTMLUListElement>) => (\n  <ul\n    css={{\n      li: {\n        borderBottom: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n      },\n      'li:last-child': {\n        borderBottom: 0,\n      },\n      margin: 0,\n      maxWidth: '100%',\n      minWidth: '100%',\n      padding: 0,\n    }}\n    {...props}\n  />\n);\n\nconst modalBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  background: 'rgba(50, 54, 57, 0.4)',\n});\n\nconst MenuModalBackground = (props: OverlayBackgroundProps) => <div css={modalBackgroundStyle} {...props} />;\n\ninterface MenuModalProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  onBackgroundClick?: () => void;\n}\n\nexport const MenuModal = ({\n  children = null,\n  onBackgroundClick = noop,\n  ...props\n}: MenuModalProps & React.HTMLProps<HTMLDivElement>) => (\n  <MenuModalWrapper {...props}>\n    <MenuModalBody>\n      <MenuModalContent>{children}</MenuModalContent>\n    </MenuModalBody>\n    <MenuModalBackground onClick={onBackgroundClick} data-uie-name=\"menu-background\" />\n  </MenuModalWrapper>\n);\n\nexport type MenuItemProps<T = HTMLLIElement> = React.HTMLProps<T>;\n\nexport const MenuItem = ({children = null, ...props}: MenuItemProps & React.HTMLProps<HTMLLIElement>) => (\n  <li\n    css={(theme: Theme) => ({\n      alignItems: 'center',\n      color: theme.general.color,\n      cursor: 'pointer',\n      display: 'flex',\n      height: '56px',\n      listStyleType: 'none',\n      maxWidth: '100%',\n    })}\n    {...props}\n  >\n    {children}\n  </li>\n);\n"],"file":"MenuModal.js"}

package/src/Menu/TabBar.d.ts

@@ -3,7 +3,7 @@ import { jsx } from '@emotion/react';
 import React from 'react';
 import { TextProps } from '../Text';
 export declare type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;
-export declare const TabBar: ({ children, ...props }: React.HTMLProps<T>) => jsx.JSX.Element;
+export declare const TabBar: ({ children, ...props }: TabBarProps<HTMLDivElement>) => jsx.JSX.Element;
 export interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {
     active: boolean;
 }

package/src/Menu/TabBar.js

@@ -1,59 +1,105 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2019 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TabBarItem = exports.TabBar = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Identity_1 = require("../Identity");
-const Text_1 = require("../Text");
-const util_1 = require("../util");
-const tabBarStyle = ({}) => {
-    return {
-        display: 'flex',
-        width: '100%',
-    };
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _Identity = require("../Identity");
+
+var _Text = require("../Text");
+
+var _util = require("../util");
+
+var _excluded = ["children"],
+    _excluded2 = ["block", "center", "color", "bold", "active", "fontSize", "textTransform"],
+    _excluded3 = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var tabBarStyle = function tabBarStyle(_ref) {
+  (0, _objectDestructuringEmpty2["default"])(_ref);
+  return {
+    display: 'flex',
+    width: '100%'
+  };
+};
+
+var filteredTabBarProps = function filteredTabBarProps(props) {
+  return (0, _util.filterProps)(props, []);
 };
-const filteredTabBarProps = (props) => (0, util_1.filterProps)(props, []);
-const TabBar = (_a) => {
-    var { children = null } = _a, props = __rest(_a, ["children"]);
-    return ((0, react_1.jsx)("div", Object.assign({ css: tabBarStyle(props) }, filteredTabBarProps(props)), children));
+
+var TabBar = function TabBar(_ref2) {
+  var _ref2$children = _ref2.children,
+      children = _ref2$children === void 0 ? null : _ref2$children,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
+    css: tabBarStyle(props)
+  }, filteredTabBarProps(props)), children);
 };
+
 exports.TabBar = TabBar;
-const tabBarItemStyle = (theme, _a) => {
-    var { block = true, center = true, color = theme.general.color, bold = true, active = false, fontSize = '11px', textTransform = 'uppercase' } = _a, props = __rest(_a, ["block", "center", "color", "bold", "active", "fontSize", "textTransform"]);
-    return Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, bold, center, color, fontSize, textTransform }, props))), { borderBottom: active ? `1px solid ${Identity_1.COLOR.GRAY_DARKEN_48}` : `1px solid ${Identity_1.COLOR.GRAY_LIGHTEN_40}`, cursor: 'pointer', display: 'flex', flexGrow: 1, justifyContent: 'center', opacity: active ? 1 : 0.56, padding: '8px 0' });
+
+var tabBarItemStyle = function tabBarItemStyle(theme, _ref3) {
+  var _ref3$block = _ref3.block,
+      block = _ref3$block === void 0 ? true : _ref3$block,
+      _ref3$center = _ref3.center,
+      center = _ref3$center === void 0 ? true : _ref3$center,
+      _ref3$color = _ref3.color,
+      color = _ref3$color === void 0 ? theme.general.color : _ref3$color,
+      _ref3$bold = _ref3.bold,
+      bold = _ref3$bold === void 0 ? true : _ref3$bold,
+      _ref3$active = _ref3.active,
+      active = _ref3$active === void 0 ? false : _ref3$active,
+      _ref3$fontSize = _ref3.fontSize,
+      fontSize = _ref3$fontSize === void 0 ? '11px' : _ref3$fontSize,
+      _ref3$textTransform = _ref3.textTransform,
+      textTransform = _ref3$textTransform === void 0 ? 'uppercase' : _ref3$textTransform,
+      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
+    block: block,
+    bold: bold,
+    center: center,
+    color: color,
+    fontSize: fontSize,
+    textTransform: textTransform
+  }, props))), {}, {
+    borderBottom: active ? "1px solid ".concat(_Identity.COLOR.GRAY_DARKEN_48) : "1px solid ".concat(_Identity.COLOR.GRAY_LIGHTEN_40),
+    cursor: 'pointer',
+    display: 'flex',
+    flexGrow: 1,
+    justifyContent: 'center',
+    opacity: active ? 1 : 0.56,
+    padding: '8px 0'
+  });
 };
-const TabBarItem = (_a) => {
-    var { children = null } = _a, props = __rest(_a, ["children"]);
-    return ((0, react_1.jsx)("span", Object.assign({ css: (theme) => tabBarItemStyle(theme, props) }, props), children));
+
+var TabBarItem = function TabBarItem(_ref4) {
+  var _ref4$children = _ref4.children,
+      children = _ref4$children === void 0 ? null : _ref4$children,
+      props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
+  return (0, _react.jsx)("span", (0, _extends2["default"])({
+    css: function css(theme) {
+      return tabBarItemStyle(theme, props);
+    }
+  }, props), children);
 };
+
 exports.TabBarItem = TabBarItem;
 //# sourceMappingURL=TabBar.js.map

package/src/Menu/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["TabBar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,0CAAkC;AAElC,kCAA6C;AAC7C,kCAAoC;AAIpC,MAAM,WAAW,GAA4C,CAAC,EAAE,EAAE,EAAE;IAClE,OAAO;QACL,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAEpE,MAAM,MAAM,GAAG,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAC,QAAQ,GAAG,IAAI,OAAwB,EAAnB,KAAK,cAA1B,YAA2B,CAAD;IAAmB,OAAA,CAClE,wCAAK,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,IAAM,mBAAmB,CAAC,KAAK,CAAC,GACzD,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAJW,QAAA,MAAM,UAIjB;AAMF,MAAM,eAAe,GAA8D,CACjF,KAAK,EACL,EASC,EACD,EAAE;QAVF,EACE,KAAK,GAAG,IAAI,EACZ,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAC3B,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,MAAM,EACjB,aAAa,GAAG,WAAW,OAE5B,EADI,KAAK,cARV,2EASC,CADS;IAGV,uCACK,IAAA,gBAAS,EAAC,KAAK,kBAAG,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,IAAK,KAAK,EAAE,KACpF,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,gBAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,aAAa,gBAAK,CAAC,eAAe,EAAE,EACjG,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,CAAC,EACX,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAC1B,OAAO,EAAE,OAAO,IAChB;AACJ,CAAC,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,EAA4C,EAAE,EAAE;QAAhD,EAAC,QAAQ,GAAG,IAAI,OAA4B,EAAvB,KAAK,cAA1B,YAA2B,CAAD;IAAuB,OAAA,CAC1E,yCAAM,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,IAAM,KAAK,GAClE,QAAQ,CACJ,CACR,CAAA;CAAA,CAAC;AAJW,QAAA,UAAU,cAIrB"}
+{"version":3,"sources":["TabBar.tsx"],"names":["tabBarStyle","display","width","filteredTabBarProps","props","TabBar","children","tabBarItemStyle","theme","block","center","color","general","bold","active","fontSize","textTransform","borderBottom","COLOR","GRAY_DARKEN_48","GRAY_LIGHTEN_40","cursor","flexGrow","justifyContent","opacity","padding","TabBarItem"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAIA,IAAMA,WAAoD,GAAG,SAAvDA,WAAuD,OAAQ;AAAA;AACnE,SAAO;AACLC,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,KAAK,EAAE;AAFF,GAAP;AAID,CALD;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,EAAnB,CAAxB;AAAA,CAA5B;;AAEO,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,6BAAEC,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACpB;AAAK,IAAA,GAAG,EAAEJ,WAAW,CAACI,KAAD;AAArB,KAAkCD,mBAAmB,CAACC,KAAD,CAArD,GACGE,QADH,CADoB;AAAA,CAAf;;;;AAUP,IAAMC,eAA0E,GAAG,SAA7EA,eAA6E,CACjFC,KADiF,SAY9E;AAAA,0BATDC,KASC;AAAA,MATDA,KASC,4BATO,IASP;AAAA,2BARDC,MAQC;AAAA,MARDA,MAQC,6BARQ,IAQR;AAAA,0BAPDC,KAOC;AAAA,MAPDA,KAOC,4BAPOH,KAAK,CAACI,OAAN,CAAcD,KAOrB;AAAA,yBANDE,IAMC;AAAA,MANDA,IAMC,2BANM,IAMN;AAAA,2BALDC,MAKC;AAAA,MALDA,MAKC,6BALQ,KAKR;AAAA,6BAJDC,QAIC;AAAA,MAJDA,QAIC,+BAJU,MAIV;AAAA,kCAHDC,aAGC;AAAA,MAHDA,aAGC,oCAHe,WAGf;AAAA,MAFEZ,KAEF;AACH,yCACK,qBAAUI,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBI,IAAAA,IAAI,EAAJA,IAAzB;AAA+BH,IAAAA,MAAM,EAANA,MAA/B;AAAuCC,IAAAA,KAAK,EAALA,KAAvC;AAA8CI,IAAAA,QAAQ,EAARA,QAA9C;AAAwDC,IAAAA,aAAa,EAAbA;AAAxD,KAA0EZ,KAA1E,EADL;AAEEa,IAAAA,YAAY,EAAEH,MAAM,uBAAgBI,gBAAMC,cAAtB,wBAAsDD,gBAAME,eAA5D,CAFtB;AAGEC,IAAAA,MAAM,EAAE,SAHV;AAIEpB,IAAAA,OAAO,EAAE,MAJX;AAKEqB,IAAAA,QAAQ,EAAE,CALZ;AAMEC,IAAAA,cAAc,EAAE,QANlB;AAOEC,IAAAA,OAAO,EAAEV,MAAM,GAAG,CAAH,GAAO,IAPxB;AAQEW,IAAAA,OAAO,EAAE;AARX;AAUD,CAvBD;;AAyBO,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,6BAAEpB,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACxB;AAAM,IAAA,GAAG,EAAE,aAACI,KAAD;AAAA,aAAkBD,eAAe,CAACC,KAAD,EAAQJ,KAAR,CAAjC;AAAA;AAAX,KAAgEA,KAAhE,GACGE,QADH,CADwB;AAAA,CAAnB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {TextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst tabBarStyle: <T>(props: TabBarProps<T>) => CSSObject = ({}) => {\n  return {\n    display: 'flex',\n    width: '100%',\n  };\n};\n\nconst filteredTabBarProps = (props: TabBarProps) => filterProps(props, []);\n\nexport const TabBar = ({children = null, ...props}: TabBarProps) => (\n  <div css={tabBarStyle(props)} {...filteredTabBarProps(props)}>\n    {children}\n  </div>\n);\n\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n  active: boolean;\n}\n\nconst tabBarItemStyle: <T>(theme: Theme, props: TabBarItemProps<T>) => CSSObject = (\n  theme,\n  {\n    block = true,\n    center = true,\n    color = theme.general.color,\n    bold = true,\n    active = false,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {block, bold, center, color, fontSize, textTransform, ...props}),\n    borderBottom: active ? `1px solid ${COLOR.GRAY_DARKEN_48}` : `1px solid ${COLOR.GRAY_LIGHTEN_40}`,\n    cursor: 'pointer',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n    opacity: active ? 1 : 0.56,\n    padding: '8px 0',\n  };\n};\n\nexport const TabBarItem = ({children = null, ...props}: TabBarItemProps) => (\n  <span css={(theme: Theme) => tabBarItemStyle(theme, props)} {...props}>\n    {children}\n  </span>\n);\n"],"file":"TabBar.js"}

package/src/Menu/index.js

@@ -1,37 +1,32 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _MenuModal = require("./MenuModal");
+
+Object.keys(_MenuModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuModal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuModal[key];
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MenuModal"), exports);
-__exportStar(require("./TabBar"), exports);
+  });
+});
+
+var _TabBar = require("./TabBar");
+
+Object.keys(_TabBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TabBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabBar[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/src/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB"}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport * from './MenuModal';\nexport * from './TabBar';\n"],"file":"index.js"}