@coreui/react-pro 5.1.0 → 5.2.0

package/src/components/tabs/index.ts

@@ -1,4 +1,8 @@
+import { CTab } from './CTab'
 import { CTabContent } from './CTabContent'
 import { CTabPane } from './CTabPane'
+import { CTabPanel } from './CTabPanel'
+import { CTabList } from './CTabList'
+import { CTabs } from './CTabs'
 
-export { CTabContent, CTabPane }
+export { CTab, CTabContent, CTabList, CTabPane, CTabPanel, CTabs }

package/src/utils/getNextActiveElement.ts

@@ -0,0 +1,23 @@
+const getNextActiveElement = (
+  list: HTMLElement[],
+  activeElement: HTMLElement,
+  shouldGetNext: boolean,
+  isCycleAllowed: boolean,
+) => {
+  const listLength = list.length
+  let index = list.indexOf(activeElement)
+
+  if (index === -1) {
+    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]
+  }
+
+  index += shouldGetNext ? 1 : -1
+
+  if (isCycleAllowed) {
+    index = (index + listLength) % listLength
+  }
+
+  return list[Math.max(0, Math.min(index, listLength - 1))]
+}
+
+export default getNextActiveElement

package/src/utils/index.ts

@@ -1,4 +1,5 @@
 import executeAfterTransition from './executeAfterTransition'
+import getNextActiveElement from './getNextActiveElement'
 import getRTLPlacement from './getRTLPlacement'
 import getTransitionDurationFromElement from './getTransitionDurationFromElement'
 import isInViewport from './isInViewport'
@@ -7,6 +8,7 @@ import isRTL from './isRTL'
 
 export {
   executeAfterTransition,
+  getNextActiveElement,
   getRTLPlacement,
   getTransitionDurationFromElement,
   isInViewport,