@fctc/sme-widget-ui 1.9.8 → 1.9.9

package/dist/icons.js

@@ -992,8 +992,8 @@ var ZipIcon = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "svg",
     {
-      width: "40",
-      height: "40",
+      width: "30",
+      height: "30",
       viewBox: "0 0 40 40",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",

package/dist/icons.mjs

@@ -928,8 +928,8 @@ var ZipIcon = () => {
   return /* @__PURE__ */ jsxs15(
     "svg",
     {
-      width: "40",
-      height: "40",
+      width: "30",
+      height: "30",
       viewBox: "0 0 40 40",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",

package/dist/index.js

@@ -6234,8 +6234,8 @@ var ZipIcon = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "svg",
     {
-      width: "40",
-      height: "40",
+      width: "30",
+      height: "30",
       viewBox: "0 0 40 40",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -9949,8 +9949,8 @@ var en_default = {
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
-  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and each file should be up to 10MB.",
-  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and total should be up to 50MB.",
+  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and each file should be up to 10MB.",
+  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and total should be up to 50MB.",
   must_required: "is required",
   invalid_number: "Invalid number",
   active: "Active",
@@ -13044,6 +13044,7 @@ var M = import_react16.default.forwardRef(({ id: t3, anchorId: l2, anchorSelect:
 });
 
 // src/widgets/advanced/table/table-head.tsx
+var import_react_dom2 = require("react-dom");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var TableHead = (props) => {
   const {
@@ -13085,27 +13086,31 @@ var TableHead = (props) => {
           return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "th",
             {
+              "data-rtc-resizable": col?.name,
               className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
               children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
                 col.title,
                 col?.field?.help && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                    M,
-                    {
-                      style: {
-                        padding: "6px 12px",
-                        fontSize: "12px",
-                        borderRadius: "4px",
-                        maxWidth: "200%",
-                        whiteSpace: "wrap",
-                        fontWeight: 400,
-                        textTransform: "none"
-                      },
-                      id: `field-help-${col?.field?.name}`,
-                      content: col?.field?.help,
-                      place: "top",
-                      className: "z-30"
-                    }
+                  (0, import_react_dom2.createPortal)(
+                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                      M,
+                      {
+                        style: {
+                          padding: "6px 12px",
+                          fontSize: "12px",
+                          borderRadius: "4px",
+                          maxWidth: "200px",
+                          whiteSpace: "wrap",
+                          fontWeight: 400,
+                          textTransform: "none",
+                          zIndex: "9999"
+                        },
+                        id: `field-help-${col?.field?.name}`,
+                        content: col?.field?.help,
+                        place: "top"
+                      }
+                    ),
+                    document.body
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                     "span",
@@ -16232,7 +16237,7 @@ var ModalConfirm = ({
 
 // src/widgets/common/modal-detail.tsx
 var import_react24 = require("react");
-var import_react_dom2 = require("react-dom");
+var import_react_dom3 = require("react-dom");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var ModalDetail = ({
   idToolTip,
@@ -16255,7 +16260,7 @@ var ModalDetail = ({
     sessionStorage.setItem("actionData", JSON.stringify(actionData));
     window.location.href = `/form/menu?model=${model}&id=${idForm}`;
   };
-  return (0, import_react_dom2.createPortal)(
+  return (0, import_react_dom3.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: showModalDetail && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
       /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
@@ -16548,7 +16553,8 @@ var ButtonSelectFiles = ({
     "application/zip",
     "application/x-zip-compressed",
     "application/vnd.ms-excel",
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    "application/json"
   ];
   const MAX_FILE_SIZE = 10 * 1024 * 1024;
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
@@ -16649,7 +16655,7 @@ var ButtonSelectFiles = ({
         style: { display: "none" },
         onChange: handleOnChange,
         multiple: true,
-        accept: ".jpeg,.jpg,.png,.pdf,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
+        accept: ".jpeg,.jpg,.png,.pdf,.json,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
       }
     )
   ] });
@@ -21995,7 +22001,7 @@ function useFloating2(options2) {
 }
 
 // node_modules/react-datepicker/dist/index.es.js
-var import_react_dom5 = __toESM(require("react-dom"));
+var import_react_dom6 = __toESM(require("react-dom"));
 var _extendStatics = function extendStatics(d, b2) {
   _extendStatics = Object.setPrototypeOf || {
     __proto__: []
@@ -25238,7 +25244,7 @@ var Portal = (
       }
     };
     Portal2.prototype.render = function() {
-      return import_react_dom5.default.createPortal(this.props.children, this.el);
+      return import_react_dom6.default.createPortal(this.props.children, this.el);
     };
     return Portal2;
   }(import_react44.Component)
@@ -27806,7 +27812,7 @@ function _taggedTemplateLiteral(e3, t3) {
 
 // node_modules/react-select/dist/index-641ee5b8.esm.js
 var import_react50 = require("react");
-var import_react_dom6 = require("react-dom");
+var import_react_dom7 = require("react-dom");
 
 // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 var import_react48 = require("react");
@@ -28309,7 +28315,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), innerProps), children);
   return jsx81(PortalPlacementContext.Provider, {
     value: portalPlacementContext
-  }, appendTo ? /* @__PURE__ */ (0, import_react_dom6.createPortal)(menuWrapper, appendTo) : menuWrapper);
+  }, appendTo ? /* @__PURE__ */ (0, import_react_dom7.createPortal)(menuWrapper, appendTo) : menuWrapper);
 };
 var containerCSS = function containerCSS2(_ref3) {
   var isDisabled = _ref3.isDisabled, isRtl = _ref3.isRtl;
@@ -31202,7 +31208,7 @@ var import_toConsumableArray2 = __toESM(require_toConsumableArray());
 var import_typeof5 = __toESM(require_typeof());
 var import_taggedTemplateLiteral2 = __toESM(require_taggedTemplateLiteral());
 var import_defineProperty3 = __toESM(require_defineProperty());
-var import_react_dom7 = require("react-dom");
+var import_react_dom8 = require("react-dom");
 var StateManagedSelect = /* @__PURE__ */ (0, import_react53.forwardRef)(function(props, ref) {
   var baseSelectProps = useStateManager(props);
   return /* @__PURE__ */ React14.createElement(Select, _extends({
@@ -33149,7 +33155,7 @@ var StatusDropdownField = (props) => {
 };
 
 // src/widgets/basic/many2many-field/many2many.tsx
-var import_react_dom8 = require("react-dom");
+var import_react_dom9 = require("react-dom");
 var import_react65 = require("react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var Many2ManyField = (props) => {
@@ -33224,7 +33230,7 @@ var Many2ManyField = (props) => {
       typeof setGroupByList === "function" && setGroupByList(null);
     };
   }, [selectedTags]);
-  return (0, import_react_dom8.createPortal)(
+  return (0, import_react_dom9.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       "div",
       {

package/dist/index.mjs

@@ -6111,8 +6111,8 @@ var ZipIcon = () => {
   return /* @__PURE__ */ jsxs15(
     "svg",
     {
-      width: "40",
-      height: "40",
+      width: "30",
+      height: "30",
       viewBox: "0 0 40 40",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -9826,8 +9826,8 @@ var en_default = {
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
-  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and each file should be up to 10MB.",
-  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and total should be up to 50MB.",
+  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and each file should be up to 10MB.",
+  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and total should be up to 50MB.",
   must_required: "is required",
   invalid_number: "Invalid number",
   active: "Active",
@@ -12921,6 +12921,7 @@ var M = e2.forwardRef(({ id: t3, anchorId: l2, anchorSelect: n4, content: i3, ht
 });
 
 // src/widgets/advanced/table/table-head.tsx
+import { createPortal as createPortal2 } from "react-dom";
 import { Fragment as Fragment4, jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
 var TableHead = (props) => {
   const {
@@ -12962,27 +12963,31 @@ var TableHead = (props) => {
           return /* @__PURE__ */ jsx48(
             "th",
             {
+              "data-rtc-resizable": col?.name,
               className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
               children: /* @__PURE__ */ jsxs27("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
                 col.title,
                 col?.field?.help && /* @__PURE__ */ jsxs27(Fragment4, { children: [
-                  /* @__PURE__ */ jsx48(
-                    M,
-                    {
-                      style: {
-                        padding: "6px 12px",
-                        fontSize: "12px",
-                        borderRadius: "4px",
-                        maxWidth: "200%",
-                        whiteSpace: "wrap",
-                        fontWeight: 400,
-                        textTransform: "none"
-                      },
-                      id: `field-help-${col?.field?.name}`,
-                      content: col?.field?.help,
-                      place: "top",
-                      className: "z-30"
-                    }
+                  createPortal2(
+                    /* @__PURE__ */ jsx48(
+                      M,
+                      {
+                        style: {
+                          padding: "6px 12px",
+                          fontSize: "12px",
+                          borderRadius: "4px",
+                          maxWidth: "200px",
+                          whiteSpace: "wrap",
+                          fontWeight: 400,
+                          textTransform: "none",
+                          zIndex: "9999"
+                        },
+                        id: `field-help-${col?.field?.name}`,
+                        content: col?.field?.help,
+                        place: "top"
+                      }
+                    ),
+                    document.body
                   ),
                   /* @__PURE__ */ jsx48(
                     "span",
@@ -16109,7 +16114,7 @@ var ModalConfirm = ({
 
 // src/widgets/common/modal-detail.tsx
 import { useState as useState7 } from "react";
-import { createPortal as createPortal2 } from "react-dom";
+import { createPortal as createPortal3 } from "react-dom";
 import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs42 } from "react/jsx-runtime";
 var ModalDetail = ({
   idToolTip,
@@ -16132,7 +16137,7 @@ var ModalDetail = ({
     sessionStorage.setItem("actionData", JSON.stringify(actionData));
     window.location.href = `/form/menu?model=${model}&id=${idForm}`;
   };
-  return createPortal2(
+  return createPortal3(
     /* @__PURE__ */ jsx66(Fragment13, { children: showModalDetail && /* @__PURE__ */ jsxs42("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
       /* @__PURE__ */ jsx66("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
       /* @__PURE__ */ jsx66("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs42("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
@@ -16425,7 +16430,8 @@ var ButtonSelectFiles = ({
     "application/zip",
     "application/x-zip-compressed",
     "application/vnd.ms-excel",
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    "application/json"
   ];
   const MAX_FILE_SIZE = 10 * 1024 * 1024;
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
@@ -16526,7 +16532,7 @@ var ButtonSelectFiles = ({
         style: { display: "none" },
         onChange: handleOnChange,
         multiple: true,
-        accept: ".jpeg,.jpg,.png,.pdf,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
+        accept: ".jpeg,.jpg,.png,.pdf,.json,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
       }
     )
   ] });
@@ -27683,7 +27689,7 @@ function _taggedTemplateLiteral(e3, t3) {
 
 // node_modules/react-select/dist/index-641ee5b8.esm.js
 import { useContext as useContext9, useRef as useRef13, useState as useState15, useMemo as useMemo7, useCallback as useCallback7, createContext as createContext5 } from "react";
-import { createPortal as createPortal4 } from "react-dom";
+import { createPortal as createPortal5 } from "react-dom";
 
 // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 import { useLayoutEffect as useLayoutEffect4 } from "react";
@@ -28186,7 +28192,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), innerProps), children);
   return jsx81(PortalPlacementContext.Provider, {
     value: portalPlacementContext
-  }, appendTo ? /* @__PURE__ */ createPortal4(menuWrapper, appendTo) : menuWrapper);
+  }, appendTo ? /* @__PURE__ */ createPortal5(menuWrapper, appendTo) : menuWrapper);
 };
 var containerCSS = function containerCSS2(_ref3) {
   var isDisabled = _ref3.isDisabled, isRtl = _ref3.isRtl;
@@ -33026,7 +33032,7 @@ var StatusDropdownField = (props) => {
 };
 
 // src/widgets/basic/many2many-field/many2many.tsx
-import { createPortal as createPortal5 } from "react-dom";
+import { createPortal as createPortal6 } from "react-dom";
 import { useEffect as useEffect26 } from "react";
 import { jsx as jsx106, jsxs as jsxs71 } from "react/jsx-runtime";
 var Many2ManyField = (props) => {
@@ -33101,7 +33107,7 @@ var Many2ManyField = (props) => {
       typeof setGroupByList === "function" && setGroupByList(null);
     };
   }, [selectedTags]);
-  return createPortal5(
+  return createPortal6(
     /* @__PURE__ */ jsxs71(
       "div",
       {

package/dist/utils.js

@@ -6894,8 +6894,8 @@ var en_default = {
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
-  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and each file should be up to 10MB.",
-  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and total should be up to 50MB.",
+  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and each file should be up to 10MB.",
+  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and total should be up to 50MB.",
   must_required: "is required",
   invalid_number: "Invalid number",
   active: "Active",

package/dist/utils.mjs

@@ -6871,8 +6871,8 @@ var en_default = {
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
-  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and each file should be up to 10MB.",
-  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and total should be up to 50MB.",
+  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and each file should be up to 10MB.",
+  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and total should be up to 50MB.",
   must_required: "is required",
   invalid_number: "Invalid number",
   active: "Active",

package/dist/widgets.js

@@ -7817,8 +7817,8 @@ var en_default = {
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
-  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and each file should be up to 10MB.",
-  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and total should be up to 50MB.",
+  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and each file should be up to 10MB.",
+  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and total should be up to 50MB.",
   must_required: "is required",
   invalid_number: "Invalid number",
   active: "Active",
@@ -9097,8 +9097,8 @@ var ZipIcon = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "svg",
     {
-      width: "40",
-      height: "40",
+      width: "30",
+      height: "30",
       viewBox: "0 0 40 40",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -12288,6 +12288,7 @@ var M = import_react16.default.forwardRef(({ id: t3, anchorId: l2, anchorSelect:
 });
 
 // src/widgets/advanced/table/table-head.tsx
+var import_react_dom2 = require("react-dom");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var TableHead = (props) => {
   const {
@@ -12329,27 +12330,31 @@ var TableHead = (props) => {
           return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "th",
             {
+              "data-rtc-resizable": col?.name,
               className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
               children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
                 col.title,
                 col?.field?.help && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                    M,
-                    {
-                      style: {
-                        padding: "6px 12px",
-                        fontSize: "12px",
-                        borderRadius: "4px",
-                        maxWidth: "200%",
-                        whiteSpace: "wrap",
-                        fontWeight: 400,
-                        textTransform: "none"
-                      },
-                      id: `field-help-${col?.field?.name}`,
-                      content: col?.field?.help,
-                      place: "top",
-                      className: "z-30"
-                    }
+                  (0, import_react_dom2.createPortal)(
+                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                      M,
+                      {
+                        style: {
+                          padding: "6px 12px",
+                          fontSize: "12px",
+                          borderRadius: "4px",
+                          maxWidth: "200px",
+                          whiteSpace: "wrap",
+                          fontWeight: 400,
+                          textTransform: "none",
+                          zIndex: "9999"
+                        },
+                        id: `field-help-${col?.field?.name}`,
+                        content: col?.field?.help,
+                        place: "top"
+                      }
+                    ),
+                    document.body
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                     "span",
@@ -15487,7 +15492,7 @@ var ModalConfirm = ({
 
 // src/widgets/common/modal-detail.tsx
 var import_react24 = require("react");
-var import_react_dom2 = require("react-dom");
+var import_react_dom3 = require("react-dom");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var ModalDetail = ({
   idToolTip,
@@ -15510,7 +15515,7 @@ var ModalDetail = ({
     sessionStorage.setItem("actionData", JSON.stringify(actionData));
     window.location.href = `/form/menu?model=${model}&id=${idForm}`;
   };
-  return (0, import_react_dom2.createPortal)(
+  return (0, import_react_dom3.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: showModalDetail && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
       /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
@@ -15803,7 +15808,8 @@ var ButtonSelectFiles = ({
     "application/zip",
     "application/x-zip-compressed",
     "application/vnd.ms-excel",
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    "application/json"
   ];
   const MAX_FILE_SIZE = 10 * 1024 * 1024;
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
@@ -15904,7 +15910,7 @@ var ButtonSelectFiles = ({
         style: { display: "none" },
         onChange: handleOnChange,
         multiple: true,
-        accept: ".jpeg,.jpg,.png,.pdf,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
+        accept: ".jpeg,.jpg,.png,.pdf,.json,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
       }
     )
   ] });
@@ -21250,7 +21256,7 @@ function useFloating2(options2) {
 }
 
 // node_modules/react-datepicker/dist/index.es.js
-var import_react_dom5 = __toESM(require("react-dom"));
+var import_react_dom6 = __toESM(require("react-dom"));
 var _extendStatics = function extendStatics(d, b2) {
   _extendStatics = Object.setPrototypeOf || {
     __proto__: []
@@ -24493,7 +24499,7 @@ var Portal = (
       }
     };
     Portal2.prototype.render = function() {
-      return import_react_dom5.default.createPortal(this.props.children, this.el);
+      return import_react_dom6.default.createPortal(this.props.children, this.el);
     };
     return Portal2;
   }(import_react44.Component)
@@ -27061,7 +27067,7 @@ function _taggedTemplateLiteral(e3, t3) {
 
 // node_modules/react-select/dist/index-641ee5b8.esm.js
 var import_react50 = require("react");
-var import_react_dom6 = require("react-dom");
+var import_react_dom7 = require("react-dom");
 
 // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 var import_react48 = require("react");
@@ -27564,7 +27570,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), innerProps), children);
   return jsx81(PortalPlacementContext.Provider, {
     value: portalPlacementContext
-  }, appendTo ? /* @__PURE__ */ (0, import_react_dom6.createPortal)(menuWrapper, appendTo) : menuWrapper);
+  }, appendTo ? /* @__PURE__ */ (0, import_react_dom7.createPortal)(menuWrapper, appendTo) : menuWrapper);
 };
 var containerCSS = function containerCSS2(_ref3) {
   var isDisabled = _ref3.isDisabled, isRtl = _ref3.isRtl;
@@ -30457,7 +30463,7 @@ var import_toConsumableArray2 = __toESM(require_toConsumableArray());
 var import_typeof5 = __toESM(require_typeof());
 var import_taggedTemplateLiteral2 = __toESM(require_taggedTemplateLiteral());
 var import_defineProperty3 = __toESM(require_defineProperty());
-var import_react_dom7 = require("react-dom");
+var import_react_dom8 = require("react-dom");
 var StateManagedSelect = /* @__PURE__ */ (0, import_react53.forwardRef)(function(props, ref) {
   var baseSelectProps = useStateManager(props);
   return /* @__PURE__ */ React14.createElement(Select, _extends({
@@ -32404,7 +32410,7 @@ var StatusDropdownField = (props) => {
 };
 
 // src/widgets/basic/many2many-field/many2many.tsx
-var import_react_dom8 = require("react-dom");
+var import_react_dom9 = require("react-dom");
 var import_react65 = require("react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var Many2ManyField = (props) => {
@@ -32479,7 +32485,7 @@ var Many2ManyField = (props) => {
       typeof setGroupByList === "function" && setGroupByList(null);
     };
   }, [selectedTags]);
-  return (0, import_react_dom8.createPortal)(
+  return (0, import_react_dom9.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       "div",
       {

package/dist/widgets.mjs

@@ -7755,8 +7755,8 @@ var en_default = {
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
-  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and each file should be up to 10MB.",
-  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and total should be up to 50MB.",
+  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and each file should be up to 10MB.",
+  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and total should be up to 50MB.",
   must_required: "is required",
   invalid_number: "Invalid number",
   active: "Active",
@@ -9035,8 +9035,8 @@ var ZipIcon = () => {
   return /* @__PURE__ */ jsxs16(
     "svg",
     {
-      width: "40",
-      height: "40",
+      width: "30",
+      height: "30",
       viewBox: "0 0 40 40",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -12226,6 +12226,7 @@ var M = e2.forwardRef(({ id: t3, anchorId: l2, anchorSelect: n4, content: i3, ht
 });
 
 // src/widgets/advanced/table/table-head.tsx
+import { createPortal as createPortal2 } from "react-dom";
 import { Fragment as Fragment4, jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
 var TableHead = (props) => {
   const {
@@ -12267,27 +12268,31 @@ var TableHead = (props) => {
           return /* @__PURE__ */ jsx48(
             "th",
             {
+              "data-rtc-resizable": col?.name,
               className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
               children: /* @__PURE__ */ jsxs27("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
                 col.title,
                 col?.field?.help && /* @__PURE__ */ jsxs27(Fragment4, { children: [
-                  /* @__PURE__ */ jsx48(
-                    M,
-                    {
-                      style: {
-                        padding: "6px 12px",
-                        fontSize: "12px",
-                        borderRadius: "4px",
-                        maxWidth: "200%",
-                        whiteSpace: "wrap",
-                        fontWeight: 400,
-                        textTransform: "none"
-                      },
-                      id: `field-help-${col?.field?.name}`,
-                      content: col?.field?.help,
-                      place: "top",
-                      className: "z-30"
-                    }
+                  createPortal2(
+                    /* @__PURE__ */ jsx48(
+                      M,
+                      {
+                        style: {
+                          padding: "6px 12px",
+                          fontSize: "12px",
+                          borderRadius: "4px",
+                          maxWidth: "200px",
+                          whiteSpace: "wrap",
+                          fontWeight: 400,
+                          textTransform: "none",
+                          zIndex: "9999"
+                        },
+                        id: `field-help-${col?.field?.name}`,
+                        content: col?.field?.help,
+                        place: "top"
+                      }
+                    ),
+                    document.body
                   ),
                   /* @__PURE__ */ jsx48(
                     "span",
@@ -15425,7 +15430,7 @@ var ModalConfirm = ({
 
 // src/widgets/common/modal-detail.tsx
 import { useState as useState7 } from "react";
-import { createPortal as createPortal2 } from "react-dom";
+import { createPortal as createPortal3 } from "react-dom";
 import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs42 } from "react/jsx-runtime";
 var ModalDetail = ({
   idToolTip,
@@ -15448,7 +15453,7 @@ var ModalDetail = ({
     sessionStorage.setItem("actionData", JSON.stringify(actionData));
     window.location.href = `/form/menu?model=${model}&id=${idForm}`;
   };
-  return createPortal2(
+  return createPortal3(
     /* @__PURE__ */ jsx66(Fragment13, { children: showModalDetail && /* @__PURE__ */ jsxs42("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
       /* @__PURE__ */ jsx66("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
       /* @__PURE__ */ jsx66("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs42("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
@@ -15741,7 +15746,8 @@ var ButtonSelectFiles = ({
     "application/zip",
     "application/x-zip-compressed",
     "application/vnd.ms-excel",
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    "application/json"
   ];
   const MAX_FILE_SIZE = 10 * 1024 * 1024;
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
@@ -15842,7 +15848,7 @@ var ButtonSelectFiles = ({
         style: { display: "none" },
         onChange: handleOnChange,
         multiple: true,
-        accept: ".jpeg,.jpg,.png,.pdf,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
+        accept: ".jpeg,.jpg,.png,.pdf,.json,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
       }
     )
   ] });
@@ -26999,7 +27005,7 @@ function _taggedTemplateLiteral(e3, t3) {
 
 // node_modules/react-select/dist/index-641ee5b8.esm.js
 import { useContext as useContext9, useRef as useRef13, useState as useState15, useMemo as useMemo7, useCallback as useCallback7, createContext as createContext5 } from "react";
-import { createPortal as createPortal4 } from "react-dom";
+import { createPortal as createPortal5 } from "react-dom";
 
 // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 import { useLayoutEffect as useLayoutEffect4 } from "react";
@@ -27502,7 +27508,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), innerProps), children);
   return jsx81(PortalPlacementContext.Provider, {
     value: portalPlacementContext
-  }, appendTo ? /* @__PURE__ */ createPortal4(menuWrapper, appendTo) : menuWrapper);
+  }, appendTo ? /* @__PURE__ */ createPortal5(menuWrapper, appendTo) : menuWrapper);
 };
 var containerCSS = function containerCSS2(_ref3) {
   var isDisabled = _ref3.isDisabled, isRtl = _ref3.isRtl;
@@ -32342,7 +32348,7 @@ var StatusDropdownField = (props) => {
 };
 
 // src/widgets/basic/many2many-field/many2many.tsx
-import { createPortal as createPortal5 } from "react-dom";
+import { createPortal as createPortal6 } from "react-dom";
 import { useEffect as useEffect26 } from "react";
 import { jsx as jsx106, jsxs as jsxs71 } from "react/jsx-runtime";
 var Many2ManyField = (props) => {
@@ -32417,7 +32423,7 @@ var Many2ManyField = (props) => {
       typeof setGroupByList === "function" && setGroupByList(null);
     };
   }, [selectedTags]);
-  return createPortal5(
+  return createPortal6(
     /* @__PURE__ */ jsxs71(
       "div",
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "1.9.8",
+  "version": "1.9.9",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",