@ozen-ui/kit 0.63.0 → 0.63.1

package/__inner__/cjs/components/Tabs/Tabs.js

@@ -4,6 +4,7 @@ exports.Tabs = exports.cnTabs = void 0;
 var tslib_1 = require("tslib");
 require("./Tabs.css");
 var react_1 = tslib_1.__importStar(require("react"));
+var react_is_1 = require("react-is");
 var useDebounceCallback_1 = require("../../hooks/useDebounceCallback");
 var useEventListener_1 = require("../../hooks/useEventListener");
 var animateProperty_1 = require("../../utils/animateProperty");
@@ -31,9 +32,12 @@ exports.Tabs = (0, react_1.forwardRef)(function (_a, ref) {
      * для более точного контроля
      */
     var tabsValueToIndex = (0, react_1.useMemo)(function () { return new Map(); }, [children]);
+    var resolvedChildren = (0, react_is_1.isFragment)(children)
+        ? children.props.children
+        : children;
     /** Children только ноды Табов */
     var onlyTabsChildren = (0, react_1.useMemo)(function () {
-        return react_1.default.Children.toArray(children)
+        return react_1.default.Children.toArray(resolvedChildren)
             .filter(function (child) { return react_1.default.isValidElement(child) && (child === null || child === void 0 ? void 0 : child.type) === components_1.Tab; })
             .map(function (child, index) {
             if (!react_1.default.isValidElement(child))
@@ -42,7 +46,7 @@ exports.Tabs = (0, react_1.forwardRef)(function (_a, ref) {
             tabsValueToIndex.set(childValue, index);
             return react_1.default.cloneElement(child, { value: childValue });
         });
-    }, [children]);
+    }, [resolvedChildren]);
     var isScrollButtonsActive = variant === 'scrollable' &&
         !disableScrollButtons &&
         tabsListRef.current &&

package/__inner__/esm/components/Tabs/Tabs.js

@@ -1,6 +1,7 @@
 import { __assign, __read, __rest } from "tslib";
 import './Tabs.css';
 import React, { useState, useCallback, useMemo, useEffect, forwardRef, useRef, } from 'react';
+import { isFragment } from 'react-is';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { useEventListener } from '../../hooks/useEventListener';
 import { animateProperty } from '../../utils/animateProperty';
@@ -28,9 +29,12 @@ export var Tabs = forwardRef(function (_a, ref) {
      * для более точного контроля
      */
     var tabsValueToIndex = useMemo(function () { return new Map(); }, [children]);
+    var resolvedChildren = isFragment(children)
+        ? children.props.children
+        : children;
     /** Children только ноды Табов */
     var onlyTabsChildren = useMemo(function () {
-        return React.Children.toArray(children)
+        return React.Children.toArray(resolvedChildren)
             .filter(function (child) { return React.isValidElement(child) && (child === null || child === void 0 ? void 0 : child.type) === Tab; })
             .map(function (child, index) {
             if (!React.isValidElement(child))
@@ -39,7 +43,7 @@ export var Tabs = forwardRef(function (_a, ref) {
             tabsValueToIndex.set(childValue, index);
             return React.cloneElement(child, { value: childValue });
         });
-    }, [children]);
+    }, [resolvedChildren]);
     var isScrollButtonsActive = variant === 'scrollable' &&
         !disableScrollButtons &&
         tabsListRef.current &&

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.63.0",
+  "version": "0.63.1",
   "description": "React component library",
   "files": [
     "*"
@@ -27,9 +27,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/logger": "0.63.0",
-    "@ozen-ui/icons": "0.63.0",
-    "@ozen-ui/fonts": "0.63.0"
+    "@ozen-ui/fonts": "0.63.1",
+    "@ozen-ui/icons": "0.63.1",
+    "@ozen-ui/logger": "0.63.1"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",