linear-react-components-ui 1.0.3-beta.3 → 1.0.4

package/lib/tabs/DropdownItems.js

@@ -1,31 +1,23 @@
 "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 = _interopRequireDefault(require("react"));
-
 var _buttons = _interopRequireDefault(require("../buttons"));
-
 var _list = _interopRequireWildcard(require("../list"));
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var DropdownItems = function DropdownItems(_ref) {
   var handlerClick = _ref.handlerClick,
-      handlerRemovePanel = _ref.handlerRemovePanel,
-      _ref$dropdownPanels = _ref.dropdownPanels,
-      dropdownPanels = _ref$dropdownPanels === void 0 ? [] : _ref$dropdownPanels,
-      _ref$tabMenuSize = _ref.tabMenuSize,
-      tabMenuSize = _ref$tabMenuSize === void 0 ? 'medium' : _ref$tabMenuSize;
+    handlerRemovePanel = _ref.handlerRemovePanel,
+    _ref$dropdownPanels = _ref.dropdownPanels,
+    dropdownPanels = _ref$dropdownPanels === void 0 ? [] : _ref$dropdownPanels,
+    _ref$tabMenuSize = _ref.tabMenuSize,
+    tabMenuSize = _ref$tabMenuSize === void 0 ? 'medium' : _ref$tabMenuSize;
   return dropdownPanels.length > 0 ? /*#__PURE__*/_react.default.createElement(_buttons.default, {
     dropdown: true,
     dropdownAlign: "right",
@@ -37,13 +29,13 @@ var DropdownItems = function DropdownItems(_ref) {
     customClass: "dropdown-hide-tabs"
   }, dropdownPanels.map(function (panel, index) {
     var _panel$props = panel.props,
-        id = _panel$props.id,
-        title = _panel$props.title,
-        closeable = _panel$props.closeable,
-        iconAlign = _panel$props.iconAlign,
-        icon = _panel$props.icon,
-        iconName = _panel$props.iconName,
-        disabled = _panel$props.disabled;
+      id = _panel$props.id,
+      title = _panel$props.title,
+      closeable = _panel$props.closeable,
+      iconAlign = _panel$props.iconAlign,
+      icon = _panel$props.icon,
+      iconName = _panel$props.iconName,
+      disabled = _panel$props.disabled;
     return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
       key: id
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -69,6 +61,5 @@ var DropdownItems = function DropdownItems(_ref) {
     })));
   }))) : null;
 };
-
 var _default = DropdownItems;
 exports.default = _default;

package/lib/tabs/Menu.js

@@ -4,29 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _MenuItems = _interopRequireDefault(require("./MenuItems"));
-
 var _DropdownItems = _interopRequireDefault(require("./DropdownItems"));
-
 var _excluded = ["menuRef", "toolbar", "toolBarRef", "customClassForToolBar"];
-
 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 menuRef = _ref.menuRef,
-      toolbar = _ref.toolbar,
-      toolBarRef = _ref.toolBarRef,
-      _ref$customClassForTo = _ref.customClassForToolBar,
-      customClassForToolBar = _ref$customClassForTo === void 0 ? '' : _ref$customClassForTo,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    toolbar = _ref.toolbar,
+    toolBarRef = _ref.toolBarRef,
+    _ref$customClassForTo = _ref.customClassForToolBar,
+    customClassForToolBar = _ref$customClassForTo === void 0 ? '' : _ref$customClassForTo,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "menucontainer",
     ref: function ref(_ref2) {
@@ -39,6 +30,5 @@ var Menu = function Menu(_ref) {
     } : undefined
   }));
 };
-
 var _default = Menu;
 exports.default = _default;

package/lib/tabs/MenuItems.js

@@ -1,56 +1,47 @@
 "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 = _interopRequireDefault(require("react"));
-
 var _buttons = _interopRequireDefault(require("../buttons"));
-
 var helpers = _interopRequireWildcard(require("./tabHelpers"));
