@bydata/react-supertabs 1.1.0

package/dist/Utils.js

@@ -0,0 +1,336 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addOrUpdateSubTab = addOrUpdateSubTab;
+exports.calculateWidth = calculateWidth;
+exports.compareDecimals = compareDecimals;
+exports.findBestMatchFromPages = findBestMatchFromPages;
+exports.getCssUnitDifference = getCssUnitDifference;
+exports.getHomeTab = void 0;
+exports.getTextWidth = getTextWidth;
+exports.getUserDetailsFromToken = exports.getUniqueId = exports.getTitle = void 0;
+exports.isChildPath = isChildPath;
+exports.isDev = isDev;
+exports.normalizeUrl = exports.isEmpty = void 0;
+exports.removeSpaces = removeSpaces;
+exports.reorder = reorder;
+exports.reorderSubTabs = reorderSubTabs;
+exports.splitSubTabs = exports.sortByOrder = void 0;
+var _Constants = require("./Constants");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(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; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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); }
+var getHomeTab = exports.getHomeTab = function getHomeTab() {
+  var homeUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '/';
+  return {
+    title: 'Home',
+    id: 0,
+    url: homeUrl
+  };
+};
+var getUserDetailsFromToken = exports.getUserDetailsFromToken = function getUserDetailsFromToken(token) {
+  if (token) {
+    try {
+      return JSON.parse(window.atob(token.split('.')[1].replace(/-/g, "+").replace(/_/g, "/")));
+    } catch (error) {
+      // ignore
+    }
+  }
+  return null;
+};
+var isEmpty = exports.isEmpty = function isEmpty(value) {
+  if (value === null) return true;
+  if (typeof value === 'undefined') return true;
+  if (typeof value === 'string' && value.trim().length === 0) return true;
+  if (_typeof(value) === 'object') {
+    if (Array.isArray(value) && value.length === 0) {
+      return true;
+    } else {
+      return Object.keys(value).length === 0;
+    }
+  }
+  return false;
+};
+function findBestMatchFromPages(pages, pathname) {
+  // Check for exact match first
+  var match = pages.find(function (page) {
+    return page.url === pathname;
+  });
+  if (match) {
+    return match;
+  }
+
+  // Split the pathname into segments
+  var pathSegments = pathname.split('/').filter(function (segment) {
+    return segment;
+  });
+
+  // Trim the pathname and check for matches
+  var _loop = function _loop() {
+      var currentPath = '/' + pathSegments.join('/');
+      match = pages.find(function (page) {
+        return page.url.includes(currentPath);
+      });
+      if (match) {
+        return {
+          v: match
+        };
+      }
+      pathSegments.pop();
+    },
+    _ret;
+  while (pathSegments.length > 0) {
+    _ret = _loop();
+    if (_ret) return _ret.v;
+  }
+  return null; // No match found
+}
+function isChildPath(parentPathName, childPathName) {
+  // Check for exact match first
+  if (parentPathName === childPathName) {
+    return true;
+  }
+
+  // Split the childPathName into segments
+  var pathSegments = childPathName.split('/').filter(function (segment) {
+    return segment;
+  });
+
+  // Trim the childPathName and check for matches
+  while (pathSegments.length > 0) {
+    var currentPath = '/' + pathSegments.join('/');
+    if (parentPathName.includes(currentPath)) {
+      return true;
+    }
+    pathSegments.pop();
+  }
+  return false; // No match found
+}
+var getUniqueId = exports.getUniqueId = function getUniqueId() {
+  return Math.random().toString(36).substring(2, 9);
+};
+function reorder(list, startIndex, finishIndex) {
+  if (startIndex === -1 || finishIndex === -1) {
+    return list;
+  }
+  var result = Array.from(list);
+  var _result$splice = result.splice(startIndex, 1),
+    _result$splice2 = _slicedToArray(_result$splice, 1),
+    removed = _result$splice2[0];
+  result.splice(finishIndex, 0, removed);
+  return result;
+}
+var splitSubTabs = exports.splitSubTabs = function splitSubTabs(subTabs) {
+  var itemsWithOrderZero = [];
+  var itemsWithNonZeroOrder = [];
+  subTabs.forEach(function (item) {
+    if (item.order === 0) {
+      itemsWithOrderZero.push(item);
+    } else {
+      itemsWithNonZeroOrder.push(item);
+    }
+  });
+  return {
+    itemsWithOrderZero: itemsWithOrderZero,
+    itemsWithNonZeroOrder: itemsWithNonZeroOrder
+  };
+};
+function reorderSubTabs(array, sourceIndex, destinationIndex) {
+  var _splitSubTabs = splitSubTabs(array),
+    itemsWithOrderZero = _splitSubTabs.itemsWithOrderZero,
+    itemsWithNonZeroOrder = _splitSubTabs.itemsWithNonZeroOrder;
+  var _itemsWithNonZeroOrde = itemsWithNonZeroOrder.splice(sourceIndex, 1),
+    _itemsWithNonZeroOrde2 = _slicedToArray(_itemsWithNonZeroOrde, 1),
+    movedItem = _itemsWithNonZeroOrde2[0];
+  itemsWithNonZeroOrder.splice(destinationIndex, 0, movedItem);
+  return itemsWithOrderZero.concat(itemsWithNonZeroOrder.map(function (item, index) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      order: index + 1
+    });
+  }));
+}
+function isDev() {
+  return process.env.REACT_APP_CUSTOM_NODE_ENV === 'development';
+}
+function removeSpaces(str) {
+  return str.replace(/\s/g, '');
+}
+var sortByOrder = exports.sortByOrder = function sortByOrder(a, b) {
+  if (a.order === b.order) return a.open_order - b.open_order;
+  return a.order - b.order;
+};
+function addOrUpdateSubTab() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    array = _ref.array,
+    newTab = _ref.newTab,
+    _ref$maxOrder = _ref.maxOrder,
+    maxOrder = _ref$maxOrder === void 0 ? 0 : _ref$maxOrder,
+    _ref$sort = _ref.sort,
+    sort = _ref$sort === void 0 ? false : _ref$sort;
+  var existingObjectIndex = array.findIndex(function (obj) {
+    return obj.id === newTab.id;
+  });
+  if (existingObjectIndex !== -1) {
+    var existingTab = _objectSpread(_objectSpread({}, array[existingObjectIndex]), newTab);
+    var oldOrder = existingTab.order;
+    var oldOpenOrder = existingTab.open_order || array.length;
+    var minLegth = Math.min(array.length, maxOrder);
+    if (existingTab.order !== 0 && oldOrder === existingTab.order) {
+      return array.map(function (tab) {
+        return tab.id === existingTab.id ? _objectSpread(_objectSpread({}, existingTab), {}, {
+          open_order: 1
+        }) : _objectSpread(_objectSpread({}, tab), {}, {
+          open_order: tab.open_order < oldOpenOrder ? tab.open_order + 1 : tab.open_order
+        });
+      });
+    }
+
+    // Update the existing object
+    array[existingObjectIndex] = _objectSpread(_objectSpread({}, existingTab), {}, {
+      order: oldOrder === 0 ? minLegth : oldOrder,
+      open_order: 1
+    });
+
+    // Increment the order of other objects with less than the old order
+    for (var i = 0; i < array.length; i++) {
+      if (array[i].id !== existingTab.id) {
+        // if ((oldOrder !== 0 ? array[i].order <= oldOrder : true)) {
+
+        if (array[i].open_order === minLegth) {
+          // array[i].order = (array[i].order + 1) % (maxOrder + 1);
+          array[i].order = 0;
+        }
+        if (array[i].order === minLegth) {
+          array[i].order -= 1;
+        }
+        // if (array[i].open_order >= maxOrder) {
+        //     array[i].order = 0;
+        // } else {
+        //     array[i].order += 1;
+        // }
+        array[i].open_order += 1;
+      }
+    }
+  } else {
+    // New object, set its order and insert at the start
+    newTab.order = array.length + 1;
+    newTab.open_order = 1;
+    array.push(newTab);
+
+    // Update the order of existing objects
+    for (var _i = 0; _i < array.length - 1; _i++) {
+      // array[i].order = (array[i].order + 1) % (maxOrder + 1);
+      if (array[_i].open_order >= maxOrder) {
+        array[_i].order = 0;
+      }
+      // array[i].order = array[i].order === 0 || array[i].order + 1 > maxOrder ? 0 : array[i].order + 1;
+      array[_i].open_order += 1;
+    }
+  }
+  array.sort(sortByOrder);
+  return array;
+}
+function getTextWidth(text, font) {
+  // Create a canvas element
+  var canvas = document.createElement('canvas');
+  var context = canvas.getContext('2d');
+
+  // Set the font properties
+  context.font = font;
+
+  // Measure the text width
+  var metrics = context.measureText(text);
+  return Math.ceil(metrics.width * 100) / 100;
+}
+function calculateWidth() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    text = _ref2.text,
+    _ref2$hasAvatar = _ref2.hasAvatar,
+    hasAvatar = _ref2$hasAvatar === void 0 ? false : _ref2$hasAvatar,
+    _ref2$addMargin = _ref2.addMargin,
+    addMargin = _ref2$addMargin === void 0 ? false : _ref2$addMargin,
+    _ref2$hasToolbarButto = _ref2.hasToolbarButton,
+    hasToolbarButton = _ref2$hasToolbarButto === void 0 ? false : _ref2$hasToolbarButto,
+    _ref2$hasCloseButton = _ref2.hasCloseButton,
+    hasCloseButton = _ref2$hasCloseButton === void 0 ? false : _ref2$hasCloseButton;
+  var textWidth = getTextWidth(text, _Constants.fontStyle);
+  var avatarWidth = hasAvatar ? _Constants.AvatarSize : 0;
+  var marginWidth = addMargin ? _Constants.MarginLeft : 0;
+  var toolbarButtonWidth = hasToolbarButton ? _Constants.ToolbarButtonWidth : 0;
+  var closeButtonWidth = hasCloseButton ? _Constants.CloseButtonWidth : 0;
+  return textWidth + _Constants.SubTabPadding + marginWidth + avatarWidth + toolbarButtonWidth + closeButtonWidth;
+}
+function compareDecimals(num1, num2) {
+  var decimalPlaces = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  // Convert numbers to strings
+  var strNum1 = num1.toFixed(decimalPlaces + 1);
+  var strNum2 = num2.toFixed(decimalPlaces + 1);
+
+  // Extract the relevant portion
+  strNum1 = strNum1.substring(0, strNum1.indexOf('.') + decimalPlaces + 1);
+  strNum2 = strNum2.substring(0, strNum2.indexOf('.') + decimalPlaces + 1);
+  if (strNum1 === strNum2) {
+    return 0; // numbers are equal
+  } else if (+strNum1 < +strNum2) {
+    return -1; // num1 is less than num2
+  } else {
+    return 1; // num1 is greater than num2
+  }
+}
+function getCssUnitDifference(value1, value2) {
+  var includeUnit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  // A regex pattern to match the number and the unit
+  var regex = /^(-?\d*\.?\d+)([a-zA-Z%]+)$/;
+  var match1 = value1.match(regex);
+  var match2 = value2.match(regex);
+  if (!match1 || !match2) {
+    throw new Error("Invalid CSS value provided.");
+  }
+  var number1 = parseFloat(match1[1]);
+  var unit1 = match1[2];
+  var number2 = parseFloat(match2[1]);
+  var unit2 = match2[2];
+
+  // Check if both values have the same unit
+  if (unit1 !== unit2) {
+    throw new Error("CSS units do not match.");
+  }
+  var difference = number1 - number2;
+  return "".concat(difference).concat(includeUnit ? unit1 : '');
+}
+var getTitle = exports.getTitle = function getTitle(tab) {
+  return (tab.title || tab.name || (tab !== null && tab !== void 0 && tab.firstName ? "".concat(tab.firstName, " ").concat(tab.lastName || '') : 'Untitled')).trim();
+};
+
+// export function checkPrivilege(privileges, access) {
+//     const accessArray = Array.isArray(access) ? access : [access];
+
+//     return accessArray.some(item =>
+//         Object.keys(privileges).includes(item) ||
+//         Object.values(privileges).flat().includes(item)
+//     );
+// }
+
+// Normalize URL function to handle different representations of the same URL
+var normalizeUrl = exports.normalizeUrl = function normalizeUrl(url) {
+  if (!url) return null;
+  try {
+    // Create URL object to standardize format
+    var urlObj = new URL(url, window.location.origin);
+    return urlObj.pathname;
+  } catch (e) {
+    console.warn("Error normalizing URL:", e);
+    return url; // Fallback to original URL if parsing fails
+  }
+};

