@asaleh37/ui-base 1.2.3 → 1.2.5

package/src/components/admin/WorkflowDocumentActionHistoryGrid.tsx

@@ -1,111 +0,0 @@
-import { useState } from "react";
-import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import useApiActions from "../../hooks/useApiActions";
-import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
-
-const WorkflowDocumentActionHistoryGrid: React.FC = () => {
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    findAll: "api/v1/admin/workflowdocumentactionhistory/all",
-    deleteById: "api/v1/admin/workflowdocumentactionhistory",
-    save: "api/v1/admin/workflowdocumentactionhistory",
-    findById: "api/v1/admin/workflowdocumentactionhistory",
-    setData: setData,
-  });
-
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_ACTION_BY",
-        fieldName: "actionBy",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_ACTION_COMMENT",
-        fieldName: "actionComment",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_ACTION_METHOD",
-        fieldName: "actionMethod",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_ACTION_TIME",
-        fieldName: "actionTime",
-        required: false,
-        fieldType: "datetime",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_DOCUMENT_ACTION_ID",
-        fieldName: "documentActionId",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_DOCUMENT_REF_ID",
-        fieldName: "documentRefId",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_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_ACTION_HISTORY_PLURAL"
-      girdIcon="table-cells"
-      editAction={{
-        isEnabled: true,
-        authority: "WORKFLOW_DOCUMENT_ACTION_HISTORY_EDIT",
-      }}
-      deleteAction={{
-        isEnabled: true,
-        authority: "WORKFLOW_DOCUMENT_ACTION_HISTORY_DELETE",
-      }}
-    />
-  );
-};
-
-export default WorkflowDocumentActionHistoryGrid;

package/src/components/admin/WorkflowDocumentActionMailGrid.tsx

@@ -1,71 +0,0 @@
-import { useState } from "react";
-import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import useApiActions from "../../hooks/useApiActions";
-import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
-
-const WorkflowDocumentActionMailGrid: React.FC = () => {
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    findAll: "api/v1/admin/workflowdocumentactionmail/all",
-    deleteById: "api/v1/admin/workflowdocumentactionmail",
-    save: "api/v1/admin/workflowdocumentactionmail",
-    findById: "api/v1/admin/workflowdocumentactionmail",
-    setData: setData,
-  });
-
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_MAIL_DOCUMENT_ACTION_ID",
-        fieldName: "documentActionId",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_MAIL_ENABLED",
-        fieldName: "enabled",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_MAIL_MAIL_TEMPLATE_ID",
-        fieldName: "mailTemplateId",
-        required: false,
-        fieldType: "text",
-      },
-    },
-  ];
-
-  return (
-    <TemplateGrid
-      apiActions={apiActions}
-      data={data}
-      setData={setData}
-      editMode={{ editMode: "row" }}
-      formElements={formElements}
-      keyColumnName={"id"}
-      gridTitle="WORKFLOW_DOCUMENT_ACTION_MAIL_PLURAL"
-      girdIcon="table-cells"
-      editAction={{
-        isEnabled: true,
-        authority: "WORKFLOW_DOCUMENT_ACTION_MAIL_EDIT",
-      }}
-      deleteAction={{
-        isEnabled: true,
-        authority: "WORKFLOW_DOCUMENT_ACTION_MAIL_DELETE",
-      }}
-    />
-  );
-};
-
-export default WorkflowDocumentActionMailGrid;

package/src/components/admin/WorkflowDocumentGrid.tsx

@@ -1,185 +0,0 @@
-import { useState } from "react";
-import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import useApiActions from "../../hooks/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/WorkflowDocumentStatusGrid.tsx

@@ -1,121 +0,0 @@
-import { useState } from "react";
-import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import useApiActions from "../../hooks/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/templates/visuals/TemplateDashboard.tsx