-
 var _permissionValidations = require("../permissionValidations");
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var MenuItems = function MenuItems(_ref) {
   var handlerClick = _ref.handlerClick,
-      currentPanels = _ref.currentPanels,
-      handlerRemovePanel = _ref.handlerRemovePanel,
-      _ref$tabWidth = _ref.tabWidth,
-      tabWidth = _ref$tabWidth === void 0 ? 'auto' : _ref$tabWidth,
-      _ref$tabMenuSize = _ref.tabMenuSize,
-      tabMenuSize = _ref$tabMenuSize === void 0 ? 'medium' : _ref$tabMenuSize,
-      _ref$tabMenuAlign = _ref.tabMenuAlign,
-      tabMenuAlign = _ref$tabMenuAlign === void 0 ? 'left' : _ref$tabMenuAlign,
-      _ref$selectedTabId = _ref.selectedTabId,
-      selectedTabId = _ref$selectedTabId === void 0 ? '' : _ref$selectedTabId,
-      _ref$firstTabIdent = _ref.firstTabIdent,
-      firstTabIdent = _ref$firstTabIdent === void 0 ? false : _ref$firstTabIdent;
+    currentPanels = _ref.currentPanels,
+    handlerRemovePanel = _ref.handlerRemovePanel,
+    _ref$tabWidth = _ref.tabWidth,
+    tabWidth = _ref$tabWidth === void 0 ? 'auto' : _ref$tabWidth,
+    _ref$tabMenuSize = _ref.tabMenuSize,
+    tabMenuSize = _ref$tabMenuSize === void 0 ? 'medium' : _ref$tabMenuSize,
+    _ref$tabMenuAlign = _ref.tabMenuAlign,
+    tabMenuAlign = _ref$tabMenuAlign === void 0 ? 'left' : _ref$tabMenuAlign,
+    _ref$selectedTabId = _ref.selectedTabId,
+    selectedTabId = _ref$selectedTabId === void 0 ? '' : _ref$selectedTabId,
+    _ref$firstTabIdent = _ref.firstTabIdent,
+    firstTabIdent = _ref$firstTabIdent === void 0 ? false : _ref$firstTabIdent;
   return /*#__PURE__*/_react.default.createElement("ul", {
     className: "menu ".concat(firstTabIdent && '-firsttabident'),
     style: helpers.menuStyles(tabMenuAlign)
   }, currentPanels === null || currentPanels === void 0 ? void 0 : currentPanels.map(function (panel, index) {
     var _panel$props = panel.props,
-        id = _panel$props.id,
-        icon = _panel$props.icon,
-        title = _panel$props.title,
-        tooltip = _panel$props.tooltip,
-        disabled = _panel$props.disabled,
-        iconName = _panel$props.iconName,
-        closeable = _panel$props.closeable,
-        iconAlign = _panel$props.iconAlign,
-        tooltipWidth = _panel$props.tooltipWidth,
-        permissionAttr = _panel$props.permissionAttr,
-        tooltipPosition = _panel$props.tooltipPosition;
+      id = _panel$props.id,
+      icon = _panel$props.icon,
+      title = _panel$props.title,
+      tooltip = _panel$props.tooltip,
+      disabled = _panel$props.disabled,
+      iconName = _panel$props.iconName,
+      closeable = _panel$props.closeable,
+      iconAlign = _panel$props.iconAlign,
+      tooltipWidth = _panel$props.tooltipWidth,
+      permissionAttr = _panel$props.permissionAttr,
+      tooltipPosition = _panel$props.tooltipPosition;
     var onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
     return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
       key: id,
@@ -81,6 +72,5 @@ var MenuItems = function MenuItems(_ref) {
     }));
   }));
 };
-
 var _default = MenuItems;
 exports.default = _default;

package/lib/tabs/Panel.js

@@ -1,73 +1,51 @@
 "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 = 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 _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 _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);
@@ -75,16 +53,14 @@ 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 */
-
 
+  /* atualiza referencia caso a função mude */
   (0, _react.useEffect)(function () {
     onEndReachedRef.current = onEndReached;
   }, [onEndReached]);
@@ -102,6 +78,5 @@ 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,7 +1,6 @@
 "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
 });
@@ -12,129 +11,90 @@ 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 = 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 _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 _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) {
@@ -142,34 +102,26 @@ 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);
@@ -179,22 +131,17 @@ 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) {
@@ -208,20 +155,16 @@ 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;
       });
@@ -230,26 +173,21 @@ 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,
@@ -274,15 +212,11 @@ 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);
@@ -311,6 +245,5 @@ var Tabs = function Tabs(_ref) {
     style: style
   }, renderContent()));
 };
-
 var _default = Tabs;
 exports.default = _default;