awing-library 2.1.2-dev.540 → 2.1.2-dev.541

package/dist/AWING/DataForm/container.test.js

@@ -6,7 +6,7 @@ import { fireEvent, render, screen } from "@testing-library/react";
 import { Constants } from "../../Commons/Constant.js";
 import container from "./container.js";
 var __webpack_modules__ = {
-    "AWING/DataInput": function(module) {
+    "../DataInput": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__DataInput_index_js_c7933a4f__;
     },
     "../helper": function(module) {
@@ -23,7 +23,7 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
-var index_js_ = __webpack_require__("AWING/DataInput");
+var index_js_ = __webpack_require__("../DataInput");
 jest.mock('../DataInput', ()=>({
         __esModule: true,
         default: jest.fn(),
@@ -91,7 +91,7 @@ jest.mock('@mui/material', ()=>({
                 children: children
             })
     }));
-const mockInputFactory = __webpack_require__("AWING/DataInput")["default"];
+const mockInputFactory = __webpack_require__("../DataInput")["default"];
 const mockCalculateValue = __webpack_require__("../helper").calculateValue;
 const mockConvertFormulaToBinaryTree = __webpack_require__("../helper").convertFormulaToBinaryTree;
 const mockReplaceFieldsValue = __webpack_require__("../helper").replaceFieldsValue;

package/dist/AWING/DataForm2/containerOptimized.test.js

@@ -5,7 +5,7 @@ import { act, fireEvent, render, screen, waitFor } from "@testing-library/react"
 import containerOptimized from "./containerOptimized.js";
 import { createFormStateManager } from "./formStateManager.js";
 var __webpack_modules__ = {
-    "AWING/DataInput": function(module) {
+    "../DataInput": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__DataInput_index_js_c7933a4f__;
     }
 };
@@ -98,7 +98,7 @@ jest.mock('@mui/material', ()=>({
                 children: children
             })
     }));
-const mockInputFactory = __webpack_require__("AWING/DataInput")["default"];
+const mockInputFactory = __webpack_require__("../DataInput")["default"];
 describe('DataForm Optimized - Performance Tests', ()=>{
     let inputRenderCounts = {};
     const mockFields = [

package/dist/Features/SYSTEM/Group/SearchUser/component.d.ts

@@ -3,6 +3,8 @@ interface SearchUserGroupUserProps {
     listUserId: number[];
     onListUserIdChange: (listUserId: number[]) => void;
     users: User[];
+    onSearch?: (searchString: string) => void;
+    loading?: boolean;
 }
 declare function SearchUserGroupUser(props: SearchUserGroupUserProps): import("react/jsx-runtime").JSX.Element;
 export default SearchUserGroupUser;

package/dist/Features/SYSTEM/Group/SearchUser/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/Features/SYSTEM/Group/SearchUser/component.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,UAAU,wBAAwB;IAC9B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;CACjB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA2E3D;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/Features/SYSTEM/Group/SearchUser/component.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,UAAU,wBAAwB;IAC9B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAwE3D;AAED,eAAe,mBAAmB,CAAC"}

package/dist/Features/SYSTEM/Group/SearchUser/component.js

@@ -2,18 +2,11 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { filter, some } from "lodash";
 import { Checkbox, FormControlLabel, Paper } from "@mui/material";
-import { NoData, SearchBox } from "../../../../AWING/index.js";
+import { CircularProgress, NoData, SearchBox } from "../../../../AWING/index.js";
 import Grid from "@mui/material/Grid";
 function SearchUserGroupUser(props) {
-    const { listUserId, onListUserIdChange, users } = props;
-    const [usersSearchResult, setUsersSearchResult] = useState([]);
+    const { listUserId, onListUserIdChange, users, onSearch, loading } = props;
     const [keyWordSearch, setKeyWordSearch] = useState('');
-    const handleFilterByFieldName = (list, newSearchString)=>{
-        let result = [];
-        if ('' === newSearchString) return [];
-        result = list?.filter((item)=>item.username === newSearchString) || [];
-        return result;
-    };
     const handleChangeUserList = (userId, e)=>{
         let newUserIds = listUserId.slice();
         if (e.target.checked) onListUserIdChange([
@@ -27,13 +20,14 @@ function SearchUserGroupUser(props) {
     };
     const handleSearch = (searchString)=>{
         setKeyWordSearch(searchString);
-        const newUsersSearchResult = handleFilterByFieldName(users, searchString);
-        setUsersSearchResult(newUsersSearchResult);
+        if (onSearch) onSearch(searchString);
     };
     return /*#__PURE__*/ jsxs(Paper, {
         sx: (theme)=>({
                 padding: (theme)=>theme.spacing(3),
-                border: theme.palette.background.paper
+                border: theme.palette.background.paper,
+                minHeight: '200px',
+                position: 'relative'
             }),
         children: [
             /*#__PURE__*/ jsx(SearchBox, {
@@ -45,12 +39,19 @@ function SearchUserGroupUser(props) {
                     handleSearch(searchString);
                 }
             }),
-            usersSearchResult && usersSearchResult?.length > 0 ? /*#__PURE__*/ jsx(Grid, {
+            loading ? /*#__PURE__*/ jsx(Grid, {
+                container: true,
+                justifyContent: "center",
+                sx: {
+                    mt: 3
+                },
+                children: /*#__PURE__*/ jsx(CircularProgress, {})
+            }) : users && users?.length > 0 ? /*#__PURE__*/ jsx(Grid, {
                 container: true,
                 sx: {
                     mt: 3
                 },
-                children: usersSearchResult?.map((user, key)=>/*#__PURE__*/ jsx(Grid, {
+                children: users?.map((user, key)=>/*#__PURE__*/ jsx(Grid, {
                         size: {
                             xs: 12,
                             sm: 6,

package/dist/Features/SYSTEM/Group/SearchUser/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../../src/Features/SYSTEM/Group/SearchUser/container.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,UAAU,YAAY;IAClB,aAAa,EAAE,IAAI,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CAC7C;AAED,QAAA,MAAM,OAAO,UAAW,YAAY,4CA0EnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../../src/Features/SYSTEM/Group/SearchUser/container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAQlD,UAAU,YAAY;IAClB,aAAa,EAAE,IAAI,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CAC7C;AAED,QAAA,MAAM,OAAO,UAAW,YAAY,4CA+GnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Features/SYSTEM/Group/SearchUser/container.js

@@ -1,21 +1,24 @@
 import { jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import lodash from "lodash";
 import Grid from "@mui/material/Grid";
+import lodash from "lodash";
+import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
-import component from "./component.js";
 import { ClassicDrawer } from "../../../../Commons/index.js";
-import { CircularProgress } from "../../../../AWING/index.js";
 import { useContextGroup } from "../context.js";
+import component from "./component.js";
 const AddUser = (props)=>{
     const { t } = useTranslation();
     const { usersSelected, onChangeAddUser = ()=>null } = props;
     const [listUserId, setListUserId] = useState([]);
     const [usersData, setUsersData] = useState([]);
     const [loading, setLoading] = useState(false);
+    const usersCache = useRef({});
     const { services } = useContextGroup();
     useEffect(()=>{
         setListUserId(usersSelected.length > 0 ? usersSelected.map((item)=>item.id).filter((id)=>void 0 !== id) : []);
+        usersSelected.forEach((user)=>{
+            if (void 0 !== user.id) usersCache.current[user.id] = user;
+        });
     }, [
         usersSelected
     ]);
@@ -26,7 +29,7 @@ const AddUser = (props)=>{
         const newUserIds = lodash.differenceWith(userIds, usersSelected, (a, b)=>a === b.id);
         const newUsers = [
             ...newUserIds.map((userId)=>{
-                const user = usersData?.find((user)=>user?.id === userId);
+                const user = usersCache.current[userId];
                 return {
                     id: userId,
                     username: user?.username ?? '',
@@ -36,14 +39,33 @@ const AddUser = (props)=>{
         ];
         onChangeAddUser(newUsers);
     };
-    useEffect(()=>{
+    const fetchUsers = (searchString)=>{
         if (services?.getUsers) {
             setLoading(true);
-            services.getUsers().then((data)=>{
+            services.getUsers({
+                where: {
+                    username: {
+                        eq: searchString
+                    }
+                }
+            }).then((data)=>{
                 setUsersData(data.users);
+                data.users.forEach((user)=>{
+                    if (void 0 !== user.id) usersCache.current[user.id] = user;
+                });
             }).finally(()=>setLoading(false));
         }
-    }, []);
+    };
+    const debouncedFetchUsers = useRef(lodash.debounce((query)=>{
+        fetchUsers(query);
+    }, 500)).current;
+    const handleSearch = (val)=>{
+        if ('' !== val) debouncedFetchUsers(val);
+        else {
+            debouncedFetchUsers.cancel();
+            setUsersData([]);
+        }
+    };
     return /*#__PURE__*/ jsx(ClassicDrawer, {
         title: t('UserGroup.TitleAdd'),
         onSubmit: ()=>new Promise((resolve, _reject)=>{
@@ -58,10 +80,12 @@ const AddUser = (props)=>{
                 pl: 1,
                 pr: 1
             },
-            children: loading ? /*#__PURE__*/ jsx(CircularProgress, {}) : /*#__PURE__*/ jsx(component, {
+            children: /*#__PURE__*/ jsx(component, {
                 users: usersData?.filter((x)=>null !== x).filter((x)=>!usersSelected?.map((y)=>y.id).includes(x.id)) ?? [],
                 listUserId: listUserId,
-                onListUserIdChange: handleListUserIdChange
+                onListUserIdChange: handleListUserIdChange,
+                onSearch: handleSearch,
+                loading: loading
             })
         })
     });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.2-dev.540",
+    "version": "2.1.2-dev.541",
     "license": "MIT",
     "exports": {
         ".": {