@ozen-ui/kit 0.24.0 → 0.24.1

package/__inner__/cjs/components/DataList/DataList.js

@@ -21,6 +21,7 @@ var index_1 = require("./index");
 exports.cnDataList = (0, classname_1.cn)('DataList');
 var DataListRender = function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'DataList' }), _b = _a.open, open = _b === void 0 ? constants_1.DATA_LIST_DEFAULT_OPEN : _b, _c = _a.size, size = _c === void 0 ? constants_1.DATA_LIST_DEFAULT_SIZE : _c, _d = _a.as, as = _d === void 0 ? constants_1.DATA_LIST_DEFAULT_TAG : _d, name = _a.name, children = _a.children, anchorRef = _a.anchorRef, selectedProp = _a.selected, defaultSelected = _a.defaultSelected, onClose = _a.onClose, onEnteredProp = _a.onEntered, onExitedProp = _a.onExited, listProps = _a.listProps, className = _a.className, other = tslib_1.__rest(_a, ["open", "size", "as", "name", "children", "anchorRef", "selected", "defaultSelected", "onClose", "onEntered", "onExited", "listProps", "className"]);
+    var dataListRef = (0, react_1.useRef)(null);
     var listRef = (0, react_1.useRef)(null);
     // Состояние представленного компонента с завершенной анимацией
     var _e = tslib_1.__read((0, useBoolean_1.useBoolean)(false), 2), opened = _e[0], _f = _e[1], onEntered = _f.on, onExited = _f.off;
@@ -87,7 +88,7 @@ var DataListRender = function (inProps, ref) {
         }
     }, [focused, selected]);
     // Прокрутка списка
-    (0, helpers_1.useScrollContainerToElement)(listRef, selectedElRef, focused ? 'smooth' : 'instant');
+    (0, helpers_1.useScrollContainerToElement)(dataListRef, selectedElRef, focused ? 'smooth' : 'instant');
     // Назначает элементу контроля событие управления списком с клавиатуры
     (0, useEventListener_1.useEventListener)({
         active: opened,
@@ -147,7 +148,7 @@ var DataListRender = function (inProps, ref) {
         }, onExited: function () {
             onExited();
             onExitedProp === null || onExitedProp === void 0 ? void 0 : onExitedProp();
-        }, ref: ref }),
+        }, ref: (0, useMultiRef_1.useMultiRef)([ref, dataListRef]) }),
         react_1.default.createElement(List_1.List, tslib_1.__assign({ as: "ul", size: size }, listProps, { onMouseDown: function (e) {
                 var _a;
                 e.preventDefault();

package/__inner__/esm/components/DataList/DataList.js

@@ -18,6 +18,7 @@ import { DataListOption } from './index';
 export var cnDataList = cn('DataList');
 var DataListRender = function (inProps, ref) {
     var _a = useThemeProps({ props: inProps, name: 'DataList' }), _b = _a.open, open = _b === void 0 ? DATA_LIST_DEFAULT_OPEN : _b, _c = _a.size, size = _c === void 0 ? DATA_LIST_DEFAULT_SIZE : _c, _d = _a.as, as = _d === void 0 ? DATA_LIST_DEFAULT_TAG : _d, name = _a.name, children = _a.children, anchorRef = _a.anchorRef, selectedProp = _a.selected, defaultSelected = _a.defaultSelected, onClose = _a.onClose, onEnteredProp = _a.onEntered, onExitedProp = _a.onExited, listProps = _a.listProps, className = _a.className, other = __rest(_a, ["open", "size", "as", "name", "children", "anchorRef", "selected", "defaultSelected", "onClose", "onEntered", "onExited", "listProps", "className"]);
+    var dataListRef = useRef(null);
     var listRef = useRef(null);
     // Состояние представленного компонента с завершенной анимацией
     var _e = __read(useBoolean(false), 2), opened = _e[0], _f = _e[1], onEntered = _f.on, onExited = _f.off;
@@ -84,7 +85,7 @@ var DataListRender = function (inProps, ref) {
         }
     }, [focused, selected]);
     // Прокрутка списка
-    useScrollContainerToElement(listRef, selectedElRef, focused ? 'smooth' : 'instant');
+    useScrollContainerToElement(dataListRef, selectedElRef, focused ? 'smooth' : 'instant');
     // Назначает элементу контроля событие управления списком с клавиатуры
     useEventListener({
         active: opened,
@@ -144,7 +145,7 @@ var DataListRender = function (inProps, ref) {
         }, onExited: function () {
             onExited();
             onExitedProp === null || onExitedProp === void 0 ? void 0 : onExitedProp();
-        }, ref: ref }),
+        }, ref: useMultiRef([ref, dataListRef]) }),
         React.createElement(List, __assign({ as: "ul", size: size }, listProps, { onMouseDown: function (e) {
                 var _a;
                 e.preventDefault();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.24.0",
+  "version": "0.24.1",
   "description": "React component library",
   "files": [
     "*"