package/dist/eventEmitter.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var EventEmitter = exports["default"] = /*#__PURE__*/function () {
+  function EventEmitter() {
+    _classCallCheck(this, EventEmitter);
+    /** @type {Map<string|symbol, Function[]>} */
+    this.events = new Map();
+  }
+
+  /**
+   * Register an event handler for the given type.
+   * @param {string|symbol} type Type of event to listen for, or `'*'` for all events
+   * @param {Function} handler Function to call in response to given event
+   * @return {Function}  A function that will unregister this event handler when called
+   */
+  return _createClass(EventEmitter, [{
+    key: "subscribe",
+    value: function subscribe(type, handler) {
+      var _this = this;
+      var handlers = this.events.get(type);
+      if (handlers) {
+        handlers.push(handler);
+      } else {
+        this.events.set(type, [handler]);
+      }
+      return function () {
+        _this.unsubscribe(type, handler);
+      };
+    }
+
+    /**
+     * Remove an event handler for the given type.
+     * If `handler` is omitted, all handlers of the given type are removed.
+     * @param {string|symbol} type Type of event to unregister `handler` from (`'*'` to remove a wildcard handler)
+     * @param {Function} [handler] Handler function to remove
+     */
+  }, {
+    key: "unsubscribe",
+    value: function unsubscribe(type, handler) {
+      var handlers = this.events.get(type);
+      if (handlers) {
+        if (handler) {
+          handlers.splice(handlers.indexOf(handler) >>> 0, 1);
+        } else {
+          this.events.set(type, []);
+        }
+      }
+    }
+
+    /**
+     * Invoke all handlers for the given type.
+     * If present, `'*'` handlers are invoked after type-matched handlers.
+     *
+     * Note: Manually firing '*' handlers is not supported.
+     *
+     * @param {string|symbol} type The event type to invoke
+     * @param {any} [evt] Any value (object is recommended and powerful), passed to each handler
+     */
+  }, {
+    key: "emit",
+    value: function emit(type, evt) {
+      var handlers = this.events.get(type);
+      if (handlers) {
+        handlers.slice().map(function (handler) {
+          handler(evt);
+          return false;
+        });
+      }
+      handlers = this.events.get("*");
+      if (handlers) {
+        handlers.slice().map(function (handler) {
+          handler(type, evt);
+          return false;
+        });
+      }
+    }
+
+    /**
+     * Register an event handler for once of the given type.
+     * @param {string|symbol} type Type of event to listen for an event
+     * @param {Function} handler Function to call in response to given event
+     */
+  }, {
+    key: "once",
+    value: function once(type, handler) {
+      var unsubscribe = this.subscribe(type, function (evt) {
+        unsubscribe();
+        handler(evt);
+      });
+    }
+
+    /**
+     * Remove all event handlers.
+     * @param {string|symbol} [type] Type of event to unregister `handler` from (`'*'` to remove a wildcard handler)
+     */
+  }, {
+    key: "clear",
+    value: function clear(type) {
+      if (type) {
+        this.events["delete"](type);
+      } else {
+        this.events.clear();
+      }
+    }
+  }]);
+}();

