@plesk/ui-library 3.43.0 → 3.43.2

package/esm/components/Tabs/TabList.js

@@ -21,25 +21,26 @@ const TabList = _ref => {
     monospacedWidth,
     baseClassName
   } = _ref;
-  if (!Children.toArray(children).length) {
-    return null;
-  }
+  const handleTabClick = (tab, position) => {
+    onTabClick(position);
+    tab?.props?.onActivate?.();
+  };
   let tabs = Children.toArray(children);
   tabs = tabs.filter(child => child?.type === Tab);
   const listChildren = tabs.slice(0, visibleLength);
   const menuChildren = tabs.slice(visibleLength);
-  const listItems = Children.map(listChildren, (tab, index) => {
+  const listItems = listChildren.map((tab, index) => {
     const position = index + 1;
     return /*#__PURE__*/_jsx(TabListItem, {
       // eslint-disable-line react/no-array-index-key
       tab: tab,
       baseClassName: baseClassName,
       selected: position === active,
-      onClick: () => onTabClick(position),
+      onClick: () => handleTabClick(tab, position),
       monospacedWidth: monospacedWidth
     }, index);
   });
-  const menuItems = Children.map(menuChildren, (tab, index) => {
+  const menuItems = menuChildren.map((tab, index) => {
     const position = listChildren.length + index + 1;
     const {
       title,
@@ -68,7 +69,7 @@ const TabList = _ref => {
         })]
       }),
       active: active === position,
-      onClick: () => onTabClick(position),
+      onClick: () => handleTabClick(tab, position),
       className: `${baseClassName}__menu-item`,
       component: Tag,
       ...tabProps,

package/esm/components/Tabs/TabListItem.js

@@ -21,32 +21,36 @@ const TabListItem = _ref => {
     icon,
     onActivate,
     onClose,
-    component: Tag = 'a',
+    component = 'a',
     style = {},
     ...tabProps
   } = tab.props;
   const closable = typeof onClose === 'function';
-  tabProps.tabIndex = isFake ? -1 : tabProps.tabIndex || 0;
-  if (!isFake) {
-    tabProps.onKeyDown = wrapFunction(tabProps.onKeyDown, e => {
+  const linkProps = isFake ? {
+    tabIndex: -1
+  } : {
+    tabIndex: tabProps.tabIndex || 0,
+    onClick,
+    onKeyDown: wrapFunction(tabProps.onKeyDown, e => {
       if (e.key === 'Enter') {
         e.currentTarget.click();
       }
-    });
-  }
+    }),
+    role: 'tab',
+    'aria-selected': selected || undefined,
+    ...tabProps
+  };
+  const Tag = isFake ? 'a' : component;
   return /*#__PURE__*/_jsx("li", {
     className: classNames(`${baseClassName}__tab`, selected && `${baseClassName}__tab--selected`, closable && `${baseClassName}__tab--closable`),
     role: isFake ? undefined : 'presentation',
     children: /*#__PURE__*/_jsxs(Tag, {
       className: `${baseClassName}__link`,
-      role: isFake ? undefined : 'tab',
-      "aria-selected": selected || undefined,
-      onClick: onClick,
       style: {
         width: monospacedWidth || undefined,
         ...style
       },
-      ...tabProps,
+      ...linkProps,
       children: [/*#__PURE__*/_jsx(TabIcon, {
         icon: icon,
         baseClassName: baseClassName

package/esm/components/Tabs/Tabs.js

@@ -33,7 +33,7 @@ const Tabs = _ref => {
   const tabNavRef = useRef(null);
   const tabListRef = useRef(null);
   const fakeAddonRef = useRef(null);
-  const childrenCount = Children.count(children);
+  const childrenCount = Children.toArray(children).length;
   const [active, setActive] = useActive(externalActive);
   const {
     monospacedWidth,
@@ -48,11 +48,6 @@ const Tabs = _ref => {
     baseClassName,
     childrenCount
   });
-  const handleTabClick = active => {
-    setActive(active);
-    const tab = Array.isArray(children) ? children[active - 1] : children;
-    tab?.props?.onActivate?.();
-  };
   const [searching, setSearching] = useState(false);
   if (!childrenCount) {
     return null;
@@ -103,7 +98,7 @@ const Tabs = _ref => {
       children: [/*#__PURE__*/_jsx(TabList, {
         tabListRef: tabListRef,
         active: active,
-        onTabClick: handleTabClick,
+        onTabClick: setActive,
         visibleLength: visibleLength,
         monospacedWidth: monospacedWidth,
         baseClassName: baseClassName,
@@ -125,7 +120,7 @@ const Tabs = _ref => {
     }), /*#__PURE__*/_jsx("div", {
       className: `${baseClassName}__tab-panel`,
       role: "tabpanel",
-      children: Children.map(children, (tab, index) => index + 1 === active ? tab : null)
+      children: Children.toArray(children).map((tab, index) => index + 1 === active ? tab : null)
     })]
   });
 };

package/esm/index.js

@@ -1,6 +1,6 @@
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 import svg4everybody from 'svg4everybody';
-const version = "3.43.0";
+const version = "3.43.2";
 export * from './publicPath';
 export { version };
 export * from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.43.0",
+  "version": "3.43.2",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",