linear-react-components-ui 0.4.77-beta.23 → 0.4.77-beta.25

package/lib/tabs/MenuItems.js

@@ -1,19 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
+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;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _buttons = _interopRequireDefault(require("./../buttons"));
+var _buttons = _interopRequireDefault(require("../buttons"));
 
 var helpers = _interopRequireWildcard(require("./tabHelpers"));
 
@@ -21,80 +17,70 @@ 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 _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 selectedTabId = _ref.selectedTabId,
-      handlerClick = _ref.handlerClick,
-      handlerRemovePanel = _ref.handlerRemovePanel,
-      tabMenuAlign = _ref.tabMenuAlign,
-      firstTabIdent = _ref.firstTabIdent,
-      tabMenuSize = _ref.tabMenuSize,
+  var handlerClick = _ref.handlerClick,
       currentPanels = _ref.currentPanels,
-      tabWidth = _ref.tabWidth;
-  return /*#__PURE__*/_react["default"].createElement("ul", {
+      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.map(function (panel, index) {
+  }, 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,
-        icon = _panel$props.icon,
-        iconName = _panel$props.iconName,
-        disabled = _panel$props.disabled,
-        tooltip = _panel$props.tooltip,
-        tooltipPosition = _panel$props.tooltipPosition,
         tooltipWidth = _panel$props.tooltipWidth,
-        permissionAttr = _panel$props.permissionAttr;
+        permissionAttr = _panel$props.permissionAttr,
+        tooltipPosition = _panel$props.tooltipPosition;
     var onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, helpers.onDeniedOptions);
-    return onDenied.unvisible ? null : /*#__PURE__*/_react["default"].createElement("li", {
+    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 handlerClick(id);
+        return handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id);
       },
       iconAlign: iconAlign,
       iconName: iconName,
       icon: icon,
-      disabled: disabled || onDenied.disabled,
+      disabled: disabled || !!onDenied.disabled,
       label: title,
       size: tabMenuSize,
       tooltip: tooltip || title,
       tooltipPosition: tooltipPosition,
       tooltipWidth: tooltipWidth
-    }), closeable && currentPanels.length > 1 && /*#__PURE__*/_react["default"].createElement("button", {
+    }), closeable && currentPanels.length > 1 && /*#__PURE__*/_react.default.createElement("button", {
       className: "closepanel",
       onClick: function onClick() {
-        handlerRemovePanel(id, index);
+        handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index);
       }
     }));
   }));
 };
 
-MenuItems.propTypes = {
-  currentPanels: _propTypes["default"].arrayOf(_propTypes["default"].element).isRequired,
-  selectedTabId: _propTypes["default"].string,
-  handlerClick: _propTypes["default"].func.isRequired,
-  handlerRemovePanel: _propTypes["default"].func,
-  tabMenuAlign: _propTypes["default"].string.isRequired,
-  tabMenuSize: _propTypes["default"].string,
-  firstTabIdent: _propTypes["default"].bool,
-  tabWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-};
-MenuItems.defaultProps = {
-  handlerRemovePanel: null,
-  selectedTabId: '',
-  firstTabIdent: false,
-  tabMenuSize: 'medium',
-  tabWidth: 'auto'
-};
 var _default = MenuItems;
-exports["default"] = _default;
+exports.default = _default;

package/lib/tabs/Panel.js

@@ -1,41 +1,51 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
+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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _tabHelpers = require("./tabHelpers");
+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 _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; }
 
-var observer = null;
+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); }
 
-var Panel = function Panel(props) {
-  var children = props.children,
-      customClass = props.customClass,
-      id = props.id,
-      onEndReached = props.onEndReached,
-      onEndReachedThreshold = props.onEndReachedThreshold,
-      permissionAttr = props.permissionAttr;
+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; }
 
-  var _useContext = (0, _react.useContext)(_tabHelpers.TabContext),
+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;
+
+  var _useContext = (0, _react.useContext)(_tabHelpers.default),
       selectedTabId = _useContext.selectedTabId,
       contentHeight = _useContext.contentHeight;
 
@@ -48,7 +58,7 @@ var Panel = function Panel(props) {
   var onEndReachedRef = (0, _react.useRef)(onEndReached);
 
   var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, _tabHelpers.onDeniedOptions)),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
+      _useState2 = _slicedToArray(_useState, 1),
       onDenied = _useState2[0];
 
   var hideContent = onDenied.hideContent;
@@ -64,7 +74,9 @@ var Panel = function Panel(props) {
     observer = new IntersectionObserver(function (entries) {
       entries.forEach(function (en) {
         if (en.intersectionRatio > 0) {
-          onEndReachedRef.current();
+          var _onEndReachedRef$curr;
+
+          (_onEndReachedRef$curr = onEndReachedRef.current) === null || _onEndReachedRef$curr === void 0 ? void 0 : _onEndReachedRef$curr.call(onEndReachedRef);
         }
       }, options);
     });
@@ -81,50 +93,15 @@ var Panel = function Panel(props) {
       scrollObserver(observedElement.current);
     }
   }, [observedElement]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     ref: rootElementRef,
     id: id,
     className: " ".concat(customClass, " panel ").concat(hidePanel),
     style: style
-  }, hideContent ? /*#__PURE__*/_react["default"].createElement(_noPermission["default"], null) : children, !hideContent && onEndReached ? /*#__PURE__*/_react["default"].createElement("div", {
+  }, hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : children, !hideContent && onEndReached ? /*#__PURE__*/_react.default.createElement("div", {
     ref: observedElement
-  }) : /*#__PURE__*/_react["default"].createElement("noscript", null));
+  }) : /*#__PURE__*/_react.default.createElement("noscript", null));
 };
 
-Panel.defaultProps = {
-  title: '',
-  closable: false,
-  hidden: false,
-  iconName: null,
-  icon: null,
-  iconAlign: 'left',
-  customClass: '',
-  children: undefined,
-  tooltipPosition: 'bottom',
-  tooltipWidth: 'auto',
-  onEndReached: undefined,
-  onEndReachedThreshold: 0.1,
-  permissionAttr: undefined
-};
-Panel.propTypes = {
-  children: _propTypes["default"].any,
-  id: _propTypes["default"].string.isRequired,
-  customClass: _propTypes["default"].string,
-
-  /**
-   * Properties are used inside Menu.jsx to build the tabMenus
-   */
-  title: _propTypes["default"].string,
-  closable: _propTypes["default"].bool,
-  hidden: _propTypes["default"].bool,
-  icon: _propTypes["default"].instanceOf(Object),
-  iconName: _propTypes["default"].string,
-  iconAlign: _propTypes["default"].string,
-  tooltipPosition: _propTypes["default"].string,
-  tooltipWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  onEndReached: _propTypes["default"].func,
-  onEndReachedThreshold: _tabHelpers.numberAroundZeroAndOne,
-  permissionAttr: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].arrayOf(_propTypes["default"].object)])
-};
 var _default = Panel;
-exports["default"] = _default;
+exports.default = _default;