@homecode/ui 4.28.4 → 4.28.5

package/dist/esm/src/components/Select/Select2.js

@@ -1,6 +1,6 @@
+import { useRef, useState, useMemo, useEffect, useCallback, createElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { mapById, isMultiple, renderLabel } from './Select.helpers.js';
-import { useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import { INTERACTION_MODE, getInteractionMode } from '../../tools/dom.js';
 import cn from 'classnames';
 import omit from 'lodash.omit';
@@ -17,7 +17,7 @@ import useEvent from '../../hooks/useEvent.js';
 import S from './Select.styl.js';
 
 function Select2(props) {
-    const { className, value, onChange, onSearchChange, disableTriggerArrow, inputProps, popupProps, size = 'm', round, optionClassName, additionalOptions = [], options, variant, label, error, blur, disabled, trigger, required, hideRequiredStar, isSearchable, presets = [], selectAllButton, clearButton, showSelectedCount, disableLabel, } = props;
+    const { className, value, onChange, onSearchChange, disableTriggerArrow, inputProps, popupProps, scrollProps, size = 'm', round, optionClassName, additionalOptions = [], options, variant, label, error, blur, disabled, trigger, required, hideRequiredStar, isSearchable, presets = [], selectAllButton, clearButton, showSelectedCount, disableLabel, } = props;
     const isMultiple$1 = isMultiple(value);
     const closeOnSelect = props.closeOnSelect ?? !isMultiple$1;
     const contentRef = useRef(null);
@@ -300,7 +300,7 @@ function Select2(props) {
             }
         },
     });
-    const optionsList = useMemo(() => (jsxs("div", { ref: contentRef, children: [renderPresets(), jsx(Scroll, { y: true, offset: { y: { before: 10, after: 10 } }, className: cn(S.options, S[`size-${size}`]), onInnerRef: elem => (scrollInnerRef.current = elem), children: renderOptions() }, "items-scroll")] })), [items, searchVal, focusedItemIndex]);
+    const optionsList = useMemo(() => (jsxs("div", { ref: contentRef, children: [renderPresets(), createElement(Scroll, { y: true, ...scrollProps, offset: { y: { before: 10, after: 10 } }, className: cn(S.options, S[`size-${size}`], scrollProps?.className), onInnerRef: elem => (scrollInnerRef.current = elem), key: "items-scroll" }, renderOptions())] })), [items, searchVal, focusedItemIndex]);
     const classes = cn(S.root, className, S[`size-${size}`]);
     return (jsxs(Fragment, { children: [jsx(Popup, { className: classes, direction: "bottom", size: size, focusControl: true, hoverControl: isFocused, blur: blur, isOpen: isOpen, disabled: disabled, ...popupProps, onOpen: onPopupOpen, onClose: onPopupClose, trigger: renderTrigger(), triggerProps: {
                     onFocus: onFocus,

package/dist/esm/types/src/components/Select/Select.types.d.ts

@@ -2,6 +2,7 @@ import { RefObject, ReactNode, HTMLAttributes } from 'react';
 import type { FormControl, Size } from 'uilib/types';
 import { InputProps } from '../Input/Input';
 import { PopupProps } from '../Popup/Popup';
+import { ScrollProps } from 'uilib/components/Scroll/Scroll';
 export type Id = string | number;
 export type Option = {
     id: Id;
@@ -53,6 +54,7 @@ export type Props = FormControl<Value> & InheritedInputProps & {
     onClose?: () => void;
     isSearchable?: boolean;
     inputProps?: Omit<InputProps, 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'size'>;
+    scrollProps?: Partial<ScrollProps>;
     round?: boolean;
     trigger?: ReactNode;
     triggerProps?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.28.4",
+  "version": "4.28.5",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",