linear-react-components-ui 1.1.22-beta.2 → 1.1.22-beta.4

package/lib/tabs/index.js

@@ -16,7 +16,8 @@ var _Panel = _interopRequireDefault(require("./Panel"));
 var _tabHelpers = require("./tabHelpers");
 require("../assets/styles/tabs.scss");
 var _context = require("./context");
-const _excluded = ["toolbar", "toolBarRef", "children", "firstTabIdent", "handlerTabClick", "handlerCloseTab", "style", "tabMenuSize", "tabMenuAlign", "tabMenuPosition", "customClassForToolBar", "tabsWidth"];
+var _lodash = _interopRequireDefault(require("lodash"));
+const _excluded = ["toolbar", "toolBarRef", "children", "firstTabIdent", "handlerTabClick", "handlerCloseTab", "style", "tabMenuSize", "tabMenuAlign", "tabMenuPosition", "customClassForToolBar", "tabsWidth", "tabsWithError", "keepPanelsInOrder"];
 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; }
@@ -36,12 +37,17 @@ const Tabs = _ref => {
       tabMenuAlign = 'left',
       tabMenuPosition = 'top',
       customClassForToolBar = '',
-      tabsWidth = 'auto'
+      tabsWidth = 'auto',
+      tabsWithError,
+      keepPanelsInOrder
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const containerRef = (0, _react.useRef)(null);
+  const childrensTabPanels = _react.default.Children.toArray(children).filter(childComp => /*#__PURE__*/_react.default.isValidElement(childComp) && !!childComp.props.id);
+  const childrensInOrder = keepPanelsInOrder ? _lodash.default.sortBy(childrensTabPanels, tabPanel => keepPanelsInOrder.indexOf(tabPanel.props.id)) : children;
   const content = (0, _react.useMemo)(() => {
     const menu = /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      tabsWithError: tabsWithError,
       toolbar: toolbar,
       tabWidth: tabsWidth,
       customClassForToolBar: customClassForToolBar,
@@ -50,17 +56,18 @@ const Tabs = _ref => {
       firstTabIdent: firstTabIdent
     });
     if (tabMenuPosition === 'top' || tabMenuPosition === 'left') {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menu, children);
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menu, childrensInOrder);
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children, menu);
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, childrensInOrder, menu);
   }, [children, tabMenuPosition]);
   return /*#__PURE__*/_react.default.createElement(_context.TabsProvider, _extends({
-    tabs: children,
+    tabs: childrensInOrder,
     container: containerRef,
     onTabChange: handlerTabClick,
     onTabClose: handlerCloseTab,
     tabsWidth: tabsWidth,
-    firstTabIdent: firstTabIdent
+    firstTabIdent: firstTabIdent,
+    keepPanelsInOrder: keepPanelsInOrder
   }, props), /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     className: (0, _tabHelpers.tabsClass)(tabMenuPosition),

package/lib/tabs/types.d.ts

@@ -15,6 +15,7 @@ type TabsContextType = {
     containerWidth: number;
     tabsCount: number;
     menuRef: RefObject<HTMLUListElement>;
+    keepPanelsInOrder?: Array<string | number>;
 };
 interface TabsProviderProps {
     children: React.ReactNode;
@@ -25,6 +26,7 @@ interface TabsProviderProps {
     onTabChange?: (tabId: string | number) => void;
     onTabClose?: (tabId: string) => void;
     firstTabIdent?: boolean;
+    keepPanelsInOrder?: Array<string | number>;
     keepTabOriginalPosition?: boolean;
 }
 interface ITabsPros {
@@ -41,6 +43,8 @@ interface ITabsPros {
     handlerCloseTab?: (id?: string, idx?: string) => void;
     customClassForToolBar?: string;
     tabsWidth?: string | number;
+    tabsWithError?: Array<string | number>;
+    keepPanelsInOrder?: Array<string | number>;
     keepTabOriginalPosition?: boolean;
 }
 interface TabProps {
@@ -59,6 +63,7 @@ interface TabProps {
     tooltipWidth?: string | number;
     closeable?: boolean;
     tabsLength?: number;
+    tabsWithError?: Array<string | number>;
 }
 interface MenuProps {
     toolbar?: ReactElement;
@@ -72,6 +77,7 @@ interface MenuProps {
     tabMenuSize?: Size;
     handlerClick?: (id?: string) => void;
     handlerRemovePanel?: (id?: string, idx?: number, bool?: boolean) => void;
+    tabsWithError?: Array<string | number>;
 }
 interface DropdownProps extends MenuProps {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.22-beta.2",
+  "version": "1.1.22-beta.4",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",