linear-react-components-ui 1.0.2 → 1.0.3-beta.2

package/lib/tabs/Panel.js

@@ -1,51 +1,73 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _tabHelpers = _interopRequireWildcard(require("./tabHelpers"));
+
 var _permissionValidations = require("../permissionValidations");
+
 var _noPermission = _interopRequireDefault(require("../noPermission"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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; }
+
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var observer = null;
+
 var Panel = function Panel(_ref) {
   var id = _ref.id,
-    children = _ref.children,
-    onEndReached = _ref.onEndReached,
-    permissionAttr = _ref.permissionAttr,
-    _ref$customClass = _ref.customClass,
-    customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
-    _ref$onEndReachedThre = _ref.onEndReachedThreshold,
-    onEndReachedThreshold = _ref$onEndReachedThre === void 0 ? 0.1 : _ref$onEndReachedThre;
+      children = _ref.children,
+      onEndReached = _ref.onEndReached,
+      permissionAttr = _ref.permissionAttr,
+      _ref$customClass = _ref.customClass,
+      customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
+      _ref$onEndReachedThre = _ref.onEndReachedThreshold,
+      onEndReachedThreshold = _ref$onEndReachedThre === void 0 ? 0.1 : _ref$onEndReachedThre;
+
   var _useContext = (0, _react.useContext)(_tabHelpers.default),
-    selectedTabId = _useContext.selectedTabId,
-    contentHeight = _useContext.contentHeight;
+      selectedTabId = _useContext.selectedTabId,
+      contentHeight = _useContext.contentHeight;
+
   var hidePanel = id !== selectedTabId ? 'hidepanel' : '';
   var style = {};
   var rootElementRef = (0, _react.useRef)(null);
   var observedElement = (0, _react.useRef)(null);
   /* usa uma referencia ao onEndReched pra evitar novas instancias do observer */
+
   var onEndReachedRef = (0, _react.useRef)(onEndReached);
+
   var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(_tabHelpers.onDeniedOptions, permissionAttr)),
-    _useState2 = _slicedToArray(_useState, 1),
-    onDenied = _useState2[0];
+      _useState2 = _slicedToArray(_useState, 1),
+      onDenied = _useState2[0];
+
   var hideContent = onDenied.hideContent;
   if (contentHeight) style.height = contentHeight;
   var options = {
     root: rootElementRef.current,
     threshold: onEndReachedThreshold || 0
   };
+
   var scrollObserver = function scrollObserver(node) {
     // evitar criação de multiplos observers
     if (observer) observer.unobserve(node);
@@ -53,14 +75,16 @@ var Panel = function Panel(_ref) {
       entries.forEach(function (en) {
         if (en.intersectionRatio > 0) {
           var _onEndReachedRef$curr;
+
           (_onEndReachedRef$curr = onEndReachedRef.current) === null || _onEndReachedRef$curr === void 0 ? void 0 : _onEndReachedRef$curr.call(onEndReachedRef);
         }
       }, options);
     });
     observer.observe(node);
   };
-
   /* atualiza referencia caso a função mude */
+
+
   (0, _react.useEffect)(function () {
     onEndReachedRef.current = onEndReached;
   }, [onEndReached]);
@@ -78,5 +102,6 @@ var Panel = function Panel(_ref) {
     ref: observedElement
   }) : /*#__PURE__*/_react.default.createElement("noscript", null));
 };
+
 var _default = Panel;
 exports.default = _default;

package/lib/tabs/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,90 +12,129 @@ Object.defineProperty(exports, "TabPanel", {
   }
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _Menu = _interopRequireDefault(require("./Menu"));
+
 var _Panel = _interopRequireDefault(require("./Panel"));
+
 var _tabHelpers = _interopRequireWildcard(require("./tabHelpers"));
+
 require("../assets/styles/tabs.scss");
+
 var _excluded = ["toolbar", "children", "selectedTab", "firstTabIdent", "handlerTabClick", "handlerCloseTab", "style", "tabMenuSize", "tabMenuAlign", "tabMenuPosition", "customClassForToolBar", "tabsWidthOnExceedCount"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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; }
+
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 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; }
+
 var DROPDOWN_WIDTH = 26;
