hrm_ui_lib 1.4.12 → 1.5.0

package/components/DatePicker/RangeDatePicker/RangeDatePicker.js

@@ -85,6 +85,9 @@ import '../../../hooks/useChangePositionsOnScroll.js';
 import '../../Select/MultiSelect/MobileWrapper.js';
 import '../../Select/MultiSelect/DesktopWrapper.js';
 import '../../../helpers/format-date.js';
+import '../../../helpers/locale.js';
+import '../../../type/locale.js';
+import '../../../helpers/storage.js';
 
 var RangeDatePicker = function RangeDatePicker(props) {
   var isMobile = useIsMobile();

package/components/DatePicker/RangeDatePicker/RangeDatePickerMobile.js

@@ -83,6 +83,9 @@ import '../../../hooks/useGetHasBottomSpace.js';
 import '../../../hooks/useChangePositionsOnScroll.js';
 import '../../Select/MultiSelect/MobileWrapper.js';
 import '../../Select/MultiSelect/DesktopWrapper.js';
+import '../../../helpers/locale.js';
+import '../../../type/locale.js';
+import '../../../helpers/storage.js';
 
 var _excluded = ["value", "currentDates", "setFieldValue", "name", "changeHandler", "dataId", "format", "maxDate", "minDate", "locale", "dayjsLocale", "disabled", "placeholderText", "months", "dataIdPrefix", "modalOptions"];
 var RangeDatePickerMobile = /*#__PURE__*/forwardRef(function (props) {

package/components/DatePicker/RangeDatePicker/index.js

@@ -86,3 +86,6 @@ import '../../../hooks/useChangePositionsOnScroll.js';
 import '../../Select/MultiSelect/MobileWrapper.js';
 import '../../Select/MultiSelect/DesktopWrapper.js';
 import '../../../helpers/format-date.js';
+import '../../../helpers/locale.js';
+import '../../../type/locale.js';
+import '../../../helpers/storage.js';

package/components/DatePicker/index.js

@@ -96,3 +96,6 @@ import './RangeDatePicker/RangeDatePickerDesktop.js';
 import './types.js';
 import './RangeDatePicker/RangeDatePickerMobile.js';
 import '../../helpers/format-date.js';
+import '../../helpers/locale.js';
+import '../../type/locale.js';
+import '../../helpers/storage.js';

package/components/Select/ButtonSelect/ButtonSelect.js

@@ -16,6 +16,7 @@ import '../../Collapse/CollapseGroup/CollapseGroup.js';
 import '../SharedComponents/ContentTop.js';
 import { Loading } from '../SharedComponents/Loading.js';
 import '../../Input/Input.js';
+import { useIsMobile } from '../../../hooks/useGetIsMobile.js';
 import { ButtonSelectWrapper } from '../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js';
 import 'dayjs';
 import '../../../extends-3c4962fa.js';
@@ -36,7 +37,6 @@ import '../../../defineProperty-0885e8cf.js';
 import '../../../typeof-8ef57f3d.js';
 import '../../../objectWithoutProperties-df371a0b.js';
 import '../../../helperComponents/Loader/Loader.js';
-import '../../../hooks/useGetIsMobile.js';
 import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../hooks/useHideBodyScroll.js';
 import '../../SVGIcons/IconDismiss.js';
@@ -98,7 +98,9 @@ var ButtonSelect = function ButtonSelect(props) {
     placeHolder = props.placeHolder,
     offsets = props.offsets,
     dataId = props.dataId,
-    type = props.type;
+    type = props.type,
+    _props$isMobileFullSc = props.isMobileFullScreen,
+    isMobileFullScreen = _props$isMobileFullSc === void 0 ? false : _props$isMobileFullSc;
   var currentSelection = value || selectedItem;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -119,6 +121,7 @@ var ButtonSelect = function ButtonSelect(props) {
   var onItemDeselect = function onItemDeselect() {
     return onItemSelect(null);
   };
+  var isMobile = useIsMobile();
   var onItemSelect = function onItemSelect(value) {
     if (setSelectedItem) {
       setSelectedItem(value);
@@ -155,7 +158,8 @@ var ButtonSelect = function ButtonSelect(props) {
     setDropdownRef: setDropdownRef,
     placeHolder: placeHolder,
     dataId: dataId,
-    type: type
+    type: type,
+    isMobile: isMobile && isMobileFullScreen
   }, isLoading ? /*#__PURE__*/React.createElement(Loading, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: scrollRef,
     className: classNames('select__options__scroll', 'scrollbar', 'scrollbar--vertical', {

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

@@ -16,7 +16,6 @@ import 'framer-motion';
 import '../../../Collapse/CollapseGroup/CollapseGroup.js';
 import { ContentTop } from '../../SharedComponents/ContentTop.js';
 import '../../../Input/Input.js';
-import { useIsMobile } from '../../../../hooks/useGetIsMobile.js';
 import { FixedSizeList } from 'react-window';
 import { DROPDOWN_HEIGHT, ITEM_SIZE_MOBILE, ITEM_SIZE, DROPDOWN_WIDTH } from '../../constants.js';
 import '../../../Text/Text.js';
@@ -26,6 +25,7 @@ import '../../../../defineProperty-0885e8cf.js';
 import '../../../../typeof-8ef57f3d.js';
 import '../../../../objectWithoutProperties-df371a0b.js';
 import '../../../../helperComponents/Loader/Loader.js';
+import '../../../../hooks/useGetIsMobile.js';
 import '../../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../../hooks/useOnOutsideClick.js';
 import '../../../../hooks/useHideBodyScroll.js';
@@ -72,7 +72,8 @@ import 'react-number-format';
 import '../../../SVGIcons/IconCheckmarkCircleFilled.js';
 
 var MultiBase = function MultiBase(props) {
-  var closeDropdown = props.closeDropdown,
+  var isMobile = props.isMobile,
+    closeDropdown = props.closeDropdown,
     avatar = props.avatar,
     scrollableContentStyle = props.scrollableContentStyle,
     options = props.options,
@@ -150,7 +151,6 @@ var MultiBase = function MultiBase(props) {
       labelRightIconComponent: labelRightIconComponent
     };
   }, [avatar, labelLeftIconProps, optionRightIconComponent, labelRightIconComponent]);
-  var isMobile = useIsMobile();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentTop, {
     closeDropdown: closeDropdown,
     dataIdPrefix: dataIdPrefix,

package/components/Select/MultiSelect/MultiSelect.js

@@ -89,11 +89,13 @@ import './MobileWrapper.js';
 import './DesktopWrapper.js';
 import '../SharedComponents/ButtonSelectWrapper/Button/Button.js';
 
-var _excluded = ["options", "footerButtonProps", "selectedItems", "setSelectedItems", "name", "setFieldValue", "value", "label", "placeHolder", "isRequiredField", "labelAddons", "className", "disabled", "dropdownWidth", "align", "size", "isButtonSelect", "checkboxInfo", "translations", "hasError"];
+var _excluded = ["isMobileFullScreen", "options", "footerButtonProps", "selectedItems", "setSelectedItems", "name", "setFieldValue", "value", "label", "placeHolder", "isRequiredField", "labelAddons", "className", "disabled", "dropdownWidth", "align", "size", "isButtonSelect", "checkboxInfo", "translations", "hasError"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiSelect = function MultiSelect(props) {
-  var options = props.options,
+  var _props$isMobileFullSc = props.isMobileFullScreen,
+    isMobileFullScreen = _props$isMobileFullSc === void 0 ? true : _props$isMobileFullSc,
+    options = props.options,
     _props$footerButtonPr = props.footerButtonProps,
     footerButtonProps = _props$footerButtonPr === void 0 ? {
       confirm: {
@@ -203,7 +205,8 @@ var MultiSelect = function MultiSelect(props) {
     isRequiredField: isRequiredField,
     overflowText: overflowText,
     hasError: hasError,
-    applySelectedItems: applySelectedItems
+    applySelectedItems: applySelectedItems,
+    isMobile: isMobile && isMobileFullScreen
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OptionsWrapper
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
@@ -217,8 +220,9 @@ var MultiSelect = function MultiSelect(props) {
     selectedValues: selectedValues,
     setSelectedValues: setSelectedValues,
     containerRef: containerRef === null || containerRef === void 0 ? void 0 : containerRef.current,
-    dropdownWidth: dropdownWidth
-  }, rest)), options.length && !isMobile ? /*#__PURE__*/React.createElement(Footer, {
+    dropdownWidth: dropdownWidth,
+    isMobileFullScreen: isMobileFullScreen
+  }, rest)), options.length && !(isMobile && isMobileFullScreen) ? /*#__PURE__*/React.createElement(Footer, {
     checkboxInfo: checkboxInfo,
     hasChange: hasChange,
     buttonProps: footerButtonProps,

package/components/Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js

@@ -21,7 +21,6 @@ import { ContentTop } from '../../SharedComponents/ContentTop.js';
 import '../../../Input/Input.js';
 import { IconCaretDownFilled } from '../../../SVGIcons/IconCaretDownFilled.js';
 import { IconCaretUpFilled } from '../../../SVGIcons/IconCaretUpFilled.js';
-import { useIsMobile } from '../../../../hooks/useGetIsMobile.js';
 import { DROPDOWN_MAX_HEIGHT } from '../../constants.js';
 import '../../../../utils/helpers.js';
 import '../../../Image/Image.js';
@@ -29,6 +28,7 @@ import '../../../../defineProperty-0885e8cf.js';
 import '../../../../typeof-8ef57f3d.js';
 import '../../../../objectWithoutProperties-df371a0b.js';
 import '../../../../helperComponents/Loader/Loader.js';
+import '../../../../hooks/useGetIsMobile.js';
 import '../../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../../hooks/useOnOutsideClick.js';
 import '../../../../hooks/useHideBodyScroll.js';
@@ -73,7 +73,8 @@ import 'react-number-format';
 import '../../../SVGIcons/IconCheckmarkCircleFilled.js';
 
 var MultiSelectGrouped = function MultiSelectGrouped(props) {
-  var avatar = props.avatar,
+  var isMobile = props.isMobile,
+    avatar = props.avatar,
     options = props.options,
     helperText = props.helperText,
     translations = props.translations,
@@ -179,7 +180,6 @@ var MultiSelectGrouped = function MultiSelectGrouped(props) {
     };
   }, [avatar, labelLeftIconProps, optionRightIconComponent, labelRightIconComponent]);
   var hasTopContent = isSearchAvailable || helperText;
-  var isMobile = useIsMobile();
   return /*#__PURE__*/React.createElement(React.Fragment, null, hasTopContent ? /*#__PURE__*/React.createElement(ContentTop, {
     closeDropdown: closeDropdown,
     dataIdPrefix: dataIdPrefix,

package/components/Select/MultiSelect/OptionsWrapper.d.ts

@@ -13,6 +13,7 @@ type TProps = {
     options: TSelectOptions;
     selectedValues: TSelectedValue[];
     setSelectedValues: (values: TSelectedValue[]) => void;
+    isMobileFullScreen: boolean;
 };
 export declare const OptionsWrapper: (props: TProps) => ReactElement;
 export {};

package/components/Select/MultiSelect/OptionsWrapper.js

@@ -18,6 +18,7 @@ import '../../Collapse/CollapseGroup/CollapseGroup.js';
 import '../SharedComponents/ContentTop.js';
 import { Loading } from '../SharedComponents/Loading.js';
 import '../../Input/Input.js';
+import { useIsMobile } from '../../../hooks/useGetIsMobile.js';
 import { MultiSelectGrouped } from './MultiSelectGrouped/MultiSelectGrouped.js';
 import { MultiBase } from './MultiBase/MultiBase.js';
 import { MultiSelectWithTabs } from './MultiSelectWithTabs/MultiSelectWithTabs.js';
@@ -27,7 +28,6 @@ import '../../../typeof-8ef57f3d.js';
 import 'dayjs';
 import '../../../hooks/useGetElemPositions.js';
 import '../../../helperComponents/Loader/Loader.js';
-import '../../../hooks/useGetIsMobile.js';
 import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../hooks/useOnOutsideClick.js';
 import '../../../hooks/useHideBodyScroll.js';
@@ -81,7 +81,7 @@ import '../../Tab/Tab.js';
 import '../../Tab/TabItem.js';
 import '../../Badge/Badge.js';
 
-var _excluded = ["isLoading", "withTabs", "isGrouped", "isOpen", "translations", "containerRef", "options", "selectedValues", "setSelectedValues", "setIsOpen", "dropdownRef"];
+var _excluded = ["isLoading", "withTabs", "isGrouped", "isOpen", "translations", "containerRef", "options", "selectedValues", "setSelectedValues", "setIsOpen", "dropdownRef", "isMobileFullScreen"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OptionsWrapper = function OptionsWrapper(props) {
@@ -96,6 +96,7 @@ var OptionsWrapper = function OptionsWrapper(props) {
     setSelectedValues = props.setSelectedValues,
     setIsOpen = props.setIsOpen,
     dropdownRef = props.dropdownRef,
+    isMobileFullScreen = props.isMobileFullScreen,
     rest = _objectWithoutProperties(props, _excluded);
   var _useGetElemSizes = useGetElemSizes(containerRef),
     width = _useGetElemSizes.width;
@@ -136,6 +137,8 @@ var OptionsWrapper = function OptionsWrapper(props) {
     element: dropdownRef,
     input: inputRef.current
   });
+  var _isMobile = useIsMobile();
+  var isMobile = _isMobile && isMobileFullScreen;
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
@@ -145,6 +148,7 @@ var OptionsWrapper = function OptionsWrapper(props) {
   , _extends({
     options: options,
     isOpen: isOpen,
+    isMobile: isMobile,
     hasBottomSpace: hasBottomSpace,
     translations: localizations,
     selectedValues: selectedValues,

package/components/Select/Select/Select.js

@@ -9,6 +9,8 @@ import { Input } from '../../Input/Input.js';
 import { noop } from '../../../utils/helpers.js';
 import { SELECTED_VISIBLE_MIN_COUNT } from '../constants.js';
 import { SelectMobile } from './SelectMobile/index.js';
+import { IconCaretUpFilled } from '../../SVGIcons/IconCaretUpFilled.js';
+import { IconCaretDownFilled } from '../../SVGIcons/IconCaretDownFilled.js';
 import '../../../consts/index.js';
 import '../../../defineProperty-0885e8cf.js';
 import '../../../typeof-8ef57f3d.js';
@@ -78,7 +80,7 @@ import '../SharedComponents/Loading.js';
 import './helpers.js';
 import './SelectMobile/MobileTopContent.js';
 
-var _excluded = ["labelAddons", "dataId", "className", "size", "label", "hasError", "isValid", "disabled", "outerHelperText", "isRequiredField", "placeHolder", "selectRightIconProps", "selectRightIconOpenedProps", "options", "withSearch", "setSelectedItem", "setFieldValue", "name", "selectedItem", "value"];
+var _excluded = ["labelAddons", "dataId", "className", "size", "label", "hasError", "isValid", "disabled", "outerHelperText", "isRequiredField", "placeHolder", "selectRightIconProps", "selectRightIconOpenedProps", "options", "withSearch", "setSelectedItem", "setFieldValue", "name", "selectedItem", "value", "isMobileFullScreen"];
 var Select = function Select(props) {
   var _selectedOption$optio, _selectedOption$optio2;
   var labelAddons = props.labelAddons,
@@ -92,8 +94,16 @@ var Select = function Select(props) {
     outerHelperText = props.outerHelperText,
     isRequiredField = props.isRequiredField,
     placeHolder = props.placeHolder,
-    selectRightIconProps = props.selectRightIconProps,
-    selectRightIconOpenedProps = props.selectRightIconOpenedProps,
+    _props$selectRightIco = props.selectRightIconProps,
+    selectRightIconProps = _props$selectRightIco === void 0 ? {
+      Component: IconCaretDownFilled,
+      size: 'xsmall'
+    } : _props$selectRightIco,
+    _props$selectRightIco2 = props.selectRightIconOpenedProps,
+    selectRightIconOpenedProps = _props$selectRightIco2 === void 0 ? {
+      Component: IconCaretUpFilled,
+      size: 'xsmall'
+    } : _props$selectRightIco2,
     options = props.options,
     withSearch = props.withSearch,
     setSelectedItem = props.setSelectedItem,
@@ -101,6 +111,8 @@ var Select = function Select(props) {
     name = props.name,
     selectedItem = props.selectedItem,
     value = props.value,
+    _props$isMobileFullSc = props.isMobileFullScreen,
+    isMobileFullScreen = _props$isMobileFullSc === void 0 ? true : _props$isMobileFullSc,
     rest = _objectWithoutProperties(props, _excluded);
   var isMobile = useIsMobile();
   var containerRef = useRef(null);
@@ -184,7 +196,7 @@ var Select = function Select(props) {
     ref: inputRef,
     labelAddons: labelAddons,
     autoComplete: "false"
-  }), isMobile ? /*#__PURE__*/React.createElement(SelectMobile, _extends({}, rest, {
+  }), isMobile && isMobileFullScreen ? /*#__PURE__*/React.createElement(SelectMobile, _extends({}, rest, {
     options: options,
     isOpen: isOpen,
     closeDropdown: closeDropdown,

package/components/Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js

@@ -9,7 +9,6 @@ import 'react-hook-form';
 import { useChangePositionsOnScroll } from '../../../../hooks/useChangePositionsOnScroll.js';
 import { MobileWrapper } from '../../MultiSelect/MobileWrapper.js';
 import { DesktopWrapper } from '../../MultiSelect/DesktopWrapper.js';
-import { useIsMobile } from '../../../../hooks/useGetIsMobile.js';
 import '../../../Text/Text.js';
 import 'dayjs';
 import '../../../SVGIcons/IconCaretDownFilled.js';
@@ -23,6 +22,7 @@ import '../../../../Button-b1ed9ff6.js';
 import '../../../../extends-3c4962fa.js';
 import '../../../../objectWithoutProperties-df371a0b.js';
 import '../../../../helperComponents/Loader/Loader.js';
+import '../../../../hooks/useGetIsMobile.js';
 import 'framer-motion';
 import '../../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../../hooks/useOnOutsideClick.js';
@@ -61,7 +61,8 @@ var ButtonSelectWrapper = function ButtonSelectWrapper(props) {
     modalApplyButtonText = props.modalApplyButtonText,
     _props$type = props.type,
     type = _props$type === void 0 ? 'secondary' : _props$type,
-    applySelectedItems = props.applySelectedItems;
+    applySelectedItems = props.applySelectedItems,
+    isMobile = props.isMobile;
   var buttonRef = useRef(null);
   var openDropdown = function openDropdown() {
     return setIsOpen(true);
@@ -78,7 +79,6 @@ var ButtonSelectWrapper = function ButtonSelectWrapper(props) {
     return " ".concat(selectedValues[0].label, " +").concat(selectedValues.length - 1);
   }, [selectedValues]);
   useChangePositionsOnScroll(buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current, dropdownRef, hasBottomSpace);
-  var isMobile = useIsMobile();
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("select select--".concat(size), className),
     ref: setContainerRef

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

@@ -10,7 +10,6 @@ import 'react-hook-form';
 import { useChangePositionsOnScroll } from '../../../../hooks/useChangePositionsOnScroll.js';
 import { IconCaretDownFilled } from '../../../SVGIcons/IconCaretDownFilled.js';
 import { IconCaretUpFilled } from '../../../SVGIcons/IconCaretUpFilled.js';
-import { useIsMobile } from '../../../../hooks/useGetIsMobile.js';
 import { MobileWrapper } from '../../MultiSelect/MobileWrapper.js';
 import { DesktopWrapper } from '../../MultiSelect/DesktopWrapper.js';
 import '../../../../defineProperty-0885e8cf.js';
@@ -28,6 +27,7 @@ import '../../../../helperComponents/IconDynamicComponent/constants.js';
 import '../../../../Button-b1ed9ff6.js';
 import '../../../../helperComponents/Loader/Loader.js';
 import '../../../../slicedToArray-e4c84516.js';
+import '../../../../hooks/useGetIsMobile.js';
 import 'framer-motion';
 import '../../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../../hooks/useOnOutsideClick.js';
@@ -47,7 +47,8 @@ import '../../../Button/consts.js';
 import '../../../SVGIcons/IconCheckmarkCircleFilled.js';
 
 var InputSelectWrapper = function InputSelectWrapper(props) {
-  var children = props.children,
+  var isMobile = props.isMobile,
+    children = props.children,
     options = props.options,
     label = props.label,
     placeHolder = props.placeHolder,
@@ -104,7 +105,6 @@ var InputSelectWrapper = function InputSelectWrapper(props) {
     }),
     hasBottomSpace = _useGetHasBottomSpace.hasBottomSpace;
   useChangePositionsOnScroll(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current, dropdownRef, hasBottomSpace);
-  var isMobile = useIsMobile();
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('select select--multi', className),
     ref: setContainerRef

package/components/Select/index.js

@@ -82,10 +82,10 @@ import './constants.js';
 import './Select/helpers.js';
 import './Select/SelectMobile/index.js';
 import './Select/SelectMobile/MobileTopContent.js';
+import '../SVGIcons/IconCaretUpFilled.js';
+import '../SVGIcons/IconCaretDownFilled.js';
 import './MultiSelect/OptionsWrapper.js';
 import './MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js';
-import '../SVGIcons/IconCaretDownFilled.js';
-import '../SVGIcons/IconCaretUpFilled.js';
 import './MultiSelect/MultiBase/MultiBase.js';
 import './MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js';
 import '../Tab/Tab.js';

package/components/Select/types.d.ts

@@ -48,6 +48,7 @@ export type TSelectTranslations = {
     innerLabel?: string;
 };
 interface TMultiSelectCompProps extends IFormCompProps, TSelectBaseProps {
+    isMobile: boolean;
     maxSelectCount: number;
     isSearchAvailable: boolean;
     helperText?: string;
@@ -73,6 +74,7 @@ export type TCheckboxInfo = {
     isChecked: boolean;
 };
 export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps {
+    isMobileFullScreen?: boolean;
     dropdownWidth?: number;
     align?: 'left' | 'right';
     helperText?: string;
@@ -94,6 +96,7 @@ export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps
     isButtonSelect?: boolean;
 }
 export interface TButtonSelectPropTypes extends IFormCompProps, TSelectBaseProps {
+    isMobileFullScreen?: boolean;
     dataId?: string;
     options: TSelectOptions;
     selectedItem?: TItemValue;
@@ -109,6 +112,7 @@ export interface TButtonSelectPropTypes extends IFormCompProps, TSelectBaseProps
     type: 'secondary' | 'tertiary';
 }
 export interface TSingleSelectPropTypes extends IFormCompProps, TSelectBaseProps {
+    isMobileFullScreen?: boolean;
     options: TSelectOptions;
     selectedItem?: TItemValue;
     setSelectedItem?: (items: TItemValue | undefined) => void;
@@ -219,6 +223,7 @@ export interface TFilterGroupDropdownContentProps extends IFormCompProps {
     checkIsSelected: (item: TItemValue) => boolean;
 }
 export type TSelectWrapperProps = {
+    isMobile: boolean;
     applySelectedItems: (isChecked: boolean) => void;
     hasError?: boolean;
     children: ReactElement;

package/helpers/format-date.d.ts

@@ -1 +1 @@
-export declare const formatDate: (value: string | Date | null | undefined, format: string) => string;
+export declare const formatDate: (value: string | Date | null | undefined, format: string, defaultValue?: string) => string;

package/helpers/format-date.js

@@ -1,10 +1,15 @@
 import dayjs from 'dayjs';
+import { getDayJSLocale } from './locale.js';
+import '../type/locale.js';
+import './storage.js';
 
 var formatDate = function formatDate(value, format) {
-  if (!value) {
-    return '';
+  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var isValid = dayjs(value).isValid();
+  if (!isValid) {
+    return defaultValue;
   }
-  return dayjs(value).format(format);
+  return dayjs(value).locale(getDayJSLocale()).format(format);
 };
 
 export { formatDate };

package/helpers/index.d.ts

@@ -1 +1,3 @@
 export * from './format-date';
+export * from './locale';
+export * from './storage';

package/helpers/index.js

@@ -1,2 +1,5 @@
 export { formatDate } from './format-date.js';
+export { getActiveLanguageCode, getDayJSLocale, getTranslationLocale } from './locale.js';
+export { getLocalStorageItem, setLocalStorageItem } from './storage.js';
 import 'dayjs';
+import '../type/locale.js';

package/helpers/locale.d.ts

@@ -0,0 +1,3 @@
+export declare const getActiveLanguageCode: () => string;
+export declare const getTranslationLocale: () => string;
+export declare const getDayJSLocale: () => string;

package/helpers/locale.js

@@ -0,0 +1,16 @@
+import { TranslationLocale, DayJSLocale } from '../type/locale.js';
+import { getLocalStorageItem } from './storage.js';
+
+var getActiveLanguageCode = function getActiveLanguageCode() {
+  return getLocalStorageItem('selectedLanguage') || 'en-US';
+};
+var getTranslationLocale = function getTranslationLocale() {
+  var activeLangCode = getActiveLanguageCode();
+  return TranslationLocale[activeLangCode] || 'en';
+};
+var getDayJSLocale = function getDayJSLocale() {
+  var activeLangCode = getActiveLanguageCode();
+  return DayJSLocale[activeLangCode] || 'en';
+};
+
+export { getActiveLanguageCode, getDayJSLocale, getTranslationLocale };

package/helpers/storage.d.ts

@@ -0,0 +1,2 @@
+export declare const getLocalStorageItem: (key: string) => unknown;
+export declare const setLocalStorageItem: (key: string, value: unknown) => void;

package/helpers/storage.js

@@ -0,0 +1,20 @@
+var getLocalStorageItem = function getLocalStorageItem(key) {
+  var storedValue = localStorage.getItem(key);
+  if (!storedValue) {
+    return storedValue;
+  }
+  try {
+    return JSON.parse(storedValue);
+  } catch (e) {
+    return storedValue;
+  }
+};
+var setLocalStorageItem = function setLocalStorageItem(key, value) {
+  if (typeof value === 'string') {
+    localStorage.setItem(key, value);
+    return;
+  }
+  localStorage.setItem(key, JSON.stringify(value));
+};
+
+export { getLocalStorageItem, setLocalStorageItem };

package/index.js

@@ -408,6 +408,9 @@ import './components/DatePicker/RangeDatePicker/RangeDatePickerDesktop.js';
 import './components/DatePicker/types.js';
 import './components/DatePicker/RangeDatePicker/RangeDatePickerMobile.js';
 import './helpers/format-date.js';
+import './helpers/locale.js';
+import './type/locale.js';
+import './helpers/storage.js';
 import '@hookform/resolvers';
 import '@hookform/error-message';
 import 'react-paginate';

package/package.json

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

package/type/index.d.ts

@@ -0,0 +1 @@
+export * from './locale';

package/type/index.js

@@ -0,0 +1 @@
+export { DayJSLocale, TranslationLocale } from './locale.js';

package/type/locale.d.ts

@@ -0,0 +1,10 @@
+export declare enum TranslationLocale {
+    'en-US' = "en",
+    'hy-AM' = "hy",
+    'ru-RU' = "ru"
+}
+export declare enum DayJSLocale {
+    'en-US' = "en",
+    'hy-AM' = "hy-am",
+    'ru-RU' = "ru"
+}

package/type/locale.js

@@ -0,0 +1,14 @@
+var TranslationLocale = /*#__PURE__*/function (TranslationLocale) {
+  TranslationLocale["en-US"] = "en";
+  TranslationLocale["hy-AM"] = "hy";
+  TranslationLocale["ru-RU"] = "ru";
+  return TranslationLocale;
+}({});
+var DayJSLocale = /*#__PURE__*/function (DayJSLocale) {
+  DayJSLocale["en-US"] = "en";
+  DayJSLocale["hy-AM"] = "hy-am";
+  DayJSLocale["ru-RU"] = "ru";
+  return DayJSLocale;
+}({});
+
+export { DayJSLocale, TranslationLocale };