linear-react-components-ui 1.1.21-rc.5 → 1.1.22-beta.2

package/lib/labels/InfoLabel.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+const _excluded = ["className"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const InfoLabel = _ref => {
-  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
     className: "-info"
   }, rest));

package/lib/labels/PrimaryLabel.d.ts

@@ -6,6 +6,6 @@ import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const PrimaryLabel: ({ ...rest }: ILabelProps) => JSX.Element;
+declare const PrimaryLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
 
 export { PrimaryLabel as default };

package/lib/labels/PrimaryLabel.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+const _excluded = ["className"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const PrimaryLabel = _ref => {
-  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
     className: "-primary"
   }, rest));

package/lib/labels/SuccessLabel.d.ts

@@ -6,6 +6,6 @@ import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const SuccessLabel: ({ ...rest }: ILabelProps) => JSX.Element;
+declare const SuccessLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
 
 export { SuccessLabel as default };

package/lib/labels/SuccessLabel.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+const _excluded = ["className"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const SuccessLabel = _ref => {
-  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
     className: "-success"
   }, rest));

package/lib/labels/WarningLabel.d.ts

@@ -6,6 +6,6 @@ import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const WarningLabel: ({ ...rest }: ILabelProps) => JSX.Element;
+declare const WarningLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
 
 export { WarningLabel as default };

package/lib/labels/WarningLabel.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+const _excluded = ["className"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const WarningLabel = _ref => {
-  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
     className: "-warning"
   }, rest));

package/lib/menus/sidenav/NavMenuItem.js

@@ -10,28 +10,32 @@ var _icons = _interopRequireDefault(require("../../icons"));
 var _MenuLink = _interopRequireDefault(require("./MenuLink"));
 var _helpers = require("./helpers");
 var _permissionValidations = require("../../permissionValidations");
