@asaleh37/ui-base 1.2.30 → 25.1.9

package/src/components/templates/DataEntryTemplates/TemplateDataGrid/DataGridColumnsUtil.tsx

@@ -1,189 +1,197 @@
-import moment from "moment";
-import { TemplateGridColDef } from "../DataEntryTypes";
-import Datefield from "../TemplateDataForm/FormFields/Datefield";
-import { DATE_FORMAT, DATE_TIME_FORMAT } from "../../../../util/constants";
-import DatetimeField from "../TemplateDataForm/FormFields/DatetimeField";
-import ComboBox from "../TemplateDataForm/FormFields/ComboBox";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import CheckBox from "../TemplateDataForm/FormFields/CheckBox";
-
-export const generateDateColumn: any = (colDef: TemplateGridColDef) => {
-  const column: TemplateGridColDef = {
-    ...colDef,
-    type: "string",
-    renderEditCell: (params: any) => {
-      return (
-        <Datefield
-          sx={{ width: "100%" }}
-          label=""
-          value={params.value}
-          onChangeCallBack={(v: any) => {
-            params.api.setEditCellValue({
-              id: params.id,
-              field: params.field,
-              value: v,
-            });
-          }}
-        />
-      );
-    },
-    valueParser: (value: any, row: any, column: any) => {
-      let v = null;
-      if (value !== null) {
-        v = moment(value).format(DATE_FORMAT);
-      }
-      return v;
-    },
-    valueFormatter: (value: any, row: any, column: any) => {
-      return row[column.field];
-    },
-  };
-  return column;
-};
-
-export const generateDateTimeColumn: any = (colDef: TemplateGridColDef) => {
-  const column: TemplateGridColDef = {
-    ...colDef,
-    type: "string",
-    renderEditCell: (params: any) => {
-      return (
-        <DatetimeField
-          sx={{ width: "100%" }}
-          label=""
-          value={params.value}
-          onChangeCallBack={(v: any) => {
-            params.api.setEditCellValue({
-              id: params.id,
-              field: params.field,
-              value: v,
-            });
-          }}
-        />
-      );
-    },
-    valueParser: (value: any, row: any, column: any) => {
-      let v = null;
-      if (value !== null) {
-        v = moment(value).format(DATE_TIME_FORMAT);
-      }
-      return v;
-    },
-    valueFormatter: (value: any, row: any, column: any) => {
-      return row[column.field];
-    },
-  };
-  return column;
-};
-
-type ComboBoxColumnProps = TemplateGridColDef & {
-  lookupType?: string;
-  options: Array<any>;
-  displayField: string;
-  valueField: string;
-};
-export const generateComboColumn: (
-  props: ComboBoxColumnProps
-) => TemplateGridColDef = (colDef: ComboBoxColumnProps) => {
-  const column: TemplateGridColDef = {
-    ...colDef,
-    type: "custom",
-    valueGetter: (value) => {
-      if (value) {
-        return value + "";
-      }
-      return value;
-    },
-    renderCell: (parameters: any) => {
-      let record = null;
-      try {
-        record = parameters.colDef.options.find(
-          (item: any) => item[parameters.colDef.valueField] == parameters.value
-        );
-      } catch (e) {}
-      return (
-        <div>
-          {record != null
-            ? record[parameters.colDef.displayField]
-            : parameters.value}
-        </div>
-      );
-    },
-
-    renderEditCell: (params: any) => {
-      return (
-        <ComboBox
-          {...params}
-          sx={{ width: "100%" }}
-          options={params.colDef.options}
-          valueField={params.colDef.valueField}
-          displayField={params.colDef.displayField}
-          onChangeCallBack={(v: any, selectedRecord: any) => {
-            if (v === null) {
-              params.api.setEditCellValue({
-                id: params.id,
-                field: params.field,
-                value: null,
-              });
-            }
-            params.api.setEditCellValue({
-              id: params.id,
-              field: params.field,
-              value: v + "",
-            });
-          }}
-        />
-      );
-    },
-  };
-  return column;
-};
-
-type CheckBoxColumnProps = TemplateGridColDef & {
-  checkedValue?: string;
-  unCheckedValue?: string;
-};
-
-export const generateCheckBoxColumn: (
-  props: CheckBoxColumnProps
-) => TemplateGridColDef = (colDef: CheckBoxColumnProps) => {
-  return {
-    ...colDef,
-    type: "custom",
-    valueGetter: (value) => {
-      if (value == null || value == undefined) {
-        return null;
-      } else {
-        return value;
-      }
-    },
-    renderCell: (parameters: any) => {
-      const value = parameters?.value;
-      if (
-        value === colDef.checkedValue ||
-        value === "true" ||
-        value === 1 ||
-        value === true
-      ) {
-        return <FontAwesomeIcon icon="check" color="green" />;
-      } else {
-        return <FontAwesomeIcon icon="xmark" color="red" />;
-      }
-    },
-    renderEditCell: (params: any) => {
-      return (
-        <CheckBox
-          {...params}
-          checkedValue={colDef?.checkedValue || true}
-          unCheckedValue={colDef?.unCheckedValue || false}
-          onChangeCallBack={(v: any) => {
-            params.api.setEditCellValue({
-              id: params.id,
-              field: params.field,
-              value: v,
-            });
-          }}
-        />
-      );
-    },
-  };
-};
+import moment from "moment";
+import { TemplateGridColDef } from "../DataEntryTypes";
+import Datefield from "../TemplateDataForm/FormFields/Datefield";
+import { DATE_FORMAT, DATE_TIME_FORMAT } from "../../../../util/constants";
+import DatetimeField from "../TemplateDataForm/FormFields/DatetimeField";
+import ComboBox from "../TemplateDataForm/FormFields/ComboBox";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import CheckBox from "../TemplateDataForm/FormFields/CheckBox";
+
+export const generateDateColumn: any = (colDef: TemplateGridColDef) => {
+  const column: TemplateGridColDef = {
+    ...colDef,
+    type: "string",
+    renderEditCell: (params: any) => {
+      return (
+        <Datefield
+          sx={{ width: "100%" }}
+          label=""
+          value={params.value}
+          onChangeCallBack={(v: any) => {
+            params.api.setEditCellValue({
+              id: params.id,
+              field: params.field,
+              value: v,
+            });
+          }}
+        />
+      );
+    },
+    valueParser: (value: any, row: any, column: any) => {
+      let v = null;
+      if (value !== null) {
+        v = moment(value).format(DATE_FORMAT);
+      }
+      return v;
+    },
+    valueFormatter: (value: any, row: any, column: any) => {
+      return row[column.field];
+    },
+  };
+  return column;
+};
+
+export const generateDateTimeColumn: any = (colDef: TemplateGridColDef) => {
+  const column: TemplateGridColDef = {
+    ...colDef,
+    type: "string",
+    renderEditCell: (params: any) => {
+      return (
+        <DatetimeField
+          sx={{ width: "100%" }}
+          label=""
+          value={params.value}
+          onChangeCallBack={(v: any) => {
+            params.api.setEditCellValue({
+              id: params.id,
+              field: params.field,
+              value: v,
+            });
+          }}
+        />
+      );
+    },
+    valueParser: (value: any, row: any, column: any) => {
+      let v = null;
+      if (value !== null) {
+        v = moment(value).format(DATE_TIME_FORMAT);
+      }
+      return v;
+    },
+    valueFormatter: (value: any, row: any, column: any) => {
+      return row[column.field];
+    },
+  };
+  return column;
+};
+
+type ComboBoxColumnProps = TemplateGridColDef & {
+  lookupType?: string;
+  options?: Array<any>;
+  displayField: string;
+  valueField: string;
+};
+export const generateComboColumn: (
+  props: ComboBoxColumnProps
+) => TemplateGridColDef = (colDef: ComboBoxColumnProps) => {
+  const column: TemplateGridColDef = {
+    ...colDef,
+    type: "custom",
+    valueGetter: (value) => {
+      if (value) {
+        return value;
+      }
+      return value;
+    },
+    renderCell: (parameters: any) => {
+      let record = null;
+      try {
+        record = parameters.colDef.options.find(
+          (item: any) => item[parameters.colDef.valueField] == parameters.value
+        );
+      } catch (e) {}
+      return (
+        <div>
+          {record != null
+            ? record[parameters.colDef.displayField]
+            : parameters.value}
+        </div>
+      );
+    },
+    commonStoreKey: colDef?.commonStoreKey,
+    dataQueryId: colDef?.dataQueryId,
+    storeUrl: colDef?.storeUrl,
+    storeLoadParam: colDef?.storeLoadParam,
+    renderEditCell: (params: any) => {
+      return (
+        <ComboBox
+          {...params}
+          sx={{ width: "100%" }}
+          options={params?.colDef?.options}
+          // commonStoreKey={params?.colDef?.commonStoreKey}
+          // dataQueryId={params?.colDef?.dataQueryId}
+          // storeUrl={params?.colDef?.storeUrl}
+          // storeLoadParam={params?.colDef?.storeLoadParam}
+          valueField={params?.colDef?.valueField}
+          displayField={params?.colDef?.displayField}
+          groupField={params?.colDef?.comboboxGroupField}
+          onChangeCallBack={(v: any, selectedRecord: any) => {
+            if (v === null) {
+              params.api.setEditCellValue({
+                id: params.id,
+                field: params.field,
+                value: null,
+              });
+            }
+            params.api.setEditCellValue({
+              id: params.id,
+              field: params.field,
+              value: v,
+            });
+          }}
+        />
+      );
+    },
+  };
+  return column;
+};
+
+type CheckBoxColumnProps = TemplateGridColDef & {
+  checkedValue?: string;
+  unCheckedValue?: string;
+};
+
+export const generateCheckBoxColumn: (
+  props: CheckBoxColumnProps
+) => TemplateGridColDef = (colDef: CheckBoxColumnProps) => {
+  return {
+    ...colDef,
+    type: "custom",
+    valueGetter: (value) => {
+      if (value == null || value == undefined) {
+        return null;
+      } else {
+        return value;
+      }
+    },
+    renderCell: (parameters: any) => {
+      const value = parameters?.value;
+      if (
+        value === colDef.checkedValue ||
+        value === "true" ||
+        value === 1 ||
+        value === true
+      ) {
+        return <FontAwesomeIcon icon="check" color="green" />;
+      } else {
+        return <FontAwesomeIcon icon="xmark" color="red" />;
+      }
+    },
+    renderEditCell: (params: any) => {
+      return (
+        <CheckBox
+          {...params}
+          checkedValue={colDef?.checkedValue || true}
+          unCheckedValue={colDef?.unCheckedValue || false}
+          onChangeCallBack={(v: any) => {
+            params.api.setEditCellValue({
+              id: params.id,
+              field: params.field,
+              value: v,
+            });
+          }}
+        />
+      );
+    },
+  };
+};