hrm_ui_lib 1.4.13 → 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/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';
@@ -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,

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/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.13",
+  "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 };