hrm_ui_lib 2.5.5 → 2.5.7

package/components/DatePicker/TimePicker/TimePickerDesktop.js

@@ -26,6 +26,7 @@ export const TimePickerDesktop = (props) => {
     const calendarRef = useRef(null);
     useImportFilesDynamically(locale);
     const onChange = (date) => {
+        setTime(date ? dayjs(date).format('HH:mm') : '');
         if (changeHandler) {
             changeHandler(date);
         }
@@ -43,11 +44,7 @@ export const TimePickerDesktop = (props) => {
     const formatAndSetTime = () => {
         const _date = new Date();
         _date.setHours(0, 0);
-        if (!time) {
-            onChange(_date);
-            return;
-        }
-        if (time.includes(':') && time[2] !== ':') {
+        if (!time || (time.includes(':') && time[2] !== ':')) {
             onChange(_date);
             return;
         }

package/components/Select/MultiSelect/MultiSelect.js

@@ -17,7 +17,7 @@ import { useOnOutsideClick } from '../../../hooks';
 import { useIsMobile } from '../../../hooks/useGetIsMobile';
 import { SELECT_TRANSLATIONS } from '../localization';
 export const MultiSelect = forwardRef((props, _ref) => {
-    const { isMobileFullScreen = true, options, footerButtonProps, selectedItems, setSelectedItems, name, setFieldValue, value, label, placeHolder, isRequiredField, labelAddons, className = '', disabled, dropdownWidth, align = 'left', size, isButtonSelect, checkboxInfo, translations, hasError, language = 'en' } = props, rest = __rest(props, ["isMobileFullScreen", "options", "footerButtonProps", "selectedItems", "setSelectedItems", "name", "setFieldValue", "value", "label", "placeHolder", "isRequiredField", "labelAddons", "className", "disabled", "dropdownWidth", "align", "size", "isButtonSelect", "checkboxInfo", "translations", "hasError", "language"]);
+    const { isMobileFullScreen = true, options, footerButtonProps, selectedItems, setSelectedItems, name, setFieldValue, value, label, placeHolder, isRequiredField, labelAddons, className = '', disabled, dropdownWidth, align = 'left', size, isButtonSelect, checkboxInfo, translations, hasError, language = 'en', hideSelectedOptions = false } = props, rest = __rest(props, ["isMobileFullScreen", "options", "footerButtonProps", "selectedItems", "setSelectedItems", "name", "setFieldValue", "value", "label", "placeHolder", "isRequiredField", "labelAddons", "className", "disabled", "dropdownWidth", "align", "size", "isButtonSelect", "checkboxInfo", "translations", "hasError", "language", "hideSelectedOptions"]);
     const [dropdownRef, setDropdownRef] = useState(null);
     const initialSelected = value || selectedItems || [];
     const [isOpen, setIsOpen] = useState(false);
@@ -59,7 +59,7 @@ export const MultiSelect = forwardRef((props, _ref) => {
     const WrapperComponent = isButtonSelect ? ButtonSelectWrapper : InputSelectWrapper;
     const localizations = Object.assign(Object.assign({}, SELECT_TRANSLATIONS[language]), translations);
     const isMobile = useIsMobile();
-    return (_jsx(WrapperComponent, { dropdownRef: dropdownRef, isOpen: isOpen, setIsOpen: setIsOpen, containerRef: containerRef, setContainerRef: setContainerRef, dropdownWidth: dropdownWidth, setDropdownRef: setDropdownRef, size: size, label: label, align: align, disabled: disabled, className: className, labelAddons: labelAddons, placeHolder: placeHolder, selectedValues: selectedValues, isRequiredField: isRequiredField, overflowText: localizations.overflowText, hasError: hasError, applySelectedItems: applySelectedItems, isMobile: isMobile && isMobileFullScreen, children: _jsxs(_Fragment, { children: [_jsx(OptionsWrapper
+    return (_jsx(WrapperComponent, { dropdownRef: dropdownRef, isOpen: isOpen, setIsOpen: setIsOpen, containerRef: containerRef, setContainerRef: setContainerRef, dropdownWidth: dropdownWidth, setDropdownRef: setDropdownRef, size: size, label: label, align: align, disabled: disabled, className: className, labelAddons: labelAddons, placeHolder: placeHolder, selectedValues: selectedValues, isRequiredField: isRequiredField, overflowText: localizations.overflowText, hasError: hasError, applySelectedItems: applySelectedItems, isMobile: isMobile && isMobileFullScreen, hideSelectedOptions: hideSelectedOptions, children: _jsxs(_Fragment, { children: [_jsx(OptionsWrapper
                 // @ts-ignore
                 , Object.assign({ 
                     // @ts-ignore

package/components/Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js

@@ -10,7 +10,7 @@ import { DesktopWrapper } from '../../MultiSelect/DesktopWrapper';
 import { IconChevronUp } from '../../../SVGIcons/IconChevronUp';
 import { IconChevronDown } from '../../../SVGIcons/IconChevronDown';
 export const InputSelectWrapper = (props) => {
-    const { isMobile, children, options, label, placeHolder, isRequiredField, labelAddons, disabled, className = '', dropdownWidth, align = 'left', size, dropdownRef, setDropdownRef, containerRef, setIsOpen, isOpen, selectedValues, setContainerRef, overflowText, hasError, modalApplyButtonText, applySelectedItems } = props;
+    const { isMobile, children, options, label, placeHolder, isRequiredField, labelAddons, disabled, className = '', dropdownWidth, align = 'left', size, dropdownRef, setDropdownRef, containerRef, setIsOpen, isOpen, selectedValues, setContainerRef, overflowText, hasError, modalApplyButtonText, applySelectedItems, hideSelectedOptions = false } = props;
     const inputRef = useRef(null);
     const { width } = useGetElemSizes(containerRef);
     const checkIsValueOverflowed = useCallback((value) => {
@@ -45,7 +45,7 @@ export const InputSelectWrapper = (props) => {
         input: inputRef.current
     });
     useChangePositionsOnScroll(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current, dropdownRef, hasBottomSpace);
-    return (_jsxs("div", { className: classNames('select select--multi', className), ref: setContainerRef, children: [_jsx("div", { onClick: disabled ? noop : toggleDropdown, children: _jsx(Input, { readonly: true, label: label, ref: inputRef, hasError: hasError, className: "select__input", placeholder: placeHolder, required: isRequiredField, currentValue: selectedItemsLabels, rightIconProps: {
+    return (_jsxs("div", { className: classNames('select select--multi', className), ref: setContainerRef, children: [_jsx("div", { onClick: disabled ? noop : toggleDropdown, children: _jsx(Input, { readonly: true, label: label, ref: inputRef, hasError: hasError, className: "select__input", placeholder: placeHolder, required: isRequiredField, currentValue: hideSelectedOptions ? '' : selectedItemsLabels, rightIconProps: {
                         Component: isOpen ? IconChevronUp : IconChevronDown,
                         size: 'small'
                     }, labelAddons: labelAddons, disabled: disabled, size: size === 'large' ? 'large' : 'small' }) }), _jsx(_Fragment, { children: isMobile ? (_jsx(MobileWrapper, { applySelectedItems: applySelectedItems, isOpen: isOpen, closeDrodown: () => setIsOpen(false), modalApplyButtonText: modalApplyButtonText, children: children })) : (_jsx(DesktopWrapper, { setDropdownRef: setDropdownRef, isOpen: isOpen, align: align, dropdownWidth: dropdownWidth, inputRef: inputRef.current, dropdownRef: dropdownRef, containerRef: containerRef, children: children })) })] }));

package/components/Select/types.d.ts

@@ -95,6 +95,7 @@ export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps
     labelAddons?: React.ReactElement;
     className?: string;
     isButtonSelect?: boolean;
+    hideSelectedOptions?: boolean;
 }
 export interface TButtonSelectPropTypes extends IFormCompProps, TSelectBaseProps {
     isMobileFullScreen?: boolean;
@@ -255,6 +256,7 @@ export type TSelectWrapperProps = {
     dataId?: string;
     type?: 'primary' | 'secondary' | 'tertiary';
     modalApplyButtonText?: string;
+    hideSelectedOptions?: boolean;
 };
 declare type TNavItemValue = {
     icon?: TSVGIconComponent;

package/package.json

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