hrm_ui_lib 2.0.0-alpha.2 → 2.0.0-alpha.21

package/i18n.js

@@ -0,0 +1,50 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import i18n from 'i18next';
+import Backend from 'i18next-http-backend';
+import { initReactI18next } from 'react-i18next';
+import { getTranslationLocale } from './helpers/locale';
+i18n
+    // load translation using http -> see /public/locales
+    // learn more: https://github.com/i18next/i18next-http-backend
+    .use(Backend)
+    // detect user language
+    // learn more: https://github.com/i18next/i18next-browser-languageDetector
+    // .use(LanguageDetector)
+    // pass the i18n instance to react-i18next.
+    .use(initReactI18next)
+    // init i18next
+    // for all options read: https://www.i18next.com/overview/configuration-options
+    .init({
+    lng: getTranslationLocale(),
+    debug: false,
+    ns: [],
+    defaultNS: 'common',
+    backend: {
+        loadPath: '/vr/locale/{{lng}}/{{ns}}.json'
+    },
+    cache: {
+        enabled: true
+    },
+    react: {
+        useSuspense: true
+    },
+    load: 'languageOnly',
+    fallbackLng: false
+});
+export default i18n;
+export const loadTranslations = (language) => __awaiter(void 0, void 0, void 0, function* () {
+    return new Promise((resolve) => {
+        i18n.changeLanguage(language, () => resolve(true));
+    });
+});
+export function translate(key, options) {
+    return i18n.t(key, options).toString();
+}

package/index.d.ts

@@ -5,9 +5,11 @@ export * from './components/Badge';
 export * from './components/BadgeV2';
 export * from './components/Breadcrumb';
 export * from './components/Button';
+export * from './components/ButtonGroup';
 export * from './components/Checkbox';
 export * from './components/Chips';
 export * from './components/Card';
+export * from './components/CardGroup';
 export * from './components/Collapse';
 export * from './components/Container';
 export * from './components/Copy';
@@ -43,6 +45,7 @@ export * from './components/Text';
 export * from './components/Textarea';
 export * from './components/Tooltip';
 export * from './components/SVGIcons';
+export * from './components/UnderConstruction';
 export * from './helperComponents/OptionItem';
 export { FormContext } from './context';
 export { useFormProps } from './hooks';

package/index.js

