react-table-edit 0.1.2 → 0.1.4

package/dist/index.d.mts

@@ -136,14 +136,13 @@ type FromItemsField = {
     options?: any[];
 };
 
-declare const notificationSuccess: (param: string) => string;
-declare const messageBoxError: (t: TFunction<"translation", undefined>, message: string) => void;
-declare const messageHtmlBoxConfirm: (t: TFunction<"translation", undefined>, message: any[], handle: any, data: any, title?: string) => void;
-declare const messageHtmlBoxError: (t: TFunction<"translation", undefined>, message: any[], title?: string) => void;
+declare const messageHtmlBoxConfirm: (t: TFunction<"translation", undefined>, message: any[], handle: any, data: any, title?: string, btnOk?: string, btnCancel?: string) => void;
+declare const messageHtmlBoxError: (t: TFunction<"translation", undefined>, message: any[], title?: string, btnCancel?: string) => void;
 declare const messageBoxConfirmDelete: (t: TFunction<"translation", undefined>, handle: any, data: any) => void;
-declare const messageBoxConfirmApprove: (t: TFunction<"translation", undefined>, handle: any, data: any) => void;
-declare const messageBoxConfirm: (t: TFunction<"translation", undefined>, handle: any, data: any, message: string) => void;
+declare const messageBoxConfirm: (t: TFunction<"translation", undefined>, handle: any, data: any, message: string, title?: string, btnOk?: string, btnCancel?: string) => void;
+declare const messageBoxError: (t: TFunction<"translation", undefined>, message: string, title?: string, btnCancel?: string) => void;
 declare const notificationError: (param: string) => string;
+declare const notificationSuccess: (param: string) => string;
 declare const messageBoxConfirm2: (t: TFunction<"translation", undefined>, data: any, data2: any, message: string) => Promise<boolean>;
 
-export { type FromItemsField, type IColumnTable, type ICommandItem, type IFCurrentPage, type IFCurrentPageConfig, type IFPageSize, type IFTableEditProps, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, TableEdit as default, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmApprove, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess };
+export { type FromItemsField, type IColumnTable, type ICommandItem, type IFCurrentPage, type IFCurrentPageConfig, type IFPageSize, type IFTableEditProps, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, TableEdit as default, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess };

package/dist/index.d.ts

@@ -136,14 +136,13 @@ type FromItemsField = {
     options?: any[];
 };
 
-declare const notificationSuccess: (param: string) => string;
-declare const messageBoxError: (t: TFunction<"translation", undefined>, message: string) => void;
-declare const messageHtmlBoxConfirm: (t: TFunction<"translation", undefined>, message: any[], handle: any, data: any, title?: string) => void;
-declare const messageHtmlBoxError: (t: TFunction<"translation", undefined>, message: any[], title?: string) => void;
+declare const messageHtmlBoxConfirm: (t: TFunction<"translation", undefined>, message: any[], handle: any, data: any, title?: string, btnOk?: string, btnCancel?: string) => void;
+declare const messageHtmlBoxError: (t: TFunction<"translation", undefined>, message: any[], title?: string, btnCancel?: string) => void;
 declare const messageBoxConfirmDelete: (t: TFunction<"translation", undefined>, handle: any, data: any) => void;
-declare const messageBoxConfirmApprove: (t: TFunction<"translation", undefined>, handle: any, data: any) => void;
-declare const messageBoxConfirm: (t: TFunction<"translation", undefined>, handle: any, data: any, message: string) => void;
+declare const messageBoxConfirm: (t: TFunction<"translation", undefined>, handle: any, data: any, message: string, title?: string, btnOk?: string, btnCancel?: string) => void;
+declare const messageBoxError: (t: TFunction<"translation", undefined>, message: string, title?: string, btnCancel?: string) => void;
 declare const notificationError: (param: string) => string;
+declare const notificationSuccess: (param: string) => string;
 declare const messageBoxConfirm2: (t: TFunction<"translation", undefined>, data: any, data2: any, message: string) => Promise<boolean>;
 