+const _excluded = ["iconName", "title", "children", "childrenIsSubMenu", "url", "customClass", "permissionAttr", "maxWidth", "minWidth", "columnsQtty", "targetRef", "disableDefaultStyle", "showDropdownOnClick", "style", "customClassForDropdown"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const NavMenuItem = props => {
   const {
-    iconName,
-    title,
-    children,
-    childrenIsSubMenu = true,
-    url,
-    customClass,
-    permissionAttr,
-    maxWidth = '90%',
-    minWidth = 500,
-    columnsQtty,
-    targetRef,
-    disableDefaultStyle = false,
-    showDropdownOnClick = false,
-    style,
-    customClassForDropdown
-  } = props;
+      iconName,
+      title,
+      children,
+      childrenIsSubMenu = true,
+      url,
+      customClass,
+      permissionAttr,
+      maxWidth = '90%',
+      minWidth = 500,
+      columnsQtty,
+      targetRef,
+      disableDefaultStyle = false,
+      showDropdownOnClick = false,
+      style,
+      customClassForDropdown
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const [showSubMenu, setShowSubMenu] = (0, _react.useState)(false);
   const [targetDimensions, setTargetDimensions] = (0, _react.useState)({});
   const [isOnEndWindow, setIsOnEndWindow] = (0, _react.useState)(false);

package/lib/menus/sidenav/popup_menu_help/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _list = _interopRequireWildcard(require("../../../list"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const body = document.getElementsByTagName('body')[0];
+const PopupMenuHelp = props => {
+  const {
+    style,
+    copyright,
+    handlerClose,
+    version,
+    helpList = [],
+    helpRef
+  } = props;
+  const searchFieldRef = (0, _react.useRef)(null);
+  const popupRef = (0, _react.useRef)(document.createElement('div'));
+  Object.assign(popupRef.current, {
+    className: 'helpmenu',
+    style
+  });
+  const closeOnEsc = e => {
+    if (e.key === 'Escape') {
+      handlerClose();
+      e.stopPropagation();
+    }
+  };
+  (0, _react.useEffect)(() => {
+    body.appendChild(popupRef.current);
+    if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
+    document.body.addEventListener('keydown', closeOnEsc);
+    return () => {
+      body.removeChild(popupRef.current);
+      document.body.removeEventListener('keydown', closeOnEsc);
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    Object.assign(popupRef.current, {
+      style
+    });
+  }, [style]);
+  const getPopupContent = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup-help",
+    ref: helpRef
+  }, /*#__PURE__*/_react.default.createElement(_list.default, {
+    condensed: true,
+    selectable: true,
+    onSelectItem: handlerClose,
+    selectOnEnter: true,
+    style: {
+      border: 'none',
+      boxShadow: 'hidden',
+      overflow: 'none'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_list.ListHeader, {
+    customClass: "helpheader",
+    title: "Ajuda"
+  }), helpList.map(item => /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    separator: true,
+    selectOnEnter: true,
+    key: item.id,
+    itemId: item.id,
+    url: item.url,
+    text: item.title
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "infomartion",
+    style: {
+      padding: '10px 0px 0px 7px',
+      backgroundColor: 'white'
+    }
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "help-information"
+  }, /*#__PURE__*/_react.default.createElement("b", null, "Vers\xE3o:"), version), /*#__PURE__*/_react.default.createElement("p", {
+    className: "help-information"
+  }, copyright)));
+  return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
+};
+var _default = exports.default = PopupMenuHelp;

package/lib/panel/Content.js

@@ -50,17 +50,14 @@ const PanelContent = _ref => {
   }, [onEndReached, onEndReachedThreshold, rootElementRef.current, lastScrollHeight.current]);
   (0, _react.useEffect)(() => {
     let observer;
-    if (rootElementRef?.current && onEndReached) {
+    if (rootElementRef.current && onEndReached) {
       observer = new ResizeObserver(() => {
-        const currentElement = rootElementRef.current;
-        if (currentElement) {
-          const {
-            scrollHeight
-          } = currentElement;
-          if (scrollHeight && scrollHeight !== lastScrollHeight.current) {
-            enableOnEndReached.current = true;
-            observer?.disconnect();
-          }
+        const {
+          scrollHeight
+        } = rootElementRef.current;
+        if (scrollHeight !== lastScrollHeight.current) {
+          enableOnEndReached.current = true;
+          observer?.disconnect();
         }
       });
       observer.observe(rootElementRef.current);

package/lib/panel/Header.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _icons = _interopRequireDefault(require("../icons"));
 var _buttons = _interopRequireWildcard(require("../buttons"));
 var _helpers = _interopRequireDefault(require("./helpers"));
-const _excluded = ["titleIcon", "icon", "title", "children", "styleForTitle", "customClassForTitle"];
+const _excluded = ["titleIcon", "icon", "title", "children", "customClass", "headerColored", "styleForTitle", "customClassForTitle"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -42,6 +42,8 @@ const PanelHeader = props => {
       icon,
       title,
       children,
+      customClass,
+      headerColored,
       styleForTitle,
       customClassForTitle
     } = props,

package/lib/radio/index.d.ts

@@ -8,9 +8,6 @@ import '../@types/Size.js';
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-declare const Radio: {
-    ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps): JSX.Element | null;
-    displayName: string;
-};
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps) => JSX.Element | null;
 
 export { Radio as default };

package/lib/radio/index.js

@@ -110,5 +110,4 @@ const Radio = _ref => {
     }
   }, hint));
 };
-Radio.displayName = 'Radio';
 var _default = exports.default = Radio;

package/lib/spinner/SpinnerLoading.js

@@ -16,7 +16,6 @@ const SpinnerLoading = _ref => {
     className: "lds-spinner spinnerloading",
     fill: color,
     width: size,
-    height: size,
     viewBox: "0 0 100 100",
     preserveAspectRatio: "xMidYMid",
     style: {

package/lib/spinner/types.d.ts

@@ -10,11 +10,11 @@ interface ISpinnerProps {
     delayTime?: number;
     heightAuto?: boolean;
     color?: string;
-    size?: string | number;
+    size?: string;
 }
 interface ISpinnerLoadingProps {
     color?: string;
-    size: string | number;
+    size: string;
 }
 
 export { ISpinnerLoadingProps, ISpinnerProps };

package/lib/table/index.js

@@ -44,7 +44,7 @@ var _RowColumn = _interopRequireDefault(require("./RowColumn"));
 require("../assets/styles/table.scss");
 var _helpers = _interopRequireDefault(require("./helpers"));
 const _excluded = ["children"],
-  _excluded2 = ["onColClick", "onRowClick", "bodyScrollable", "vertical", "skeletonize", "strict", "skeletonHeight", "skeletonInHeader", "skeletonInRows", "selectedRowId"];
+  _excluded2 = ["onColClick", "onRowClick", "bodyScrollable", "vertical", "skeletonize", "strict", "skeletonHeight", "skeletonInHeader", "skeletonInRows", "customClass", "bordered", "hovered", "headerColored", "condensed", "selectedRowId", "striped"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -87,7 +87,13 @@ const Table = _ref2 => {
       skeletonHeight,
       skeletonInHeader,
       skeletonInRows,
-      selectedRowId: selectedRowIdFromProps
+      customClass,
+      bordered,
+      hovered,
+      headerColored,
+      condensed,
+      selectedRowId: selectedRowIdFromProps,
+      striped
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
   const [selectedRowId, setSelectedRowId] = (0, _react.useState)(selectedRowIdFromProps);

package/lib/tabs/DropdownItems.js

@@ -0,0 +1,62 @@
+"use strict";
+
+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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const DropdownItems = _ref => {
+  let {
+    handlerClick,
+    handlerRemovePanel,
+    dropdownPanels = [],
+    tabMenuSize = 'medium'
+  } = _ref;
+  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, {
+    customClass: "dropdown-hide-tabs"
+  }, dropdownPanels.map((panel, index) => {
+    const {
+      id,
+      title,
+      closeable,
+      iconAlign,
+      icon,
+      iconName,
+      disabled
+    } = panel.props;
+    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: () => 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: () => {
+        handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index, true);
+      }
+    })));
+  }))) : null;
+};
+var _default = exports.default = DropdownItems;

