hrm_ui_lib 3.1.87 → 3.1.89

package/components/Select/Select/Select.js

@@ -117,11 +117,6 @@ export const Select = forwardRef((props, _ref) => {
     useEffect(() => {
         setCurrentSelectedLabel();
     }, [setCurrentSelectedLabel]);
-    useEffect(() => {
-        if (withSearch && inputRef && inputRef.current && isMobile) {
-            inputRef.current.focus();
-        }
-    }, [isMobile, inputRef.current, withSearch]);
     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, 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 })))] }));

package/components/Select/Select/SelectMobile/MobileTopContent.js

@@ -1,16 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
 import IconChevronLeft from '../../../SVGIcons/IconChevronLeft';
 import { Input } from '../../../Input';
 import IconDismissFilled from '../../../SVGIcons/IconDismissFilled';
 import IconSearchFilled from '../../../SVGIcons/IconSearchFilled';
 export const MobileTopContent = ({ onBack, setSearchValue, searchValue, withSearch }) => {
+    const inputRef = useRef(null);
     const onSearch = (e) => {
         setSearchValue(e.target.value);
     };
     const removeFilter = () => {
         setSearchValue('');
     };
-    return (_jsxs("div", { className: "flexbox mobile_top_content", children: [_jsx(IconChevronLeft, { onClick: onBack, size: "large" }), withSearch && (_jsx(Input, { currentValue: searchValue, handleChange: onSearch, className: "ml-8", size: "small", rightIconProps: {
+    useEffect(() => {
+        if (inputRef && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [inputRef]);
+    return (_jsxs("div", { className: "flexbox mobile_top_content", children: [_jsx(IconChevronLeft, { onClick: onBack, size: "large" }), withSearch && (_jsx(Input, { currentValue: searchValue, handleChange: onSearch, className: "ml-8", size: "small", ref: inputRef, rightIconProps: {
                     Component: searchValue ? IconDismissFilled : IconSearchFilled,
                     size: searchValue ? 'xsmall' : 'small',
                     onClick: removeFilter

package/components/Snackbar/Snackbar.d.ts

@@ -1,5 +1,4 @@
 import { ReactElement } from 'react';
 import { TSnackbarProps, TToastProps } from './types';
-import 'react-toastify/dist/ReactToastify.css';
 export declare const notify: (toastProps: TToastProps) => void;
 export declare const Snackbar: (props: TSnackbarProps) => ReactElement;

package/components/Snackbar/Snackbar.js

@@ -4,7 +4,6 @@ import { Text } from '../Text';
 import { Button } from '../Button';
 import { DEFAULT_DURATION, ICONS_MAPPING, TYPE_MAPPING } from './consts';
 import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent';
-import 'react-toastify/dist/ReactToastify.css';
 const CustomToast = ({ actionProps, toastId, type = 'information', text }) => {
     return (_jsxs("div", { "data-id": `${type}-toast-message`, className: "snackbar", children: [_jsxs("div", { className: "snackbar__content", children: [_jsx(IconDynamicComponent, { Component: ICONS_MAPPING[type], type: TYPE_MAPPING[type], size: "medium" }), _jsx(Text, { className: "snackbar__text pl-16 pr-8", type: "primary", size: "standard", weight: "regular", lineHeight: "large", children: text })] }), actionProps ? (_jsx(Button, Object.assign({ size: "small", type: "tertiary" }, actionProps, { onClick: (e) => {
                     var _a;

package/package.json

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