@antscorp/antsomi-ui 1.3.5-beta.754 → 1.3.5-beta.756

package/es/components/organism/AccountSharing/AccountSharing.js

@@ -12,6 +12,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import axios from 'axios';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { CookiesProvider, useCookies } from 'react-cookie';
+import { useInView } from 'react-intersection-observer';
 // Icons
 import { Button, Flex, Popover, Spin, Text, Typography } from '../../atoms';
 import { AccountProfile } from '../AccountProfile';
@@ -34,8 +35,16 @@ import { ENV } from '@antscorp/antsomi-ui/es/config';
 // };
 const InputSearch = props => {
     const { value, onChange, className, onClickRemove } = props;
-    return (React.createElement(InputSearchStyled, { className: className || '' },
-        React.createElement("input", { className: "input-search-account", placeholder: "Search...", value: value, onChange: e => onChange(e.target.value) }),
+    const inputRef = useRef(null);
+    const { ref: wrapperRef, inView: componentInView } = useInView();
+    useEffect(() => {
+        var _a;
+        if (componentInView) {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [componentInView]);
+    return (React.createElement(InputSearchStyled, { className: className || '', ref: wrapperRef },
+        React.createElement("input", { className: "input-search-account", placeholder: "Search...", value: value, onChange: e => onChange(e.target.value), ref: inputRef }),
         value ? (React.createElement(CloseIcon, { className: "remove-icon", onClick: onClickRemove })) : (React.createElement(SearchIcon, { className: "search-icon" }))));
 };
 export const AccountSharing = props => {

package/es/providers/ConfigProvider/ConfigProvider.js

@@ -25,9 +25,6 @@ import { THEME } from '@antscorp/antsomi-ui/es/constants';
 // Style
 import '@antscorp/antsomi-ui/es/assets/css/main.scss';
 import { GlobalStyle } from './GlobalStyle';
-// Initialize languages
-// import '@antscorp/antsomi-ui/es/locales/i18n';
-import i18next from '@antscorp/antsomi-ui/es/locales/i18n';
 import 'animate.css';
 import { AppConfigProvider } from '../AppConfigProvider';
 // Hooks
@@ -82,11 +79,11 @@ const ConfigProvider = props => {
         characterDataOldValue: true,
     });
     // Effects
-    useEffect(() => {
-        if (locale) {
-            i18next.changeLanguage(locale);
-        }
-    }, [locale]);
+    // useEffect(() => {
+    //   if (locale) {
+    //     i18next.changeLanguage(locale);
+    //   }
+    // }, [locale]);
     useEffect(() => {
         const containers = document.getElementsByClassName('antsomi-scroll-box');
         handleScrollAction(Array.from(containers));

package/es/queries/User/index.js

@@ -1,4 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
+import i18next from '@antscorp/antsomi-ui/es/locales/i18n';
 // Services
 import { userServices } from '../../services/User';
 import { PORTAL_KEYS, QUERY_KEYS } from '../../constants';
@@ -9,5 +10,6 @@ export const useGetLoggedUser = (params) => {
             UserAndPortalDefaultConfig.setPartial({
                 [PORTAL_KEYS.USER_LANGUAGE]: data.language,
             });
+            i18next.changeLanguage(`${data.language || 'en'}`.toLowerCase());
         } }, options));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.754",
+  "version": "1.3.5-beta.756",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",