@@ -1,11 +1,13 @@
-export { A as Alert, B as Button, C as Checkbox, D as DropzoneFileUpload, M as MOBILE_ANIMATION, a as Modal, P as Popover } from './Alert-w8FkRd9I.js';
+export { A as Alert, B as Button, C as Checkbox, D as DropzoneFileUpload, M as MOBILE_ANIMATION, a as Modal, P as Popover } from './Alert--0rz5XL1.js';
 export { Avatar } from './components/Avatar/Avatar.js';
 export { AvatarGroup } from './components/Avatar/AvatarGroup.js';
 export { Badge } from './components/Badge/Badge.js';
 export { BadgeV2 } from './components/BadgeV2/BadgeV2.js';
 export { Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
+export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
 export { Chips } from './components/Chips/Chips.js';
 export { Card } from './components/Card/Card.js';
+export { CardGroup } from './components/CardGroup/CardGroup.js';
 export { CollapseItem } from './components/Collapse/CollapseItem/CollapseItem.js';
 export { Collapse } from './components/Collapse/Collapse/Collapse.js';
 export { CollapseGroup } from './components/Collapse/CollapseGroup/CollapseGroup.js';
@@ -56,6 +58,8 @@ export { IconAdd } from './components/SVGIcons/IconAdd.js';
 export { IconAddCircle } from './components/SVGIcons/IconAddCircle.js';
 export { IconAddCircleFilled } from './components/SVGIcons/IconAddCircleFilled.js';
 export { IconAddFilled } from './components/SVGIcons/IconAddFilled.js';
+export { IconAirplaneTakeOff } from './components/SVGIcons/IconAirplaneTakeOff.js';
+export { IconAirplaneTakeOffFilled } from './components/SVGIcons/IconAirplaneTakeOffFilled.js';
 export { IconAlert } from './components/SVGIcons/IconAlert.js';
 export { IconAlertBadge } from './components/SVGIcons/IconAlertBadge.js';
 export { IconAlertBadgeFilled } from './components/SVGIcons/IconAlertBadgeFilled.js';
@@ -141,6 +145,8 @@ export { IconCaretRight } from './components/SVGIcons/IconCaretRight.js';
 export { IconCaretRightFilled } from './components/SVGIcons/IconCaretRightFilled.js';
 export { IconCaretUp } from './components/SVGIcons/IconCaretUp.js';
 export { IconCaretUpFilled } from './components/SVGIcons/IconCaretUpFilled.js';
+export { IconChartPerson } from './components/SVGIcons/IconChartPerson.js';
+export { IconChartPersonFilled } from './components/SVGIcons/IconChartPersonFilled.js';
 export { IconChat } from './components/SVGIcons/IconChat.js';
 export { IconChatFilled } from './components/SVGIcons/IconChatFilled.js';
 export { IconChatMultiple } from './components/SVGIcons/IconChatMultiple.js';
@@ -151,6 +157,8 @@ export { IconCheckmark } from './components/SVGIcons/IconCheckmark.js';
 export { IconCheckmarkCircle } from './components/SVGIcons/IconCheckmarkCircle.js';
 export { IconCheckmarkCircleFilled } from './components/SVGIcons/IconCheckmarkCircleFilled.js';
 export { IconCheckmarkFilled } from './components/SVGIcons/IconCheckmarkFilled.js';
+export { IconChevronDoubleLeft } from './components/SVGIcons/IconChevronDoubleLeft.js';
+export { IconChevronDoubleRight } from './components/SVGIcons/IconChevronDoubleRight.js';
 export { IconChevronDown } from './components/SVGIcons/IconChevronDown.js';
 export { IconChevronDownFilled } from './components/SVGIcons/IconChevronDownFilled.js';
 export { IconChevronLeft } from './components/SVGIcons/IconChevronLeft.js';
@@ -206,6 +214,10 @@ export { IconEyeOffFilled } from './components/SVGIcons/IconEyeOffFilled.js';
 export { IconEyeOn } from './components/SVGIcons/IconEyeOn.js';
 export { IconEyeOnFilled } from './components/SVGIcons/IconEyeOnFilled.js';
 export { IconFacebook } from './components/SVGIcons/IconFacebook.js';
+export { IconFastAcceleration } from './components/SVGIcons/IconFastAcceleration.js';
+export { IconFastAccelerationFilled } from './components/SVGIcons/IconFastAccelerationFilled.js';
+export { IconFeed } from './components/SVGIcons/IconFeed.js';
+export { IconFeedFilled } from './components/SVGIcons/IconFeedFilled.js';
 export { IconFilter } from './components/SVGIcons/IconFilter.js';
 export { IconFilterFilled } from './components/SVGIcons/IconFilterFilled.js';
 export { IconFlag } from './components/SVGIcons/IconFlag.js';
@@ -233,6 +245,8 @@ export { IconInfoFilled } from './components/SVGIcons/IconInfoFilled.js';
 export { IconInstagram } from './components/SVGIcons/IconInstagram.js';
 export { IconKeyReset } from './components/SVGIcons/IconKeyReset.js';
 export { IconKeyResetFilled } from './components/SVGIcons/IconKeyResetFilled.js';
+export { IconLibrary } from './components/SVGIcons/IconLibrary.js';
+export { IconLibraryFilled } from './components/SVGIcons/IconLibraryFilled.js';
 export { IconLink } from './components/SVGIcons/IconLink.js';
 export { IconLinkFilled } from './components/SVGIcons/IconLinkFilled.js';
 export { IconLinkedin } from './components/SVGIcons/IconLinkedin.js';
@@ -272,6 +286,10 @@ export { IconPeople } from './components/SVGIcons/IconPeople.js';
 export { IconPeopleAdd } from './components/SVGIcons/IconPeopleAdd.js';
 export { IconPeopleAddFilled } from './components/SVGIcons/IconPeopleAddFilled.js';
 export { IconPeopleFilled } from './components/SVGIcons/IconPeopleFilled.js';
+export { IconPeopleList } from './components/SVGIcons/IconPeopleList.js';
+export { IconPeopleListFilled } from './components/SVGIcons/IconPeopleListFilled.js';
+export { IconPeopleTeam } from './components/SVGIcons/IconPeopleTeam.js';
+export { IconPeopleTeamFilled } from './components/SVGIcons/IconPeopleTeamFilled.js';
 export { IconPercent } from './components/SVGIcons/IconPercent.js';
 export { IconPerson } from './components/SVGIcons/IconPerson.js';
 export { IconPersonAccount } from './components/SVGIcons/IconPersonAccount.js';
@@ -337,11 +355,14 @@ export { IconTableCellEditFilled } from './components/SVGIcons/IconTableCellEdit
 export { IconTelegram } from './components/SVGIcons/IconTelegram.js';
 export { IconTimer } from './components/SVGIcons/IconTimer.js';
 export { IconTimerFilled } from './components/SVGIcons/IconTimerFilled.js';
+export { IconTrophy } from './components/SVGIcons/IconTrophy.js';
+export { IconTrophyFilled } from './components/SVGIcons/IconTrophyFilled.js';
 export { IconTwitter } from './components/SVGIcons/IconTwitter.js';
 export { IconUndo } from './components/SVGIcons/IconUndo.js';
 export { IconUndoFilled } from './components/SVGIcons/IconUndoFilled.js';
 export { IconUnitsEmployee } from './components/SVGIcons/IconUnitsEmployee.js';
 export { IconUpload } from './components/SVGIcons/IconUpload.js';
+export { IconUs } from './components/SVGIcons/IconUs.js';
 export { IconUsd } from './components/SVGIcons/IconUsd.js';
 export { IconUsdFilled } from './components/SVGIcons/IconUsdFilled.js';
 export { IconUserMinus } from './components/SVGIcons/IconUserMinus.js';
@@ -352,8 +373,7 @@ export { IconWalletFilled } from './components/SVGIcons/IconWalletFilled.js';
 export { IconWarning } from './components/SVGIcons/IconWarning.js';
 export { IconWarningFilled } from './components/SVGIcons/IconWarningFilled.js';
 export { IconYoutube } from './components/SVGIcons/IconYoutube.js';
-export { IconChevronDoubleLeft } from './components/SVGIcons/IconChevronDoubleLeft.js';
-export { IconChevronDoubleRight } from './components/SVGIcons/IconChevronDoubleRight.js';
+export { UnderConstruction } from './components/UnderConstruction/UnderConstruction.js';
 export { OptionItem } from './helperComponents/OptionItem/OptionItem.js';
 export { FormContext } from './context/types.js';
 import 'react';
@@ -373,37 +393,46 @@ import '@babel/runtime/helpers/toConsumableArray';
 import 'react-dropzone';
 import './type/file-upload.js';
 import './helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import './helpers/locale.js';
 import './type/locale.js';
 import './helpers/storage.js';
 import 'react-toastify';
 import './hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import './helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import './hooks/useOnOutsideClick.js';
 import './hooks/useHideBodyScroll.js';
 import './components/Tooltip/types.js';
 import './utils/helpers.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import './components/Popover/PopoverDesktop.js';
 import './hooks/useGetTooltipStyles.js';
 import './hooks/useGetElemSizes.js';
 import './hooks/useGetElemPositions.js';
 import './hooks/useGetTooltipPosition.js';
 import './hooks/useHideOnScroll.js';
-import './helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import './helperComponents/IconDynamicComponent/constants.js';
+import './components/IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import './components/FileUpload/DropzoneFileUpload/FilePreview.js';
 import './helpers/download-file.js';
 import './components/Button/consts.js';
 import './components/BadgeV2/types.js';
+import './components/ButtonGroup/ButtonGroupItem.js';
+import './components/ButtonGroup/consts.js';
 import './components/Chips/types.js';
 import './components/Chips/consts.js';
 import './components/Card/CardContext.js';
 import './components/Card/CardComponent/Card.js';
 import './components/Card/CardComponent/CardHead.js';
 import './components/Card/CardComponent/CardBody.js';
+import './components/Card/CardComponent/CardFooter.js';
+import './components/CardGroup/CardGroupContext.js';
+import './components/CardGroup/CardGroupComponent/CardGroup.js';
+import './components/CardGroup/CardGroupComponent/CardHead.js';
+import './components/CardGroup/CardGroupComponent/CardBody.js';
 import './components/Collapse/Collapse/Title.js';
 import './components/DatePicker/TimePicker/TimePickerMobile.js';
 import './helperComponents/Label/Label.js';
@@ -411,11 +440,18 @@ import './components/DatePicker/TimePicker/MobileModalContent.js';
 import './components/DatePicker/TimePicker/consts.js';
 import './components/DatePicker/TimePicker/helpers.js';
 import '@ncdai/react-wheel-picker';
+import '@ncdai/react-wheel-picker/style.css';
 import './components/DatePicker/TimePicker/TimePickerDesktop.js';
 import 'react-datepicker';
 import './components/DatePicker/hooks.js';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/regenerator';
+import 'date-fns/locale/hy';
+import 'date-fns/locale/en-GB';
+import 'date-fns/locale/ru';
+import 'dayjs/locale/hy-am';
+import 'dayjs/locale/ru';
+import 'dayjs/locale/en';
 import './components/DatePicker/SimpleDatePicker/SimpleDatePickerDesktop.js';
 import './components/DatePicker/CustomHeader/CustomHeader.js';
 import './components/DatePicker/CustomHeader/helpers.js';
@@ -426,7 +462,7 @@ import './components/DatePicker/types.js';
 import './components/DatePicker/RangeDatePicker/RangeDatePickerMobile.js';
 import './components/FileUpload/UploadItems.js';
 import './helperComponents/ErrorMessage/ErrorMessage.js';
-import '@hookform/resolvers';
+import '@hookform/resolvers/yup';
 import '@hookform/error-message';
 import 'react-input-mask';
 import 'react-number-format';
@@ -467,6 +503,7 @@ import './components/Table/utils.js';
 import './components/Table/IndeterminateCheckbox.js';
 import './components/Table/Row.js';
 import './components/Table/Header.js';
+import './components/Table/localization.js';
 import '@tanstack/react-table';
 import '@dnd-kit/core';
 import '@dnd-kit/sortable';
@@ -477,3 +514,5 @@ import './components/TableV2/IndeterminateCheckbox.js';
 import './components/TableV2/loadTableSettings.js';
 import './components/TableV2/hooks/useTableColumnSettings.js';
 import './components/TableV2/constants/index.js';
+import 'react-loading-skeleton/dist/skeleton.css';
+import './components/UnderConstruction/localization.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.21",
   "description": "UI library for Dino",
   "main": "./index.js",
   "module": "./index.js",
@@ -11,9 +11,9 @@
     "url": "https://github.com/hrmuilibrary/hrm_ui_library.git"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "yup": "^1.2.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "yup": ">=1.0.0"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -23,8 +23,9 @@
     "@ncdai/react-wheel-picker": "^1.0.14",
     "@tanstack/react-table": "^8.21.3",
     "classnames": "^2.5.1",
+    "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
-    "framer-motion": "12.23.0",
+    "motion": "^12.23.12",
     "react-datepicker": "^8.4.0",
     "react-dropzone": "^14.3.8",
     "react-hook-form": "^7.59.0",

package/helperComponents/IconDynamicComponent/IconDynamicComponent.d.ts

@@ -1,9 +0,0 @@
-import { ReactElement } from 'react';
-interface IconDynamicComponentProps {
-    componentName: string;
-    size?: string;
-    type?: string;
-    className?: string;
-}
-export declare const IconDynamicComponent: ({ componentName, size, type, className }: IconDynamicComponentProps) => ReactElement | null;
-export default IconDynamicComponent;

package/helperComponents/IconDynamicComponent/IconDynamicComponent.js

@@ -1,26 +0,0 @@
-import React, { Suspense } from 'react';
-import { IconComponentMapping } from './constants.js';
-
-var IconDynamicComponent = function IconDynamicComponent(_ref) {
-  var componentName = _ref.componentName,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'inverse' : _ref$type,
-    className = _ref.className;
-  if (!componentName || !IconComponentMapping[componentName]) {
-    return null;
-  }
-
-  // Dynamically load the component based on the componentName prop
-  var Component = IconComponentMapping[componentName];
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: null
-  }, /*#__PURE__*/React.createElement(Component, {
-    type: type,
-    size: size,
-    className: className
-  }));
-};
-
-export { IconDynamicComponent, IconDynamicComponent as default };

