linear-react-components-ui 1.1.0-beta.6 → 1.1.0

package/lib/table/index.js

@@ -1,40 +1,39 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "TBody", {
   enumerable: true,
-  get: function get() {
-    return _Body["default"];
+  get: function () {
+    return _Body.default;
   }
 });
 Object.defineProperty(exports, "THeader", {
   enumerable: true,
-  get: function get() {
-    return _Header["default"];
+  get: function () {
+    return _Header.default;
   }
 });
 Object.defineProperty(exports, "TRow", {
   enumerable: true,
-  get: function get() {
-    return _Row["default"];
+  get: function () {
+    return _Row.default;
   }
 });
 Object.defineProperty(exports, "Td", {
   enumerable: true,
-  get: function get() {
-    return _RowColumn["default"];
+  get: function () {
+    return _RowColumn.default;
   }
 });
 Object.defineProperty(exports, "Th", {
   enumerable: true,
-  get: function get() {
-    return _HeaderColumn["default"];
+  get: function () {
+    return _HeaderColumn.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _Header = _interopRequireDefault(require("./Header"));
@@ -44,125 +43,107 @@ var _HeaderColumn = _interopRequireDefault(require("./HeaderColumn"));
 var _RowColumn = _interopRequireDefault(require("./RowColumn"));
 require("../assets/styles/table.scss");
 var _helpers = _interopRequireDefault(require("./helpers"));
-var _excluded = ["children"],
+const _excluded = ["children"],
   _excluded2 = ["onColClick", "onRowClick", "bodyScrollable", "vertical", "skeletonize", "strict", "skeletonHeight", "skeletonInHeader", "skeletonInRows", "customClass", "bordered", "hovered", "headerColored", "condensed", "selectedRowId", "striped"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 // TODO - Precisa finalizar o scroll no corpo da tabela.
-var getClass = function getClass(_ref) {
-  var customClass = _ref.customClass,
-    striped = _ref.striped,
-    bordered = _ref.bordered,
-    hovered = _ref.hovered,
-    skeletonize = _ref.skeletonize,
-    headerColored = _ref.headerColored,
-    condensed = _ref.condensed,
-    vertical = _ref.vertical,
-    bodyScrollable = _ref.bodyScrollable,
-    _ref$skeletonInRows = _ref.skeletonInRows,
-    skeletonInRows = _ref$skeletonInRows === void 0 ? 10 : _ref$skeletonInRows;
+const getClass = _ref => {
+  let {
+    customClass,
+    striped,
+    bordered,
+    hovered,
+    skeletonize,
+    headerColored,
+    condensed,
+    vertical,
+    bodyScrollable,
+    skeletonInRows = 10
+  } = _ref;
   return "table-component ".concat(customClass, " ").concat(striped && '-striped', " \n  ").concat(bordered && '-bordered', " ").concat(hovered && '-hovered', " ").concat(headerColored && '-headercolor', "\n  ").concat(condensed && '-condensed', "\n  ").concat(vertical && '-vertical', "\n  ").concat(skeletonize && !skeletonInRows ? '-skeletonized' : '', "\n  ").concat(bodyScrollable ? '-scrollable' : '');
 };
-var Table = function Table(_ref2) {
-  var children = _ref2.children,
+const Table = _ref2 => {
+  let {
+      children
+    } = _ref2,
     props = _objectWithoutProperties(_ref2, _excluded);
-  var onColClick = props.onColClick,
-    onRowClick = props.onRowClick,
-    bodyScrollable = props.bodyScrollable,
-    vertical = props.vertical,
-    skeletonize = props.skeletonize,
-    strict = props.strict,
-    skeletonHeight = props.skeletonHeight,
-    skeletonInHeader = props.skeletonInHeader,
-    skeletonInRows = props.skeletonInRows,
-    customClass = props.customClass,
-    bordered = props.bordered,
-    hovered = props.hovered,
-    headerColored = props.headerColored,
-    condensed = props.condensed,
-    selectedRowIdFromProps = props.selectedRowId,
-    striped = props.striped,
+  const {
+      onColClick,
+      onRowClick,
+      bodyScrollable,
+      vertical,
+      skeletonize,
+      strict,
+      skeletonHeight,
+      skeletonInHeader,
+      skeletonInRows,
+      customClass,
+      bordered,
+      hovered,
+      headerColored,
+      condensed,
+      selectedRowId: selectedRowIdFromProps,
+      striped
+    } = props,
     rest = _objectWithoutProperties(props, _excluded2);
-  var _useState = (0, _react.useState)(selectedRowIdFromProps),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRowId = _useState2[0],
-    setSelectedRowId = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    bodyScrollWidth = _useState4[0],
-    setBodyScrollWidth = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    columnsWidth = _useState6[0],
-    setColumnsWidth = _useState6[1];
-  var _useState7 = (0, _react.useState)(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    columnsCount = _useState8[0],
-    setColumnsCount = _useState8[1];
-  var bodyContainerRef = (0, _react.useRef)(null);
-  var handleSelectRow = (0, _react.useCallback)(function (selectedId) {
+  const [selectedRowId, setSelectedRowId] = (0, _react.useState)(selectedRowIdFromProps);
+  const [bodyScrollWidth, setBodyScrollWidth] = (0, _react.useState)(0);
+  const [columnsWidth, setColumnsWidth] = (0, _react.useState)([]);
+  const [columnsCount, setColumnsCount] = (0, _react.useState)(0);
+  const bodyContainerRef = (0, _react.useRef)(null);
+  const handleSelectRow = (0, _react.useCallback)(selectedId => {
     setSelectedRowId(selectedId);
   }, []);
-  var handlerSetColumnsWidth = (0, _react.useCallback)(function (widths) {
-    if (!_lodash["default"].isEmpty(widths) && _lodash["default"].isEmpty(columnsWidth)) setColumnsWidth(widths);
+  const handlerSetColumnsWidth = (0, _react.useCallback)(widths => {
+    if (!_lodash.default.isEmpty(widths) && _lodash.default.isEmpty(columnsWidth)) setColumnsWidth(widths);
   }, [columnsWidth]);
-  var handlerSetColumnsCount = (0, _react.useCallback)(function (count) {
-    return setColumnsCount(count);
-  }, []);
-  var getContextValues = (0, _react.useCallback)(function () {
-    return {
-      bodyContainerRef: bodyContainerRef,
-      bodyScrollWidth: bodyScrollWidth,
-      selectedRowId: selectedRowId,
-      vertical: vertical,
-      skeletonize: skeletonize,
-      skeletonHeight: skeletonHeight,
-      skeletonInHeader: skeletonInHeader,
-      skeletonInRows: skeletonInRows,
-      strict: strict,
-      columnsCount: columnsCount,
-      handleSelectRow: handleSelectRow,
-      handleTableColClick: onColClick,
-      handleTableRowClick: onRowClick,
-      handlerSetColumnsWidth: handlerSetColumnsWidth,
-      columnsWidth: columnsWidth,
-      handlerSetColumnsCount: handlerSetColumnsCount
-    };
-  }, [bodyContainerRef, bodyScrollWidth, selectedRowId, vertical, skeletonize, skeletonHeight, skeletonInHeader, skeletonInRows, strict, columnsCount, handleSelectRow, onColClick, onRowClick, handlerSetColumnsWidth, columnsWidth, handlerSetColumnsCount]);
-  var contextValues = (0, _react.useMemo)(function () {
-    return getContextValues();
-  }, [getContextValues]);
-  (0, _react.useEffect)(function () {
+  const handlerSetColumnsCount = (0, _react.useCallback)(count => setColumnsCount(count), []);
+  const getContextValues = (0, _react.useCallback)(() => ({
+    bodyContainerRef,
+    bodyScrollWidth,
+    selectedRowId,
+    vertical,
+    skeletonize,
+    skeletonHeight,
+    skeletonInHeader,
+    skeletonInRows,
+    strict,
+    columnsCount,
+    handleSelectRow,
+    handleTableColClick: onColClick,
+    handleTableRowClick: onRowClick,
+    handlerSetColumnsWidth,
+    columnsWidth,
+    handlerSetColumnsCount
+  }), [bodyContainerRef, bodyScrollWidth, selectedRowId, vertical, skeletonize, skeletonHeight, skeletonInHeader, skeletonInRows, strict, columnsCount, handleSelectRow, onColClick, onRowClick, handlerSetColumnsWidth, columnsWidth, handlerSetColumnsCount]);
+  const contextValues = (0, _react.useMemo)(() => getContextValues(), [getContextValues]);
+  (0, _react.useEffect)(() => {
     if (bodyScrollable && bodyContainerRef && bodyContainerRef.current) {
-      var _bodyContainerRef$cur = bodyContainerRef.current,
-        offsetWidth = _bodyContainerRef$cur.offsetWidth,
-        clientWidth = _bodyContainerRef$cur.clientWidth;
-      var scrollWidth = offsetWidth - clientWidth;
+      const {
+        offsetWidth,
+        clientWidth
+      } = bodyContainerRef.current;
+      const scrollWidth = offsetWidth - clientWidth;
       if (scrollWidth !== bodyScrollWidth) setBodyScrollWidth(scrollWidth);
     }
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setSelectedRowId(props.selectedRowId);
   }, [props.selectedRowId]);
-  return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
     value: contextValues
-  }, bodyScrollable ? /*#__PURE__*/_react["default"].createElement("div", {
+  }, bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
     className: getClass(props)
-  }, children) : /*#__PURE__*/_react["default"].createElement("table", _extends({
+  }, children) : /*#__PURE__*/_react.default.createElement("table", _extends({
     style: {
       contain: strict ? 'strict' : 'size style'
     },
     className: getClass(props)
   }, rest), children));
 };
-var _default = exports["default"] = Table;
+var _default = exports.default = Table;

package/lib/tabs/DropdownTabs.js

@@ -1,40 +1,40 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _buttons = _interopRequireDefault(require("../buttons"));
 var _list = _interopRequireWildcard(require("../list"));
-var _useTabs2 = require("./useTabs");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _useTabs = require("./useTabs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var DropdownTab = function DropdownTab(_ref) {
-  var id = _ref.id,
-    title = _ref.title,
-    closeable = _ref.closeable,
-    iconAlign = _ref.iconAlign,
-    icon = _ref.icon,
-    iconName = _ref.iconName,
-    disabled = _ref.disabled,
-    tabMenuSize = _ref.tabMenuSize;
-  var _useTabs = (0, _useTabs2.useTabs)(),
-    selectTab = _useTabs.selectTab,
-    removeTab = _useTabs.removeTab;
-  return /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
+const DropdownTab = _ref => {
+  let {
+    id,
+    title,
+    closeable,
+    iconAlign,
+    icon,
+    iconName,
+    disabled,
+    tabMenuSize
+  } = _ref;
+  const {
+    selectTab,
+    removeTab
+  } = (0, _useTabs.useTabs)();
+  return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
     key: id
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "menuitem"
-  }, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     className: "btn menubutton",
     boxShadow: false,
-    onClick: function onClick() {
-      return selectTab(id);
-    },
+    onClick: () => selectTab(id),
     iconAlign: iconAlign,
     iconName: iconName,
     icon: icon,
@@ -42,34 +42,30 @@ var DropdownTab = function DropdownTab(_ref) {
     label: title,
     size: tabMenuSize,
     transparent: true
-  }), closeable && /*#__PURE__*/_react["default"].createElement("button", {
+  }), closeable && /*#__PURE__*/_react.default.createElement("button", {
     className: "closepanel",
-    onClick: function onClick() {
-      return removeTab(id);
-    }
+    onClick: () => removeTab(id)
   })));
 };
-var DropdownTabs = function DropdownTabs(_ref2) {
-  var _ref2$tabs = _ref2.tabs,
-    tabs = _ref2$tabs === void 0 ? [] : _ref2$tabs,
-    _ref2$tabMenuSize = _ref2.tabMenuSize,
-    tabMenuSize = _ref2$tabMenuSize === void 0 ? 'medium' : _ref2$tabMenuSize;
-  var hasTabs = tabs.length > 0;
+const DropdownTabs = _ref2 => {
+  let {
+    tabs = [],
+    tabMenuSize = 'medium'
+  } = _ref2;
+  const hasTabs = tabs.length > 0;
   if (tabs.length === 0) return null;
-  return /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  return /*#__PURE__*/_react.default.createElement(_buttons.default, {
     dropdown: true,
     dropdownAlign: "right",
     transparent: true,
     boxShadow: false,
     size: "large",
     customClass: "dropdownbutton ".concat(hasTabs ? 'show' : '')
-  }, /*#__PURE__*/_react["default"].createElement(_list["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_list.default, {
     customClass: "dropdown-hide-tabs"
-  }, tabs.map(function (tab) {
-    return /*#__PURE__*/_react["default"].createElement(DropdownTab, _extends({
-      key: tab.id,
-      tabMenuSize: tabMenuSize
-    }, tab));
-  })));
+  }, tabs.map(tab => /*#__PURE__*/_react.default.createElement(DropdownTab, _extends({
+    key: tab.id,
+    tabMenuSize: tabMenuSize
+  }, tab)))));
 };
-var _default = exports["default"] = DropdownTabs;
+var _default = exports.default = DropdownTabs;

package/lib/tabs/Menu.js

@@ -3,43 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _MenuTabs = _interopRequireDefault(require("./MenuTabs"));
 var _DropdownTabs = _interopRequireDefault(require("./DropdownTabs"));
-var _useTabs2 = require("./useTabs");
-var _excluded = ["toolbar", "customClassForToolBar", "tabWidth"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _useTabs = require("./useTabs");
+const _excluded = ["toolbar", "customClassForToolBar", "tabWidth"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Menu = function Menu(_ref) {
-  var toolbar = _ref.toolbar,
-    _ref$customClassForTo = _ref.customClassForToolBar,
-    customClassForToolBar = _ref$customClassForTo === void 0 ? '' : _ref$customClassForTo,
-    _ref$tabWidth = _ref.tabWidth,
-    tabWidth = _ref$tabWidth === void 0 ? 'auto' : _ref$tabWidth,
+const Menu = _ref => {
+  let {
+      toolbar,
+      customClassForToolBar = '',
+      tabWidth = 'auto'
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useTabs = (0, _useTabs2.useTabs)(),
-    menuTabs = _useTabs.menuTabs,
-    menuRef = _useTabs.menuRef,
-    dropdownTabs = _useTabs.dropdownTabs;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  const {
+    menuTabs,
+    menuRef,
+    dropdownTabs
+  } = (0, _useTabs.useTabs)();
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "menucontainer"
-  }, /*#__PURE__*/_react["default"].createElement(_MenuTabs["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_MenuTabs.default, {
     tabs: menuTabs,
     tabWidth: tabWidth,
     tabMenuSize: props.tabMenuSize,
     tabMenuAlign: props.tabMenuAlign,
     firstTabIdent: props.firstTabIdent,
     ref: menuRef
-  }), /*#__PURE__*/_react["default"].createElement(_DropdownTabs["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_DropdownTabs.default, {
     tabs: dropdownTabs,
     tabWidth: tabWidth,
     tabMenuSize: props.tabMenuSize,
     tabMenuAlign: props.tabMenuAlign,
     firstTabIdent: props.firstTabIdent
-  }), toolbar && /*#__PURE__*/_react["default"].cloneElement(toolbar, {
+  }), toolbar && /*#__PURE__*/_react.default.cloneElement(toolbar, {
     customClass: "menubar ".concat(customClassForToolBar)
   }));
 };
-var _default = exports["default"] = Menu;
+var _default = exports.default = Menu;

package/lib/tabs/MenuTabs.js

@@ -1,51 +1,51 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _buttons = _interopRequireDefault(require("../buttons"));
 var helpers = _interopRequireWildcard(require("./tabHelpers"));
 var _permissionValidations = require("../permissionValidations");
-var _useTabs2 = require("./useTabs");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _useTabs = require("./useTabs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var MenuTab = function MenuTab(_ref) {
-  var id = _ref.id,
-    title = _ref.title,
-    tabWidth = _ref.tabWidth,
-    iconAlign = _ref.iconAlign,
-    iconName = _ref.iconName,
-    icon = _ref.icon,
-    disabled = _ref.disabled,
-    permissionAttr = _ref.permissionAttr,
-    tabMenuSize = _ref.tabMenuSize,
-    tooltip = _ref.tooltip,
-    tooltipPosition = _ref.tooltipPosition,
-    tooltipWidth = _ref.tooltipWidth,
-    closeable = _ref.closeable;
-  var _useTabs = (0, _useTabs2.useTabs)(),
-    selectedTabId = _useTabs.selectedTabId,
-    selectTab = _useTabs.selectTab,
-    removeTab = _useTabs.removeTab,
-    tabsCount = _useTabs.tabsCount;
-  var onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
-  return onDenied.unvisible ? null : /*#__PURE__*/_react["default"].createElement("li", {
+const MenuTab = _ref => {
+  let {
+    id,
+    title,
+    tabWidth,
+    iconAlign,
+    iconName,
+    icon,
+    disabled,
+    permissionAttr,
+    tabMenuSize,
+    tooltip,
+    tooltipPosition,
+    tooltipWidth,
+    closeable
+  } = _ref;
+  const {
+    selectedTabId,
+    selectTab,
+    removeTab,
+    tabsCount
+  } = (0, _useTabs.useTabs)();
+  const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
+  return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
     key: id,
     style: {
       width: tabWidth
     },
     className: "menuitem ".concat(selectedTabId === id && 'selected')
-  }, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     className: "btn menubutton",
     boxShadow: false,
-    onClick: function onClick() {
-      return selectTab(id);
-    },
+    onClick: () => selectTab(id),
     iconAlign: iconAlign,
     iconName: iconName,
     icon: icon,
@@ -55,35 +55,28 @@ var MenuTab = function MenuTab(_ref) {
     tooltip: tooltip || title,
     tooltipPosition: tooltipPosition,
     tooltipWidth: tooltipWidth
-  }), closeable && tabsCount > 1 && /*#__PURE__*/_react["default"].createElement("button", {
+  }), closeable && tabsCount > 1 && /*#__PURE__*/_react.default.createElement("button", {
     className: "closepanel",
-    onClick: function onClick() {
-      return removeTab(id);
-    }
+    onClick: () => removeTab(id)
   }));
 };
-var MenuTabs = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
-  var _ref2$tabs = _ref2.tabs,
-    tabs = _ref2$tabs === void 0 ? [] : _ref2$tabs,
-    _ref2$tabWidth = _ref2.tabWidth,
-    tabWidth = _ref2$tabWidth === void 0 ? 'auto' : _ref2$tabWidth,
-    _ref2$tabMenuSize = _ref2.tabMenuSize,
-    tabMenuSize = _ref2$tabMenuSize === void 0 ? 'medium' : _ref2$tabMenuSize,
-    _ref2$tabMenuAlign = _ref2.tabMenuAlign,
-    tabMenuAlign = _ref2$tabMenuAlign === void 0 ? 'left' : _ref2$tabMenuAlign,
-    _ref2$firstTabIdent = _ref2.firstTabIdent,
-    firstTabIdent = _ref2$firstTabIdent === void 0 ? false : _ref2$firstTabIdent;
-  return /*#__PURE__*/_react["default"].createElement("ul", {
+const MenuTabs = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+  let {
+    tabs = [],
+    tabWidth = 'auto',
+    tabMenuSize = 'medium',
+    tabMenuAlign = 'left',
+    firstTabIdent = false
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement("ul", {
     className: "menu ".concat(firstTabIdent && '-firsttabident'),
     style: helpers.menuStyles(tabMenuAlign),
     ref: ref
-  }, tabs.map(function (tab) {
-    return /*#__PURE__*/_react["default"].createElement(MenuTab, _extends({
-      key: tab.id,
-      tabMenuSize: tabMenuSize,
-      tabWidth: tabWidth
-    }, tab));
-  }));
+  }, tabs.map(tab => /*#__PURE__*/_react.default.createElement(MenuTab, _extends({
+    key: tab.id,
+    tabMenuSize: tabMenuSize,
+    tabWidth: tabWidth
+  }, tab))));
 });
 MenuTabs.displayName = 'MenuTabs';
-var _default = exports["default"] = MenuTabs;
+var _default = exports.default = MenuTabs;