-export { type FromItemsField, type IColumnTable, type ICommandItem, type IFCurrentPage, type IFCurrentPageConfig, type IFPageSize, type IFTableEditProps, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, TableEdit as default, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmApprove, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess };
+export { type FromItemsField, type IColumnTable, type ICommandItem, type IFCurrentPage, type IFCurrentPageConfig, type IFPageSize, type IFTableEditProps, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, TableEdit as default, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess };

package/dist/index.js

@@ -33,7 +33,6 @@ __export(Table_edit_exports, {
   default: () => Table_edit_default,
   messageBoxConfirm: () => messageBoxConfirm,
   messageBoxConfirm2: () => messageBoxConfirm2,
-  messageBoxConfirmApprove: () => messageBoxConfirmApprove,
   messageBoxConfirmDelete: () => messageBoxConfirmDelete,
   messageBoxError: () => messageBoxError,
   messageHtmlBoxConfirm: () => messageHtmlBoxConfirm,
@@ -92,38 +91,16 @@ var import_sweetalert2_react_content = __toESM(require("sweetalert2-react-conten
 var import_react_hot_toast = __toESM(require("react-hot-toast"));
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var MySwal = (0, import_sweetalert2_react_content.default)(import_sweetalert2.default);
-var notificationSuccess = (param) => {
-  return import_react_hot_toast.default.success(
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "toastify-header", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "title-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h6", { className: "toast-title", children: param }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "toastify-body", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "list-unstyled mb-0", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", {}) }) })
-    ] })
-  );
-};
-var messageBoxError = (t, message) => {
+var messageHtmlBoxConfirm = (t, message, handle, data, title = "Important", btnOk = "Ok", btnCancel = "Cancel") => {
   MySwal.fire({
-    title: t("Important"),
-    text: t(message),
-    allowOutsideClick: false,
-    showCancelButton: true,
-    showConfirmButton: false,
-    cancelButtonText: t("Ok"),
-    customClass: {
-      cancelButton: "btn btn-danger ms-1"
-    },
-    buttonsStyling: false
-  });
-};
-var messageHtmlBoxConfirm = (t, message, handle, data, title) => {
-  MySwal.fire({
-    title: title ? t(title) : t("Important"),
+    title: t(title),
     html: message.map((item, index) => {
       return `<div style="min-width: 448px padding: 7px width:100% border: 1px solid #e0e0e0${index !== 0 ? " border-top-width: 0px" : ""}">${item}</div>`;
     }).join(""),
     allowOutsideClick: false,
     showCancelButton: true,
-    confirmButtonText: t("Ok"),
-    cancelButtonText: t("Cancel"),
+    confirmButtonText: t(btnOk),
+    cancelButtonText: t(btnCancel),
     customClass: {
       confirmButton: "btn btn-primary",
       cancelButton: "btn btn-danger ms-1"
@@ -135,16 +112,16 @@ var messageHtmlBoxConfirm = (t, message, handle, data, title) => {
     }
   });
 };
-var messageHtmlBoxError = (t, message, title) => {
+var messageHtmlBoxError = (t, message, title = "Important", btnCancel = "Ok") => {
   MySwal.fire({
-    title: title ? t(title) : t("Important"),
+    title: t(title),
     html: message.map((item, index) => {
       return `<div style="min-width: 448px padding: 7px width:100% border: 1px solid #e0e0e0${index !== 0 ? " border-top-width: 0px" : ""}">${item}</div>`;
     }).join(""),
     allowOutsideClick: false,
     showCancelButton: true,
     showConfirmButton: false,
-    cancelButtonText: t("Ok"),
+    cancelButtonText: t(btnCancel),
     width: "auto",
     customClass: {
       cancelButton: "btn btn-danger ms-1"
@@ -171,14 +148,14 @@ var messageBoxConfirmDelete = (t, handle, data) => {
     }
   });
 };
-var messageBoxConfirmApprove = (t, handle, data) => {
+var messageBoxConfirm = (t, handle, data, message, title = "Important", btnOk = "Ok", btnCancel = "Cancel") => {
   MySwal.fire({
-    title: t("Confirm"),
-    text: t("Do you want to approve item?"),
+    title: t(title),
+    text: t(message),
     allowOutsideClick: false,
     showCancelButton: true,
-    confirmButtonText: t("Approve"),
-    cancelButtonText: t("Cancel"),
+    confirmButtonText: t(btnOk),
+    cancelButtonText: t(btnCancel),
     customClass: {
       confirmButton: "btn btn-primary",
       cancelButton: "btn btn-danger ms-1"
@@ -190,23 +167,18 @@ var messageBoxConfirmApprove = (t, handle, data) => {
     }
   });
 };
-var messageBoxConfirm = (t, handle, data, message) => {
+var messageBoxError = (t, message, title = "Important", btnCancel = "Ok") => {
   MySwal.fire({
-    title: t("Confirm"),
+    title: t(title),
     text: t(message),
     allowOutsideClick: false,
     showCancelButton: true,
-    confirmButtonText: t("Ok"),
-    cancelButtonText: t("Cancel"),
+    showConfirmButton: false,
+    cancelButtonText: t(btnCancel),
     customClass: {
-      confirmButton: "btn btn-primary",
       cancelButton: "btn btn-danger ms-1"
     },
     buttonsStyling: false
-  }).then(async (result) => {
-    if (result.value) {
-      handle(data);
-    }
   });
 };
 var notificationError = (param) => {
@@ -217,6 +189,14 @@ var notificationError = (param) => {
     ] })
   );
 };
+var notificationSuccess = (param) => {
+  return import_react_hot_toast.default.success(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "toastify-header", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "title-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h6", { className: "toast-title", children: param }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "toastify-body", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "list-unstyled mb-0", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", {}) }) })
+    ] })
+  );
+};
 var messageBoxConfirm2 = async (t, data, data2, message) => {
   return new Promise((resolve) => {
     MySwal.fire({
@@ -290,23 +270,26 @@ var generateUUID = () => {
   });
 };
 var formartNumberic = (str, decimalSeparator, thousandSeparator, fraction = 10, isDone) => {
+  if (isDone) {
+    str = roundNumber(Number(str), fraction);
+  }
   if (str || str == "0") {
     str = str.toString();
     const value = decimalSeparator !== "." ? str.toString().replaceAll(".", decimalSeparator ?? "") : str;
     const arr = value.toString().split(decimalSeparator ?? "", 2);
     let flag = value.toString().includes(decimalSeparator ?? "");
-    if ((arr[0]?.length ?? 0) < 3) {
+    if (arr[0].length < 3) {
       return flag ? `${arr[0]}${decimalSeparator}${arr[1]?.substring(0, fraction) ?? ""}` : arr[0];
     } else {
       let count = 0;
-      for (let i = (arr[0]?.length ?? 0) - 2; i >= 0; i--) {
-        if (((arr[0]?.length ?? 0) - i - count) % 3 === 0 && i > 0) {
-          arr[0] = `${arr[0]?.substring(0, i)}${thousandSeparator}${arr[0]?.substring(i, arr[0]?.length ?? 0)}`;
+      for (let i = arr[0].length - 2; i >= 0; i--) {
+        if ((arr[0].length - i - count) % 3 === 0 && i > 0) {
+          arr[0] = `${arr[0].substring(0, i)}${thousandSeparator}${arr[0].substring(i, arr[0].length)}`;
           count++;
         }
       }
-      if (arr[0]?.lastIndexOf(thousandSeparator ?? "") === (arr[0]?.length ?? 0) - 1) {
-        arr[0] = arr[0]?.slice(0, (arr[0]?.length ?? 0) - 1);
+      if (arr[0].lastIndexOf(thousandSeparator ?? "") === arr[0].length - 1) {
+        arr[0] = arr[0].slice(0, arr[0].length - 1);
       }
       if (isDone) {
         flag = (arr[1]?.substring(0, fraction) ?? "") !== "";
@@ -317,6 +300,11 @@ var formartNumberic = (str, decimalSeparator, thousandSeparator, fraction = 10,
     return "";
   }
 };
+var roundNumber = (num, fraction) => {
+  const base = 10 ** fraction;
+  const result = Math.round(num * base) / base;
+  return result;
+};
 
 // test-app/src/component/icon/index.tsx
 var Icon = __toESM(require("becoxy-icons"));
@@ -2727,7 +2715,6 @@ var Table_edit_default = table_default;
 0 && (module.exports = {
   messageBoxConfirm,
   messageBoxConfirm2,
-  messageBoxConfirmApprove,
   messageBoxConfirmDelete,
   messageBoxError,
   messageHtmlBoxConfirm,

package/dist/index.mjs

@@ -47,38 +47,16 @@ import withReactContent from "sweetalert2-react-content";
 import toast from "react-hot-toast";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var MySwal = withReactContent(Swal);
-var notificationSuccess = (param) => {
-  return toast.success(
-    /* @__PURE__ */ jsxs2(Fragment2, { children: [
-      /* @__PURE__ */ jsx2("div", { className: "toastify-header", children: /* @__PURE__ */ jsx2("div", { className: "title-wrapper", children: /* @__PURE__ */ jsx2("h6", { className: "toast-title", children: param }) }) }),
-      /* @__PURE__ */ jsx2("div", { className: "toastify-body", children: /* @__PURE__ */ jsx2("ul", { className: "list-unstyled mb-0", children: /* @__PURE__ */ jsx2("li", {}) }) })
-    ] })
-  );
-};
-var messageBoxError = (t, message) => {
+var messageHtmlBoxConfirm = (t, message, handle, data, title = "Important", btnOk = "Ok", btnCancel = "Cancel") => {
   MySwal.fire({
-    title: t("Important"),
-    text: t(message),
-    allowOutsideClick: false,
-    showCancelButton: true,
-    showConfirmButton: false,
-    cancelButtonText: t("Ok"),
-    customClass: {
-      cancelButton: "btn btn-danger ms-1"
-    },
-    buttonsStyling: false
-  });
-};
-var messageHtmlBoxConfirm = (t, message, handle, data, title) => {
-  MySwal.fire({
-    title: title ? t(title) : t("Important"),
+    title: t(title),
     html: message.map((item, index) => {
       return `<div style="min-width: 448px padding: 7px width:100% border: 1px solid #e0e0e0${index !== 0 ? " border-top-width: 0px" : ""}">${item}</div>`;
     }).join(""),
     allowOutsideClick: false,
     showCancelButton: true,
-    confirmButtonText: t("Ok"),
-    cancelButtonText: t("Cancel"),
+    confirmButtonText: t(btnOk),
+    cancelButtonText: t(btnCancel),
     customClass: {
       confirmButton: "btn btn-primary",
       cancelButton: "btn btn-danger ms-1"
@@ -90,16 +68,16 @@ var messageHtmlBoxConfirm = (t, message, handle, data, title) => {
     }
   });
 };
-var messageHtmlBoxError = (t, message, title) => {
+var messageHtmlBoxError = (t, message, title = "Important", btnCancel = "Ok") => {
   MySwal.fire({
-    title: title ? t(title) : t("Important"),
+    title: t(title),
     html: message.map((item, index) => {
       return `<div style="min-width: 448px padding: 7px width:100% border: 1px solid #e0e0e0${index !== 0 ? " border-top-width: 0px" : ""}">${item}</div>`;
     }).join(""),
     allowOutsideClick: false,
     showCancelButton: true,
     showConfirmButton: false,
-    cancelButtonText: t("Ok"),
+    cancelButtonText: t(btnCancel),
     width: "auto",
     customClass: {
       cancelButton: "btn btn-danger ms-1"
@@ -126,14 +104,14 @@ var messageBoxConfirmDelete = (t, handle, data) => {
     }
   });
 };
-var messageBoxConfirmApprove = (t, handle, data) => {
+var messageBoxConfirm = (t, handle, data, message, title = "Important", btnOk = "Ok", btnCancel = "Cancel") => {
   MySwal.fire({
-    title: t("Confirm"),
-    text: t("Do you want to approve item?"),
+    title: t(title),
+    text: t(message),
     allowOutsideClick: false,
     showCancelButton: true,
-    confirmButtonText: t("Approve"),
-    cancelButtonText: t("Cancel"),
+    confirmButtonText: t(btnOk),
+    cancelButtonText: t(btnCancel),
     customClass: {
       confirmButton: "btn btn-primary",
       cancelButton: "btn btn-danger ms-1"
@@ -145,23 +123,18 @@ var messageBoxConfirmApprove = (t, handle, data) => {
     }
   });
 };
-var messageBoxConfirm = (t, handle, data, message) => {
+var messageBoxError = (t, message, title = "Important", btnCancel = "Ok") => {
   MySwal.fire({
-    title: t("Confirm"),
+    title: t(title),
     text: t(message),
     allowOutsideClick: false,
     showCancelButton: true,
-    confirmButtonText: t("Ok"),
-    cancelButtonText: t("Cancel"),
+    showConfirmButton: false,
+    cancelButtonText: t(btnCancel),
     customClass: {
-      confirmButton: "btn btn-primary",
       cancelButton: "btn btn-danger ms-1"
     },
     buttonsStyling: false
-  }).then(async (result) => {
-    if (result.value) {
-      handle(data);
-    }
   });
 };
 var notificationError = (param) => {
@@ -172,6 +145,14 @@ var notificationError = (param) => {
     ] })
   );
 };
+var notificationSuccess = (param) => {
+  return toast.success(
+    /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx2("div", { className: "toastify-header", children: /* @__PURE__ */ jsx2("div", { className: "title-wrapper", children: /* @__PURE__ */ jsx2("h6", { className: "toast-title", children: param }) }) }),
+      /* @__PURE__ */ jsx2("div", { className: "toastify-body", children: /* @__PURE__ */ jsx2("ul", { className: "list-unstyled mb-0", children: /* @__PURE__ */ jsx2("li", {}) }) })
+    ] })
+  );
+};
 var messageBoxConfirm2 = async (t, data, data2, message) => {
   return new Promise((resolve) => {
     MySwal.fire({
@@ -245,23 +226,26 @@ var generateUUID = () => {
   });
 };
 var formartNumberic = (str, decimalSeparator, thousandSeparator, fraction = 10, isDone) => {
+  if (isDone) {
+    str = roundNumber(Number(str), fraction);
+  }
   if (str || str == "0") {
     str = str.toString();
     const value = decimalSeparator !== "." ? str.toString().replaceAll(".", decimalSeparator ?? "") : str;
     const arr = value.toString().split(decimalSeparator ?? "", 2);
     let flag = value.toString().includes(decimalSeparator ?? "");
-    if ((arr[0]?.length ?? 0) < 3) {
+    if (arr[0].length < 3) {
       return flag ? `${arr[0]}${decimalSeparator}${arr[1]?.substring(0, fraction) ?? ""}` : arr[0];
     } else {
       let count = 0;
-      for (let i = (arr[0]?.length ?? 0) - 2; i >= 0; i--) {
-        if (((arr[0]?.length ?? 0) - i - count) % 3 === 0 && i > 0) {
-          arr[0] = `${arr[0]?.substring(0, i)}${thousandSeparator}${arr[0]?.substring(i, arr[0]?.length ?? 0)}`;
+      for (let i = arr[0].length - 2; i >= 0; i--) {
+        if ((arr[0].length - i - count) % 3 === 0 && i > 0) {
+          arr[0] = `${arr[0].substring(0, i)}${thousandSeparator}${arr[0].substring(i, arr[0].length)}`;
           count++;
         }
       }
-      if (arr[0]?.lastIndexOf(thousandSeparator ?? "") === (arr[0]?.length ?? 0) - 1) {
-        arr[0] = arr[0]?.slice(0, (arr[0]?.length ?? 0) - 1);
+      if (arr[0].lastIndexOf(thousandSeparator ?? "") === arr[0].length - 1) {
+        arr[0] = arr[0].slice(0, arr[0].length - 1);
       }
       if (isDone) {
         flag = (arr[1]?.substring(0, fraction) ?? "") !== "";
@@ -272,6 +256,11 @@ var formartNumberic = (str, decimalSeparator, thousandSeparator, fraction = 10,
     return "";
   }
 };
+var roundNumber = (num, fraction) => {
+  const base = 10 ** fraction;
+  const result = Math.round(num * base) / base;
+  return result;
+};
 
 // test-app/src/component/icon/index.tsx
 import * as Icon from "becoxy-icons";
@@ -2700,7 +2689,6 @@ export {
   Table_edit_default as default,
   messageBoxConfirm,
   messageBoxConfirm2,
-  messageBoxConfirmApprove,
   messageBoxConfirmDelete,
   messageBoxError,
   messageHtmlBoxConfirm,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-table-edit",
   "license": "MIT",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",