@bydata/react-supertabs 1.1.5 → 1.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ClickOutsideListener.js +3 -5
- package/dist/NotAvailable.js +11 -14
- package/dist/SuperLink.js +4 -5
- package/dist/SuperTabs.js +419 -454
- package/dist/TabContext.js +5 -6
- package/dist/TabList.js +100 -113
- package/dist/TabStack.js +41 -43
- package/package.json +6 -1
package/dist/TabContext.js
CHANGED
|
@@ -8,12 +8,11 @@ exports.TabContext = void 0;
|
|
|
8
8
|
exports.TabProvider = TabProvider;
|
|
9
9
|
exports.getUniqueIdentifier = void 0;
|
|
10
10
|
exports.useTabContext = useTabContext;
|
|
11
|
-
var _react = require("react");
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _reactRouterDom = require("react-router-dom");
|
|
13
13
|
var _usePrevious = _interopRequireDefault(require("./usePrevious"));
|
|
14
14
|
var _Utils = require("./Utils");
|
|
15
15
|
var _Constants = require("./Constants");
|
|
16
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
16
|
var _excluded = ["subTabs", "level", "order", "tabId", "unique_identifier", "parent_tab_id", "width", "elementWidth"],
|
|
18
17
|
_excluded2 = ["tab_info"],
|
|
19
18
|
_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
|
|
|
22
21
|
_excluded6 = ["tab_info"],
|
|
23
22
|
_excluded7 = ["tab_info"];
|
|
24
23
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
24
|
+
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); }
|
|
25
25
|
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; } } }; }
|
|
26
26
|
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; }
|
|
27
27
|
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) {
|
|
|
1831
1831
|
clearTimeout(openingUnexpandedSubTabTimeoutRef.current);
|
|
1832
1832
|
};
|
|
1833
1833
|
}, []);
|
|
1834
|
-
return /*#__PURE__*/
|
|
1834
|
+
return /*#__PURE__*/_react["default"].createElement(TabContext.Provider, {
|
|
1835
1835
|
value: {
|
|
1836
1836
|
activeTab: activeTab,
|
|
1837
1837
|
activeTabRef: activeTabRef,
|
|
@@ -1888,9 +1888,8 @@ function TabProvider(_ref9) {
|
|
|
1888
1888
|
discardSubTabWrapperWidth: discardSubTabWrapperWidth,
|
|
1889
1889
|
isMobileView: isMobileView,
|
|
1890
1890
|
isDefaultExpanded: isDefaultExpanded
|
|
1891
|
-
}
|
|
1892
|
-
|
|
1893
|
-
});
|
|
1891
|
+
}
|
|
1892
|
+
}, children);
|
|
1894
1893
|
}
|
|
1895
1894
|
function useTabContext() {
|
|
1896
1895
|
return (0, _react.useContext)(TabContext);
|
package/dist/TabList.js
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports["default"] = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
9
|
var _TabContext = require("./TabContext");
|
|
9
10
|
var _reactRouterDom = require("react-router-dom");
|
|
10
11
|
var _ClickOutsideListener = _interopRequireDefault(require("./ClickOutsideListener"));
|
|
11
12
|
require("./TabList.scss");
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
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); }
|
|
14
15
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
15
16
|
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."); }
|
|
16
17
|
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) {
|
|
|
133
134
|
return exactMatches.flat().concat(otherMatches);
|
|
134
135
|
};
|
|
135
136
|
var filteredTabs = filterTabs(tabs);
|
|
136
|
-
return /*#__PURE__*/
|
|
137
|
-
onOutsideClick: handleOutsideClick
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
// clearTimeout(openingUnexpandedSubTabTimeoutRef.current);
|
|
204
|
-
updateSubTabChange({
|
|
205
|
-
parentTabId: id,
|
|
206
|
-
newTab: tab,
|
|
207
|
-
oldTab: tabs.find(function (t) {
|
|
208
|
-
return t.open_order === 1;
|
|
209
|
-
})
|
|
210
|
-
});
|
|
211
|
-
// setOpeningUnexpandedSubTab(true);
|
|
212
|
-
// openingUnexpandedSubTabTimeoutRef.current = setTimeout(() => {
|
|
213
|
-
// setOpeningUnexpandedSubTab(false);
|
|
214
|
-
// }, 300);
|
|
215
|
-
closeList();
|
|
216
|
-
setShowList(false);
|
|
217
|
-
},
|
|
218
|
-
to: tab.url,
|
|
219
|
-
children: [tab.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
220
|
-
className: "icon-container ".concat(tab.icon)
|
|
221
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
222
|
-
className: "title-wrapper",
|
|
223
|
-
children: [title, !tab.isFixed && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
224
|
-
className: "tab-list-close-btn tab-close-btn",
|
|
225
|
-
onClick: function onClick(e) {
|
|
226
|
-
e.preventDefault();
|
|
227
|
-
e.stopPropagation();
|
|
228
|
-
onClose({
|
|
229
|
-
tab: tab,
|
|
230
|
-
isSubTab: true,
|
|
231
|
-
parentIndex: parentIndex
|
|
232
|
-
});
|
|
233
|
-
closeList();
|
|
234
|
-
setShowList(false);
|
|
235
|
-
}
|
|
236
|
-
})]
|
|
237
|
-
})]
|
|
238
|
-
}, tab.id || index);
|
|
239
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
240
|
-
className: "tab-list-no-data",
|
|
241
|
-
children: "No data found"
|
|
242
|
-
})
|
|
137
|
+
return /*#__PURE__*/_react["default"].createElement(_ClickOutsideListener["default"], {
|
|
138
|
+
onOutsideClick: handleOutsideClick
|
|
139
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
140
|
+
className: "tab-list-wrapper ".concat(showList ? 'show' : ''),
|
|
141
|
+
style: position
|
|
142
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
143
|
+
className: "tab-list"
|
|
144
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
145
|
+
className: "tab-list-header ".concat(hasCustomAddButtons ? 'wrap' : '')
|
|
146
|
+
}, customAddButtons.length > 0 ? customAddButtons.map(function (predefinedSubTab, index) {
|
|
147
|
+
var title = predefinedSubTab.title || predefinedSubTab.name || (predefinedSubTab !== null && predefinedSubTab !== void 0 && predefinedSubTab.firstName ? "".concat(predefinedSubTab.firstName, " ").concat(predefinedSubTab.lastName || '') : 'Untitled');
|
|
148
|
+
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
|
|
149
|
+
key: predefinedSubTab.id || index
|
|
150
|
+
}, /*#__PURE__*/_react["default"].createElement("button", {
|
|
151
|
+
className: "icon-add",
|
|
152
|
+
onClick: function onClick() {
|
|
153
|
+
onAddButtonClick(predefinedSubTab);
|
|
154
|
+
closeList();
|
|
155
|
+
setShowList(false);
|
|
156
|
+
}
|
|
157
|
+
}, title), !(index == customAddButtons.length - 1) && /*#__PURE__*/_react["default"].createElement("span", {
|
|
158
|
+
className: "pipe"
|
|
159
|
+
}));
|
|
160
|
+
}) : showAddButton && !hasCustomAddButtons && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
161
|
+
className: "icon-add",
|
|
162
|
+
onClick: handlePlusButtonClick
|
|
163
|
+
}, "Tab"), /*#__PURE__*/_react["default"].createElement("span", {
|
|
164
|
+
className: "pipe"
|
|
165
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
166
|
+
className: "tab-list-search-wrapper ".concat(!showAddButton || hasCustomAddButtons ? 'no-add-tab' : '', " ").concat(searchExpanded || !showAddButton || hasCustomAddButtons ? 'expanded' : ''),
|
|
167
|
+
onClick: expandSearch
|
|
168
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
169
|
+
className: "tab-list-search-wrapper-inner"
|
|
170
|
+
}, /*#__PURE__*/_react["default"].createElement("input", {
|
|
171
|
+
ref: searchWrapperRef,
|
|
172
|
+
type: "text",
|
|
173
|
+
className: "tab-list-search",
|
|
174
|
+
value: tabListSearch,
|
|
175
|
+
onChange: handleSearch
|
|
176
|
+
}), tabListSearch.trim() && /*#__PURE__*/_react["default"].createElement("button", {
|
|
177
|
+
className: "tab-list-close tab-close-btn",
|
|
178
|
+
onClick: function onClick() {
|
|
179
|
+
return setTabListSearch('');
|
|
180
|
+
}
|
|
181
|
+
})))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
182
|
+
className: "tab-list-open-tabs"
|
|
183
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
184
|
+
className: "tab-list-tabs-wrapper"
|
|
185
|
+
}, filteredTabs.length > 0 ? filteredTabs.map(function (tab, index) {
|
|
186
|
+
var title = tab.title || tab.name || (tab !== null && tab !== void 0 && tab.firstName ? "".concat(tab.firstName, " ").concat(tab.lastName || '') : 'Untitled');
|
|
187
|
+
return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.NavLink, {
|
|
188
|
+
className: "tab-list-open-tab ".concat(id === activeTab.id && tab.id === activeSubTab.id ? 'active' : ''),
|
|
189
|
+
key: tab.id || index,
|
|
190
|
+
onClick: function onClick(e) {
|
|
191
|
+
// e.preventDefault();
|
|
192
|
+
handleTabClick({
|
|
193
|
+
tab: tab,
|
|
194
|
+
isSubTab: true,
|
|
195
|
+
parentId: id,
|
|
196
|
+
sort: true
|
|
197
|
+
});
|
|
198
|
+
// clearTimeout(openingUnexpandedSubTabTimeoutRef.current);
|
|
199
|
+
updateSubTabChange({
|
|
200
|
+
parentTabId: id,
|
|
201
|
+
newTab: tab,
|
|
202
|
+
oldTab: tabs.find(function (t) {
|
|
203
|
+
return t.open_order === 1;
|
|
243
204
|
})
|
|
244
|
-
})
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
205
|
+
});
|
|
206
|
+
// setOpeningUnexpandedSubTab(true);
|
|
207
|
+
// openingUnexpandedSubTabTimeoutRef.current = setTimeout(() => {
|
|
208
|
+
// setOpeningUnexpandedSubTab(false);
|
|
209
|
+
// }, 300);
|
|
210
|
+
closeList();
|
|
211
|
+
setShowList(false);
|
|
212
|
+
},
|
|
213
|
+
to: tab.url
|
|
214
|
+
}, tab.icon && /*#__PURE__*/_react["default"].createElement("span", {
|
|
215
|
+
className: "icon-container ".concat(tab.icon)
|
|
216
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
217
|
+
className: "title-wrapper"
|
|
218
|
+
}, title, !tab.isFixed && /*#__PURE__*/_react["default"].createElement("span", {
|
|
219
|
+
className: "tab-list-close-btn tab-close-btn",
|
|
220
|
+
onClick: function onClick(e) {
|
|
221
|
+
e.preventDefault();
|
|
222
|
+
e.stopPropagation();
|
|
223
|
+
onClose({
|
|
224
|
+
tab: tab,
|
|
225
|
+
isSubTab: true,
|
|
226
|
+
parentIndex: parentIndex
|
|
227
|
+
});
|
|
228
|
+
closeList();
|
|
229
|
+
setShowList(false);
|
|
230
|
+
}
|
|
231
|
+
})));
|
|
232
|
+
}) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
233
|
+
className: "tab-list-no-data"
|
|
234
|
+
}, "No data found"))))));
|
|
248
235
|
};
|
|
249
236
|
var _default = exports["default"] = TabList;
|
package/dist/TabStack.js
CHANGED
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
var _react = require("react");
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _TabContext = require("./TabContext");
|
|
9
9
|
var _TabList = _interopRequireDefault(require("./TabList"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
+
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); }
|
|
12
12
|
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); }
|
|
13
13
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
14
14
|
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) {
|
|
|
49
49
|
}, [tab.customAddButtons, hasPrivilege]);
|
|
50
50
|
var hasAddBtnPrivilege = typeof tab.showAddButton === 'boolean' ? tab.showAddButton : _typeof(tab.showAddButton) === 'object' && Array.isArray(tab.showAddButton) ? hasPrivilege(tab.showAddButton) : false;
|
|
51
51
|
var hasCustomAddButtons = tab.customAddButtons && Array.isArray(tab.customAddButtons) && tab.customAddButtons.length > 0;
|
|
52
|
-
return /*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
53
53
|
className: "stack-wrapper stack-".concat(tab.id, " ").concat(showSubTabs || isActive ? 'expanded' : '', " ").concat(isTabClosing ? 'stack-closing' : ''),
|
|
54
54
|
onMouseEnter: function onMouseEnter() {
|
|
55
55
|
return !showAddButton && subTabsInList.length > 1 && setShowTabStack(tab.id);
|
|
56
56
|
},
|
|
57
57
|
onMouseLeave: function onMouseLeave() {
|
|
58
58
|
return !showAddButton && subTabsInList.length > 1 && !tabListSearch.trim() && setShowTabStack(null);
|
|
59
|
+
}
|
|
60
|
+
}, /*#__PURE__*/_react["default"].createElement("button", {
|
|
61
|
+
className: "icon-stack",
|
|
62
|
+
onClick: function onClick() {
|
|
63
|
+
setShowTabStack('');
|
|
64
|
+
if (hasCustomAddButtons && subTabsInList.length <= 1) {
|
|
65
|
+
!showTabStack && setShowTabStack(tab.id);
|
|
66
|
+
} else if (showAddButton) {
|
|
67
|
+
var _addButtonCallBackRef, _addButtonCallBackRef2;
|
|
68
|
+
(_addButtonCallBackRef = addButtonCallBackRefs.current) === null || _addButtonCallBackRef === void 0 || (_addButtonCallBackRef2 = _addButtonCallBackRef[tab.id]) === null || _addButtonCallBackRef2 === void 0 || _addButtonCallBackRef2.call(_addButtonCallBackRef);
|
|
69
|
+
} else {
|
|
70
|
+
toggleSubTabs(tab, tab.subTabs);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}, showAddButton && !showChevron && /*#__PURE__*/_react["default"].createElement("span", {
|
|
74
|
+
className: "icon-plus"
|
|
75
|
+
}), showChevron && /*#__PURE__*/_react["default"].createElement("span", {
|
|
76
|
+
className: "icon-chevron ".concat(showSubTabs ? 'open' : '')
|
|
77
|
+
})), /*#__PURE__*/_react["default"].createElement(_TabList["default"], {
|
|
78
|
+
id: tab.id,
|
|
79
|
+
isTabExpanded: showSubTabs,
|
|
80
|
+
showTabStack: showTabStack,
|
|
81
|
+
showAddButton: hasAddBtnPrivilege,
|
|
82
|
+
handleTabClick: handleTabClick,
|
|
83
|
+
tabs: subTabsInList,
|
|
84
|
+
onClose: handleTabClose,
|
|
85
|
+
parentIndex: index,
|
|
86
|
+
hasCustomAddButtons: hasCustomAddButtons,
|
|
87
|
+
customAddButtons: customAddButtons,
|
|
88
|
+
onAddButtonClick: function onAddButtonClick(data) {
|
|
89
|
+
var _addButtonCallBackRef3, _addButtonCallBackRef4;
|
|
90
|
+
return (_addButtonCallBackRef3 = addButtonCallBackRefs.current) === null || _addButtonCallBackRef3 === void 0 || (_addButtonCallBackRef4 = _addButtonCallBackRef3[tab.id]) === null || _addButtonCallBackRef4 === void 0 ? void 0 : _addButtonCallBackRef4.call(_addButtonCallBackRef3, data);
|
|
59
91
|
},
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
} else if (showAddButton) {
|
|
67
|
-
var _addButtonCallBackRef, _addButtonCallBackRef2;
|
|
68
|
-
(_addButtonCallBackRef = addButtonCallBackRefs.current) === null || _addButtonCallBackRef === void 0 || (_addButtonCallBackRef2 = _addButtonCallBackRef[tab.id]) === null || _addButtonCallBackRef2 === void 0 || _addButtonCallBackRef2.call(_addButtonCallBackRef);
|
|
69
|
-
} else {
|
|
70
|
-
toggleSubTabs(tab, tab.subTabs);
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
children: [showAddButton && !showChevron && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
74
|
-
className: "icon-plus"
|
|
75
|
-
}), showChevron && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
76
|
-
className: "icon-chevron ".concat(showSubTabs ? 'open' : '')
|
|
77
|
-
})]
|
|
78
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabList["default"], {
|
|
79
|
-
id: tab.id,
|
|
80
|
-
isTabExpanded: showSubTabs,
|
|
81
|
-
showTabStack: showTabStack,
|
|
82
|
-
showAddButton: hasAddBtnPrivilege,
|
|
83
|
-
handleTabClick: handleTabClick,
|
|
84
|
-
tabs: subTabsInList,
|
|
85
|
-
onClose: handleTabClose,
|
|
86
|
-
parentIndex: index,
|
|
87
|
-
hasCustomAddButtons: hasCustomAddButtons,
|
|
88
|
-
customAddButtons: customAddButtons,
|
|
89
|
-
onAddButtonClick: function onAddButtonClick(data) {
|
|
90
|
-
var _addButtonCallBackRef3, _addButtonCallBackRef4;
|
|
91
|
-
return (_addButtonCallBackRef3 = addButtonCallBackRefs.current) === null || _addButtonCallBackRef3 === void 0 || (_addButtonCallBackRef4 = _addButtonCallBackRef3[tab.id]) === null || _addButtonCallBackRef4 === void 0 ? void 0 : _addButtonCallBackRef4.call(_addButtonCallBackRef3, data);
|
|
92
|
-
},
|
|
93
|
-
closeList: function closeList() {
|
|
94
|
-
return setShowTabStack(null);
|
|
95
|
-
},
|
|
96
|
-
tabListSearch: tabListSearch,
|
|
97
|
-
setTabListSearch: setTabListSearch
|
|
98
|
-
})]
|
|
99
|
-
});
|
|
92
|
+
closeList: function closeList() {
|
|
93
|
+
return setShowTabStack(null);
|
|
94
|
+
},
|
|
95
|
+
tabListSearch: tabListSearch,
|
|
96
|
+
setTabListSearch: setTabListSearch
|
|
97
|
+
}));
|
|
100
98
|
};
|
|
101
99
|
var _default = exports["default"] = TabStack;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bydata/react-supertabs",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.6",
|
|
4
4
|
"description": "A customizable React super tabs component.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -24,5 +24,10 @@
|
|
|
24
24
|
"@babel/preset-react": "^7.24.0",
|
|
25
25
|
"react": "16.14.0",
|
|
26
26
|
"react-dom": "16.14.0"
|
|
27
|
+
},
|
|
28
|
+
"dependencies": {
|
|
29
|
+
"react-hover-text": "^1.1.3",
|
|
30
|
+
"super-avatar": "^1.1.0",
|
|
31
|
+
"super-dnd": "^1.0.1"
|
|
27
32
|
}
|
|
28
33
|
}
|