@asaleh37/ui-base 25.6.19-6 → 25.6.21

package/src/components/administration/dev/DataQueryParameterGrid.tsx

@@ -1,191 +1,191 @@
-import { useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-import { useApiActions } from "../../../hooks";
-import { useSelector } from "react-redux";
-
-type DataQueryParameterGridProps = {
-  selectedRecord: any;
-};
-
-const DataQueryParameterGrid: React.FC<DataQueryParameterGridProps> = (
-  props
-) => {
-  const SystemEntityParameters = useSelector(
-    (state: any) => state.commonStores.stores.SystemEntityParameters.data
-  );
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    findAll: "api/v1/dev/dataqueryparameter/all",
-    deleteById: "api/v1/dev/dataqueryparameter",
-    save: "api/v1/dev/dataqueryparameter",
-    findById: "api/v1/dev/dataqueryparameter",
-    setData: setData,
-  });
-
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "id",
-        fieldName: "id",
-        fieldType: "number",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "createTime",
-        fieldName: "createTime",
-        fieldType: "datetime",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "createdBy",
-        fieldName: "createdBy",
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "lastUpdateBy",
-        fieldName: "lastUpdateBy",
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "lastUpdateTime",
-        fieldName: "lastUpdateTime",
-        fieldType: "datetime",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATA_QUERY_PARAMETER_DATA_QUERY_ID",
-        fieldName: "dataQueryId",
-        required: false,
-        fieldType: "number",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATA_QUERY_PARAMETER_ENTITY_PARAMETER_ID",
-        fieldName: "entityParameterId",
-        required: true,
-        fieldType: "combobox",
-        options: SystemEntityParameters,
-        optionValueField: "id",
-        optionDisplayField: "parameterCode",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATA_QUERY_PARAMETER_DEFAULT_VALUE",
-        fieldName: "defaultValue",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATA_QUERY_PARAMETER_ENABLED",
-        fieldName: "enabled",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATA_QUERY_PARAMETER_HIDDEN",
-        fieldName: "hidden",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATA_QUERY_PARAMETER_MANDATORY",
-        fieldName: "mandatory",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-  ];
-
-  return (
-    <TemplateGrid
-      apiActions={apiActions}
-      data={data}
-      setData={setData}
-      editMode={{ editMode: "row" }}
-      hideInfoBar={true}
-      formElements={formElements}
-      keyColumnName={"id"}
-      gridLoadParametersValues={{ dataQueryId: props.selectedRecord.id }}
-      gridTitle={t("DATA_QUERY_PARAMETER_PLURAL")}
-      girdIcon="table-cells"
-      editAction={{
-        isEnabled: true,
-        authority: "DATA_QUERY_PARAMETER_EDIT",
-        preActionValidation: async (data) => {
-          data.dataQueryId = props.selectedRecord.id;
-          return true;
-        },
-      }}
-      deleteAction={{
-        isEnabled: true,
-        authority: "DATA_QUERY_PARAMETER_DELETE",
-      }}
-    />
-  );
-};
-
-export default DataQueryParameterGrid;
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useApiActions } from "../../../hooks";
+import { useSelector } from "react-redux";
+
+type DataQueryParameterGridProps = {
+  selectedRecord: any;
+};
+
+const DataQueryParameterGrid: React.FC<DataQueryParameterGridProps> = (
+  props
+) => {
+  const SystemEntityParameters = useSelector(
+    (state: any) => state.commonStores.stores.SystemEntityParameters.data
+  );
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/dataqueryparameter/all",
+    deleteById: "api/v1/dev/dataqueryparameter",
+    save: "api/v1/dev/dataqueryparameter",
+    findById: "api/v1/dev/dataqueryparameter",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "id",
+        fieldName: "id",
+        fieldType: "number",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "createTime",
+        fieldName: "createTime",
+        fieldType: "datetime",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "createdBy",
+        fieldName: "createdBy",
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "lastUpdateBy",
+        fieldName: "lastUpdateBy",
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "lastUpdateTime",
+        fieldName: "lastUpdateTime",
+        fieldType: "datetime",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATA_QUERY_PARAMETER_DATA_QUERY_ID",
+        fieldName: "dataQueryId",
+        required: false,
+        fieldType: "number",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATA_QUERY_PARAMETER_ENTITY_PARAMETER_ID",
+        fieldName: "entityParameterId",
+        required: true,
+        fieldType: "combobox",
+        options: SystemEntityParameters,
+        optionValueField: "id",
+        optionDisplayField: "parameterCode",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATA_QUERY_PARAMETER_DEFAULT_VALUE",
+        fieldName: "defaultValue",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATA_QUERY_PARAMETER_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATA_QUERY_PARAMETER_HIDDEN",
+        fieldName: "hidden",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATA_QUERY_PARAMETER_MANDATORY",
+        fieldName: "mandatory",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      hideInfoBar={true}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridLoadParametersValues={{ dataQueryId: props.selectedRecord.id }}
+      gridTitle={t("DATA_QUERY_PARAMETER_PLURAL")}
+      girdIcon="table-cells"
+      editAction={{
+        isEnabled: true,
+        authority: "DATA_QUERY_PARAMETER_EDIT",
+        preActionValidation: async (data) => {
+          data.dataQueryId = props.selectedRecord.id;
+          return true;
+        },
+      }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "DATA_QUERY_PARAMETER_DELETE",
+      }}
+    />
+  );
+};
+
+export default DataQueryParameterGrid;