@@ -1,126 +0,0 @@
-import Grid from "@mui/material/Grid2";
-import TemplatePieChart from "./charts/TemplatePieChart";
-import TemplateBarChart from "./charts/TemplateBarChart";
-import TemplateLineChart from "./charts/TemplateLineChart";
-import TemplateGauge from "./charts/TemplateGauge";
-import TemplateDataCard from "./charts/TemplateDataCard";
-import TemplateLineProgress from "./charts/TemplateLineProgress";
-import { Typography } from "@mui/material";
-
-interface WidgetContainerProps {
-  children: React.ReactNode;
-  widgetType: "Line" | "Bar" | "Pie" | "Card" | "Gauge" | "Progress";
-}
-
-export interface WidgetProps {
-  widgetTitle?: string;
-  widgetType: "Line" | "Bar" | "Pie" | "Card" | "Gauge" | "Progress";
-  data: any;
-  valueField: string; //x-axis field in case of line/bar chart
-  labelField: string; //y-axis field in case of line/bar chart, it can also be a comma separated string for multiple series
-}
-
-export interface SingleRecordWidgetProps {
-  widgetTitle?: string;
-  record: object;
-  valueField: string;
-  labelField: string;
-}
-
-export interface DashboardProps {
-  dashboardTitle: string;
-  dashboardWidgets: Array<WidgetProps>;
-}
-
-const WidgetContainer: React.FC<WidgetContainerProps> = ({
-  children,
-  widgetType,
-}) => {
-  return (
-    <Grid
-      size={{ xs: 12, sm: 6, md: 4 }}
-      sx={{
-        alignItems: "center",
-        justifyContent: "center",
-        padding: 1,
-        display: "flex",
-        flexDirection: widgetType != "Card" ? "column" : undefined,
-        height: 300,
-      }}
-    >
-      {children}
-    </Grid>
-  );
-};
-
-const TemplateDashboard: React.FC<DashboardProps> = (props) => {
-  return (
-    <>
-      <Typography sx={{ fontSize: 20, fontWeight: "bold" }}>
-        {props.dashboardTitle}
-      </Typography>
-      <Grid
-        container
-        sx={{
-          flexGrow: 1,
-          width: "100%",
-          overflowY: "auto",
-          padding: 2,
-        }}
-      >
-        {props.dashboardWidgets.map((widgetProps: any, index: any) => {
-          if (
-            widgetProps.widgetType === "Card" ||
-            widgetProps.widgetType === "Gauge" ||
-            widgetProps.widgetType === "Progress"
-          ) {
-            return (
-              <>
-                {widgetProps.data.map((record: any, index: any) => {
-                  const singleRecordWidgetProps: SingleRecordWidgetProps = {
-                    widgetTitle: widgetProps.widgetTitle,
-                    record,
-                    labelField: widgetProps.labelField,
-                    valueField: widgetProps.valueField,
-                  };
-                  return (
-                    <WidgetContainer
-                      key={index}
-                      widgetType={widgetProps.widgetType}
-                    >
-                      {widgetProps.widgetType === "Card" ? (
-                        <TemplateDataCard {...singleRecordWidgetProps} />
-                      ) : null}
-                      {widgetProps.widgetType === "Gauge" ? (
-                        <TemplateGauge {...singleRecordWidgetProps} />
-                      ) : null}
-                      {widgetProps.widgetType === "Progress" ? (
-                        <TemplateLineProgress {...singleRecordWidgetProps} />
-                      ) : null}
-                    </WidgetContainer>
-                  );
-                })}
-              </>
-            );
-          } else {
-            return (
-              <WidgetContainer key={index} widgetType={widgetProps.widgetType}>
-                {widgetProps.widgetType === "Pie" ? (
-                  <TemplatePieChart {...widgetProps} />
-                ) : null}
-                {widgetProps.widgetType === "Line" ? (
-                  <TemplateLineChart {...widgetProps} />
-                ) : null}
-                {widgetProps.widgetType === "Bar" ? (
-                  <TemplateBarChart {...widgetProps} />
-                ) : null}
-              </WidgetContainer>
-            );
-          }
-        })}
-      </Grid>
-    </>
-  );
-};
-
-export default TemplateDashboard;

package/src/redux/features/CounterSlice.tsx

@@ -1,13 +0,0 @@
-import { createSlice } from "@reduxjs/toolkit";
-
-const CounterSlice = createSlice({
-  name: "counter",
-  initialState: { value: 0 },
-  reducers: {
-    increment: (state) => {
-      state.value = state.value + 1;
-    },
-  },
-});
-
-export default CounterSlice.reducer;