@asaleh37/ui-base 1.2.29 → 25.1.9

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

@@ -1,150 +1,151 @@
-import { useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import { useApiActions, useAxios } from "../../../hooks";
-import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-import { useSelector } from "react-redux";
-import { toast } from "react-toastify";
-
-const DatasourceConnectionGrid: React.FC = () => {
-  const { handleGetRequest } = useAxios();
-  const SystemDataSourceType = useSelector(
-    (state: any) => state.commonStores.stores.SystemDataSourceType.data
-  );
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    deleteById: "api/v1/dev/datasourceconnection",
-    save: "api/v1/dev/datasourceconnection",
-    findById: "api/v1/dev/datasourceconnection",
-    setData: setData,
-    commonStoreKey: "SystemDataSources",
-  });
-
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ID",
-        fieldName: "id",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-        required: false,
-        fieldType: "number",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATASOURCE_CONNECTION_CONNECTION_NAME",
-        fieldName: "connectionName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATASOURCE_CONNECTION_DATASOURCE_TYPE",
-        fieldName: "datasourceType",
-        required: true,
-        fieldType: "combobox",
-        options: SystemDataSourceType,
-        optionValueField: "value",
-        optionDisplayField: "value",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATASOURCE_CONNECTION_DATASOURCE_URL",
-        fieldName: "datasourceUrl",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATASOURCE_CONNECTION_DATASOURCE_USERNAME",
-        fieldName: "datasourceUsername",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATASOURCE_CONNECTION_DATASOURCE_PASSWORD",
-        fieldName: "datasourcePassword",
-        required: true,
-        fieldType: "text",
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "DATASOURCE_CONNECTION_ENABLED",
-        fieldName: "enabled",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-  ];
-
-  return (
-    <TemplateGrid
-      apiActions={apiActions}
-      data={data}
-      setData={setData}
-      editMode={{
-        editMode: "modal",
-        specs: {
-          modalTitle: "Datasource Connection",
-          modalIcon: "plug",
-          modalWidth: 300,
-        },
-      }}
-      formElements={formElements}
-      keyColumnName={"id"}
-      gridTitle={t("DATASOURCE_CONNECTION_PLURAL")}
-      girdIcon="plug"
-      rowActions={[
-        {
-          icon: "plug",
-          label: "test connection",
-          actionFn: async (data) => {
-            await handleGetRequest({
-              endPointURI: "api/v1/dev/datasourceConnection/test",
-              showMask: true,
-              parameters: {
-                id: data.id,
-              },
-              // loadingMessage: "checking datasource connectivity",
-              successCallBkFn: (response: any) => {
-                toast.success(response.data);
-              },
-            });
-          },
-        },
-      ]}
-      editAction={{ isEnabled: true, authority: "DATASOURCE_CONNECTION_EDIT" }}
-      deleteAction={{
-        isEnabled: true,
-        authority: "DATASOURCE_CONNECTION_DELETE",
-      }}
-    />
-  );
-};
-
-export default DatasourceConnectionGrid;
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { useApiActions, useAxios } from "../../../hooks";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useSelector } from "react-redux";
+import { toast } from "react-toastify";
+
+const DatasourceConnectionGrid: React.FC = () => {
+  const { handleGetRequest } = useAxios();
+  const SystemDataSourceType = useSelector(
+    (state: any) => state.commonStores.stores.SystemDataSourceType.data
+  );
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    deleteById: "api/v1/dev/datasourceconnection",
+    save: "api/v1/dev/datasourceconnection",
+    findById: "api/v1/dev/datasourceconnection",
+    setData: setData,
+    commonStoreKey: "SystemDataSources",
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ID",
+        fieldName: "id",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATASOURCE_CONNECTION_CONNECTION_NAME",
+        fieldName: "connectionName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATASOURCE_CONNECTION_DATASOURCE_TYPE",
+        fieldName: "datasourceType",
+        required: true,
+        fieldType: "combobox",
+        options: SystemDataSourceType,
+        comboboxValueDataType: "string",
+        optionValueField: "value",
+        optionDisplayField: "value",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATASOURCE_CONNECTION_DATASOURCE_URL",
+        fieldName: "datasourceUrl",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATASOURCE_CONNECTION_DATASOURCE_USERNAME",
+        fieldName: "datasourceUsername",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATASOURCE_CONNECTION_DATASOURCE_PASSWORD",
+        fieldName: "datasourcePassword",
+        required: true,
+        fieldType: "text",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "DATASOURCE_CONNECTION_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{
+        editMode: "modal",
+        specs: {
+          modalTitle: "Datasource Connection",
+          modalIcon: "plug",
+          modalWidth: 300,
+        },
+      }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("DATASOURCE_CONNECTION_PLURAL")}
+      girdIcon="plug"
+      rowActions={[
+        {
+          icon: "plug",
+          label: "test connection",
+          actionFn: async (data) => {
+            await handleGetRequest({
+              endPointURI: "api/v1/dev/datasourceConnection/test",
+              showMask: true,
+              parameters: {
+                id: data.id,
+              },
+              // loadingMessage: "checking datasource connectivity",
+              successCallBkFn: (response: any) => {
+                toast.success(response.data);
+              },
+            });
+          },
+        },
+      ]}
+      editAction={{ isEnabled: true, authority: "DATASOURCE_CONNECTION_EDIT" }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "DATASOURCE_CONNECTION_DELETE",
+      }}
+    />
+  );
+};
+
+export default DatasourceConnectionGrid;