@bydata/react-supertabs 1.1.4 → 1.1.6

package/dist/TabContext.js

@@ -8,12 +8,11 @@ exports.TabContext = void 0;
 exports.TabProvider = TabProvider;
 exports.getUniqueIdentifier = void 0;
 exports.useTabContext = useTabContext;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _usePrevious = _interopRequireDefault(require("./usePrevious"));
 var _Utils = require("./Utils");
 var _Constants = require("./Constants");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["subTabs", "level", "order", "tabId", "unique_identifier", "parent_tab_id", "width", "elementWidth"],
   _excluded2 = ["tab_info"],
   _excluded3 = ["subTabs", "level", "order", "tabId", "unique_identifier", "parent_tab_id", "width", "elementWidth"],
@@ -22,6 +21,7 @@ var _excluded = ["subTabs", "level", "order", "tabId", "unique_identifier", "par
   _excluded6 = ["tab_info"],
   _excluded7 = ["tab_info"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t9 in e) "default" !== _t9 && {}.hasOwnProperty.call(e, _t9) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t9)) && (i.get || i.set) ? o(f, _t9, i) : f[_t9] = e[_t9]); return f; })(e, t); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -1831,7 +1831,7 @@ function TabProvider(_ref9) {
       clearTimeout(openingUnexpandedSubTabTimeoutRef.current);
     };
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabContext.Provider, {
+  return /*#__PURE__*/_react["default"].createElement(TabContext.Provider, {
     value: {
       activeTab: activeTab,
       activeTabRef: activeTabRef,
@@ -1888,9 +1888,8 @@ function TabProvider(_ref9) {
       discardSubTabWrapperWidth: discardSubTabWrapperWidth,
       isMobileView: isMobileView,
       isDefaultExpanded: isDefaultExpanded
-    },
-    children: children
-  });
+    }
+  }, children);
 }
 function useTabContext() {
   return (0, _react.useContext)(TabContext);

package/dist/TabList.js

@@ -1,16 +1,17 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _TabContext = require("./TabContext");
 var _reactRouterDom = require("react-router-dom");
 var _ClickOutsideListener = _interopRequireDefault(require("./ClickOutsideListener"));
 require("./TabList.scss");
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -133,117 +134,103 @@ var TabList = function TabList(_ref) {
     return exactMatches.flat().concat(otherMatches);
   };
   var filteredTabs = filterTabs(tabs);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickOutsideListener["default"], {
-    onOutsideClick: handleOutsideClick,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "tab-list-wrapper ".concat(showList ? 'show' : ''),
-      style: position,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "tab-list",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "tab-list-header ".concat(hasCustomAddButtons ? 'wrap' : ''),
-          children: [customAddButtons.length > 0 ? customAddButtons.map(function (predefinedSubTab, index) {
-            var title = predefinedSubTab.title || predefinedSubTab.name || (predefinedSubTab !== null && predefinedSubTab !== void 0 && predefinedSubTab.firstName ? "".concat(predefinedSubTab.firstName, " ").concat(predefinedSubTab.lastName || '') : 'Untitled');
-            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-                className: "icon-add",
-                onClick: function onClick() {
-                  onAddButtonClick(predefinedSubTab);
-                  closeList();
-                  setShowList(false);
-                },
-                children: title
-              }), !(index == customAddButtons.length - 1) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                className: "pipe"
-              })]
-            }, predefinedSubTab.id || index);
-          }) : showAddButton && !hasCustomAddButtons && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-              className: "icon-add",
-              onClick: handlePlusButtonClick,
-              children: "Tab"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "pipe"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "tab-list-search-wrapper ".concat(!showAddButton || hasCustomAddButtons ? 'no-add-tab' : '', " ").concat(searchExpanded || !showAddButton || hasCustomAddButtons ? 'expanded' : ''),
-            onClick: expandSearch,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: "tab-list-search-wrapper-inner",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-                ref: searchWrapperRef,
-                type: "text",
-                className: "tab-list-search",
-                value: tabListSearch,
-                onChange: handleSearch
-              }), tabListSearch.trim() && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-                className: "tab-list-close tab-close-btn",
-                onClick: function onClick() {
-                  return setTabListSearch('');
-                }
-              })]
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "tab-list-open-tabs",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "tab-list-tabs-wrapper",
-            children: filteredTabs.length > 0 ? filteredTabs.map(function (tab, index) {
-              var title = tab.title || tab.name || (tab !== null && tab !== void 0 && tab.firstName ? "".concat(tab.firstName, " ").concat(tab.lastName || '') : 'Untitled');
-              return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.NavLink, {
-                className: "tab-list-open-tab ".concat(id === activeTab.id && tab.id === activeSubTab.id ? 'active' : ''),
-                onClick: function onClick(e) {
-                  // e.preventDefault();
-                  handleTabClick({
-                    tab: tab,
-                    isSubTab: true,
-                    parentId: id,
-                    sort: true
-                  });
-                  // clearTimeout(openingUnexpandedSubTabTimeoutRef.current);
-                  updateSubTabChange({
-                    parentTabId: id,
-                    newTab: tab,
-                    oldTab: tabs.find(function (t) {
-                      return t.open_order === 1;
-                    })
-                  });
-                  // setOpeningUnexpandedSubTab(true);
-                  // openingUnexpandedSubTabTimeoutRef.current = setTimeout(() => {
-                  //     setOpeningUnexpandedSubTab(false);
-                  // }, 300);
-                  closeList();
-                  setShowList(false);
-                },
-                to: tab.url,
-                children: [tab.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: "icon-container ".concat(tab.icon)
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  className: "title-wrapper",
-                  children: [title, !tab.isFixed && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: "tab-list-close-btn tab-close-btn",
-                    onClick: function onClick(e) {
-                      e.preventDefault();
-                      e.stopPropagation();
-                      onClose({
-                        tab: tab,
-                        isSubTab: true,
-                        parentIndex: parentIndex
-                      });
-                      closeList();
-                      setShowList(false);
-                    }
-                  })]
-                })]
-              }, tab.id || index);
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "tab-list-no-data",
-              children: "No data found"
-            })
+  return /*#__PURE__*/_react["default"].createElement(_ClickOutsideListener["default"], {
+    onOutsideClick: handleOutsideClick
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tab-list-wrapper ".concat(showList ? 'show' : ''),
+    style: position
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tab-list"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tab-list-header ".concat(hasCustomAddButtons ? 'wrap' : '')
+  }, customAddButtons.length > 0 ? customAddButtons.map(function (predefinedSubTab, index) {
+    var title = predefinedSubTab.title || predefinedSubTab.name || (predefinedSubTab !== null && predefinedSubTab !== void 0 && predefinedSubTab.firstName ? "".concat(predefinedSubTab.firstName, " ").concat(predefinedSubTab.lastName || '') : 'Untitled');
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+      key: predefinedSubTab.id || index
+    }, /*#__PURE__*/_react["default"].createElement("button", {
+      className: "icon-add",
+      onClick: function onClick() {
+        onAddButtonClick(predefinedSubTab);
+        closeList();
+        setShowList(false);
+      }
+    }, title), !(index == customAddButtons.length - 1) && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "pipe"
+    }));
+  }) : showAddButton && !hasCustomAddButtons && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "icon-add",
+    onClick: handlePlusButtonClick
+  }, "Tab"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "pipe"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tab-list-search-wrapper ".concat(!showAddButton || hasCustomAddButtons ? 'no-add-tab' : '', " ").concat(searchExpanded || !showAddButton || hasCustomAddButtons ? 'expanded' : ''),
+    onClick: expandSearch
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tab-list-search-wrapper-inner"
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    ref: searchWrapperRef,
+    type: "text",
+    className: "tab-list-search",
+    value: tabListSearch,
+    onChange: handleSearch
+  }), tabListSearch.trim() && /*#__PURE__*/_react["default"].createElement("button", {
+    className: "tab-list-close tab-close-btn",
+    onClick: function onClick() {
+      return setTabListSearch('');
+    }
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tab-list-open-tabs"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tab-list-tabs-wrapper"
+  }, filteredTabs.length > 0 ? filteredTabs.map(function (tab, index) {
+    var title = tab.title || tab.name || (tab !== null && tab !== void 0 && tab.firstName ? "".concat(tab.firstName, " ").concat(tab.lastName || '') : 'Untitled');
+    return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.NavLink, {
+      className: "tab-list-open-tab ".concat(id === activeTab.id && tab.id === activeSubTab.id ? 'active' : ''),
+      key: tab.id || index,
+      onClick: function onClick(e) {
+        // e.preventDefault();
+        handleTabClick({
+          tab: tab,
+          isSubTab: true,
+          parentId: id,
+          sort: true
+        });
+        // clearTimeout(openingUnexpandedSubTabTimeoutRef.current);
+        updateSubTabChange({
+          parentTabId: id,
+          newTab: tab,
+          oldTab: tabs.find(function (t) {
+            return t.open_order === 1;
           })
-        })]
-      })
-    })
-  });
+        });
+        // setOpeningUnexpandedSubTab(true);
+        // openingUnexpandedSubTabTimeoutRef.current = setTimeout(() => {
+        //     setOpeningUnexpandedSubTab(false);
+        // }, 300);
+        closeList();
+        setShowList(false);
+      },
+      to: tab.url
+    }, tab.icon && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "icon-container ".concat(tab.icon)
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "title-wrapper"
+    }, title, !tab.isFixed && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "tab-list-close-btn tab-close-btn",
+      onClick: function onClick(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        onClose({
+          tab: tab,
+          isSubTab: true,
+          parentIndex: parentIndex
+        });
+        closeList();
+        setShowList(false);
+      }
+    })));
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tab-list-no-data"
+  }, "No data found"))))));
 };
 var _default = exports["default"] = TabList;

