hrm_ui_lib 3.1.10 → 3.1.11

package/components/Select/MultiSelect/MultiBase/MultiBase.js

@@ -19,7 +19,7 @@ export const MultiBase = (props) => {
         switch (e.key) {
             case 'ArrowDown':
                 e.preventDefault();
-                setActiveIndex((prev) => Math.min(prev + 1, options.length - 1));
+                setActiveIndex((prev) => Math.min(prev + 1, filteredData.length - 1));
                 break;
             case 'ArrowUp':
                 e.preventDefault();

package/components/Select/Select/Select.js

@@ -121,6 +121,6 @@ export const Select = forwardRef((props, _ref) => {
     }, [setCurrentSelectedLabel]);
     return (_jsxs("div", { "data-id": `${dataId}-content`, className: classNames(`select select--${size}`, className, {
             'select--opened': isOpen
-        }), ref: containerRef, children: [!isButtonSelect && (_jsx(Input, { onClick: disabled ? noop : onOpenOptions, size: size === 'large' ? 'large' : 'small', dataId: dataId, hasError: hasError, className: "select__input", label: label, onChange: onSearch, required: isRequiredField, leftIconProps: leftIconProps, rightIconProps: isOpen ? selectRightIconOpenedProps : selectRightIconProps, placeholder: placeHolder, currentValue: searchValue || (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label.toString()) || '', isValid: isValid, disabled: disabled, helperText: isOpen ? '' : outerHelperText, ref: inputRef, labelAddons: labelAddons, autoComplete: "false", readOnly: (isMobile && isMobileFullScreen) || !isWithSearch, onKeyDown: handleKeyDown })), isButtonSelect && (_jsx(Button, { size: size, type: "secondary", dataId: dataId, iconProps: selectRightIconProps, buttonText: placeHolder || '', onClick: disabled ? noop : openDropdown, className: "select_button" })), isMobile && isMobileFullScreen ? (_jsx(SelectMobile, Object.assign({}, rest, { isOpen: isOpen, filteredData: filteredData, closeDropdown: closeDropdown, currentSelection: currentSelection, isRequiredField: isRequiredField, onItemDeselect: onItemDeselect, onItemSelect: onItemSelect, translations: localizations, withSearch: withSearch }))) : (_jsx(SelectDesktop, Object.assign({}, rest, { onItemDeselect: onItemDeselect, onItemSelect: onItemSelect, currentSelection: currentSelection, isRequiredField: isRequiredField, filteredData: filteredData, inputRef: inputRef.current, containerRef: containerRef.current, isOpen: isOpen, closeDropdown: closeDropdown, setCurrentSelectedLabel: setCurrentSelectedLabel, searchValue: searchValue, setSearchValue: setSearchValue, translations: localizations, activeIndex: activeIndex, setActiveIndex: setActiveIndex })))] }));
+        }), ref: containerRef, children: [!isButtonSelect && (_jsx(Input, { onClick: disabled ? noop : onOpenOptions, size: size === 'large' ? 'large' : 'small', dataId: dataId, hasError: hasError, className: "select__input", label: label, onChange: onSearch, required: isRequiredField, leftIconProps: leftIconProps, rightIconProps: isOpen ? selectRightIconOpenedProps : selectRightIconProps, placeholder: placeHolder, currentValue: searchValue || (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label.toString()) || '', isValid: isValid, disabled: disabled, helperText: isOpen ? '' : outerHelperText, ref: inputRef, labelAddons: labelAddons, autoComplete: "false", readOnly: (isMobile && isMobileFullScreen) || !isWithSearch, onKeyDown: handleKeyDown })), isButtonSelect && (_jsx(Button, { size: size, type: "secondary", dataId: dataId, iconProps: selectRightIconProps, buttonText: placeHolder || '', onClick: disabled ? noop : openDropdown, className: "select_button" })), isMobile && isMobileFullScreen ? (_jsx(SelectMobile, Object.assign({}, rest, { isOpen: isOpen, filteredData: filteredData, closeDropdown: closeDropdown, currentSelection: currentSelection, isRequiredField: isRequiredField, onItemDeselect: onItemDeselect, onItemSelect: onItemSelect, translations: localizations, withSearch: withSearch, searchValue: searchValue, setSearchValue: setSearchValue }))) : (_jsx(SelectDesktop, Object.assign({}, rest, { onItemDeselect: onItemDeselect, onItemSelect: onItemSelect, currentSelection: currentSelection, isRequiredField: isRequiredField, filteredData: filteredData, inputRef: inputRef.current, containerRef: containerRef.current, isOpen: isOpen, closeDropdown: closeDropdown, setCurrentSelectedLabel: setCurrentSelectedLabel, searchValue: searchValue, setSearchValue: setSearchValue, translations: localizations, activeIndex: activeIndex, setActiveIndex: setActiveIndex })))] }));
 });
 Select.displayName = 'Select';

package/components/Select/Select/SelectMobile/index.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
 import { OptionItem } from '../../../../helperComponents/OptionItem';
 import { Empty } from '../../../Empty';
 import { Modal } from '../../../Modal';
@@ -9,8 +8,7 @@ import { Loading } from '../../SharedComponents';
 import { MobileTopContent } from './MobileTopContent';
 import { FixedSizeList as List } from 'react-window';
 export const SelectMobile = (props) => {
-    const { translations, currentSelection, isOpen, closeDropdown, isLoading, dataId, innerHelperText, filteredData, isRequiredField, onItemSelect, onItemDeselect, tooltipAddons, labelLeftIconProps, optionRightIconComponent, labelRightIconComponent, withSearch } = props;
-    const [searchValue, setSearchValue] = useState('');
+    const { translations, currentSelection, isOpen, closeDropdown, isLoading, dataId, innerHelperText, filteredData, isRequiredField, onItemSelect, onItemDeselect, tooltipAddons, labelLeftIconProps, optionRightIconComponent, labelRightIconComponent, withSearch, searchValue, setSearchValue } = props;
     const clickHandler = (isSelected) => ({ value }) => {
         setSearchValue('');
         if (!isSelected) {

package/components/Select/types.d.ts

@@ -149,13 +149,13 @@ export interface ISingleSelectResponsiveProps {
     isRequiredField?: boolean;
     translations?: TSelectTranslations;
     language?: string;
+    searchValue: string;
+    setSearchValue: (value: string) => void;
 }
 export interface ISingleSelectMobileProps extends ISingleSelectResponsiveProps {
     withSearch: boolean;
 }
 export interface ISingleSelectDesktopProps extends ISingleSelectResponsiveProps {
-    searchValue: string;
-    setSearchValue: (value: string) => void;
     withSearch?: boolean;
     dropdownWidth?: number;
     inputRef: HTMLInputElement | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": "3.1.10",
+  "version": "3.1.11",
   "description": "UI library for Dino",
   "main": "./index.cjs",
   "module": "./index.js",