@asaleh37/ui-base 1.0.8 → 1.1.0

package/src/components/admin/WorkflowDocumentGrid.tsx

@@ -0,0 +1,185 @@
+import { useState } from "react";
+import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import useApiActions from "../templates/DataEntryTemplates/useApiActions";
+import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
+
+const WorkflowDocumentGrid: React.FC = () => {
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/workflowdocument/all",
+    deleteById: "api/v1/admin/workflowdocument",
+    save: "api/v1/admin/workflowdocument",
+    findById: "api/v1/admin/workflowdocument",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_APP_NOTIFICATION_ICON",
+        fieldName: "appNotificationIcon",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_APP_NOTIFICATION_STYLE",
+        fieldName: "appNotificationStyle",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_APP_VIEW_ROUTE",
+        fieldName: "appViewRoute",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_CODE",
+        fieldName: "documentCode",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_CON_ID",
+        fieldName: "documentConId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_DATABASE_NAME",
+        fieldName: "documentDatabaseName",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_DATABASE_TABLE",
+        fieldName: "documentDatabaseTable",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_ID_FIELD",
+        fieldName: "documentIdField",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_NAME",
+        fieldName: "documentName",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_NUMBER_FIELD",
+        fieldName: "documentNumberField",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_REPORT_ID",
+        fieldName: "documentReportId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_STATUS_FIELD",
+        fieldName: "documentStatusField",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_APPROVAL_ALLOWED",
+        fieldName: "mailApprovalAllowed",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_ORG_CODE",
+        fieldName: "orgCode",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_USE_SYSTEM_CON",
+        fieldName: "useSystemCon",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="WORKFLOW_DOCUMENT_PLURAL"
+      girdIcon="table-cells"
+      editAction={{ isEnabled: true, authority: "WORKFLOW_DOCUMENT_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "WORKFLOW_DOCUMENT_DELETE" }}
+    />
+  );
+};
+
+export default WorkflowDocumentGrid;

package/src/components/admin/WorkflowDocumentMailLogGrid.tsx

@@ -0,0 +1,141 @@
+import { useState } from "react";
+import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import useApiActions from "../templates/DataEntryTemplates/useApiActions";
+import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
+
+const WorkflowDocumentMailLogGrid: React.FC = () => {
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/workflowdocumentmaillog/all",
+    deleteById: "api/v1/admin/workflowdocumentmaillog",
+    save: "api/v1/admin/workflowdocumentmaillog",
+    findById: "api/v1/admin/workflowdocumentmaillog",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_GRAPH_API_MSG_ID",
+        fieldName: "graphApiMsgId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_IS_PROCESSED",
+        fieldName: "isProcessed",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_MAIL_ACTION_CODE",
+        fieldName: "mailActionCode",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_MAIL_BODY_CONTENT",
+        fieldName: "mailBodyContent",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_MAIL_FROM",
+        fieldName: "mailFrom",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_MAIL_SUBJECT",
+        fieldName: "mailSubject",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_PROCESS_MESSAGE",
+        fieldName: "processMessage",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_PROCESS_TIME",
+        fieldName: "processTime",
+        required: false,
+        fieldType: "datetime",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_REF_DOC_ID",
+        fieldName: "refDocId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_WORKFLOW_DOCUMENT_ID",
+        fieldName: "workflowDocumentId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="WORKFLOW_DOCUMENT_MAIL_LOG_PLURAL"
+      girdIcon="table-cells"
+      editAction={{
+        isEnabled: true,
+        authority: "WORKFLOW_DOCUMENT_MAIL_LOG_EDIT",
+      }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "WORKFLOW_DOCUMENT_MAIL_LOG_DELETE",
+      }}
+    />
+  );
+};
+
+export default WorkflowDocumentMailLogGrid;

package/src/components/admin/WorkflowDocumentStatusGrid.tsx

