@fctc/widget-logic 1.0.1 → 1.0.3

package/dist/action.d.mts

@@ -0,0 +1,60 @@
+interface UseArchieveProps {
+    data: {
+        method: string;
+        model: string;
+        ids: number[];
+        actionName: 'archieve' | 'unarchive';
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useArchieveHandler: ({ data, onSuccess, onError, }: UseArchieveProps) => () => void;
+
+interface UseDuplicateRowProps {
+    data: {
+        model: string;
+        ids: any;
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useDuplicateRowHandler: ({ data, onSuccess, onError, }: UseDuplicateRowProps) => () => void;
+
+interface UseGetFieldExportProps {
+    data: {
+        ids: number[];
+        model: string;
+        isShow?: boolean;
+        fieldType?: any;
+        importCompat?: boolean;
+        name?: string;
+        parentField?: any;
+        parentName?: string;
+        prefix?: any;
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useGetFieldExportHandler: ({ data, onSuccess, onError, }: UseGetFieldExportProps) => () => void;
+
+interface UseExportExcelProps {
+    data: {
+        model: string;
+        fields: {
+            name: string;
+            label: string;
+            type: string;
+        }[];
+        domain: any;
+        title?: string;
+        ids?: number[];
+        groupby?: any;
+        importCompat?: boolean;
+        type?: 'xlsx' | 'csv';
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useExportExcelHandler: ({ data, onSuccess, onError, }: UseExportExcelProps) => () => void;
+
+export { useArchieveHandler, useDuplicateRowHandler, useExportExcelHandler, useGetFieldExportHandler };

package/dist/action.d.ts

@@ -0,0 +1,60 @@
+interface UseArchieveProps {
+    data: {
+        method: string;
+        model: string;
+        ids: number[];
+        actionName: 'archieve' | 'unarchive';
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useArchieveHandler: ({ data, onSuccess, onError, }: UseArchieveProps) => () => void;
+
+interface UseDuplicateRowProps {
+    data: {
+        model: string;
+        ids: any;
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useDuplicateRowHandler: ({ data, onSuccess, onError, }: UseDuplicateRowProps) => () => void;
+
+interface UseGetFieldExportProps {
+    data: {
+        ids: number[];
+        model: string;
+        isShow?: boolean;
+        fieldType?: any;
+        importCompat?: boolean;
+        name?: string;
+        parentField?: any;
+        parentName?: string;
+        prefix?: any;
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useGetFieldExportHandler: ({ data, onSuccess, onError, }: UseGetFieldExportProps) => () => void;
+
+interface UseExportExcelProps {
+    data: {
+        model: string;
+        fields: {
+            name: string;
+            label: string;
+            type: string;
+        }[];
+        domain: any;
+        title?: string;
+        ids?: number[];
+        groupby?: any;
+        importCompat?: boolean;
+        type?: 'xlsx' | 'csv';
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useExportExcelHandler: ({ data, onSuccess, onError, }: UseExportExcelProps) => () => void;
+
+export { useArchieveHandler, useDuplicateRowHandler, useExportExcelHandler, useGetFieldExportHandler };

package/dist/action.js

@@ -0,0 +1,148 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/action.ts
+var action_exports = {};
+__export(action_exports, {
+  useArchieveHandler: () => useArchieveHandler,
+  useDuplicateRowHandler: () => useDuplicateRowHandler,
+  useExportExcelHandler: () => useExportExcelHandler,
+  useGetFieldExportHandler: () => useGetFieldExportHandler
+});
+module.exports = __toCommonJS(action_exports);
+
+// src/action/use-archieve-row.tsx
+var import_interface_logic = require("@fctc/interface-logic");
+var useArchieveHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const archieve = (0, import_interface_logic.useButton)();
+  const env = (0, import_interface_logic.getEnv)();
+  const handleDuplicateRecord = () => {
+    archieve.mutate(
+      {
+        method: `action_${data.actionName}`,
+        model: data.model,
+        ids: Array.isArray(data.ids) ? [...data.ids] : data.ids,
+        context: env.context
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleDuplicateRecord;
+};
+
+// src/action/use-duplicate-row.tsx
+var import_interface_logic2 = require("@fctc/interface-logic");
+var useDuplicateRowHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const duplicateRecord = (0, import_interface_logic2.useDuplicateRecord)();
+  const env = (0, import_interface_logic2.getEnv)();
+  const handleDuplicateRecord = () => {
+    duplicateRecord.mutate(
+      {
+        model: data.model,
+        id: Array.isArray(data.ids) ? [...data.ids] : data.ids,
+        context: env.context
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleDuplicateRecord;
+};
+
+// src/action/use-get-field-export.tsx
+var import_interface_logic3 = require("@fctc/interface-logic");
+var useGetFieldExportHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const fieldExport = (0, import_interface_logic3.useGetFieldExport)();
+  const env = (0, import_interface_logic3.getEnv)();
+  const handleGetFieldExport = () => {
+    fieldExport.mutate(
+      {
+        context: env.context,
+        ids: data.ids,
+        model: data.model,
+        isShow: data.isShow,
+        fieldType: data.fieldType,
+        importCompat: data.importCompat,
+        name: data.name,
+        parentField: data.parentField,
+        parentName: data.parentName,
+        prefix: data.prefix
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleGetFieldExport;
+};
+
+// src/action/use-export-excel.tsx
+var import_interface_logic4 = require("@fctc/interface-logic");
+var useExportExcelHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const exportExcel = (0, import_interface_logic4.useExportExcel)();
+  const env = (0, import_interface_logic4.getEnv)();
+  const handleExport = () => {
+    exportExcel.mutate(
+      {
+        model: data.model,
+        ids: data?.ids,
+        fields: data.fields,
+        domain: (0, import_interface_logic4.evalJSONDomain)(data.domain, env.context),
+        importCompat: data?.importCompat,
+        type: data.type,
+        context: env.context,
+        groupby: data?.groupby
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleExport;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useArchieveHandler,
+  useDuplicateRowHandler,
+  useExportExcelHandler,
+  useGetFieldExportHandler
+});

package/dist/action.mjs

@@ -0,0 +1,118 @@
+// src/action/use-archieve-row.tsx
+import { getEnv, useButton } from "@fctc/interface-logic";
+var useArchieveHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const archieve = useButton();
+  const env = getEnv();
+  const handleDuplicateRecord = () => {
+    archieve.mutate(
+      {
+        method: `action_${data.actionName}`,
+        model: data.model,
+        ids: Array.isArray(data.ids) ? [...data.ids] : data.ids,
+        context: env.context
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleDuplicateRecord;
+};
+
+// src/action/use-duplicate-row.tsx
+import { getEnv as getEnv2, useDuplicateRecord } from "@fctc/interface-logic";
+var useDuplicateRowHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const duplicateRecord = useDuplicateRecord();
+  const env = getEnv2();
+  const handleDuplicateRecord = () => {
+    duplicateRecord.mutate(
+      {
+        model: data.model,
+        id: Array.isArray(data.ids) ? [...data.ids] : data.ids,
+        context: env.context
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleDuplicateRecord;
+};
+
+// src/action/use-get-field-export.tsx
+import { getEnv as getEnv3, useGetFieldExport } from "@fctc/interface-logic";
+var useGetFieldExportHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const fieldExport = useGetFieldExport();
+  const env = getEnv3();
+  const handleGetFieldExport = () => {
+    fieldExport.mutate(
+      {
+        context: env.context,
+        ids: data.ids,
+        model: data.model,
+        isShow: data.isShow,
+        fieldType: data.fieldType,
+        importCompat: data.importCompat,
+        name: data.name,
+        parentField: data.parentField,
+        parentName: data.parentName,
+        prefix: data.prefix
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleGetFieldExport;
+};
+
+// src/action/use-export-excel.tsx
+import { evalJSONDomain, getEnv as getEnv4, useExportExcel } from "@fctc/interface-logic";
+var useExportExcelHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const exportExcel = useExportExcel();
+  const env = getEnv4();
+  const handleExport = () => {
+    exportExcel.mutate(
+      {
+        model: data.model,
+        ids: data?.ids,
+        fields: data.fields,
+        domain: evalJSONDomain(data.domain, env.context),
+        importCompat: data?.importCompat,
+        type: data.type,
+        context: env.context,
+        groupby: data?.groupby
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleExport;
+};
+export {
+  useArchieveHandler,
+  useDuplicateRowHandler,
+  useExportExcelHandler,
+  useGetFieldExportHandler
+};

package/dist/form.d.mts

@@ -0,0 +1,38 @@
+interface UseSaveFormProps$1 {
+    data: {
+        context: any;
+        model: string;
+        specification: any;
+        id: any;
+        nameField: any;
+        object: any;
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const UseOnChangeFormHandler: ({ data, onSuccess, onError, }: UseSaveFormProps$1) => () => void;
+
+interface UseSaveFormProps {
+    data: {
+        context: any;
+        model: string;
+        specification: any;
+        id: number | string;
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useSaveFormHandler: ({ data, onSuccess, onError, }: UseSaveFormProps) => () => void;
+
+interface UseDeleteProps {
+    data: {
+        method: string;
+        model: string;
+        ids: number[];
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useRemoveRowHandler: ({ data, onSuccess, onError, }: UseDeleteProps) => () => void;
+
+export { UseOnChangeFormHandler, useRemoveRowHandler, useSaveFormHandler };

package/dist/form.d.ts

@@ -0,0 +1,38 @@
+interface UseSaveFormProps$1 {
+    data: {
+        context: any;
+        model: string;
+        specification: any;
+        id: any;
+        nameField: any;
+        object: any;
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const UseOnChangeFormHandler: ({ data, onSuccess, onError, }: UseSaveFormProps$1) => () => void;
+
+interface UseSaveFormProps {
+    data: {
+        context: any;
+        model: string;
+        specification: any;
+        id: number | string;
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useSaveFormHandler: ({ data, onSuccess, onError, }: UseSaveFormProps) => () => void;
+
+interface UseDeleteProps {
+    data: {
+        method: string;
+        model: string;
+        ids: number[];
+    };
+    onSuccess?: (res: any) => void;
+    onError?: (err: any) => void;
+}
+declare const useRemoveRowHandler: ({ data, onSuccess, onError, }: UseDeleteProps) => () => void;
+
+export { UseOnChangeFormHandler, useRemoveRowHandler, useSaveFormHandler };

package/dist/form.js

@@ -0,0 +1,111 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/form.ts
+var form_exports = {};
+__export(form_exports, {
+  UseOnChangeFormHandler: () => UseOnChangeFormHandler,
+  useRemoveRowHandler: () => useRemoveRowHandler,
+  useSaveFormHandler: () => useSaveFormHandler
+});
+module.exports = __toCommonJS(form_exports);
+
+// src/widget/form/use-on-change-form.ts
+var import_interface_logic = require("@fctc/interface-logic");
+var UseOnChangeFormHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const fetchOnchange = (0, import_interface_logic.useOnChangeForm)();
+  const handleOnChangeForm = () => {
+    fetchOnchange.mutate(
+      {
+        ids: data.id ? data.id : [],
+        model: data.model,
+        specification: data.specification,
+        context: data.context,
+        object: data.object,
+        fieldChange: [data.nameField]
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleOnChangeForm;
+};
+
+// src/widget/form/use-save-form.ts
+var import_interface_logic2 = require("@fctc/interface-logic");
+var useSaveFormHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const fetchSave = (0, import_interface_logic2.useSave)();
+  const handleSaveForm = () => {
+    fetchSave.mutate(
+      {
+        ids: data.id ? [data.id] : [],
+        model: data.model,
+        data,
+        specification: data.specification,
+        context: data.context
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleSaveForm;
+};
+
+// src/widget/form/use-remove-row.ts
+var import_interface_logic3 = require("@fctc/interface-logic");
+var useRemoveRowHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const remove = (0, import_interface_logic3.useRemoveRow)();
+  const env = (0, import_interface_logic3.getEnv)();
+  const handleRemoveRow = () => {
+    remove.mutate(
+      {
+        model: data.model,
+        ids: Array.isArray(data.ids) ? [...data.ids] : data.ids,
+        context: env.context
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleRemoveRow;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UseOnChangeFormHandler,
+  useRemoveRowHandler,
+  useSaveFormHandler
+});

package/dist/form.mjs

@@ -0,0 +1,82 @@
+// src/widget/form/use-on-change-form.ts
+import { useOnChangeForm } from "@fctc/interface-logic";
+var UseOnChangeFormHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const fetchOnchange = useOnChangeForm();
+  const handleOnChangeForm = () => {
+    fetchOnchange.mutate(
+      {
+        ids: data.id ? data.id : [],
+        model: data.model,
+        specification: data.specification,
+        context: data.context,
+        object: data.object,
+        fieldChange: [data.nameField]
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleOnChangeForm;
+};
+
+// src/widget/form/use-save-form.ts
+import { useSave } from "@fctc/interface-logic";
+var useSaveFormHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const fetchSave = useSave();
+  const handleSaveForm = () => {
+    fetchSave.mutate(
+      {
+        ids: data.id ? [data.id] : [],
+        model: data.model,
+        data,
+        specification: data.specification,
+        context: data.context
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleSaveForm;
+};
+
+// src/widget/form/use-remove-row.ts
+import { getEnv, useRemoveRow } from "@fctc/interface-logic";
+var useRemoveRowHandler = ({
+  data,
+  onSuccess,
+  onError
+}) => {
+  const remove = useRemoveRow();
+  const env = getEnv();
+  const handleRemoveRow = () => {
+    remove.mutate(
+      {
+        model: data.model,
+        ids: Array.isArray(data.ids) ? [...data.ids] : data.ids,
+        context: env.context
+      },
+      {
+        onSuccess,
+        onError
+      }
+    );
+  };
+  return handleRemoveRow;
+};
+export {
+  UseOnChangeFormHandler,
+  useRemoveRowHandler,
+  useSaveFormHandler
+};

package/dist/table.d.mts

@@ -0,0 +1,8 @@
+declare const useTableHandler: ({ fields, data, dataModel, context, typeTable, }: any) => {
+    rows: any;
+    columns: any;
+    onToggleColumnOptional: (item: any) => void;
+    typeTable: any;
+};
+
+export { useTableHandler };

package/dist/table.d.ts

@@ -0,0 +1,8 @@
+declare const useTableHandler: ({ fields, data, dataModel, context, typeTable, }: any) => {
+    rows: any;
+    columns: any;
+    onToggleColumnOptional: (item: any) => void;
+    typeTable: any;
+};
+
+export { useTableHandler };

package/dist/table.js

@@ -0,0 +1,124 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/table.ts
+var table_exports = {};
+__export(table_exports, {
+  useTableHandler: () => useTableHandler
+});
+module.exports = __toCommonJS(table_exports);
+
+// src/widget/table/use-table.ts
+var import_interface_logic = require("@fctc/interface-logic");
+var import_react = require("react");
+function mergeButtons(fields) {
+  const buttons = fields?.filter((f) => f.type_co === "button");
+  const others = fields?.filter((f) => f.type_co !== "button");
+  if (buttons?.length) {
+    others.push({
+      type_co: "buttons",
+      buttons
+    });
+  }
+  return others;
+}
+var useTableHandler = ({
+  fields,
+  data,
+  dataModel,
+  context,
+  typeTable
+}) => {
+  const [rows, setRows] = (0, import_react.useState)(data || []);
+  const [columns, setColumns] = (0, import_react.useState)([]);
+  const dataModelFields = fields?.map((field) => {
+    return {
+      ...dataModel?.[field?.name],
+      ...field,
+      string: field?.string || dataModel?.[field?.name]?.string
+    };
+  });
+  const mergeFields = mergeButtons(dataModelFields);
+  const transformData = (dataList) => {
+    if (!dataList) return;
+    return dataList?.map((item) => {
+      const transformedItem = { ...item };
+      Object.keys(item).forEach((field) => {
+        if (field !== "__domain") {
+          if (item[field] && typeof item[field] === "object" && item[field].display_name) {
+            transformedItem[field] = item[field];
+          } else if (Array.isArray(item[field]) && item[field].length > 0) {
+            if (typeTable === "group" && item[field]?.length === 2 && typeof item[field]?.[1] === "string") {
+              transformedItem["string"] = item[field]?.[1];
+            }
+            transformedItem[field] = item[field];
+          }
+        }
+      });
+      return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    setRows(transformData(data || null));
+  }, [data]);
+  const handleGetColumns = () => {
+    let cols = [];
+    try {
+      cols = mergeFields?.filter((item) => {
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_interface_logic.domainHelper.matchDomains(context, item?.column_invisible) : item?.invisible ? import_interface_logic.domainHelper.matchDomains(context, item?.invisible) : false);
+      })?.map((field) => {
+        return {
+          name: field?.name,
+          optional: field?.optional,
+          title: field?.type_co === "button" ? "" : field?.string,
+          field: { ...field }
+        };
+      });
+    } catch (error) {
+      console.error("Error in useTable:", error);
+    }
+    return cols;
+  };
+  (0, import_react.useEffect)(() => {
+    const columns2 = handleGetColumns();
+    setColumns(columns2);
+  }, [data]);
+  const onToggleColumnOptional = (item) => {
+    const tempColumn = [...columns]?.map((val) => {
+      if (item?.name === val?.name) {
+        return {
+          ...val,
+          optional: item?.optional === "show" ? "hide" : "show"
+        };
+      }
+      return val;
+    });
+    setColumns(tempColumn);
+  };
+  return {
+    rows,
+    columns,
+    onToggleColumnOptional,
+    typeTable
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTableHandler
+});

package/dist/table.mjs

@@ -0,0 +1,97 @@
+// src/widget/table/use-table.ts
+import { domainHelper } from "@fctc/interface-logic";
+import { useEffect, useState } from "react";
+function mergeButtons(fields) {
+  const buttons = fields?.filter((f) => f.type_co === "button");
+  const others = fields?.filter((f) => f.type_co !== "button");
+  if (buttons?.length) {
+    others.push({
+      type_co: "buttons",
+      buttons
+    });
+  }
+  return others;
+}
+var useTableHandler = ({
+  fields,
+  data,
+  dataModel,
+  context,
+  typeTable
+}) => {
+  const [rows, setRows] = useState(data || []);
+  const [columns, setColumns] = useState([]);
+  const dataModelFields = fields?.map((field) => {
+    return {
+      ...dataModel?.[field?.name],
+      ...field,
+      string: field?.string || dataModel?.[field?.name]?.string
+    };
+  });
+  const mergeFields = mergeButtons(dataModelFields);
+  const transformData = (dataList) => {
+    if (!dataList) return;
+    return dataList?.map((item) => {
+      const transformedItem = { ...item };
+      Object.keys(item).forEach((field) => {
+        if (field !== "__domain") {
+          if (item[field] && typeof item[field] === "object" && item[field].display_name) {
+            transformedItem[field] = item[field];
+          } else if (Array.isArray(item[field]) && item[field].length > 0) {
+            if (typeTable === "group" && item[field]?.length === 2 && typeof item[field]?.[1] === "string") {
+              transformedItem["string"] = item[field]?.[1];
+            }
+            transformedItem[field] = item[field];
+          }
+        }
+      });
+      return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
+    });
+  };
+  useEffect(() => {
+    setRows(transformData(data || null));
+  }, [data]);
+  const handleGetColumns = () => {
+    let cols = [];
+    try {
+      cols = mergeFields?.filter((item) => {
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? domainHelper.matchDomains(context, item?.column_invisible) : item?.invisible ? domainHelper.matchDomains(context, item?.invisible) : false);
+      })?.map((field) => {
+        return {
+          name: field?.name,
+          optional: field?.optional,
+          title: field?.type_co === "button" ? "" : field?.string,
+          field: { ...field }
+        };
+      });
+    } catch (error) {
+      console.error("Error in useTable:", error);
+    }
+    return cols;
+  };
+  useEffect(() => {
+    const columns2 = handleGetColumns();
+    setColumns(columns2);
+  }, [data]);
+  const onToggleColumnOptional = (item) => {
+    const tempColumn = [...columns]?.map((val) => {
+      if (item?.name === val?.name) {
+        return {
+          ...val,
+          optional: item?.optional === "show" ? "hide" : "show"
+        };
+      }
+      return val;
+    });
+    setColumns(tempColumn);
+  };
+  return {
+    rows,
+    columns,
+    onToggleColumnOptional,
+    typeTable
+  };
+};
+export {
+  useTableHandler
+};

package/package.json

@@ -1,21 +1,29 @@
 {
   "name": "@fctc/widget-logic",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
     },
-    "./require": {
-      "import": "./dist/require.mjs",
-      "require": "./dist/require.cjs"
+    "./action": {
+      "import": "./dist/action.mjs",
+      "require": "./dist/action.cjs",
+      "types": "./dist/action.d.ts"
     },
-    "./validate": {
-      "import": "./dist/validate.mjs",
-      "require": "./dist/validate.cjs"
+    "./form": {
+      "import": "./dist/form.mjs",
+      "require": "./dist/form.cjs",
+      "types": "./dist/form.d.ts"
+    },
+    "./table": {
+      "import": "./dist/table.mjs",
+      "require": "./dist/table.cjs",
+      "types": "./dist/table.d.ts"
     }
   },
   "files": [
@@ -26,7 +34,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@fctc/interface-logic": "^1.0.0",
+    "@fctc/interface-logic": "^1.0.1",
     "@types/react": "^19.1.8",
     "react": "18.0.0",
     "react-dom": "18.0.0",