hrm_ui_lib 1.6.6 → 1.6.7

package/components/DatePicker/RangeDatePicker/RangeDatePicker.js

@@ -46,10 +46,10 @@ import '../../Button/consts.js';
 import '../../SVGIcons/IconCheckmarkCircleFilled.js';
 import '../types.js';
 import '../hooks.js';
+import '../../../type/locale.js';
 import '../../SVGIcons/IconCalendarRight.js';
 import '../../../helpers/format-date.js';
 import '../../../helpers/locale.js';
-import '../../../type/locale.js';
 import '../../../helpers/storage.js';
 import '../CustomHeader/CustomHeader.js';
 import 'react-window';

package/components/DatePicker/RangeDatePicker/RangeDatePickerDesktop.js

@@ -45,8 +45,9 @@ import '../../Link/Link.js';
 import '../../Popover/PopoverDesktop.js';
 import '../../SVGIcons/IconInfo.js';
 import '../../Button/consts.js';
+import '../../../type/locale.js';
 
-var _excluded = ["value", "currentDates", "setFieldValue", "name", "changeHandler", "dataId", "format", "maxDate", "minDate", "locale", "dayjsLocale", "disabled", "placeholderText", "label", "hasError", "required"];
+var _excluded = ["value", "currentDates", "setFieldValue", "name", "changeHandler", "dataId", "format", "maxDate", "minDate", "locale", "disabled", "placeholderText", "label", "hasError", "required"];
 var RangeDatePickerDesktop = /*#__PURE__*/forwardRef(function (props) {
   var value = props.value,
     _props$currentDates = props.currentDates,
@@ -61,15 +62,13 @@ var RangeDatePickerDesktop = /*#__PURE__*/forwardRef(function (props) {
     minDate = props.minDate,
     _props$locale = props.locale,
     locale = _props$locale === void 0 ? 'hy' : _props$locale,
-    _props$dayjsLocale = props.dayjsLocale,
-    dayjsLocale = _props$dayjsLocale === void 0 ? 'hy-am' : _props$dayjsLocale,
     disabled = props.disabled,
     placeholderText = props.placeholderText,
     label = props.label,
     hasError = props.hasError,
     required = props.required,
     rest = _objectWithoutProperties(props, _excluded);
-  useImportFilesDynamically(dayjsLocale);
+  useImportFilesDynamically(locale);
   var dateInitialValue = value !== undefined && Array.isArray(value) ? value : currentDates;
   var _useState = useState(dateInitialValue),
     _useState2 = _slicedToArray(_useState, 2),

package/components/DatePicker/RangeDatePicker/RangeDatePickerMobile.js

@@ -47,8 +47,8 @@ import '../../Link/Link.js';
 import '../../Popover/PopoverDesktop.js';
 import '../../SVGIcons/IconInfo.js';
 import '../../Button/consts.js';
-import '../../../helpers/locale.js';
 import '../../../type/locale.js';
+import '../../../helpers/locale.js';
 import '../../../helpers/storage.js';
 import 'react-window';
 import 'react-dom';
@@ -91,7 +91,7 @@ import '../../Select/MultiSelect/DesktopWrapper.js';
 import '../CustomHeader/helpers.js';
 import '../localization.js';
 
-var _excluded = ["value", "currentDates", "setFieldValue", "name", "changeHandler", "dataId", "format", "maxDate", "minDate", "locale", "dayjsLocale", "disabled", "placeholderText", "dataIdPrefix", "modalOptions"];
+var _excluded = ["value", "currentDates", "setFieldValue", "name", "changeHandler", "dataId", "format", "maxDate", "minDate", "locale", "disabled", "placeholderText", "dataIdPrefix", "modalOptions"];
 var RangeDatePickerMobile = /*#__PURE__*/forwardRef(function (props) {
   var value = props.value,
     _props$currentDates = props.currentDates,
@@ -106,14 +106,12 @@ var RangeDatePickerMobile = /*#__PURE__*/forwardRef(function (props) {
     minDate = props.minDate,
     _props$locale = props.locale,
     locale = _props$locale === void 0 ? 'hy' : _props$locale,
-    _props$dayjsLocale = props.dayjsLocale,
-    dayjsLocale = _props$dayjsLocale === void 0 ? 'hy-am' : _props$dayjsLocale,
     disabled = props.disabled,
     placeholderText = props.placeholderText,
     dataIdPrefix = props.dataIdPrefix,
     modalOptions = props.modalOptions,
     rest = _objectWithoutProperties(props, _excluded);
-  useImportFilesDynamically(dayjsLocale);
+  useImportFilesDynamically(locale);
   var startYear = minDate ? minDate.getFullYear() : 1900;
   var endYear = maxDate ? maxDate.getFullYear() : new Date().getFullYear() + 5;
   var dateInitialValue = value !== undefined && Array.isArray(value) ? value : currentDates;

package/components/DatePicker/RangeDatePicker/index.js

@@ -46,11 +46,11 @@ import '../../Button/consts.js';
 import '../../SVGIcons/IconCheckmarkCircleFilled.js';
 import '../types.js';
 import '../hooks.js';
+import '../../../type/locale.js';
 import '../../SVGIcons/IconCalendarRight.js';
 import './RangeDatePickerMobile.js';
 import '../../../helpers/format-date.js';
 import '../../../helpers/locale.js';
-import '../../../type/locale.js';
 import '../../../helpers/storage.js';
 import '../CustomHeader/CustomHeader.js';
 import 'react-window';

package/components/DatePicker/SimpleDatePicker/SimpleDatePicker.js

@@ -86,6 +86,7 @@ import '../../Select/MultiSelect/DesktopWrapper.js';
 import '../CustomHeader/helpers.js';
 import '../localization.js';
 import '../hooks.js';
+import '../../../type/locale.js';
 import '../../SVGIcons/IconCalendarRight.js';
 
 var SimpleDatePicker = function SimpleDatePicker(props) {

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerDesktop.js

@@ -85,8 +85,9 @@ import '../../Select/MultiSelect/MobileWrapper.js';
 import '../../Select/MultiSelect/DesktopWrapper.js';
 import '../CustomHeader/helpers.js';
 import '../localization.js';
+import '../../../type/locale.js';
 
-var _excluded = ["value", "currentDate", "setFieldValue", "name", "label", "size", "locale", "changeHandler", "format", "dayjsLocale", "required", "dataId", "hasError", "placeholderText", "minDate", "maxDate", "dataIdPrefix", "helperText", "inline"];
+var _excluded = ["value", "currentDate", "setFieldValue", "name", "label", "size", "locale", "changeHandler", "format", "required", "dataId", "hasError", "placeholderText", "minDate", "maxDate", "dataIdPrefix", "helperText", "inline"];
 var SimpleDatePickerDesktop = function SimpleDatePickerDesktop(props) {
   var value = props.value,
     currentDate = props.currentDate,
@@ -99,8 +100,6 @@ var SimpleDatePickerDesktop = function SimpleDatePickerDesktop(props) {
     changeHandler = props.changeHandler,
     _props$format = props.format,
     format = _props$format === void 0 ? 'M/D/YYYY' : _props$format,
-    _props$dayjsLocale = props.dayjsLocale,
-    dayjsLocale = _props$dayjsLocale === void 0 ? 'hy-am' : _props$dayjsLocale,
     _props$required = props.required,
     required = _props$required === void 0 ? false : _props$required,
     dataId = props.dataId,
@@ -115,7 +114,7 @@ var SimpleDatePickerDesktop = function SimpleDatePickerDesktop(props) {
   var startYear = minDate ? minDate.getFullYear() : 1900;
   var endYear = maxDate ? maxDate.getFullYear() : new Date().getFullYear() + 5;
   var calendarRef = useRef(null);
-  useImportFilesDynamically(dayjsLocale);
+  useImportFilesDynamically(locale);
   var selectedDate = value !== undefined && Object.prototype.toString.call(value) === '[object Date]' ? value : currentDate;
   var openDatepicker = function openDatepicker() {
     if (calendarRef.current) {

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerMobile.js

@@ -45,6 +45,7 @@ import '../../Link/Link.js';
 import '../../Popover/PopoverDesktop.js';
 import '../../SVGIcons/IconInfo.js';
 import '../../Button/consts.js';
+import '../../../type/locale.js';
 import 'react-window';
 import 'react-dom';
 import '../../SVGIcons/IconChevronRight.js';
@@ -86,7 +87,7 @@ import '../../Select/MultiSelect/DesktopWrapper.js';
 import '../CustomHeader/helpers.js';
 import '../localization.js';
 
-var _excluded = ["size", "dataId", "helperText", "label", "placeholderText", "format", "dayjsLocale", "value", "currentDate", "minDate", "maxDate", "locale", "dataIdPrefix", "modalOptions", "name", "changeHandler", "setFieldValue", "required", "hasError"];
+var _excluded = ["size", "dataId", "helperText", "label", "placeholderText", "format", "value", "currentDate", "minDate", "maxDate", "locale", "dataIdPrefix", "modalOptions", "name", "changeHandler", "setFieldValue", "required", "hasError"];
 var SimpleDatePickerMobile = function SimpleDatePickerMobile(props) {
   var size = props.size,
     dataId = props.dataId,
@@ -95,8 +96,6 @@ var SimpleDatePickerMobile = function SimpleDatePickerMobile(props) {
     placeholderText = props.placeholderText,
     _props$format = props.format,
     format = _props$format === void 0 ? 'M/D/YYYY' : _props$format,
-    _props$dayjsLocale = props.dayjsLocale,
-    dayjsLocale = _props$dayjsLocale === void 0 ? 'hy-am' : _props$dayjsLocale,
     value = props.value,
     currentDate = props.currentDate,
     minDate = props.minDate,
@@ -117,7 +116,7 @@ var SimpleDatePickerMobile = function SimpleDatePickerMobile(props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isCalendarOpen = _React$useState2[0],
     setIsCalendarOpen = _React$useState2[1];
-  useImportFilesDynamically(dayjsLocale);
+  useImportFilesDynamically(locale);
   var selectedDate = value !== undefined && Object.prototype.toString.call(value) === '[object Date]' ? value : currentDate;
   var openDatepicker = function openDatepicker() {
     setIsCalendarOpen(true);

package/components/DatePicker/SimpleDatePicker/index.js

@@ -86,5 +86,6 @@ import '../../Select/MultiSelect/DesktopWrapper.js';
 import '../CustomHeader/helpers.js';
 import '../localization.js';
 import '../hooks.js';
+import '../../../type/locale.js';
 import '../../SVGIcons/IconCalendarRight.js';
 import './SimpleDatePickerMobile.js';

package/components/DatePicker/TimePicker/TimePicker.js

@@ -50,6 +50,7 @@ import '../../SVGIcons/IconChevronUp.js';
 import './helpers.js';
 import 'react-datepicker';
 import '../hooks.js';
+import '../../../type/locale.js';
 import '../../SVGIcons/IconClock.js';
 
 var TimePicker = function TimePicker(props) {

package/components/DatePicker/TimePicker/TimePickerDesktop.js

@@ -44,8 +44,9 @@ import '../../Link/Link.js';
 import '../../Popover/PopoverDesktop.js';
 import '../../SVGIcons/IconInfo.js';
 import '../../Button/consts.js';
+import '../../../type/locale.js';
 
-var _excluded = ["value", "currentTime", "name", "setFieldValue", "label", "size", "dataId", "changeHandler", "required", "format", "locale", "dayjsLocale", "placeholderText", "hasError"];
+var _excluded = ["value", "currentTime", "name", "setFieldValue", "label", "size", "dataId", "changeHandler", "required", "format", "locale", "placeholderText", "hasError"];
 var TimePickerDesktop = function TimePickerDesktop(props) {
   var value = props.value,
     currentTime = props.currentTime,
@@ -60,14 +61,12 @@ var TimePickerDesktop = function TimePickerDesktop(props) {
     format = _props$format === void 0 ? 'HH:mm' : _props$format,
     _props$locale = props.locale,
     locale = _props$locale === void 0 ? 'hy' : _props$locale,
-    _props$dayjsLocale = props.dayjsLocale,
-    dayjsLocale = _props$dayjsLocale === void 0 ? 'hy-am' : _props$dayjsLocale,
     placeholderText = props.placeholderText,
     hasError = props.hasError,
     rest = _objectWithoutProperties(props, _excluded);
   var dateInitialValue = value !== undefined && Object.prototype.toString.call(value) === '[object Date]' ? value : currentTime;
   var calendarRef = useRef(null);
-  useImportFilesDynamically(dayjsLocale);
+  useImportFilesDynamically(locale);
   var onChange = function onChange(date) {
     if (changeHandler) {
       changeHandler(date);

package/components/DatePicker/TimePicker/index.js

@@ -51,4 +51,5 @@ import './helpers.js';
 import './TimePickerDesktop.js';
 import 'react-datepicker';
 import '../hooks.js';
+import '../../../type/locale.js';
 import '../../SVGIcons/IconClock.js';

package/components/DatePicker/hooks.js

@@ -3,6 +3,7 @@ import { useState, useEffect } from 'react';
 import { registerLocale } from 'react-datepicker';
 import dayjs, { locale as locale$3 } from 'dayjs';
 import { _ as _typeof$1 } from '../../typeof-4c44bd25.js';
+import { DayJSLocale } from '../../type/locale.js';
 
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
@@ -1937,7 +1938,7 @@ function useImportFilesDynamically(dayjsLocale) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               setIsFilesLoaded(false);
-              locale$3(dayjsLocale);
+              locale$3(DayJSLocale[dayjsLocale]);
               setTimeout(function () {
                 setIsFilesLoaded(true);
               }, 0);

package/components/DatePicker/index.js

@@ -53,6 +53,7 @@ import './TimePicker/helpers.js';
 import './TimePicker/TimePickerDesktop.js';
 import 'react-datepicker';
 import './hooks.js';
+import '../../type/locale.js';
 import '../SVGIcons/IconClock.js';
 import './SimpleDatePicker/SimpleDatePickerDesktop.js';
 import './CustomHeader/CustomHeader.js';
@@ -101,5 +102,4 @@ 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/DatePicker/types.d.ts

@@ -22,7 +22,6 @@ export interface ISimpleDatePickerProps extends TDatepickerBaseProps {
     minDate?: Date | null;
     maxDate?: Date | null;
     required?: boolean;
-    dayjsLocale?: string;
     value?: Date;
     size?: 'large' | 'small';
 }
@@ -31,7 +30,6 @@ export interface ITimePickerProps extends TDatepickerBaseProps {
     changeHandler?: (date: Date) => void;
     required?: boolean;
     filterTime?: (date: Date) => boolean;
-    dayjsLocale?: string;
     value?: Date;
     size?: 'large' | 'small';
     modalApplyButtonText?: string;
@@ -40,7 +38,6 @@ export interface IRangeDatePickerProps extends TDatepickerBaseProps {
     currentDates?: TRangePickerValues;
     changeHandler: (date: TRangePickerValues) => void;
     maxDate?: Date | undefined;
-    dayjsLocale?: string;
     value?: [Date, Date];
 }
 export type TRangePickerValues = [Date | null, Date | null];

package/components/Empty/Empty.js

@@ -56,10 +56,10 @@ var Empty = function Empty(props) {
     imagePath: illustration
   })), /*#__PURE__*/React.createElement("div", {
     className: "no-result__content"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, mainMessage ? /*#__PURE__*/React.createElement(Text, {
     size: size == 'large' ? 'large' : 'small',
     weight: "bold"
-  }, mainMessage), paragraphMessage ? /*#__PURE__*/React.createElement(Text, {
+  }, mainMessage) : null, paragraphMessage ? /*#__PURE__*/React.createElement(Text, {
     size: size == 'large' ? 'small' : 'xsmall'
   }, paragraphMessage) : null, buttonProps ? /*#__PURE__*/React.createElement(Button, _extends({}, buttonProps, {
     size: "medium",

package/components/Empty/types.d.ts

@@ -2,7 +2,7 @@ import { TButtonPropTypes } from '../Button/types';
 export interface TEmptyProps {
     size?: string;
     className?: string;
-    mainMessage: string;
+    mainMessage?: string;
     paragraphMessage?: string;
     buttonProps?: TButtonPropTypes;
     illustration?: string;

package/components/Modal/Modal.d.ts

@@ -1,20 +1,8 @@
 import { ReactElement } from 'react';
 import { TModalPropTypes } from './types';
 export declare const MOBILE_ANIMATION: (isFullScreen?: boolean) => {
-    initial: {
-        height: number;
-        bottom: number;
-    };
-    animate: {
-        height: string;
-        bottom: number;
-    };
-    exit: {
-        height: number;
-        bottom: number;
-    };
-    transition: {
-        duration: number;
+    [key: string]: {
+        [key: string]: string | number;
     };
 };
 export declare const Modal: (props: TModalPropTypes) => ReactElement;

package/components/Select/FilterSelect/FilterSelect.js

@@ -60,6 +60,7 @@ import '../../SVGIcons/IconEditFilled.js';
 import '../../SVGIcons/IconEdit.js';
 import '../../SVGIcons/IconAttach.js';
 import '../../SVGIcons/IconCheckmark.js';
+import '../localization.js';
 import '../../Collapse/CollapseItem/CollapseItem.js';
 import '../../SVGIcons/IconChevronRight.js';
 import '../../Divider/Divider.js';
@@ -73,7 +74,7 @@ import 'react-input-mask';
 import 'react-number-format';
 import '../../SVGIcons/IconCheckmarkCircleFilled.js';
 
-var _excluded = ["isLoading", "isGrouped", "options", "isOpen", "setFieldValue", "name", "footerButtonProps", "selectedItems", "setSelectedItems", "closeHandler", "parentRef"];
+var _excluded = ["isLoading", "isGrouped", "options", "isOpen", "setFieldValue", "name", "footerButtonProps", "selectedItems", "setSelectedItems", "closeHandler", "parentRef", "language"];
 var FilterSelect = function FilterSelect(props) {
   var isLoading = props.isLoading,
     isGrouped = props.isGrouped,
@@ -81,19 +82,13 @@ var FilterSelect = function FilterSelect(props) {
     isOpen = props.isOpen,
     setFieldValue = props.setFieldValue,
     name = props.name,
-    _props$footerButtonPr = props.footerButtonProps,
-    footerButtonProps = _props$footerButtonPr === void 0 ? {
-      confirm: {
-        buttonText: 'Apply'
-      },
-      cancel: {
-        buttonText: 'Cancel'
-      }
-    } : _props$footerButtonPr,
+    footerButtonProps = props.footerButtonProps,
     selectedItems = props.selectedItems,
     setSelectedItems = props.setSelectedItems,
     closeHandler = props.closeHandler,
     parentRef = props.parentRef,
+    _props$language = props.language,
+    language = _props$language === void 0 ? 'en' : _props$language,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -188,7 +183,8 @@ var FilterSelect = function FilterSelect(props) {
   }, rest))), isLoading ? null : /*#__PURE__*/React.createElement(Footer, {
     buttonProps: footerButtonProps,
     onCancel: cancelSelectedItems,
-    onApply: applySelectedItems
+    onApply: applySelectedItems,
+    language: language
   }))), parentRef));
 };
 

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

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
-import { TMultySingleTabPropTypes } from '../../types';
-export declare const MultiBase: (props: TMultySingleTabPropTypes) => ReactElement | null;
+import { TMultiSingleTabPropTypes } from '../../types';
+export declare const MultiBase: (props: TMultiSingleTabPropTypes) => ReactElement | null;

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

@@ -93,8 +93,9 @@ var MultiBase = function MultiBase(props) {
     menuOptions = props.menuOptions,
     dataIdPrefix = props.dataIdPrefix,
     dropdownWidth = props.dropdownWidth;
-  var emptyListMainMessage = translations.emptyListMainMessage,
-    emptyListSecondaryMessage = translations.emptyListSecondaryMessage;
+  var _ref = translations || {},
+    emptyListMainMessage = _ref.emptyListMainMessage,
+    emptyListSecondaryMessage = _ref.emptyListSecondaryMessage;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
@@ -180,9 +181,9 @@ var MultiBase = function MultiBase(props) {
     style: {
       width: dropdownWidth || '100%'
     }
-  }, function (_ref) {
-    var index = _ref.index,
-      style = _ref.style;
+  }, function (_ref2) {
+    var index = _ref2.index,
+      style = _ref2.style;
     var item = filteredData[index];
     var isSelected = checkIsSelected(item.value);
     return /*#__PURE__*/React.createElement(OptionItem, _extends({

package/components/Select/MultiSelect/MultiSelect.js

@@ -20,8 +20,8 @@ import '../../Collapse/CollapseGroup/CollapseGroup.js';
 import '../SharedComponents/ContentTop.js';
 import { InputSelectWrapper } from '../SharedComponents/InputSelectWrapper/InputSelectWrapper.js';
 import { ButtonSelectWrapper } from '../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js';
-import { TRANSLATIONS_DEFAULT_VALUES } from '../constants.js';
 import { useIsMobile } from '../../../hooks/useGetIsMobile.js';
+import { SELECT_TRANSLATIONS } from '../localization.js';
 import '../../../typeof-4c44bd25.js';
 import '../../../toConsumableArray-b2fe694a.js';
 import '../../../utils/helpers.js';
@@ -70,6 +70,7 @@ import '../../SVGIcons/IconAttach.js';
 import '../../SVGIcons/IconCheckmark.js';
 import '../../SVGIcons/IconCaretDownFilled.js';
 import '../../SVGIcons/IconCaretUpFilled.js';
+import '../constants.js';
 import './MultiBase/MultiBase.js';
 import 'react-window';
 import '../../Collapse/CollapseItem/CollapseItem.js';
@@ -91,22 +92,14 @@ import './MobileWrapper.js';
 import './DesktopWrapper.js';
 import '../SharedComponents/ButtonSelectWrapper/Button/Button.js';
 
-var _excluded = ["isMobileFullScreen", "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", "language"];
 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 _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: {
-        buttonText: 'Apply'
-      },
-      cancel: {
-        buttonText: 'Cancel'
-      }
-    } : _props$footerButtonPr,
+    footerButtonProps = props.footerButtonProps,
     selectedItems = props.selectedItems,
     setSelectedItems = props.setSelectedItems,
     name = props.name,
@@ -127,6 +120,8 @@ var MultiSelect = function MultiSelect(props) {
     checkboxInfo = props.checkboxInfo,
     translations = props.translations,
     hasError = props.hasError,
+    _props$language = props.language,
+    language = _props$language === void 0 ? 'en' : _props$language,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -188,8 +183,7 @@ var MultiSelect = function MultiSelect(props) {
     submitSelectedValue(selectedValues, isChecked);
   };
   var WrapperComponent = isButtonSelect ? ButtonSelectWrapper : InputSelectWrapper;
-  var localizations = _objectSpread(_objectSpread({}, TRANSLATIONS_DEFAULT_VALUES), translations);
-  var overflowText = localizations.overflowText;
+  var localizations = _objectSpread(_objectSpread({}, SELECT_TRANSLATIONS[language]), translations);
   var isMobile = useIsMobile();
   return /*#__PURE__*/React.createElement(WrapperComponent, {
     dropdownRef: dropdownRef,
@@ -208,7 +202,7 @@ var MultiSelect = function MultiSelect(props) {
     placeHolder: placeHolder,
     selectedValues: selectedValues,
     isRequiredField: isRequiredField,
-    overflowText: overflowText,
+    overflowText: localizations.overflowText,
     hasError: hasError,
     applySelectedItems: applySelectedItems,
     isMobile: isMobile && isMobileFullScreen
@@ -218,7 +212,7 @@ var MultiSelect = function MultiSelect(props) {
   , _extends({
     options: options,
     isOpen: isOpen,
-    translations: translations,
+    translations: localizations,
     setIsOpen: setIsOpen,
     dropdownRef: dropdownRef,
     openDropdown: openDropdown,
@@ -232,7 +226,8 @@ var MultiSelect = function MultiSelect(props) {
     hasChange: hasChange,
     buttonProps: footerButtonProps,
     onCancel: cancelSelectedItems,
-    onApply: applySelectedItems
+    onApply: applySelectedItems,
+    language: language
   }) : null));
 };
 

package/components/Select/MultiSelect/OptionsWrapper.js

@@ -1,6 +1,6 @@
 import { _ as _extends } from '../../../extends-546b8e32.js';
-import { _ as _toConsumableArray } from '../../../toConsumableArray-b2fe694a.js';
 import { _ as _defineProperty } from '../../../defineProperty-df65a40d.js';
+import { _ as _toConsumableArray } from '../../../toConsumableArray-b2fe694a.js';
 import { _ as _objectWithoutProperties } from '../../../objectWithoutProperties-47b9cf01.js';
 import React, { useRef, useCallback, useMemo } from 'react';
 import 'classnames';
@@ -24,9 +24,9 @@ import { useIsMobile } from '../../../hooks/useGetIsMobile.js';
 import { MultiSelectGrouped } from './MultiSelectGrouped/MultiSelectGrouped.js';
 import { MultiBase } from './MultiBase/MultiBase.js';
 import { MultiSelectWithTabs } from './MultiSelectWithTabs/MultiSelectWithTabs.js';
-import { TRANSLATIONS_DEFAULT_VALUES, SELECTED_VISIBLE_MIN_COUNT } from '../constants.js';
-import '../../../slicedToArray-3f25ed87.js';
+import { SELECTED_VISIBLE_MIN_COUNT } from '../constants.js';
 import '../../../typeof-4c44bd25.js';
+import '../../../slicedToArray-3f25ed87.js';
 import '../../../type/file-upload.js';
 import '../../../hooks/useGetElemPositions.js';
 import '../../../helperComponents/Loader/Loader.js';
@@ -83,7 +83,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", "isMobileFullScreen"];
+var _excluded = ["isLoading", "withTabs", "isGrouped", "isOpen", "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) {
@@ -91,7 +91,6 @@ var OptionsWrapper = function OptionsWrapper(props) {
     withTabs = props.withTabs,
     isGrouped = props.isGrouped,
     isOpen = props.isOpen,
-    translations = props.translations,
     containerRef = props.containerRef,
     options = props.options,
     selectedValues = props.selectedValues,
@@ -102,7 +101,6 @@ var OptionsWrapper = function OptionsWrapper(props) {
     rest = _objectWithoutProperties(props, _excluded);
   var _useGetElemSizes = useGetElemSizes(containerRef),
     width = _useGetElemSizes.width;
-  var localizations = _objectSpread(_objectSpread({}, TRANSLATIONS_DEFAULT_VALUES), translations);
   var inputRef = useRef(null);
   var SelectComp = withTabs ? MultiSelectWithTabs : isGrouped ? MultiSelectGrouped : MultiBase;
   var checkIsValueOverflowed = useCallback(function (value) {
@@ -152,7 +150,6 @@ var OptionsWrapper = function OptionsWrapper(props) {
     isOpen: isOpen,
     isMobile: isMobile,
     hasBottomSpace: hasBottomSpace,
-    translations: localizations,
     selectedValues: selectedValues,
     onItemSelect: onItemSelect,
     onItemDeselect: onItemDeselect,

package/components/Select/Select/Select.js

@@ -1,4 +1,5 @@
 import { _ as _extends } from '../../../extends-546b8e32.js';
+import { _ as _defineProperty } from '../../../defineProperty-df65a40d.js';
 import { _ as _slicedToArray } from '../../../slicedToArray-3f25ed87.js';
 import { _ as _objectWithoutProperties } from '../../../objectWithoutProperties-47b9cf01.js';
 import React, { useRef, useState } from 'react';
@@ -11,9 +12,9 @@ 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-df65a40d.js';
+import { SELECT_TRANSLATIONS } from '../localization.js';
 import '../../../typeof-4c44bd25.js';
+import '../../../consts/index.js';
 import '../../../type/file-upload.js';
 import 'react-window';
 import '../../Text/Text.js';
@@ -82,7 +83,9 @@ 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", "isMobileFullScreen"];
+var _excluded = ["labelAddons", "dataId", "className", "size", "label", "hasError", "isValid", "disabled", "outerHelperText", "isRequiredField", "placeHolder", "selectRightIconProps", "selectRightIconOpenedProps", "options", "withSearch", "setSelectedItem", "setFieldValue", "name", "selectedItem", "value", "isMobileFullScreen", "language", "translations"];
+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 Select = function Select(props) {
   var _selectedOption$optio, _selectedOption$optio2;
   var labelAddons = props.labelAddons,
@@ -115,6 +118,9 @@ var Select = function Select(props) {
     value = props.value,
     _props$isMobileFullSc = props.isMobileFullScreen,
     isMobileFullScreen = _props$isMobileFullSc === void 0 ? true : _props$isMobileFullSc,
+    _props$language = props.language,
+    language = _props$language === void 0 ? 'en' : _props$language,
+    translations = props.translations,
     rest = _objectWithoutProperties(props, _excluded);
   var isMobile = useIsMobile();
   var containerRef = useRef(null);
@@ -172,6 +178,7 @@ var Select = function Select(props) {
     return onItemSelect(null);
   };
   var currentSelection = value || selectedItem;
+  var localizations = _objectSpread(_objectSpread({}, SELECT_TRANSLATIONS[language]), translations);
   return /*#__PURE__*/React.createElement("div", {
     "data-id": "".concat(dataId, "-content"),
     className: classNames("select select--".concat(size), className, {
@@ -205,7 +212,8 @@ var Select = function Select(props) {
     currentSelection: currentSelection,
     isRequiredField: isRequiredField,
     onItemDeselect: onItemDeselect,
-    onItemSelect: onItemSelect
+    onItemSelect: onItemSelect,
+    translations: localizations
   })) : /*#__PURE__*/React.createElement(SelectDesktop, _extends({}, rest, {
     onItemDeselect: onItemDeselect,
     onItemSelect: onItemSelect,
@@ -218,7 +226,8 @@ var Select = function Select(props) {
     closeDropdown: closeDropdown,
     setSelectedOption: setSelectedOption,
     searchValue: searchValue,
-    setSearchValue: setSearchValue
+    setSearchValue: setSearchValue,
+    translations: localizations
   })));
 };
 

package/components/Select/Select/SelectDesktop/index.js

@@ -23,7 +23,7 @@ import '../../../Collapse/CollapseGroup/CollapseGroup.js';
 import '../../SharedComponents/ContentTop.js';
 import { Loading } from '../../SharedComponents/Loading.js';
 import '../../../Input/Input.js';
-import { ITEM_SIZE, DROPDOWN_HEIGHT, DROPDOWN_WIDTH, TRANSLATIONS_DEFAULT_VALUES } from '../../constants.js';
+import { ITEM_SIZE, DROPDOWN_HEIGHT, DROPDOWN_WIDTH } from '../../constants.js';
 import { filterOptions } from '../helpers.js';
 import '../../../../typeof-4c44bd25.js';
 import '../../../../type/file-upload.js';
@@ -207,7 +207,7 @@ var SelectDesktop = function SelectDesktop(props) {
     });
   }), filteredData.length === 0 ? /*#__PURE__*/React.createElement(Empty, {
     size: "small",
-    mainMessage: (translations === null || translations === void 0 ? void 0 : translations.emptyListMainMessage) || TRANSLATIONS_DEFAULT_VALUES.emptyListMainMessage
+    mainMessage: translations === null || translations === void 0 ? void 0 : translations.emptyListMainMessage
   }) : null))));
 };
 

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

@@ -11,7 +11,7 @@ import 'framer-motion';
 import '../../../../consts/index.js';
 import '../../../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import { ITEM_SIZE_MOBILE, TRANSLATIONS_DEFAULT_VALUES } from '../../constants.js';
+import { ITEM_SIZE_MOBILE } from '../../constants.js';
 import 'react-dom';
 import '../../../Collapse/CollapseGroup/CollapseGroup.js';
 import '../../SharedComponents/ContentTop.js';
@@ -168,7 +168,7 @@ var SelectMobile = function SelectMobile(props) {
     });
   }), filteredData.length === 0 ? /*#__PURE__*/React.createElement(Empty, {
     size: "small",
-    mainMessage: (translations === null || translations === void 0 ? void 0 : translations.emptyListMainMessage) || TRANSLATIONS_DEFAULT_VALUES.emptyListMainMessage
+    mainMessage: translations === null || translations === void 0 ? void 0 : translations.emptyListMainMessage
   }) : null)));
 };
 

package/components/Select/SharedComponents/Footer.js

@@ -1,8 +1,9 @@
 import { _ as _extends } from '../../../extends-546b8e32.js';
+import { _ as _defineProperty } from '../../../defineProperty-df65a40d.js';
 import { _ as _slicedToArray } from '../../../slicedToArray-3f25ed87.js';
 import React from 'react';
 import { C as Checkbox, B as Button } from '../../../Button-988c1dcc.js';
-import '../../../defineProperty-df65a40d.js';
+import { SELECT_TRANSLATIONS } from '../localization.js';
 import '../../../typeof-4c44bd25.js';
 import '../../../objectWithoutProperties-47b9cf01.js';
 import 'classnames';
@@ -36,8 +37,11 @@ import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
 import '../../../helperComponents/IconDynamicComponent/constants.js';
 import '../../Button/consts.js';
 
+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 Footer = function Footer(props) {
-  var buttonProps = props.buttonProps,
+  var language = props.language,
+    buttonProps = props.buttonProps,
     onApply = props.onApply,
     onCancel = props.onCancel,
     _props$hasChange = props.hasChange,
@@ -47,6 +51,12 @@ var Footer = function Footer(props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isSelected = _React$useState2[0],
     setIsSelected = _React$useState2[1];
+  var confirmButtonProps = _objectSpread({
+    buttonText: SELECT_TRANSLATIONS[language].confirmButtonText
+  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.confirm) || {});
+  var cancelButtonProps = _objectSpread({
+    buttonText: SELECT_TRANSLATIONS[language].cancelButtonText
+  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.cancel) || {});
   return /*#__PURE__*/React.createElement("div", {
     className: "select__footer"
   }, /*#__PURE__*/React.createElement("div", null, checkboxInfo ? /*#__PURE__*/React.createElement(Checkbox, {
@@ -55,14 +65,14 @@ var Footer = function Footer(props) {
     onClick: setIsSelected
   }) : null), /*#__PURE__*/React.createElement("div", {
     className: 'select__footer__right flexbox'
-  }, /*#__PURE__*/React.createElement(Button, _extends({}, buttonProps.cancel || {}, {
+  }, /*#__PURE__*/React.createElement(Button, _extends({}, cancelButtonProps, {
     type: "tertiary",
     size: "medium",
     className: "mr-12",
     onClick: onCancel
   })), /*#__PURE__*/React.createElement(Button, _extends({
     disabled: !hasChange && isSelected === !!(checkboxInfo !== null && checkboxInfo !== void 0 && checkboxInfo.isChecked)
-  }, buttonProps.confirm, {
+  }, confirmButtonProps, {
     type: "primary",
     size: "medium",
     onClick: function onClick() {

package/components/Select/SharedComponents/index.js

@@ -5,11 +5,11 @@ export { Loading } from './Loading.js';
 export { InputSelectWrapper } from './InputSelectWrapper/InputSelectWrapper.js';
 export { ButtonSelectWrapper } from './ButtonSelectWrapper/ButtonSelectWrapper.js';
 import '../../../extends-546b8e32.js';
+import '../../../defineProperty-df65a40d.js';
+import '../../../typeof-4c44bd25.js';
 import '../../../slicedToArray-3f25ed87.js';
 import 'react';
 import '../../../Button-988c1dcc.js';
-import '../../../defineProperty-df65a40d.js';
-import '../../../typeof-4c44bd25.js';
 import '../../../objectWithoutProperties-47b9cf01.js';
 import 'classnames';
 import 'dayjs';
@@ -41,6 +41,7 @@ import '../../SVGIcons/IconInfo.js';
 import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
 import '../../../helperComponents/IconDynamicComponent/constants.js';
 import '../../Button/consts.js';
+import '../localization.js';
 import '../../Menu/Menu.js';
 import 'react-dom';
 import '../../../helperComponents/OptionItem/OptionItem.js';

package/components/Select/constants.d.ts

@@ -1,7 +1,3 @@
-export declare const TRANSLATIONS_DEFAULT_VALUES: {
-    emptyListMainMessage: string;
-    overflowText: string;
-};
 export declare const SELECTED_VISIBLE_MIN_COUNT = 7;
 export declare const DROPDOWN_MAX_HEIGHT = 260;
 export declare const DROPDOWN_MAX_HEIGHT_PART = 106;

package/components/Select/constants.js

@@ -1,7 +1,3 @@
-var TRANSLATIONS_DEFAULT_VALUES = {
-  emptyListMainMessage: "Sorry, we couldn't find any results",
-  overflowText: '%s selected'
-};
 var SELECTED_VISIBLE_MIN_COUNT = 7;
 var DROPDOWN_MAX_HEIGHT = 260;
 var DROPDOWN_MAX_HEIGHT_PART = 106;
@@ -10,4 +6,4 @@ var ITEM_SIZE_MOBILE = 56; // with margin
 var DROPDOWN_HEIGHT = 300;
 var DROPDOWN_WIDTH = 400;
 
-export { DROPDOWN_HEIGHT, DROPDOWN_MAX_HEIGHT, DROPDOWN_MAX_HEIGHT_PART, DROPDOWN_WIDTH, ITEM_SIZE, ITEM_SIZE_MOBILE, SELECTED_VISIBLE_MIN_COUNT, TRANSLATIONS_DEFAULT_VALUES };
+export { DROPDOWN_HEIGHT, DROPDOWN_MAX_HEIGHT, DROPDOWN_MAX_HEIGHT_PART, DROPDOWN_WIDTH, ITEM_SIZE, ITEM_SIZE_MOBILE, SELECTED_VISIBLE_MIN_COUNT };

package/components/Select/index.js

@@ -4,13 +4,13 @@ export { NestedSelect } from './NestedSelect/NestedSelect.js';
 export { ButtonSelect } from './ButtonSelect/ButtonSelect.js';
 export { ProfileDropdown } from './ProfileDropdown/index.js';
 import '../../extends-546b8e32.js';
+import '../../defineProperty-df65a40d.js';
+import '../../typeof-4c44bd25.js';
 import '../../slicedToArray-3f25ed87.js';
 import '../../objectWithoutProperties-47b9cf01.js';
 import 'react';
 import '../../hooks/useGetIsMobile.js';
 import '../../consts/index.js';
-import '../../defineProperty-df65a40d.js';
-import '../../typeof-4c44bd25.js';
 import '../../type/file-upload.js';
 import './Select/SelectDesktop/index.js';
 import 'classnames';
@@ -86,6 +86,7 @@ import './Select/SelectMobile/index.js';
 import './Select/SelectMobile/MobileTopContent.js';
 import '../SVGIcons/IconCaretUpFilled.js';
 import '../SVGIcons/IconCaretDownFilled.js';
+import './localization.js';
 import './MultiSelect/OptionsWrapper.js';
 import './MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js';
 import './MultiSelect/MultiBase/MultiBase.js';

package/components/Select/localization.d.ts

@@ -0,0 +1,4 @@
+import { TSelectTranslations } from './types';
+export declare const SELECT_TRANSLATIONS: {
+    [key: string]: TSelectTranslations;
+};

package/components/Select/localization.js

@@ -0,0 +1,31 @@
+var SELECT_TRANSLATIONS = {
+  en: {
+    emptyListMainMessage: "Sorry, we couldn't find any results",
+    clearAllLabel: 'Clear all',
+    selectAllLabel: 'Select all',
+    overflowText: '%s selected',
+    innerLabel: ' ',
+    confirmButtonText: 'Apply',
+    cancelButtonText: 'Cancel'
+  },
+  ru: {
+    emptyListMainMessage: 'К сожалению, результаты не найдены',
+    clearAllLabel: 'Очистить все',
+    selectAllLabel: 'Выбрать все',
+    overflowText: '%s Выбрано',
+    innerLabel: ' ',
+    confirmButtonText: 'Применить',
+    cancelButtonText: 'Отменить'
+  },
+  hy: {
+    emptyListMainMessage: 'Որևէ արդյունք չի գտնվել',
+    clearAllLabel: 'Մաքրել բոլորը',
+    selectAllLabel: 'Ընտրել բոլորը',
+    overflowText: '%s Ընտրված',
+    innerLabel: ' ',
+    confirmButtonText: 'Կիրառել',
+    cancelButtonText: 'Չեղարկել'
+  }
+};
+
+export { SELECT_TRANSLATIONS };

package/components/Select/types.d.ts

@@ -24,6 +24,7 @@ interface TSelectBaseProps {
     size?: 'small' | 'large' | 'medium';
     className?: string;
     dropdownWidth?: number;
+    language?: string;
 }
 export interface TNestedSelectProps {
     options: TSelectOptions;
@@ -39,13 +40,15 @@ export interface TNestedSelectProps {
     labelAddons?: ReactElement;
 }
 export type TSelectTranslations = {
-    emptyListMainMessage: string;
+    emptyListMainMessage?: string;
     overflowText?: string;
     searchInputPlaceHolder?: string;
     emptyListSecondaryMessage?: string;
     selectAllLabel?: string;
     clearAllLabel?: string;
     innerLabel?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
 };
 interface TMultiSelectCompProps extends IFormCompProps, TSelectBaseProps {
     isMobile: boolean;
@@ -63,7 +66,7 @@ interface TMultiSelectCompProps extends IFormCompProps, TSelectBaseProps {
     menuOptions?: TMenuItem[];
     closeDropdown: () => void;
 }
-export interface TMultySingleTabPropTypes extends TMultiSelectCompProps {
+export interface TMultiSingleTabPropTypes extends TMultiSelectCompProps {
     options: TSelectOptions;
 }
 export interface TMultiSelectGroupedProps extends TMultiSelectCompProps {
@@ -84,7 +87,7 @@ export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps
     isGrouped?: boolean;
     checkboxInfo?: TCheckboxInfo;
     selectedItems?: TSelectedValue[];
-    translations: TSelectTranslations;
+    translations?: TSelectTranslations;
     options: TSelectOptions | TSelectGroupOptions;
     setSelectedItems?: (items: TSelectedValue[], isChecked: boolean) => void;
     footerButtonProps?: {
@@ -145,9 +148,8 @@ export interface ISingleSelectResponsiveProps {
     avatar?: string;
     currentSelection: TItemValue | undefined;
     isRequiredField?: boolean;
-    translations?: {
-        emptyListMainMessage: string;
-    };
+    translations?: TSelectTranslations;
+    language?: string;
 }
 export type ISingleSelectMobileProps = ISingleSelectResponsiveProps;
 export interface ISingleSelectDesktopProps extends ISingleSelectResponsiveProps {
@@ -162,12 +164,13 @@ export interface ISingleSelectDesktopProps extends ISingleSelectResponsiveProps
 export type TSelectFooterPropTypes = {
     checkboxInfo?: TCheckboxInfo;
     hasChange?: boolean;
-    buttonProps: {
+    buttonProps?: {
         cancel: TButtonPropTypes;
         confirm: TButtonPropTypes;
     };
     onCancel: () => void;
     onApply: (isChecked: boolean) => void;
+    language: string;
 };
 export interface TFilterProps extends IFormCompProps, TSelectBaseProps {
     isLoading?: boolean;

package/helpers/locale.js

@@ -9,8 +9,9 @@ var getTranslationLocale = function getTranslationLocale() {
   return TranslationLocale[activeLangCode] || 'en';
 };
 var getDayJSLocale = function getDayJSLocale() {
+  // Todo: need to check if it is works correctly when change language
   var activeLangCode = getActiveLanguageCode();
-  return DayJSLocale[activeLangCode] || 'en';
+  return DayJSLocale[TranslationLocale[activeLangCode]] || 'en';
 };
 
 export { getActiveLanguageCode, getDayJSLocale, getTranslationLocale };

package/index.js

@@ -394,6 +394,7 @@ import './components/DatePicker/TimePicker/helpers.js';
 import './components/DatePicker/TimePicker/TimePickerDesktop.js';
 import 'react-datepicker';
 import './components/DatePicker/hooks.js';
+import './type/locale.js';
 import './components/DatePicker/SimpleDatePicker/SimpleDatePickerDesktop.js';
 import './components/DatePicker/CustomHeader/CustomHeader.js';
 import 'react-window';
@@ -415,7 +416,6 @@ 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 './components/FileUpload/DropzoneFileUpload/helpers.js';
 import './components/FileUpload/DropzoneFileUpload/ErrorItem.js';
@@ -434,6 +434,7 @@ import './components/Select/constants.js';
 import './components/Select/Select/helpers.js';
 import './components/Select/Select/SelectMobile/index.js';
 import './components/Select/Select/SelectMobile/MobileTopContent.js';
+import './components/Select/localization.js';
 import './components/Select/MultiSelect/OptionsWrapper.js';
 import './components/Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js';
 import './components/Select/MultiSelect/MultiBase/MultiBase.js';

package/package.json

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

package/stories/DatePicker.stories.d.ts

@@ -4,10 +4,6 @@ declare const _default: {
     title: string;
     component: (props: IRangeDatePickerProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     argTypes: {
-        dayjsLocale: {
-            control: string;
-            options: string[];
-        };
         locale: {
             control: string;
             options: string[];

package/stories/Select.stories.d.ts

@@ -10,6 +10,10 @@ declare const _default: {
                 type: string;
             };
         };
+        language: {
+            control: string;
+            options: string[];
+        };
     };
 };
 export default _default;

package/type/locale.d.ts

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

package/type/locale.js

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