package/lib/tabs/Menu.d.ts

@@ -6,6 +6,6 @@ import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const Menu: ({ toolbar, customClassForToolBar, tabWidth, tabsWithError, ...props }: MenuProps) => JSX.Element;
+declare const Menu: ({ toolbar, customClassForToolBar, tabWidth, ...props }: MenuProps) => JSX.Element;
 
 export { Menu as default };

package/lib/tabs/Menu.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _MenuTabs = _interopRequireDefault(require("./MenuTabs"));
 var _DropdownTabs = _interopRequireDefault(require("./DropdownTabs"));
 var _useTabs = require("./useTabs");
-const _excluded = ["toolbar", "customClassForToolBar", "tabWidth", "tabsWithError"];
+const _excluded = ["toolbar", "customClassForToolBar", "tabWidth"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -16,8 +16,7 @@ const Menu = _ref => {
   let {
       toolbar,
       customClassForToolBar = '',
-      tabWidth = 'auto',
-      tabsWithError
+      tabWidth = 'auto'
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -28,7 +27,6 @@ const Menu = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "menucontainer"
   }, /*#__PURE__*/_react.default.createElement(_MenuTabs.default, {
-    tabsWithError: tabsWithError,
     tabs: menuTabs,
     tabWidth: tabWidth,
     tabMenuSize: props.tabMenuSize,

package/lib/tabs/MenuItems.js

@@ -0,0 +1,70 @@
+"use strict";
+
+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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const MenuItems = _ref => {
+  let {
+    handlerClick,
+    currentPanels,
+    handlerRemovePanel,
+    tabWidth = 'auto',
+    tabMenuSize = 'medium',
+    tabMenuAlign = 'left',
+    selectedTabId = '',
+    firstTabIdent = false
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: "menu ".concat(firstTabIdent && '-firsttabident'),
+    style: helpers.menuStyles(tabMenuAlign)
+  }, currentPanels === null || currentPanels === void 0 ? void 0 : currentPanels.map((panel, index) => {
+    const {
+      id,
+      icon,
+      title,
+      tooltip,
+      disabled,
+      iconName,
+      closeable,
+      iconAlign,
+      tooltipWidth,
+      permissionAttr,
+      tooltipPosition
+    } = panel.props;
+    const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
+    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, {
+      className: "btn menubutton",
+      boxShadow: false,
+      onClick: () => handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id),
+      iconAlign: iconAlign,
+      iconName: iconName,
+      icon: icon,
+      disabled: disabled || !!onDenied.disabled,
+      label: title,
+      size: tabMenuSize,
+      tooltip: tooltip || title,
+      tooltipPosition: tooltipPosition,
+      tooltipWidth: tooltipWidth
+    }), closeable && currentPanels.length > 1 && /*#__PURE__*/_react.default.createElement("button", {
+      className: "closepanel",
+      onClick: () => {
+        handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index);
+      }
+    }));
+  }));
+};
+var _default = exports.default = MenuItems;

