linear-react-components-ui 0.4.77-beta.8 → 1.0.0-rc.1

package/lib/table/RowColumn.js

@@ -1,27 +1,25 @@
 "use strict";
 
-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); }
+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 = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _helpers = require("./helpers");
 
 var _skeleton = _interopRequireDefault(require("../skeleton"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
 
-function _extends() { _extends = Object.assign || 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 _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 getColClickEvent(event, _ref) {
   var ignoreTableColClick = _ref.ignoreTableColClick,
@@ -47,18 +45,22 @@ var displayClass = {
 var RowColumn = function RowColumn(props) {
   var customClass = props.customClass,
       style = props.style,
-      displayContent = props.displayContent,
+      _props$displayContent = props.displayContent,
+      displayContent = _props$displayContent === void 0 ? 'always' : _props$displayContent,
       textAlign = props.textAlign,
-      visible = props.visible;
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible;
   var context = (0, _react.useContext)(_helpers.RowContext);
   var skeletonize = context.skeletonize,
       vertical = context.vertical,
-      skeletonInRows = context.skeletonInRows;
+      _context$skeletonInRo = context.skeletonInRows,
+      skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo;
   var hiddenContent = displayContent !== 'always';
+  var childrenProps = props.children;
 
   var renderContent = function renderContent() {
     if (skeletonize && vertical) {
-      return /*#__PURE__*/_react["default"].createElement(_skeleton["default"], {
+      return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
         height: 16,
         style: {
           marginBottom: 0
@@ -66,43 +68,23 @@ var RowColumn = function RowColumn(props) {
       });
     }
 
-    return hiddenContent ? /*#__PURE__*/_react["default"].createElement("span", {
+    return hiddenContent && displayContent ? /*#__PURE__*/_react.default.createElement("span", {
       className: displayClass[displayContent]
-    }, props.children) : props.children;
+    }, childrenProps) : childrenProps;
   };
 
   if (!visible) return null;
   if (skeletonize && !skeletonInRows && !vertical) return null;
-  return /*#__PURE__*/_react["default"].createElement("td", {
+  return /*#__PURE__*/_react.default.createElement("td", {
     className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder'),
     style: style,
     onClick: function onClick(e) {
       getColClickEvent(e, _extends({}, context, props));
     },
     role: "presentation",
-    tabIndex: "-1"
+    tabIndex: -1
   }, renderContent());
 };
 
-RowColumn.propTypes = {
-  customClass: _propTypes["default"].string,
-  children: _propTypes["default"].any,
-  style: _propTypes["default"].object,
-  onClick: _propTypes["default"].func,
-  ignoreTableColClick: _propTypes["default"].bool,
-  textAlign: _propTypes["default"].string,
-  displayContent: _propTypes["default"].oneOf(['always', 'never', 'onRowHover']),
-  visible: _propTypes["default"].bool
-};
-RowColumn.defaultProps = {
-  customClass: '',
-  style: {},
-  onClick: undefined,
-  ignoreTableColClick: false,
-  displayContent: 'always',
-  textAlign: '',
-  children: '',
-  visible: true
-};
 var _default = RowColumn;
-exports["default"] = _default;
+exports.default = _default;

package/lib/table/helpers.d.ts

@@ -0,0 +1,8 @@
+import React__default from 'react';
+import { ITableContext, ITableRowContext } from './types.js';
+
+declare const TableContext: React__default.Context<ITableContext>;
+declare const RowContext: React__default.Context<ITableRowContext>;
+declare const getArrayFromNumber: (number: number) => number[];
+
+export { RowContext, TableContext as default, getArrayFromNumber };

package/lib/table/helpers.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getArrayFromNumber = exports["default"] = exports.RowContext = void 0;
+exports.getArrayFromNumber = exports.default = exports.RowContext = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var TableContext = /*#__PURE__*/_react["default"].createContext();
+var TableContext = /*#__PURE__*/_react.default.createContext({});
 
-var RowContext = /*#__PURE__*/_react["default"].createContext();
+var RowContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.RowContext = RowContext;
 
@@ -25,4 +25,4 @@ var getArrayFromNumber = function getArrayFromNumber(number) {
 
 exports.getArrayFromNumber = getArrayFromNumber;
 var _default = TableContext;
-exports["default"] = _default;
+exports.default = _default;

package/lib/table/index.d.ts

@@ -0,0 +1,11 @@
+export { default as THeader } from './Header.js';
+export { default as TRow } from './Row.js';
+export { default as TBody } from './Body.js';
+export { default as Th } from './HeaderColumn.js';
+export { default as Td } from './RowColumn.js';
+import { ITableProps } from './types.js';
+import 'react';
+
+declare const Table: (props: ITableProps) => JSX.Element;
+
+export { Table as default };

package/lib/table/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+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
@@ -8,39 +8,37 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "TBody", {
   enumerable: true,
   get: function get() {
-    return _Body["default"];
+    return _Body.default;
   }
 });
 Object.defineProperty(exports, "THeader", {
   enumerable: true,
   get: function get() {
-    return _Header["default"];
+    return _Header.default;
   }
 });
 Object.defineProperty(exports, "TRow", {
   enumerable: true,
   get: function get() {
-    return _Row["default"];
+    return _Row.default;
   }
 });
 Object.defineProperty(exports, "Td", {
   enumerable: true,
   get: function get() {
-    return _RowColumn["default"];
+    return _RowColumn.default;
   }
 });
 Object.defineProperty(exports, "Th", {
   enumerable: true,
   get: function get() {
-    return _HeaderColumn["default"];
+    return _HeaderColumn.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _lodash = _interopRequireDefault(require("lodash"));
 
 var _Header = _interopRequireDefault(require("./Header"));
@@ -57,13 +55,13 @@ require("../assets/styles/table.scss");
 
 var _helpers = _interopRequireDefault(require("./helpers"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
 
-function _extends() { _extends = Object.assign || 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -88,7 +86,8 @@ var getClass = function getClass(_ref) {
       condensed = _ref.condensed,
       vertical = _ref.vertical,
       bodyScrollable = _ref.bodyScrollable,
-      skeletonInRows = _ref.skeletonInRows;
+      _ref$skeletonInRows = _ref.skeletonInRows,
+      skeletonInRows = _ref$skeletonInRows === void 0 ? 10 : _ref$skeletonInRows;
   return "table-component ".concat(customClass, " ").concat(striped && '-striped', " \n  ").concat(bordered && '-bordered', " ").concat(hovered && '-hovered', " ").concat(headerColored && '-headercolor', "\n  ").concat(condensed && '-condensed', "\n  ").concat(vertical && '-vertical', "\n  ").concat(skeletonize && !skeletonInRows ? '-skeletonized' : '', "\n  ").concat(bodyScrollable ? '-scrollable' : '');
 };
 
@@ -116,12 +115,12 @@ var Table = function Table(props) {
       columnsWidth = _useState6[0],
       setColumnsWidth = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(undefined),
+  var _useState7 = (0, _react.useState)(0),
       _useState8 = _slicedToArray(_useState7, 2),
       columnsCount = _useState8[0],
       setColumnsCount = _useState8[1];
 
-  var bodyContainerRef = (0, _react.useRef)(undefined);
+  var bodyContainerRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     if (bodyScrollable && bodyContainerRef && bodyContainerRef.current) {
       var _bodyContainerRef$cur = bodyContainerRef.current,
@@ -149,18 +148,18 @@ var Table = function Table(props) {
     handleTableColClick: onColClick,
     handleTableRowClick: onRowClick,
     handlerSetColumnsWidth: function handlerSetColumnsWidth(widths) {
-      if (!_lodash["default"].isEmpty(widths) && _lodash["default"].isEmpty(columnsWidth)) setColumnsWidth(widths);
+      if (!_lodash.default.isEmpty(widths) && _lodash.default.isEmpty(columnsWidth)) setColumnsWidth(widths);
     },
     handlerSetColumnsCount: function handlerSetColumnsCount(count) {
       return setColumnsCount(count);
     }
   });
 
-  return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
     value: contextValues
-  }, bodyScrollable ? /*#__PURE__*/_react["default"].createElement("div", {
+  }, bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
     className: getClass(props)
-  }, children) : /*#__PURE__*/_react["default"].createElement("table", {
+  }, children) : /*#__PURE__*/_react.default.createElement("table", {
     style: {
       contain: strict ? 'strict' : 'size layout style'
     },
@@ -168,42 +167,5 @@ var Table = function Table(props) {
   }, children));
 };
 
-Table.propTypes = {
-  children: _propTypes["default"].any.isRequired,
-  striped: _propTypes["default"].bool,
-  customClass: _propTypes["default"].string,
-  bordered: _propTypes["default"].bool,
-  hovered: _propTypes["default"].bool,
-  headerColored: _propTypes["default"].bool,
-  condensed: _propTypes["default"].bool,
-  onRowClick: _propTypes["default"].func,
-  onColClick: _propTypes["default"].func,
-  vertical: _propTypes["default"].bool,
-  selectedRowId: _propTypes["default"].string,
-  bodyScrollable: _propTypes["default"].bool,
-  skeletonize: _propTypes["default"].bool,
-  strict: _propTypes["default"].bool,
-  skeletonInRows: _propTypes["default"].number,
-  skeletonInHeader: _propTypes["default"].bool,
-  skeletonHeight: _propTypes["default"].number
-};
-Table.defaultProps = {
-  striped: false,
-  customClass: '',
-  bordered: false,
-  hovered: false,
-  headerColored: false,
-  condensed: false,
-  onRowClick: undefined,
-  onColClick: undefined,
-  vertical: false,
-  selectedRowId: null,
-  bodyScrollable: false,
-  skeletonize: false,
-  strict: false,
-  skeletonInRows: 10,
-  skeletonInHeader: false,
-  skeletonHeight: 16
-};
 var _default = Table;
-exports["default"] = _default;
+exports.default = _default;

package/lib/table/types.d.ts

@@ -0,0 +1,77 @@
+import { TableHTMLAttributes, ReactNode, MouseEvent, CSSProperties, LegacyRef, SetStateAction } from 'react';
+
+interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
+    children?: ReactNode;
+    striped?: boolean;
+    customClass?: string;
+    bordered?: boolean;
+    hovered?: boolean;
+    headerColored?: boolean;
+    condensed?: boolean;
+    onRowClick?: () => void;
+    onColClick?: () => void;
+    vertical?: boolean;
+    selectedRowId?: string;
+    bodyScrollable?: boolean;
+    skeletonize?: boolean;
+    strict?: boolean;
+    skeletonInRows?: number;
+    skeletonInHeader?: boolean;
+    skeletonHeight?: number;
+}
+interface ITableHeaderProps extends TableHTMLAttributes<HTMLTableElement> {
+    children?: ReactNode;
+    customClass?: string;
+    textAlign?: string;
+    visible?: boolean;
+}
+interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
+    children?: ReactNode;
+    customClass?: string;
+    columnsCount?: number;
+    vertical?: boolean;
+    skeletonize?: boolean;
+    skeletonInRows?: number;
+    skeletonHeight?: number;
+}
+interface ITableRowProps {
+    children?: ReactNode;
+    color?: string;
+    customClass?: string;
+    rowId?: string;
+    dataId?: number | string;
+    onClick?: (e: MouseEvent, dataId?: number | string) => void;
+    handleTableColClick?: (e: MouseEvent, dataId?: number | string) => void;
+    rowBorder?: boolean;
+    height?: string;
+    style?: CSSProperties;
+    ignoreTableColClick?: boolean;
+    textAlign?: string;
+    displayContent?: 'always' | 'never' | 'onRowHover';
+    visible?: boolean;
+}
+interface ITableContext {
+    bodyScrollable?: boolean;
+    skeletonInRows?: number;
+    bodyContainerRef?: LegacyRef<HTMLDivElement>;
+    bodyScrollWidth?: number | string;
+    selectedRowId?: string;
+    vertical?: boolean;
+    skeletonize?: boolean;
+    skeletonInHeader?: boolean;
+    strict?: boolean;
+    columnsCount?: number;
+    handleSelectRow?: (rowId: SetStateAction<string | undefined>) => void;
+    handleTableColClick?: () => void;
+    handleTableRowClick?: (e: MouseEvent, dataId?: number | string) => void;
+    handlerSetColumnsWidth?: (width: (string | number | undefined)[]) => void;
+    handlerSetColumnsCount?: (count: number) => void;
+}
+interface ITableRowContext {
+    skeletonize?: boolean;
+    vertical?: boolean;
+    skeletonInRows?: number;
+    rowBorder?: boolean;
+}
+
+export { ITableBodyProps, ITableContext, ITableHeaderProps, ITableProps, ITableRowContext, ITableRowProps };

package/lib/table/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/tabs/DropdownItems.d.ts

@@ -0,0 +1,9 @@
+import { MenuProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+import '../@types/Position.js';
+import '../@types/PermissionAttr.js';
+
+declare const DropdownItems: ({ handlerClick, handlerRemovePanel, dropdownPanels, tabMenuSize, }: MenuProps) => JSX.Element;
+
+export { DropdownItems as default };

package/lib/tabs/DropdownItems.js

@@ -1,39 +1,39 @@
 "use strict";
 
-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); }
+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 _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 _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 }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var DropdownItems = function DropdownItems(_ref) {
-  var dropdownPanels = _ref.dropdownPanels,
+  var handlerClick = _ref.handlerClick,
       handlerRemovePanel = _ref.handlerRemovePanel,
-      tabMenuSize = _ref.tabMenuSize,
-      handlerClick = _ref.handlerClick;
-  return dropdownPanels.length > 0 && /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+      _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",
     transparent: true,
     boxShadow: false,
     size: "large",
     customClass: "dropdownbutton"
-  }, /*#__PURE__*/_react["default"].createElement(_list["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_list.default, {
     customClass: "dropdown-hide-tabs"
   }, dropdownPanels.map(function (panel, index) {
     var _panel$props = panel.props,
@@ -44,15 +44,15 @@ var DropdownItems = function DropdownItems(_ref) {
         icon = _panel$props.icon,
         iconName = _panel$props.iconName,
         disabled = _panel$props.disabled;
-    return /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
+    return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
       key: id
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "menuitem"
-    }, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
       className: "btn menubutton",
       boxShadow: false,
       onClick: function onClick() {
-        return handlerClick(id);
+        return handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id);
       },
       iconAlign: iconAlign,
       iconName: iconName,
@@ -61,24 +61,14 @@ var DropdownItems = function DropdownItems(_ref) {
       label: title,
       size: tabMenuSize,
       transparent: true
-    }), closeable && /*#__PURE__*/_react["default"].createElement("button", {
+    }), closeable && /*#__PURE__*/_react.default.createElement("button", {
       className: "closepanel",
       onClick: function onClick() {
-        handlerRemovePanel(id, index, true);
+        handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index, true);
       }
     })));
-  })));
+  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, 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;
+exports.default = _default;

package/lib/tabs/Menu.d.ts

@@ -0,0 +1,9 @@
+import { MenuProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+import '../@types/Position.js';
+import '../@types/PermissionAttr.js';
+
+declare const Menu: ({ menuRef, toolbar, toolBarRef, customClassForToolBar, ...props }: MenuProps) => JSX.Element;
+
+export { Menu as default };

package/lib/tabs/Menu.js

@@ -3,29 +3,36 @@
 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 _MenuItems = _interopRequireDefault(require("./MenuItems"));
 
 var _DropdownItems = _interopRequireDefault(require("./DropdownItems"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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(props) {
-  var toolbar = props.toolbar,
-      customClassForToolBar = props.customClassForToolBar,
-      menuRef = props.menuRef,
-      toolBarRef = props.toolBarRef;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+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);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "menucontainer",
-    ref: function ref(r) {
-      menuRef(r);
+    ref: function ref(_ref2) {
+      menuRef === null || menuRef === void 0 ? void 0 : menuRef(_ref2);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_MenuItems["default"], props), /*#__PURE__*/_react["default"].createElement(_DropdownItems["default"], props), toolbar && /*#__PURE__*/_react["default"].cloneElement(toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_MenuItems.default, props), /*#__PURE__*/_react.default.createElement(_DropdownItems.default, props), toolbar && /*#__PURE__*/_react.default.cloneElement(toolbar, {
     customClass: "menubar ".concat(customClassForToolBar),
     innerRef: toolBarRef ? function (r) {
       toolBarRef(r);
@@ -33,16 +40,5 @@ var Menu = function Menu(props) {
   }));
 };
 
-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;
+exports.default = _default;

package/lib/tabs/MenuItems.d.ts

@@ -0,0 +1,9 @@
+import { MenuProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+import '../@types/Position.js';
+import '../@types/PermissionAttr.js';
+
+declare const MenuItems: ({ handlerClick, currentPanels, handlerRemovePanel, tabWidth, tabMenuSize, tabMenuAlign, selectedTabId, firstTabIdent, }: MenuProps) => JSX.Element;
+
+export { MenuItems as default };