package/src/components/administration/dev/DataQueryParametersForm.tsx

@@ -1,84 +1,84 @@
-import { useEffect, useState } from "react";
-import TransferList from "../../templates/TransferList";
-import { Box, Button } from "@mui/material";
-import { toast } from "react-toastify";
-import { useAxios } from "../../../hooks";
-
-type DataQueryParametersFormProps = {
-  selectedRecord: any;
-  closeModalFn: () => void;
-};
-
-const DataQueryParametersForm: React.FC<DataQueryParametersFormProps> = (
-  props
-) => {
-  const [selectedOptions, setSelectedOptions] = useState([]);
-  const [availableOptions, setAvailableOptions] = useState([]);
-  const { handlePostRequest, handleGetRequest } = useAxios();
-
-  const getOptions = async () => {
-    await handleGetRequest({
-      endPointURI: "api/v1/dev/dataquery/parameters",
-      showMask: true,
-      parameters: {
-        dataQueryId: props.selectedRecord.id,
-      },
-      successCallBkFn: (response: any) => {
-        setSelectedOptions(response.data.selectedOptions);
-        setAvailableOptions(response.data.availableOptions);
-      },
-    });
-  };
-
-  useEffect(() => {
-    if (props.selectedRecord) {
-      getOptions();
-    }
-  }, [props.selectedRecord]);
-  const saveOptions = async () => {
-    await handlePostRequest({
-      endPointURI: "api/v1/dev/dataquery/parameters",
-      showMask: true,
-      parameters: { dataQueryId: props.selectedRecord.id },
-      data: selectedOptions,
-      successCallBkFn: () => {
-        toast.success("Your request has been proccesed successfully");
-        if (props.closeModalFn) {
-          props.closeModalFn();
-        }
-      },
-    });
-  };
-  return (
-    <>
-      <TransferList
-        displayField="parameterCode"
-        options={availableOptions}
-        valueField="id"
-        selectedOptions={selectedOptions}
-        setSelection={setSelectedOptions}
-      />
-      <Box
-        sx={{
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "flex-end",
-          width: "100%",
-        }}
-      >
-        <Button
-          variant="contained"
-          onClick={saveOptions}
-          sx={{ marginRight: 1, marginLeft: 1 }}
-        >
-          Save
-        </Button>
-        <Button variant="contained" color="error" onClick={props.closeModalFn}>
-          Cancel
-        </Button>
-      </Box>
-    </>
-  );
-};
-
-export default DataQueryParametersForm;
+import { useEffect, useState } from "react";
+import TransferList from "../../templates/TransferList";
+import { Box, Button } from "@mui/material";
+import { toast } from "react-toastify";
+import { useAxios } from "../../../hooks";
+
+type DataQueryParametersFormProps = {
+  selectedRecord: any;
+  closeModalFn: () => void;
+};
+
+const DataQueryParametersForm: React.FC<DataQueryParametersFormProps> = (
+  props
+) => {
+  const [selectedOptions, setSelectedOptions] = useState([]);
+  const [availableOptions, setAvailableOptions] = useState([]);
+  const { handlePostRequest, handleGetRequest } = useAxios();
+
+  const getOptions = async () => {
+    await handleGetRequest({
+      endPointURI: "api/v1/dev/dataquery/parameters",
+      showMask: true,
+      parameters: {
+        dataQueryId: props.selectedRecord.id,
+      },
+      successCallBkFn: (response: any) => {
+        setSelectedOptions(response.data.selectedOptions);
+        setAvailableOptions(response.data.availableOptions);
+      },
+    });
+  };
+
+  useEffect(() => {
+    if (props.selectedRecord) {
+      getOptions();
+    }
+  }, [props.selectedRecord]);
+  const saveOptions = async () => {
+    await handlePostRequest({
+      endPointURI: "api/v1/dev/dataquery/parameters",
+      showMask: true,
+      parameters: { dataQueryId: props.selectedRecord.id },
+      data: selectedOptions,
+      successCallBkFn: () => {
+        toast.success("Your request has been proccesed successfully");
+        if (props.closeModalFn) {
+          props.closeModalFn();
+        }
+      },
+    });
+  };
+  return (
+    <>
+      <TransferList
+        displayField="parameterCode"
+        options={availableOptions}
+        valueField="id"
+        selectedOptions={selectedOptions}
+        setSelection={setSelectedOptions}
+      />
+      <Box
+        sx={{
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "flex-end",
+          width: "100%",
+        }}
+      >
+        <Button
+          variant="contained"
+          onClick={saveOptions}
+          sx={{ marginRight: 1, marginLeft: 1 }}
+        >
+          Save
+        </Button>
+        <Button variant="contained" color="error" onClick={props.closeModalFn}>
+          Cancel
+        </Button>
+      </Box>
+    </>
+  );
+};
+
+export default DataQueryParametersForm;