package/dist/images/Icon-open-arrow-top.svg

@@ -0,0 +1,3 @@
+<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.048 10L8 5.55556L4.8 5.55556L4.8 0H3.2L3.2 5.55556H0L4.048 10Z" fill="white"/>
+</svg>

package/dist/images/icon-chevron-right.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17.01"><path id="fa-angle-right_1_copy" data-name="fa-angle-right1 copy" d="M8.85,8.89l-7.21,8a.47.47,0,0,1-.64.07l-.07-.07L.16,16a.56.56,0,0,1,0-.78L6.24,8.5.16,1.8A.56.56,0,0,1,.16,1L.93.17A.45.45,0,0,1,1.57.1a.23.23,0,0,1,.07.07L8.85,8.11a.58.58,0,0,1,0,.78Z" transform="translate(0 0)" style="fill-rule:evenodd"/></svg>

package/dist/images/icon-close-lite.svg

@@ -0,0 +1,3 @@
+<svg id="icon-close.3197178d" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
+  <path id="Path_14" data-name="Path 14" d="M19.05,8.764,17.336,7.05,13.05,11.336,8.764,7.05,7.05,8.764l4.286,4.286L7.05,17.336,8.764,19.05l4.286-4.286,4.286,4.286,1.714-1.714L14.764,13.05Z" transform="translate(-7.05 -7.05)" fill="#fff"/>
+</svg>