+
 var Tabs = function Tabs(_ref) {
   var _panels$, _panels$$props;
+
   var toolbar = _ref.toolbar,
-    children = _ref.children,
-    selectedTab = _ref.selectedTab,
-    firstTabIdent = _ref.firstTabIdent,
-    handlerTabClick = _ref.handlerTabClick,
-    handlerCloseTab = _ref.handlerCloseTab,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
-    _ref$tabMenuSize = _ref.tabMenuSize,
-    tabMenuSize = _ref$tabMenuSize === void 0 ? 'default' : _ref$tabMenuSize,
-    _ref$tabMenuAlign = _ref.tabMenuAlign,
-    tabMenuAlign = _ref$tabMenuAlign === void 0 ? 'left' : _ref$tabMenuAlign,
-    _ref$tabMenuPosition = _ref.tabMenuPosition,
-    tabMenuPosition = _ref$tabMenuPosition === void 0 ? 'top' : _ref$tabMenuPosition,
-    _ref$customClassForTo = _ref.customClassForToolBar,
-    customClassForToolBar = _ref$customClassForTo === void 0 ? '' : _ref$customClassForTo,
-    _ref$tabsWidthOnExcee = _ref.tabsWidthOnExceedCount,
-    tabsWidthOnExceedCount = _ref$tabsWidthOnExcee === void 0 ? 0 : _ref$tabsWidthOnExcee,
-    props = _objectWithoutProperties(_ref, _excluded);
+      children = _ref.children,
+      selectedTab = _ref.selectedTab,
+      firstTabIdent = _ref.firstTabIdent,
+      handlerTabClick = _ref.handlerTabClick,
+      handlerCloseTab = _ref.handlerCloseTab,
+      _ref$style = _ref.style,
+      style = _ref$style === void 0 ? {} : _ref$style,
+      _ref$tabMenuSize = _ref.tabMenuSize,
+      tabMenuSize = _ref$tabMenuSize === void 0 ? 'default' : _ref$tabMenuSize,
+      _ref$tabMenuAlign = _ref.tabMenuAlign,
+      tabMenuAlign = _ref$tabMenuAlign === void 0 ? 'left' : _ref$tabMenuAlign,
+      _ref$tabMenuPosition = _ref.tabMenuPosition,
+      tabMenuPosition = _ref$tabMenuPosition === void 0 ? 'top' : _ref$tabMenuPosition,
+      _ref$customClassForTo = _ref.customClassForToolBar,
+      customClassForToolBar = _ref$customClassForTo === void 0 ? '' : _ref$customClassForTo,
+      _ref$tabsWidthOnExcee = _ref.tabsWidthOnExceedCount,
+      tabsWidthOnExceedCount = _ref$tabsWidthOnExcee === void 0 ? 0 : _ref$tabsWidthOnExcee,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   var _useState = (0, _react.useState)((0, _tabHelpers.buildPanels)(children) || []),
-    _useState2 = _slicedToArray(_useState, 2),
-    panels = _useState2[0],
-    setPanels = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      panels = _useState2[0],
+      setPanels = _useState2[1];
+
   var _useState3 = (0, _react.useState)([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentPanels = _useState4[0],
-    setCurrentPanels = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentPanels = _useState4[0],
+      setCurrentPanels = _useState4[1];
+
   var _useState5 = (0, _react.useState)([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    dropdownPanels = _useState6[0],
-    setDropdownPanels = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      dropdownPanels = _useState6[0],
+      setDropdownPanels = _useState6[1];
+
   var _useState7 = (0, _react.useState)(selectedTab || ((_panels$ = panels[0]) === null || _panels$ === void 0 ? void 0 : (_panels$$props = _panels$.props) === null || _panels$$props === void 0 ? void 0 : _panels$$props.id)),
-    _useState8 = _slicedToArray(_useState7, 2),
-    selectedTabId = _useState8[0],
-    setSelectedTabId = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      selectedTabId = _useState8[0],
+      setSelectedTabId = _useState8[1];
+
   var _useState9 = (0, _react.useState)(''),
-    _useState10 = _slicedToArray(_useState9, 1),
-    customClass = _useState10[0];
+      _useState10 = _slicedToArray(_useState9, 1),
+      customClass = _useState10[0];
+
   var _useState11 = (0, _react.useState)(0),
-    _useState12 = _slicedToArray(_useState11, 2),
-    contentHeight = _useState12[0],
-    setContentHeight = _useState12[1];
+      _useState12 = _slicedToArray(_useState11, 2),
+      contentHeight = _useState12[0],
+      setContentHeight = _useState12[1];
+
   var _useState13 = (0, _react.useState)(0),
-    _useState14 = _slicedToArray(_useState13, 2),
-    tabsContentWidth = _useState14[0],
-    setTabsContentWidth = _useState14[1];
+      _useState14 = _slicedToArray(_useState13, 2),
+      tabsContentWidth = _useState14[0],
+      setTabsContentWidth = _useState14[1];
+
   var _useState15 = (0, _react.useState)(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    hasMenuAttributes = _useState16[0],
-    setHasMenuAttributes = _useState16[1];
+      _useState16 = _slicedToArray(_useState15, 2),
+      hasMenuAttributes = _useState16[0],
+      setHasMenuAttributes = _useState16[1];
+
   var _useState17 = (0, _react.useState)('auto'),
-    _useState18 = _slicedToArray(_useState17, 2),
-    tabWidth = _useState18[0],
-    setTabWidth = _useState18[1];
+      _useState18 = _slicedToArray(_useState17, 2),
+      tabWidth = _useState18[0],
+      setTabWidth = _useState18[1];
+
   var componentRef = (0, _react.useRef)(null);
+
   var _menuRef = (0, _react.useRef)(null);
+
   var _toolBarRef = (0, _react.useRef)(null);
+
   var getTabListWidth = function getTabListWidth() {
     var _menuRef$current;
+
     var tabMenu = (_menuRef$current = _menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.children[0];
     var tabList = Array.from(tabMenu === null || tabMenu === void 0 ? void 0 : tabMenu.childNodes);
     var tabsListWidth = tabList.reduce(function (total, tab) {
@@ -102,26 +142,34 @@ var Tabs = function Tabs(_ref) {
     }, 0);
     return tabsListWidth;
   };
+
   var getMenuAttributes = function getMenuAttributes() {
     var _menuRef$current2;
+
     var menuSize = (_menuRef$current2 = _menuRef.current) === null || _menuRef$current2 === void 0 ? void 0 : _menuRef$current2.clientWidth;
     var toolbarSize = toolbar && _toolBarRef.current ? _toolBarRef.current.clientWidth : 0;
     var contentWidth = menuSize ? (toolbar ? menuSize - toolbarSize : menuSize) - DROPDOWN_WIDTH : 0;
     setTabsContentWidth(contentWidth);
   };
+
   var getTabsList = function getTabsList() {
     var tabsListWidth = getTabListWidth();
+
     var newDropdownPanels = _toConsumableArray(dropdownPanels);
+
     var newCurrentPanels = _toConsumableArray(panels);
+
     if (newDropdownPanels.length) {
       var newDropdownPanelsIds = newDropdownPanels.map(function (dd) {
         var _dd$props;
+
         return dd === null || dd === void 0 ? void 0 : (_dd$props = dd.props) === null || _dd$props === void 0 ? void 0 : _dd$props.id;
       });
       newCurrentPanels = newCurrentPanels.filter(function (tab) {
         return !newDropdownPanelsIds.includes(tab === null || tab === void 0 ? void 0 : tab.props.id);
       });
     }
+
     if (tabsListWidth > tabsContentWidth) {
       var lastPanel = newCurrentPanels[newCurrentPanels.length - 1];
       newDropdownPanels.push(lastPanel);
@@ -131,17 +179,22 @@ var Tabs = function Tabs(_ref) {
       newCurrentPanels.push(newDropdownPanels[0]);
       newDropdownPanels.shift();
     }
+
     setCurrentPanels(newCurrentPanels);
     setDropdownPanels(newDropdownPanels);
   };
+
   var onMenuClick = function onMenuClick(tabId) {
     var includedInDropdown = dropdownPanels.filter(function (item) {
       var _item$props;
+
       return (item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.id) === tabId;
     });
+
     if (includedInDropdown.length > 0 && getTabListWidth() > 0) {
       var newDropdownPanels = dropdownPanels.filter(function (item) {
         var _item$props2;
+
         return (item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.id) !== tabId;
       });
       var newPanels = panels.filter(function (item) {
@@ -155,16 +208,20 @@ var Tabs = function Tabs(_ref) {
       setDropdownPanels(newDropdownPanels);
       setCurrentPanels(newCurrentPanels);
     }
+
     if (handlerTabClick) handlerTabClick(tabId);
     setSelectedTabId(tabId);
   };
+
   var onRemovePanel = function onRemovePanel(closedPanelId) {
     var panelIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var fromDropdownPanels = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var newSelectedTabId = selectedTabId;
     var remainPanels;
+
     if (!fromDropdownPanels) {
       var _remainPanels;
+
       remainPanels = panels.filter(function (panel) {
         return (panel === null || panel === void 0 ? void 0 : panel.props.id) !== closedPanelId;
       });
@@ -173,21 +230,26 @@ var Tabs = function Tabs(_ref) {
     } else {
       remainPanels = dropdownPanels.filter(function (panel) {
         var _panel$props;
+
         return (panel === null || panel === void 0 ? void 0 : (_panel$props = panel.props) === null || _panel$props === void 0 ? void 0 : _panel$props.id) !== closedPanelId;
       });
       setDropdownPanels(remainPanels);
     }
+
     if (handlerCloseTab && newSelectedTabId) handlerCloseTab(closedPanelId, newSelectedTabId);
   };
+
   var onResize = function onResize() {
     if (componentRef.current && _menuRef.current) {
       setContentHeight(componentRef.current.offsetHeight - _menuRef.current.offsetHeight);
+
       if (!hasMenuAttributes && _menuRef.current && _menuRef.current.clientWidth > 0) {
         getMenuAttributes();
         setHasMenuAttributes(true);
       }
     }
   };
+
   var renderContent = function renderContent() {
     var menu = /*#__PURE__*/_react.default.createElement(_Menu.default, _extends({}, props, {
       toolbar: toolbar,
@@ -212,11 +274,15 @@ var Tabs = function Tabs(_ref) {
     /*
       Change the order of elements depending of menus position
     */
+
+
     if (tabMenuPosition === 'top' || tabMenuPosition === 'left') {
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menu, panels);
     }
+
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, panels, menu);
   };
+
   (0, _react.useEffect)(function () {
     onResize();
     window.addEventListener('resize', onResize);
@@ -245,5 +311,6 @@ var Tabs = function Tabs(_ref) {
     style: style
   }, renderContent()));
 };
+
 var _default = Tabs;
 exports.default = _default;

package/lib/tabs/tabHelpers.js

@@ -9,21 +9,26 @@ exports.menuStyles = menuStyles;
 exports.numberAroundZeroAndOne = numberAroundZeroAndOne;
 exports.onDeniedOptions = void 0;
 exports.tabsClass = tabsClass;
+
 var _react = require("react");
+
 var _Panel = _interopRequireDefault(require("./Panel"));
+
 var _permissionValidations = require("../permissionValidations");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * Recursive funcion to get the panels passed as children elements to the Tabs Component.
  * Sometimes, when tabs were added dynamically, the children can came as array or Panels.
  */
-
 function buildPanels(children) {
   var panels = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   if (!Array.isArray(children)) return new Array(children);
   children.forEach(function (child) {
     if (child.type === _Panel.default) {
       var _child$props;
+
       if (!((_child$props = child.props) !== null && _child$props !== void 0 && _child$props.hidden)) {
         panels.push(child);
       }
@@ -33,25 +38,28 @@ function buildPanels(children) {
   });
   return panels;
 }
-
 /**
  * Get the css class according to the options passed to the Tabs Component
  */
+
+
 var positionsMenuClass = {
   top: '',
   left: 'menu-left',
   bottom: 'menu-bottom',
   right: 'menu-right'
 };
+
 function tabsClass(tabMenuPosition) {
   var cssClass = 'tabs-component ';
   cssClass += positionsMenuClass[tabMenuPosition];
   return cssClass;
 }
-
 /**
  * Menu Styles for tab menus
  */
+
+
 var flextJustifyContent = {
   left: 'flex-start',
   top: 'flex-start',
@@ -59,20 +67,25 @@ var flextJustifyContent = {
   bottom: 'flex-end',
   center: 'center'
 };
+
 function menuStyles(tabMenuAlign) {
   return {
     justifyContent: flextJustifyContent[tabMenuAlign]
   };
 }
+
 function numberAroundZeroAndOne(props, propName, componentName) {
   if (props[propName]) {
     var value = props[propName];
+
     if (typeof value === 'number') {
       return value >= 0 && value <= 1 ? null : new Error("invalid value of ".concat(propName, " in ").concat(componentName, " component, is not between 0 and 1"));
     }
   }
+
   return null;
 }
+
 var onDeniedOptions = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
 exports.onDeniedOptions = onDeniedOptions;
 var TabContext = /*#__PURE__*/(0, _react.createContext)({});

package/lib/toolbar/ButtonBar.js

@@ -1,36 +1,50 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _buttons = _interopRequireWildcard(require("../buttons"));
+
 var _helpers = _interopRequireDefault(require("./helpers"));
+
 var _excluded = ["size", "icon", "onClick", "iconName", "transparent", "customClass", "type", "iconAlign", "label"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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; }
+
 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 _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 ButtonBar = function ButtonBar(_ref) {
   var size = _ref.size,
-    icon = _ref.icon,
-    onClick = _ref.onClick,
-    iconName = _ref.iconName,
-    transparent = _ref.transparent,
-    customClass = _ref.customClass,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    _ref$iconAlign = _ref.iconAlign,
-    iconAlign = _ref$iconAlign === void 0 ? 'left' : _ref$iconAlign,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? '' : _ref$label,
-    props = _objectWithoutProperties(_ref, _excluded);
+      icon = _ref.icon,
+      onClick = _ref.onClick,
+      iconName = _ref.iconName,
+      transparent = _ref.transparent,
+      customClass = _ref.customClass,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'default' : _ref$type,
+      _ref$iconAlign = _ref.iconAlign,
+      iconAlign = _ref$iconAlign === void 0 ? 'left' : _ref$iconAlign,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? '' : _ref$label,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   var _useContext = (0, _react.useContext)(_helpers.default),
-    skeletonize = _useContext.skeletonize;
+      skeletonize = _useContext.skeletonize;
+
   var getProps = function getProps() {
     return _extends({}, props, {
       size: size,
@@ -45,6 +59,7 @@ var ButtonBar = function ButtonBar(_ref) {
       customClass: "buttonbar ".concat(customClass)
     });
   };
+
   return {
     default: /*#__PURE__*/_react.default.createElement(_buttons.default, getProps()),
     primary: /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, getProps()),
@@ -62,5 +77,6 @@ var ButtonBar = function ButtonBar(_ref) {
     restore: /*#__PURE__*/_react.default.createElement(_buttons.RestoreButton, getProps())
   }[type];
 };
+
 var _default = ButtonBar;
 exports.default = _default;