@asaleh37/ui-base 1.2.30 → 25.6.2-0.1

package/src/hooks/UseWindow.tsx

@@ -1,107 +1,107 @@
-import { useEffect, useState } from "react";
-import {
-  AppBar,
-  Box,
-  IconButton,
-  Modal,
-  Paper,
-  Toolbar,
-  Typography,
-} from "@mui/material";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-
-export interface TemplateWindowProp {
-  height?: any;
-  width?: any;
-  minWidth?: any;
-  minHeight?: any;
-  windowIcon?: IconProp;
-  windowTitle?: string;
-  onCloseCallBack?: any;
-}
-
-interface WindowProps {
-  children?: React.ReactNode;
-}
-
-export const useWindow = (props: TemplateWindowProp) => {
-  const [windowState, setWindowState] = useState(false);
-
-  const Window: React.FC<WindowProps> = (windowProps: WindowProps) => {
-    return (
-      <Modal
-        open={windowState}
-        sx={{ zIndex: (theme) => theme.zIndex.drawer }}
-        onClose={() => {
-          if (!windowState && props?.onCloseCallBack) {
-            props.onCloseCallBack();
-          }
-        }}
-      >
-        <Box
-          sx={{
-            position: "absolute",
-            top: "50%",
-            left: "50%",
-            maxHeight: "90%",
-            transform: "translate(-50%, -50%)",
-            height: props?.height || "80%",
-            width: props?.width || "90%",
-            minWidth: props.minWidth || 400,
-            minHeight: props.minHeight || 200,
-            overflow: "hidden",
-            bgcolor: "modalBackground.main",
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            justifyContent: "flex-start",
-          }}
-        >
-          <AppBar position="static">
-            <Toolbar variant="dense">
-              <FontAwesomeIcon
-                icon={props?.windowIcon || "window-maximize"}
-                style={{ marginRight: 5 }}
-              />
-              <Typography variant="h6" color="inherit" component="div">
-                {props?.windowTitle || "window"}
-              </Typography>
-              <div style={{ flexGrow: 1 }}></div>
-              <IconButton
-                onClick={() => {
-                  setWindowState(false);
-                  if (
-                    props.onCloseCallBack != undefined &&
-                    props.onCloseCallBack != null
-                  ) {
-                    props.onCloseCallBack();
-                  }
-                }}
-                color="secondary"
-              >
-                <FontAwesomeIcon icon="xmark-square" />
-              </IconButton>
-            </Toolbar>
-          </AppBar>
-          <Paper
-            sx={{
-              // flexGrow: 1,
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "center",
-              width: "100%",
-              height: "100%",
-              padding: 1,
-              // justifyContent: "center",
-              overflow: "hidden",
-            }}
-          >
-            {windowProps?.children}
-          </Paper>
-        </Box>
-      </Modal>
-    );
-  };
-  return { windowState, setWindowState, Window };
-};
+import { useEffect, useState } from "react";
+import {
+  AppBar,
+  Box,
+  IconButton,
+  Modal,
+  Paper,
+  Toolbar,
+  Typography,
+} from "@mui/material";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
+export interface TemplateWindowProp {
+  height?: any;
+  width?: any;
+  minWidth?: any;
+  minHeight?: any;
+  windowIcon?: IconProp;
+  windowTitle?: string;
+  onCloseCallBack?: any;
+}
+
+interface WindowProps {
+  children?: React.ReactNode;
+}
+
+export const useWindow = (props: TemplateWindowProp) => {
+  const [windowState, setWindowState] = useState(false);
+
+  const Window: React.FC<WindowProps> = (windowProps: WindowProps) => {
+    return (
+      <Modal
+        open={windowState}
+        sx={{ zIndex: (theme) => theme.zIndex.drawer }}
+        onClose={() => {
+          if (!windowState && props?.onCloseCallBack) {
+            props.onCloseCallBack();
+          }
+        }}
+      >
+        <Box
+          sx={{
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            maxHeight: "90%",
+            transform: "translate(-50%, -50%)",
+            height: props?.height || "80%",
+            width: props?.width || "90%",
+            minWidth: props.minWidth || 400,
+            minHeight: props.minHeight || 200,
+            overflow: "hidden",
+            bgcolor: "modalBackground.main",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "flex-start",
+          }}
+        >
+          <AppBar position="static">
+            <Toolbar variant="dense">
+              <FontAwesomeIcon
+                icon={props?.windowIcon || "window-maximize"}
+                style={{ marginRight: 5 }}
+              />
+              <Typography variant="h6" color="inherit" component="div">
+                {props?.windowTitle || "window"}
+              </Typography>
+              <div style={{ flexGrow: 1 }}></div>
+              <IconButton
+                onClick={() => {
+                  setWindowState(false);
+                  if (
+                    props.onCloseCallBack != undefined &&
+                    props.onCloseCallBack != null
+                  ) {
+                    props.onCloseCallBack();
+                  }
+                }}
+                color="secondary"
+              >
+                <FontAwesomeIcon icon="xmark-square" />
+              </IconButton>
+            </Toolbar>
+          </AppBar>
+          <Paper
+            sx={{
+              // flexGrow: 1,
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              width: "100%",
+              height: "100%",
+              padding: 1,
+              // justifyContent: "center",
+              overflow: "hidden",
+            }}
+          >
+            {windowProps?.children}
+          </Paper>
+        </Box>
+      </Modal>
+    );
+  };
+  return { windowState, setWindowState, Window };
+};