@@ -0,0 +1,121 @@
+import { useState } from "react";
+import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import useApiActions from "../templates/DataEntryTemplates/useApiActions";
+import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
+
+const WorkflowDocumentStatusGrid: React.FC = () => {
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/workflowdocumentstatus/all",
+    deleteById: "api/v1/admin/workflowdocumentstatus",
+    save: "api/v1/admin/workflowdocumentstatus",
+    findById: "api/v1/admin/workflowdocumentstatus",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_DOCUMENT_STATUS_CODE",
+        fieldName: "documentStatusCode",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_DOCUMENT_STATUS_NAME",
+        fieldName: "documentStatusName",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_DOCUMENT_STATUS_ORDER",
+        fieldName: "documentStatusOrder",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_IS_ZERO_STATE",
+        fieldName: "isZeroState",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_NEXT_ACTION_TAKERS_QUERY_ID",
+        fieldName: "nextActionTakersQueryId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_NEXT_ACTIONS_QUERY_ID",
+        fieldName: "nextActionsQueryId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_WORKFLOW_DOCUMENT_ID",
+        fieldName: "workflowDocumentId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="WORKFLOW_DOCUMENT_STATUS_PLURAL"
+      girdIcon="table-cells"
+      editAction={{
+        isEnabled: true,
+        authority: "WORKFLOW_DOCUMENT_STATUS_EDIT",
+      }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "WORKFLOW_DOCUMENT_STATUS_DELETE",
+      }}
+    />
+  );
+};
+
+export default WorkflowDocumentStatusGrid;

package/src/components/common/Home.tsx

@@ -0,0 +1,31 @@
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Box } from "@mui/material";
+
+const Home: React.FC = () => {
+  return (
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        flex: 1,
+        fontSize: 24,
+        fontWeight: "bold",
+      }}
+    >
+      <img src="logo.png" style={{ margin: 5 }} />
+      <div>Welcome to Ezzsteel Flat Product Management System</div>
+      <div style={{ fontSize: 16 }}>
+        Use side menu [
+        <FontAwesomeIcon
+          icon="bars"
+          style={{ marginLeft: 10, marginRight: 10 }}
+        />
+        ] to navigate to your authorized system modules
+      </div>
+    </Box>
+  );
+};
+
+export default Home;

package/src/components/common/LanguageSwitcher.tsx

@@ -0,0 +1,25 @@
+import { changeLanguage } from "../../locales/i18n";
+
+
+const LanguageSwitcher: React.FC = () => {
+  return (
+    <div>
+      <button
+        onClick={() => {
+          changeLanguage("ar");
+        }}
+      >
+        arabic
+      </button>
+      <button
+        onClick={() => {
+          changeLanguage("en");
+        }}
+      >
+        english
+      </button>
+    </div>
+  );
+};
+
+export default LanguageSwitcher;

package/src/components/common/LayoutHandlers.tsx

@@ -0,0 +1,12 @@
+import rtlPlugin from "stylis-plugin-rtl";
+import { prefixer } from "stylis";
+import createCache from "@emotion/cache";
+
+export const cacheRtl = createCache({
+  key: "muirtl",
+  stylisPlugins: [prefixer, rtlPlugin],
+});
+
+export const cacheLtr = createCache({
+  key: "mui",
+});

package/src/components/common/LoadingMask.tsx

@@ -0,0 +1,19 @@
+import { useSelector } from "react-redux";
+import { RootState } from "../../redux/store";
+import { Backdrop, CircularProgress } from "@mui/material";
+
+const LoadingMask: React.FC = () => {
+  const loadingMask = useSelector(
+    (state: RootState) => state.loadingMask.value
+  );
+  return (
+    <Backdrop
+      sx={{ color: "#fff", zIndex: (theme) => theme.zIndex.drawer + 1 }}
+      open={loadingMask.isOpened}
+    >
+      <CircularProgress color="inherit" />
+    </Backdrop>
+  );
+};
+
+export default LoadingMask;