package/helperComponents/IconDynamicComponent/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const IconComponentMapping: {
-    [key: string]: any;
-};

package/helperComponents/IconDynamicComponent/constants.js

@@ -1,33 +0,0 @@
-import { lazy } from 'react';
-
-var IconComponentMapping = {
-  warningFilled: /*#__PURE__*/lazy(function () {
-    return import('../../components/SVGIcons/IconWarningFilled.js');
-  }),
-  checkmarkCircleFilled: /*#__PURE__*/lazy(function () {
-    return import('../../components/SVGIcons/IconCheckmarkCircleFilled.js');
-  }),
-  errorCircleFilled: /*#__PURE__*/lazy(function () {
-    return import('../../components/SVGIcons/IconErrorCircleFilled.js');
-  }),
-  infoFilled: /*#__PURE__*/lazy(function () {
-    return import('../../components/SVGIcons/IconInfoFilled.js');
-  }),
-  checkmark: /*#__PURE__*/lazy(function () {
-    return import('../../components/SVGIcons/IconCheckmark.js');
-  }),
-  subtract: /*#__PURE__*/lazy(function () {
-    return import('../../components/SVGIcons/IconSubtract.js');
-  }),
-  am: /*#__PURE__*/lazy(function () {
-    return import('../../components/SVGIcons/IconAm.js');
-  }),
-  ru: /*#__PURE__*/lazy(function () {
-    return import('../../components/SVGIcons/IconRu.js');
-  }),
-  us: /*#__PURE__*/lazy(function () {
-    return import('../../components/SVGIcons/IconGb.js');
-  })
-};
-
-export { IconComponentMapping };