package/dist/TabStack.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _TabContext = require("./TabContext");
 var _TabList = _interopRequireDefault(require("./TabList"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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."); }
@@ -49,53 +49,51 @@ var TabStack = function TabStack(_ref) {
   }, [tab.customAddButtons, hasPrivilege]);
   var hasAddBtnPrivilege = typeof tab.showAddButton === 'boolean' ? tab.showAddButton : _typeof(tab.showAddButton) === 'object' && Array.isArray(tab.showAddButton) ? hasPrivilege(tab.showAddButton) : false;
   var hasCustomAddButtons = tab.customAddButtons && Array.isArray(tab.customAddButtons) && tab.customAddButtons.length > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "stack-wrapper stack-".concat(tab.id, " ").concat(showSubTabs || isActive ? 'expanded' : '', " ").concat(isTabClosing ? 'stack-closing' : ''),
     onMouseEnter: function onMouseEnter() {
       return !showAddButton && subTabsInList.length > 1 && setShowTabStack(tab.id);
     },
     onMouseLeave: function onMouseLeave() {
       return !showAddButton && subTabsInList.length > 1 && !tabListSearch.trim() && setShowTabStack(null);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "icon-stack",
+    onClick: function onClick() {
+      setShowTabStack('');
+      if (hasCustomAddButtons && subTabsInList.length <= 1) {
+        !showTabStack && setShowTabStack(tab.id);
+      } else if (showAddButton) {
+        var _addButtonCallBackRef, _addButtonCallBackRef2;
+        (_addButtonCallBackRef = addButtonCallBackRefs.current) === null || _addButtonCallBackRef === void 0 || (_addButtonCallBackRef2 = _addButtonCallBackRef[tab.id]) === null || _addButtonCallBackRef2 === void 0 || _addButtonCallBackRef2.call(_addButtonCallBackRef);
+      } else {
+        toggleSubTabs(tab, tab.subTabs);
+      }
+    }
+  }, showAddButton && !showChevron && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "icon-plus"
+  }), showChevron && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "icon-chevron  ".concat(showSubTabs ? 'open' : '')
+  })), /*#__PURE__*/_react["default"].createElement(_TabList["default"], {
+    id: tab.id,
+    isTabExpanded: showSubTabs,
+    showTabStack: showTabStack,
+    showAddButton: hasAddBtnPrivilege,
+    handleTabClick: handleTabClick,
+    tabs: subTabsInList,
+    onClose: handleTabClose,
+    parentIndex: index,
+    hasCustomAddButtons: hasCustomAddButtons,
+    customAddButtons: customAddButtons,
+    onAddButtonClick: function onAddButtonClick(data) {
+      var _addButtonCallBackRef3, _addButtonCallBackRef4;
+      return (_addButtonCallBackRef3 = addButtonCallBackRefs.current) === null || _addButtonCallBackRef3 === void 0 || (_addButtonCallBackRef4 = _addButtonCallBackRef3[tab.id]) === null || _addButtonCallBackRef4 === void 0 ? void 0 : _addButtonCallBackRef4.call(_addButtonCallBackRef3, data);
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      className: "icon-stack",
-      onClick: function onClick() {
-        setShowTabStack('');
-        if (hasCustomAddButtons && subTabsInList.length <= 1) {
-          !showTabStack && setShowTabStack(tab.id);
-        } else if (showAddButton) {
-          var _addButtonCallBackRef, _addButtonCallBackRef2;
-          (_addButtonCallBackRef = addButtonCallBackRefs.current) === null || _addButtonCallBackRef === void 0 || (_addButtonCallBackRef2 = _addButtonCallBackRef[tab.id]) === null || _addButtonCallBackRef2 === void 0 || _addButtonCallBackRef2.call(_addButtonCallBackRef);
-        } else {
-          toggleSubTabs(tab, tab.subTabs);
-        }
-      },
-      children: [showAddButton && !showChevron && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "icon-plus"
-      }), showChevron && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "icon-chevron  ".concat(showSubTabs ? 'open' : '')
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabList["default"], {
-      id: tab.id,
-      isTabExpanded: showSubTabs,
-      showTabStack: showTabStack,
-      showAddButton: hasAddBtnPrivilege,
-      handleTabClick: handleTabClick,
-      tabs: subTabsInList,
-      onClose: handleTabClose,
-      parentIndex: index,
-      hasCustomAddButtons: hasCustomAddButtons,
-      customAddButtons: customAddButtons,
-      onAddButtonClick: function onAddButtonClick(data) {
-        var _addButtonCallBackRef3, _addButtonCallBackRef4;
-        return (_addButtonCallBackRef3 = addButtonCallBackRefs.current) === null || _addButtonCallBackRef3 === void 0 || (_addButtonCallBackRef4 = _addButtonCallBackRef3[tab.id]) === null || _addButtonCallBackRef4 === void 0 ? void 0 : _addButtonCallBackRef4.call(_addButtonCallBackRef3, data);
-      },
-      closeList: function closeList() {
-        return setShowTabStack(null);
-      },
-      tabListSearch: tabListSearch,
-      setTabListSearch: setTabListSearch
-    })]
-  });
+    closeList: function closeList() {
+      return setShowTabStack(null);
+    },
+    tabListSearch: tabListSearch,
+    setTabListSearch: setTabListSearch
+  }));
 };
 var _default = exports["default"] = TabStack;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bydata/react-supertabs",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "A customizable React super tabs component.",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -15,7 +15,7 @@
   "peerDependencies": {
     "react": ">=16",
     "react-dom": ">=16",
-    "react-router-dom": ">=6"
+    "react-router-dom": "^5.1.2"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.0",
@@ -24,5 +24,10 @@
     "@babel/preset-react": "^7.24.0",
     "react": "16.14.0",
     "react-dom": "16.14.0"
+  },
+  "dependencies": {
+    "react-hover-text": "^1.1.3",
+    "super-avatar": "^1.1.0",
+    "super-dnd": "^1.0.1"
   }
 }