package/dist/images/icon-search.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
+  <defs>
+    <style>
+      .cls-1 {
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M8.023,7.543H8.571L12,10.971,10.971,12,7.543,8.571V8.023L7.337,7.817a4.292,4.292,0,0,1-2.88,1.1A4.457,4.457,0,1,1,8.914,4.457a4.292,4.292,0,0,1-1.1,2.88ZM4.457,1.371A3.086,3.086,0,1,0,7.543,4.457,3.073,3.073,0,0,0,4.457,1.371Z"/>
+</svg>

package/dist/images/icon-stack.svg

@@ -0,0 +1,6 @@
+<svg width="36" height="30" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8 4.00098C8 2.89641 8.89543 2.00098 10 2.00098H32C33.1046 2.00098 34 2.89641 34 4.00098V26.001C34 27.1055 33.1046 28.001 32 28.001H10C8.89543 28.001 8 27.1055 8 26.001V4.00098Z" fill="#1D2024"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0.000976562H32C34.2091 0.000976562 36 1.79184 36 4.00098V26.001C36 28.2101 34.2091 30.001 32 30.001H10C7.79086 30.001 6 28.2101 6 26.001V4.00098C6 1.79184 7.79086 0.000976562 10 0.000976562ZM10 2.00098C8.89543 2.00098 8 2.89641 8 4.00098V26.001C8 27.1055 8.89543 28.001 10 28.001H32C33.1046 28.001 34 27.1055 34 26.001V4.00098C34 2.89641 33.1046 2.00098 32 2.00098H10Z" fill="black"/>
+    <path d="M2 4.00098C2 2.89641 2.89543 2.00098 4 2.00098H26C27.1046 2.00098 28 2.89641 28 4.00098V26.001C28 27.1055 27.1046 28.001 26 28.001H4C2.89543 28.001 2 27.1055 2 26.001V4.00098Z" fill="#1D2024"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M4 0.000976562H26C28.2091 0.000976562 30 1.79184 30 4.00098V26.001C30 28.2101 28.2091 30.001 26 30.001H4C1.79086 30.001 0 28.2101 0 26.001V4.00098C0 1.79184 1.79086 0.000976562 4 0.000976562ZM4 2.00098C2.89543 2.00098 2 2.89641 2 4.00098V26.001C2 27.1055 2.89543 28.001 4 28.001H26C27.1046 28.001 28 27.1055 28 26.001V4.00098C28 2.89641 27.1046 2.00098 26 2.00098H4Z" fill="black"/>
+</svg>

package/dist/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SuperTabs", {
+  enumerable: true,
+  get: function get() {
+    return _SuperTabs["default"];
+  }
+});
+Object.defineProperty(exports, "TabProvider", {
+  enumerable: true,
+  get: function get() {
+    return _TabContext.TabProvider;
+  }
+});
+var _SuperTabs = _interopRequireDefault(require("./SuperTabs"));
+var _TabContext = require("./components/SuperTabs/TabContext");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/dist/usePrevious.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+/**
+ * Custom hook to store the previous value of a state or prop.
+ *
+ * @param {*} value - The current value you want to track.
+ * @returns {*} - The previous value before the last render.
+ *
+ * 👉 Usage:
+ * const prevCount = usePrevious(count);
+ * 
+ * Example:
+ *   - On first render:
+ *       count = 0, prevCount = undefined
+ *   - After setCount(1):
+ *       count = 1, prevCount = 0
+ *   - After setCount(2):
+ *       count = 2, prevCount = 1
+ */
+function usePrevious(value) {
+  // A ref object holds a mutable value across renders
+  var ref = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    // After every render where `value` changes,
+    // update the ref to hold the latest value.
+    ref.current = value;
+  }, [value]); // runs whenever `value` changes
+
+  // Return whatever was stored before this render
+  return ref.current;
+}
+var _default = exports["default"] = usePrevious;

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@bydata/react-supertabs",
+  "version": "1.1.0",
+  "description": "A customizable React super tabs component.",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "rm -rf dist && NODE_ENV=production babel src --out-dir dist --copy-files"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.16.8",
+    "@babel/core": "^7.16.12",
+    "@babel/plugin-transform-runtime": "^7.16.10",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@rollup/plugin-babel": "^5.3.0",
+    "autoprefixer": "^10.4.2",
+    "rollup": "^2.77.1",
+    "rollup-plugin-styles": "^4.0.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.16.7",
+    "next-transpile-modules": "^9.0.0"
+  }
+}