@asaleh37/ui-base 26.2.131 → 27.5.26

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

@@ -1,216 +1,216 @@
-import { useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import { useApiActions, useWindow } from "../../../hooks";
-import {
-  FormElementProps,
-  FormValueChangeCallBk,
-} from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-import { useSelector } from "react-redux";
-import DataQueryParametersForm from "./DataQueryParametersForm";
-import DataQueryParameterGrid from "./DataQueryParameterGrid";
-
-const DataQueryGrid: React.FC = () => {
-  const [selectedRecord, setSelectedRecord] = useState<any>(null);
-  const {
-    Window: DataQueryParameterWindow,
-    setWindowState: setDataQueryParameterWindow,
-  } = useWindow({
-    width: "50%",
-    windowTitle: "Data query parameters",
-    windowIcon: "p",
-  });
-  const SystemDataSources = useSelector(
-    (state: any) => state.commonStores.stores.SystemDataSources.data
-  );
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    commonStoreKey: "SystemDataQueries",
-    deleteById: "api/v1/dev/dataquery",
-    save: "api/v1/dev/dataquery",
-    findById: "api/v1/dev/dataquery",
-    setData: setData,
-  });
-
-  const adjustFormAfterValueChange: FormValueChangeCallBk = (
-    formValues,
-    formActions,
-    formManager,
-    fieldName,
-    newValue
-  ) => {
-    if (fieldName) {
-      if (fieldName === "useSysCon" && newValue == true) {
-        formActions.hideField("datasourceConId");
-        formManager.setValue("datasourceConId", null);
-      } else {
-        formActions.showField("datasourceConId");
-      }
-    } else {
-      if (formValues?.useSysCon) {
-        formActions.hideField("datasourceConId");
-      }
-    }
-  };
-
-  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_QUERY_NAME",
-        fieldName: "queryName",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATA_QUERY_USE_SYS_CON",
-        fieldName: "useSysCon",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATA_QUERY_DATASOURCE_CON_ID",
-        fieldName: "datasourceConId",
-        required: false,
-        options: SystemDataSources,
-        optionDisplayField: "connectionName",
-        optionValueField: "id",
-        fieldType: "combobox",
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATA_QUERY_QUERY_STR",
-        fieldName: "queryStr",
-        formProps: { fieldHeight: 400 },
-        gridProps: {
-          hidden: true,
-        },
-        muiTextFieldProps: {
-          multiline: true,
-          rows: 4,
-        },
-        required: false,
-        fieldType: "text",
-      },
-    },
-  ];
-
-  return (
-    <>
-      <DataQueryParameterWindow>
-        <DataQueryParameterGrid selectedRecord={selectedRecord} />
-      </DataQueryParameterWindow>
-      <TemplateGrid
-        apiActions={apiActions}
-        rowActions={[
-          {
-            label: "Query Parameters",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setDataQueryParameterWindow(true);
-            },
-            icon: "p",
-          },
-        ]}
-        data={data}
-        setData={setData}
-        editMode={{
-          editMode: "modal",
-          specs: {
-            modalTitle: "System Query",
-            modalWidth: 600,
-            modalIcon: "file-code",
-          },
-        }}
-        formElements={formElements}
-        keyColumnName={"id"}
-        gridTitle={t("DATA_QUERY_PLURAL")}
-        girdIcon="table-cells"
-        editAction={{ isEnabled: true, authority: "DATA_QUERY_EDIT" }}
-        deleteAction={{ isEnabled: true, authority: "DATA_QUERY_DELETE" }}
-        formProps={{ formValuesChangeCallBk: adjustFormAfterValueChange }}
-      />
-    </>
-  );
-};
-
-export default DataQueryGrid;
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { useApiActions, useWindow } from "../../../hooks";
+import {
+  FormElementProps,
+  FormValueChangeCallBk,
+} from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useSelector } from "react-redux";
+import DataQueryParametersForm from "./DataQueryParametersForm";
+import DataQueryParameterGrid from "./DataQueryParameterGrid";
+
+const DataQueryGrid: React.FC = () => {
+  const [selectedRecord, setSelectedRecord] = useState<any>(null);
+  const {
+    Window: DataQueryParameterWindow,
+    setWindowState: setDataQueryParameterWindow,
+  } = useWindow({
+    width: "50%",
+    windowTitle: "Data query parameters",
+    windowIcon: "p",
+  });
+  const SystemDataSources = useSelector(
+    (state: any) => state.commonStores.stores.SystemDataSources.data
+  );
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    commonStoreKey: "SystemDataQueries",
+    deleteById: "api/v1/dev/dataquery",
+    save: "api/v1/dev/dataquery",
+    findById: "api/v1/dev/dataquery",
+    setData: setData,
+  });
+
+  const adjustFormAfterValueChange: FormValueChangeCallBk = (
+    formValues,
+    formActions,
+    formManager,
+    fieldName,
+    newValue
+  ) => {
+    if (fieldName) {
+      if (fieldName === "useSysCon" && newValue == true) {
+        formActions.hideField("datasourceConId");
+        formManager.setValue("datasourceConId", null);
+      } else {
+        formActions.showField("datasourceConId");
+      }
+    } else {
+      if (formValues?.useSysCon) {
+        formActions.hideField("datasourceConId");
+      }
+    }
+  };
+
+  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_QUERY_NAME",
+        fieldName: "queryName",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATA_QUERY_USE_SYS_CON",
+        fieldName: "useSysCon",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATA_QUERY_DATASOURCE_CON_ID",
+        fieldName: "datasourceConId",
+        required: false,
+        options: SystemDataSources,
+        optionDisplayField: "connectionName",
+        optionValueField: "id",
+        fieldType: "combobox",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATA_QUERY_QUERY_STR",
+        fieldName: "queryStr",
+        formProps: { fieldHeight: 400 },
+        gridProps: {
+          hidden: true,
+        },
+        muiTextFieldProps: {
+          multiline: true,
+          rows: 4,
+        },
+        required: false,
+        fieldType: "text",
+      },
+    },
+  ];
+
+  return (
+    <>
+      <DataQueryParameterWindow>
+        <DataQueryParameterGrid selectedRecord={selectedRecord} />
+      </DataQueryParameterWindow>
+      <TemplateGrid
+        apiActions={apiActions}
+        rowActions={[
+          {
+            label: "Query Parameters",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setDataQueryParameterWindow(true);
+            },
+            icon: "p",
+          },
+        ]}
+        data={data}
+        setData={setData}
+        editMode={{
+          editMode: "modal",
+          specs: {
+            modalTitle: "System Query",
+            modalWidth: 600,
+            modalIcon: "file-code",
+          },
+        }}
+        formElements={formElements}
+        keyColumnName={"id"}
+        gridTitle={t("DATA_QUERY_PLURAL")}
+        girdIcon="table-cells"
+        editAction={{ isEnabled: true, authority: "DATA_QUERY_EDIT" }}
+        deleteAction={{ isEnabled: true, authority: "DATA_QUERY_DELETE" }}
+        formProps={{ formValuesChangeCallBk: adjustFormAfterValueChange }}
+      />
+    </>
+  );
+};
+
+export default DataQueryGrid;