linear-react-components-ui 0.4.77-beta.26 → 0.4.77-beta.28

package/lib/tabs/DropdownItems.js

@@ -1,6 +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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +9,9 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _buttons = _interopRequireDefault(require("../buttons"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _buttons = _interopRequireDefault(require("./../buttons"));
 
 var _list = _interopRequireWildcard(require("../list"));
 
@@ -20,12 +22,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var DropdownItems = function DropdownItems(_ref) {
-  var handlerClick = _ref.handlerClick,
+  var dropdownPanels = _ref.dropdownPanels,
       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;
+      tabMenuSize = _ref.tabMenuSize,
+      handlerClick = _ref.handlerClick;
   return dropdownPanels.length > 0 ? /*#__PURE__*/_react.default.createElement(_buttons.default, {
     dropdown: true,
     dropdownAlign: "right",
@@ -36,39 +36,53 @@ var DropdownItems = function DropdownItems(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_list.default, {
     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;
-    return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-      key: id
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "menuitem"
-    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-      className: "btn menubutton",
-      boxShadow: false,
-      onClick: function onClick() {
-        return handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id);
-      },
-      iconAlign: iconAlign,
-      iconName: iconName,
-      icon: icon,
-      disabled: disabled,
-      label: title,
-      size: tabMenuSize,
-      transparent: true
-    }), closeable && /*#__PURE__*/_react.default.createElement("button", {
-      className: "closepanel",
-      onClick: function onClick() {
-        handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index, true);
-      }
-    })));
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    if (panel.props) {
+      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;
+      return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+        key: id
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "menuitem"
+      }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+        className: "btn menubutton",
+        boxShadow: false,
+        onClick: function onClick() {
+          return handlerClick(id);
+        },
+        iconAlign: iconAlign,
+        iconName: iconName,
+        icon: icon,
+        disabled: disabled,
+        label: title,
+        size: tabMenuSize,
+        transparent: true
+      }), closeable && /*#__PURE__*/_react.default.createElement("button", {
+        className: "closepanel",
+        onClick: function onClick() {
+          handlerRemovePanel(id, index, true);
+        }
+      })));
+    }
+
+    return /*#__PURE__*/_react.default.createElement("noscript", null);
+  }))) : /*#__PURE__*/_react.default.createElement("noscript", null);
 };
 
+DropdownItems.propTypes = {
+  dropdownPanels: _propTypes.default.arrayOf(_propTypes.default.element).isRequired,
+  handlerClick: _propTypes.default.func.isRequired,
+  handlerRemovePanel: _propTypes.default.func,
+  tabMenuSize: _propTypes.default.string
+};
+DropdownItems.defaultProps = {
+  handlerRemovePanel: null,
+  tabMenuSize: 'medium'
+};
 var _default = DropdownItems;
 exports.default = _default;

package/lib/tabs/Menu.js

@@ -7,30 +7,23 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 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);
-
+var Menu = function Menu(props) {
+  var toolbar = props.toolbar,
+      customClassForToolBar = props.customClassForToolBar,
+      menuRef = props.menuRef,
+      toolBarRef = props.toolBarRef;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "menucontainer",
-    ref: function ref(_ref2) {
-      menuRef === null || menuRef === void 0 ? void 0 : menuRef(_ref2);
+    ref: function ref(r) {
+      menuRef(r);
     }
   }, /*#__PURE__*/_react.default.createElement(_MenuItems.default, props), /*#__PURE__*/_react.default.createElement(_DropdownItems.default, props), toolbar && /*#__PURE__*/_react.default.cloneElement(toolbar, {
     customClass: "menubar ".concat(customClassForToolBar),
@@ -40,5 +33,16 @@ var Menu = function Menu(_ref) {
   }));
 };
 
+Menu.propTypes = {
+  toolbar: _propTypes.default.object,
+  customClassForToolBar: _propTypes.default.string,
+  menuRef: _propTypes.default.func.isRequired,
+  toolBarRef: _propTypes.default.func
+};
+Menu.defaultProps = {
+  toolbar: undefined,
+  toolBarRef: null,
+  customClassForToolBar: ''
+};
 var _default = Menu;
 exports.default = _default;

package/lib/tabs/MenuItems.js

@@ -1,6 +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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +9,9 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _buttons = _interopRequireDefault(require("../buttons"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _buttons = _interopRequireDefault(require("./../buttons"));
 
 var helpers = _interopRequireWildcard(require("./tabHelpers"));
 
@@ -22,36 +24,31 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var MenuItems = function MenuItems(_ref) {
-  var handlerClick = _ref.handlerClick,
-      currentPanels = _ref.currentPanels,
+  var selectedTabId = _ref.selectedTabId,
+      handlerClick = _ref.handlerClick,
       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;
+      tabMenuAlign = _ref.tabMenuAlign,
+      firstTabIdent = _ref.firstTabIdent,
+      tabMenuSize = _ref.tabMenuSize,
+      currentPanels = _ref.currentPanels,
+      tabWidth = _ref.tabWidth;
   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) {
+  }, 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,
-        tooltipPosition = _panel$props.tooltipPosition;
-    var onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
+        permissionAttr = _panel$props.permissionAttr;
+    var onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, helpers.onDeniedOptions);
     return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
       key: id,
       style: {
@@ -62,12 +59,12 @@ var MenuItems = function MenuItems(_ref) {
       className: "btn menubutton",
       boxShadow: false,
       onClick: function onClick() {
-        return handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id);
+        return handlerClick(id);
       },
       iconAlign: iconAlign,
       iconName: iconName,
       icon: icon,
-      disabled: disabled || !!onDenied.disabled,
+      disabled: disabled || onDenied.disabled,
       label: title,
       size: tabMenuSize,
       tooltip: tooltip || title,
@@ -76,11 +73,28 @@ var MenuItems = function MenuItems(_ref) {
     }), closeable && currentPanels.length > 1 && /*#__PURE__*/_react.default.createElement("button", {
       className: "closepanel",
       onClick: function onClick() {
-        handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index);
+        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;

package/lib/tabs/Panel.js

@@ -1,6 +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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +9,9 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _tabHelpers = _interopRequireWildcard(require("./tabHelpers"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _tabHelpers = require("./tabHelpers");
 
 var _permissionValidations = require("../permissionValidations");
 
@@ -29,23 +31,21 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 _iterableToArrayLimit(arr, i) { var _i = arr && (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),
+var Panel = function Panel(props) {
+  var children = props.children,
+      customClass = props.customClass,
+      id = props.id,
+      onEndReached = props.onEndReached,
+      onEndReachedThreshold = props.onEndReachedThreshold,
+      permissionAttr = props.permissionAttr;
+
+  var _useContext = (0, _react.useContext)(_tabHelpers.TabContext),
       selectedTabId = _useContext.selectedTabId,
       contentHeight = _useContext.contentHeight;
 
@@ -57,7 +57,7 @@ var Panel = function Panel(_ref) {
 
   var onEndReachedRef = (0, _react.useRef)(onEndReached);
 
-  var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(_tabHelpers.onDeniedOptions, permissionAttr)),
+  var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, _tabHelpers.onDeniedOptions)),
       _useState2 = _slicedToArray(_useState, 1),
       onDenied = _useState2[0];
 
@@ -74,9 +74,7 @@ var Panel = function Panel(_ref) {
     observer = new IntersectionObserver(function (entries) {
       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);
+          onEndReachedRef.current();
         }
       }, options);
     });
@@ -103,5 +101,40 @@ var Panel = function Panel(_ref) {
   }) : /*#__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;