package/src/hooks/index.ts

@@ -1,7 +1,7 @@
-export { default as useAxios } from "./useAxios";
-export { useConfirmationWindow } from "./UseConfirmationWindow";
-export { default as useLoadingMask } from "./useLoadingMask";
-export { useIsMobile } from "./UseMobile";
-export { default as useSession } from "./UseSession";
-export { useWindow } from "./UseWindow";
-export { default as useApiActions } from "./useApiActions";
+export { default as useAxios } from "./useAxios";
+export { useConfirmationWindow } from "./UseConfirmationWindow";
+export { default as useLoadingMask } from "./useLoadingMask";
+export { useIsMobile } from "./UseMobile";
+export { default as useSession } from "./UseSession";
+export { useWindow } from "./UseWindow";
+export { default as useApiActions } from "./useApiActions";

package/src/hooks/useApiActions.ts

@@ -1,124 +1,124 @@
-import { useDispatch, useSelector } from "react-redux";
-import useSession from "./UseSession";
-import useAxios from "./useAxios";
-import { setStoreData } from "../redux/features/common/CommonStoreSlice";
-
-export type ApiActionsProps = {
-  findAll?: string;
-  commonStoreKey?: string;
-  setData?: any;
-  findById?: string;
-  findByIdParamName?: string;
-  save?: string;
-  deleteById?: string;
-  deleteByIdParamName?: string;
-};
-
-export type ApiActions = {
-  reloadData: (params?: any) => Promise<void>;
-  saveRecord: (record: any) => Promise<any | null>;
-  loadRecordById: (recordId: any) => Promise<any>;
-  deleteRecordById: (recordId: any) => Promise<boolean>;
-};
-
-const useApiActions: (apiActionsProps: ApiActionsProps) => ApiActions = (
-  apiActionsProps: ApiActionsProps
-) => {
-  const CommonStores = useSelector((state: any) => state.commonStores.stores);
-  const dispatch = useDispatch();
-  const session = useSession();
-  const { handleGetRequest, handlePostRequest, handleDeleteRequest } =
-    useAxios();
-  const reloadData = async (params?: any) => {
-    if (apiActionsProps?.commonStoreKey) {
-      const storeKeys = Object.keys(CommonStores);
-      for (const storeKey of storeKeys) {
-        if (storeKey === apiActionsProps.commonStoreKey) {
-          if (
-            (CommonStores[storeKey]?.authority === undefined ||
-              CommonStores[storeKey]?.authority === null ||
-              session.isUserAuthorized(CommonStores[storeKey]?.authority)) &&
-            CommonStores[storeKey]?.url != ""
-          ) {
-            await handleGetRequest({
-              endPointURI: CommonStores[storeKey].url,
-              showMask: false,
-              successCallBkFn: (response: any) => {
-                dispatch(setStoreData({ storeKey, data: response.data }));
-                apiActionsProps.setData(response.data);
-              },
-              failureCallBkFn: () => {
-                dispatch(setStoreData({ storeKey, data: [] }));
-                apiActionsProps.setData([]);
-              },
-            });
-            break;
-          }
-        }
-      }
-    } else if (apiActionsProps?.findAll) {
-      await handleGetRequest({
-        endPointURI: apiActionsProps.findAll,
-        showMask: true,
-        parameters: params || {},
-        successCallBkFn: (response: any) => {
-          apiActionsProps.setData(response.data);
-        },
-      });
-    }
-  };
-  const saveRecord = async (record: any) => {
-    let savedRecord = null;
-    if (apiActionsProps?.save) {
-      await handlePostRequest({
-        endPointURI: apiActionsProps.save,
-        data: record,
-        showMask: true,
-        successCallBkFn: (response: any) => {
-          savedRecord = response.data;
-        },
-      });
-    }
-    return savedRecord;
-  };
-  const loadRecordById = async (recordId: any) => {
-    let record: any = null;
-    if (apiActionsProps?.findById) {
-      const parameters: any = {};
-      const keyParameterName = apiActionsProps?.findByIdParamName || "id";
-      parameters[keyParameterName] = recordId;
-      await handleGetRequest({
-        endPointURI: apiActionsProps.findById,
-        showMask: true,
-        parameters,
-        successCallBkFn: (response: any) => {
-          record = response.data;
-        },
-      });
-    }
-    return record;
-  };
-  const deleteRecordById = async (recordId: any) => {
-    let result = true;
-    if (apiActionsProps?.deleteById) {
-      const parameters: any = {};
-      const keyParameterName = apiActionsProps?.deleteByIdParamName || "id";
-      parameters[keyParameterName] = recordId;
-      await handleDeleteRequest({
-        endPointURI: apiActionsProps.deleteById,
-        showMask: true,
-        parameters,
-        successCallBkFn: () => {
-          result = true;
-        },
-        failureCallBkFn: () => {
-          result = false;
-        },
-      });
-    }
-    return result;
-  };
-  return { reloadData, loadRecordById, saveRecord, deleteRecordById };
-};
-
-export default useApiActions;
+import { useDispatch, useSelector } from "react-redux";
+import useSession from "./UseSession";
+import useAxios from "./useAxios";
+import { setStoreData } from "../redux/features/common/CommonStoreSlice";
+
+export type ApiActionsProps = {
+  findAll?: string;
+  commonStoreKey?: string;
+  setData?: any;
+  findById?: string;
+  findByIdParamName?: string;
+  save?: string;
+  deleteById?: string;
+  deleteByIdParamName?: string;
+};
+
+export type ApiActions = {
+  reloadData: (params?: any) => Promise<void>;
+  saveRecord: (record: any) => Promise<any | null>;
+  loadRecordById: (recordId: any) => Promise<any>;
+  deleteRecordById: (recordId: any) => Promise<boolean>;
+};
+
+const useApiActions: (apiActionsProps: ApiActionsProps) => ApiActions = (
+  apiActionsProps: ApiActionsProps
+) => {
+  const CommonStores = useSelector((state: any) => state.commonStores.stores);
+  const dispatch = useDispatch();
+  const session = useSession();
+  const { handleGetRequest, handlePostRequest, handleDeleteRequest } =
+    useAxios();
+  const reloadData = async (params?: any) => {
+    if (apiActionsProps?.commonStoreKey) {
+      const storeKeys = Object.keys(CommonStores);
+      for (const storeKey of storeKeys) {
+        if (storeKey === apiActionsProps.commonStoreKey) {
+          if (
+            (CommonStores[storeKey]?.authority === undefined ||
+              CommonStores[storeKey]?.authority === null ||
+              session.isUserAuthorized(CommonStores[storeKey]?.authority)) &&
+            CommonStores[storeKey]?.url != ""
+          ) {
+            await handleGetRequest({
+              endPointURI: CommonStores[storeKey].url,
+              showMask: false,
+              successCallBkFn: (response: any) => {
+                dispatch(setStoreData({ storeKey, data: response.data }));
+                apiActionsProps.setData(response.data);
+              },
+              failureCallBkFn: () => {
+                dispatch(setStoreData({ storeKey, data: [] }));
+                apiActionsProps.setData([]);
+              },
+            });
+            break;
+          }
+        }
+      }
+    } else if (apiActionsProps?.findAll) {
+      await handleGetRequest({
+        endPointURI: apiActionsProps.findAll,
+        showMask: true,
+        parameters: params || {},
+        successCallBkFn: (response: any) => {
+          apiActionsProps.setData(response.data);
+        },
+      });
+    }
+  };
+  const saveRecord = async (record: any) => {
+    let savedRecord = null;
+    if (apiActionsProps?.save) {
+      await handlePostRequest({
+        endPointURI: apiActionsProps.save,
+        data: record,
+        showMask: true,
+        successCallBkFn: (response: any) => {
+          savedRecord = response.data;
+        },
+      });
+    }
+    return savedRecord;
+  };
+  const loadRecordById = async (recordId: any) => {
+    let record: any = null;
+    if (apiActionsProps?.findById) {
+      const parameters: any = {};
+      const keyParameterName = apiActionsProps?.findByIdParamName || "id";
+      parameters[keyParameterName] = recordId;
+      await handleGetRequest({
+        endPointURI: apiActionsProps.findById,
+        showMask: true,
+        parameters,
+        successCallBkFn: (response: any) => {
+          record = response.data;
+        },
+      });
+    }
+    return record;
+  };
+  const deleteRecordById = async (recordId: any) => {
+    let result = true;
+    if (apiActionsProps?.deleteById) {
+      const parameters: any = {};
+      const keyParameterName = apiActionsProps?.deleteByIdParamName || "id";
+      parameters[keyParameterName] = recordId;
+      await handleDeleteRequest({
+        endPointURI: apiActionsProps.deleteById,
+        showMask: true,
+        parameters,
+        successCallBkFn: () => {
+          result = true;
+        },
+        failureCallBkFn: () => {
+          result = false;
+        },
+      });
+    }
+    return result;
+  };
+  return { reloadData, loadRecordById, saveRecord, deleteRecordById };
+};
+
+export default useApiActions;