package/lib/tabs/MenuTabs.js

@@ -28,8 +28,7 @@ const MenuTab = _ref => {
     tooltip,
     tooltipPosition,
     tooltipWidth,
-    closeable,
-    tabsWithError
+    closeable
   } = _ref;
   const {
     selectedTabId,
@@ -38,17 +37,12 @@ const MenuTab = _ref => {
     tabsCount
   } = (0, _useTabs.useTabs)();
   const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
-  const withErrorInContent = tabsWithError?.includes(id);
   return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
     key: id,
     style: {
       width: tabWidth
     },
-    className: `
-          menuitem 
-          ${selectedTabId === id && 'selected'} 
-          ${withErrorInContent && 'witherrorcontent'}
-        `
+    className: `menuitem ${selectedTabId === id && 'selected'}`
   }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     className: "btn menubutton",
     boxShadow: false,
@@ -73,13 +67,9 @@ const MenuTabs = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     tabWidth = 'auto',
     tabMenuSize = 'medium',
     tabMenuAlign = 'left',
-    firstTabIdent = false,
-    tabsWithError
+    firstTabIdent = false
   } = _ref2;
-  const {
-    keepPanelsInOrder
-  } = (0, _useTabs.useTabs)();
-  const uniqueTabs = keepPanelsInOrder ? _lodash.default.sortBy(_lodash.default.uniqBy(tabs, 'id'), tabPanel => keepPanelsInOrder.indexOf(tabPanel.id)) : _lodash.default.uniqBy(tabs, 'id');
+  const uniqueTabs = _lodash.default.uniqBy(tabs, 'id');
   return /*#__PURE__*/_react.default.createElement("ul", {
     className: `menu ${firstTabIdent && '-firsttabident'}`,
     style: helpers.menuStyles(tabMenuAlign),
@@ -87,8 +77,7 @@ const MenuTabs = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   }, uniqueTabs.map(tab => /*#__PURE__*/_react.default.createElement(MenuTab, _extends({
     key: tab.id,
     tabMenuSize: tabMenuSize,
-    tabWidth: tabWidth,
-    tabsWithError: tabsWithError
+    tabWidth: tabWidth
   }, tab))));
 });
 MenuTabs.displayName = 'MenuTabs';

package/lib/tabs/context.d.ts

@@ -7,6 +7,6 @@ import '../@types/Icon.js';
 import '../icons/helper.js';
 
 declare const TabsContext: React__default.Context<TabsContextType>;
-declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, keepPanelsInOrder, keepTabOriginalPosition, }: TabsProviderProps): JSX.Element;
+declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, keepTabOriginalPosition, }: TabsProviderProps): JSX.Element;
 
 export { TabsContext, TabsProvider };

package/lib/tabs/context.js

@@ -22,7 +22,6 @@ function TabsProvider(_ref) {
     onTabClose,
     tabsWidth: tabsWidthProp,
     firstTabIdent = false,
-    keepPanelsInOrder,
     keepTabOriginalPosition = true
   } = _ref;
   const [selectedTabId, setSelectedTabId] = _react.default.useState(selectedTab);
@@ -122,8 +121,7 @@ function TabsProvider(_ref) {
       selectTab,
       selectedTabId,
       removeTab,
-      menuRef,
-      keepPanelsInOrder
+      menuRef
     }
   }, children);
 }

package/lib/tabs/index.d.ts

@@ -7,6 +7,6 @@ import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const Tabs: ({ toolbar, children, firstTabIdent, handlerTabClick, handlerCloseTab, style, tabMenuSize, tabMenuAlign, tabMenuPosition, customClassForToolBar, tabsWidth, tabsWithError, keepPanelsInOrder, ...props }: ITabsPros) => JSX.Element;
+declare const Tabs: ({ toolbar, toolBarRef, children, firstTabIdent, handlerTabClick, handlerCloseTab, style, tabMenuSize, tabMenuAlign, tabMenuPosition, customClassForToolBar, tabsWidth, ...props }: ITabsPros) => JSX.Element;
 
 export { Tabs as default };