react-table-edit 1.5.28 → 1.5.30

package/dist/index.js

@@ -5967,13 +5967,6 @@ var SvgBecoxyHandshake = function (_a) {
             React__namespace.createElement("image", { id: "becoxy-handshake_svg__b", width: 512, height: 512, xlinkHref: "data:image/png;base64,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" }))));
 };
 
-var SvgBecoxyHome2 = function (_a) {
-    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
-    return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
-        title ? React__namespace.createElement("title", { id: titleId }, title) : null,
-        React__namespace.createElement("path", { d: "M19.734 9.105V2.629h-4.218v2.274L12 1.403 0 13.352v1.463h2.86v7.782h8.421v-3.75h1.406v3.75h8.454v-7.781H24v-1.465l-4.266-4.247Zm-2.812-5.07h1.406v3.67l-1.406-1.401V4.035Zm2.812 9.375v7.782h-5.64v-3.75H9.875v3.75h-5.61V13.41h-2.33L12 3.387 22.065 13.41h-2.33Z", fill: props.color || "currentColor" })));
-};
-
 var SvgBecoxyHome = function (_a) {
     var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
     return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
@@ -9017,6 +9010,13 @@ var SvgPieChart = function (_a) {
         React__namespace.createElement("path", { d: "M22 12A10 10 0 0 0 12 2v10z" })));
 };
 
+var SvgPin = function (_a) {
+    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
+    return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
+        title ? React__namespace.createElement("title", { id: titleId }, title) : null,
+        React__namespace.createElement("path", { d: "M14.743 1.083a.75.75 0 0 1 .53.219L22.7 8.727a.75.75 0 0 1 0 1.06c-.72.72-1.608.882-2.255.882-.265 0-.502-.027-.69-.058l-4.7 4.701c.123.499.203 1.007.24 1.52.068 1.052-.049 2.53-1.08 3.562a.75.75 0 0 1-1.061 0l-4.244-4.242-4.773 4.773c-.292.293-1.828 1.353-2.12 1.06-.293-.292.767-1.83 1.06-2.12l4.773-4.773-4.242-4.244a.75.75 0 0 1 0-1.06c1.032-1.032 2.51-1.151 3.562-1.08a9 9 0 0 1 1.52.24l4.7-4.7a4.488 4.488 0 0 1-.06-.691c0-.645.163-1.533.884-2.255a.75.75 0 0 1 .53-.219Zm.183 3.165v.003a.75.75 0 0 1-.183.765L9.44 10.317a.75.75 0 0 1-.766.18H8.67l-.021-.006a7.485 7.485 0 0 0-1.58-.288c-.633-.042-1.254.012-1.762.225l8.265 8.264c.211-.51.265-1.13.223-1.763a7.503 7.503 0 0 0-.288-1.581l-.006-.02a.755.755 0 0 1 .18-.769l5.304-5.302a.75.75 0 0 1 .798-.173l.144.033c.13.026.312.051.516.051a2.05 2.05 0 0 0 .515-.06L14.89 3.042a2.06 2.06 0 0 0-.06.515c.002.233.033.464.093.69l.002.001Z", fill: props.color || "currentColor", stroke: props.color || "currentColor", strokeWidth: 0.25 })));
+};
+
 var SvgPlayCircle = function (_a) {
     var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
     return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "play-circle_svg__feather play-circle_svg__feather-play-circle", "aria-labelledby": titleId }, props),
@@ -9263,6 +9263,32 @@ var SvgShare2 = function (_a) {
         React__namespace.createElement("path", { d: "m8.59 13.51 6.83 3.98M15.41 6.51l-6.82 3.98" })));
 };
 
+var SvgShare3 = function (_a) {
+    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
+    return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
+        title ? React__namespace.createElement("title", { id: titleId }, title) : null,
+        React__namespace.createElement("g", { clipPath: "url(#share-3_svg__a)" },
+            React__namespace.createElement("path", { d: "M9.643 2.693c.208 0 .408.09.555.248a.88.88 0 0 1 .23.599.88.88 0 0 1-.23.598.758.758 0 0 1-.555.248H4.928c-.625 0-1.224.267-1.666.743a2.64 2.64 0 0 0-.69 1.795V18.77c0 .673.248 1.318.69 1.794a2.275 2.275 0 0 0 1.666.744h11c.625 0 1.225-.268 1.667-.744a2.64 2.64 0 0 0 .69-1.794v-3.385a.88.88 0 0 1 .23-.598.758.758 0 0 1 .556-.248c.208 0 .408.09.555.248a.88.88 0 0 1 .23.598v3.385a4.4 4.4 0 0 1-1.15 2.99c-.737.794-1.736 1.24-2.778 1.24h-11c-1.041 0-2.04-.446-2.777-1.24A4.401 4.401 0 0 1 1 18.77V6.924c0-1.122.414-2.198 1.15-2.991.737-.794 1.737-1.24 2.778-1.24h4.715Zm5.154-1.607a.737.737 0 0 1 .828.093l7.071 5.923c.095.079.171.18.224.296a.9.9 0 0 1 0 .744.836.836 0 0 1-.224.297l-7.071 5.922a.738.738 0 0 1-.828.092.81.81 0 0 1-.321-.312.894.894 0 0 1-.12-.448v-2.496c-3.507.389-5.694 3.339-6.907 5.752l-.247.507a.816.816 0 0 1-.37.388c-.16.08-.34.1-.513.057a.782.782 0 0 1-.435-.299.888.888 0 0 1-.17-.525c0-3.513.814-6.669 2.415-8.968 1.474-2.116 3.593-3.464 6.228-3.688V1.847c0-.158.04-.314.118-.448a.81.81 0 0 1 .322-.313Zm1.131 4.146a.88.88 0 0 1-.23.598.758.758 0 0 1-.556.248c-2.498 0-4.426 1.139-5.754 3.046-.844 1.211-1.458 2.751-1.798 4.535 1.616-2.17 4.056-4.197 7.552-4.197.209 0 .409.09.556.248a.88.88 0 0 1 .23.598v1.655l5.005-4.193-5.005-4.195v1.657Z", fill: props.color || "currentColor", stroke: props.color || "currentColor", strokeWidth: 0.45 })),
+        React__namespace.createElement("defs", null,
+            React__namespace.createElement("clipPath", { id: "share-3_svg__a" },
+                React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
+};
+
+var SvgShareBoxed = function (_a) {
+    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
+    return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
+        title ? React__namespace.createElement("title", { id: titleId }, title) : null,
+        React__namespace.createElement("path", { d: "M2.25 0C1.02 0 0 1.02 0 2.25v16.5C0 19.98 1.02 21 2.25 21h13.5c1.23 0 2.25-1.02 2.25-2.25V15h-2v4H2V2h7V0H2.25ZM18 0v3C11.85 3 6.9 7.62 6.18 13.59A5.958 5.958 0 0 1 12 9h6v3l6-6-6-6Z", fill: props.color || "currentColor" })));
+};
+
+var SvgShareFilled = function (_a) {
+    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
+    return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
+        title ? React__namespace.createElement("title", { id: titleId }, title) : null,
+        React__namespace.createElement("path", { d: "M10.25 2c.199 0 .39.088.53.244.141.156.22.368.22.59a.882.882 0 0 1-.22.589.714.714 0 0 1-.53.244h-4.5c-.597 0-1.169.263-1.591.732A2.648 2.648 0 0 0 3.5 6.167v11.666c0 .663.237 1.3.659 1.768.422.469.994.732 1.591.732h10.5c.597 0 1.169-.263 1.591-.732a2.648 2.648 0 0 0 .659-1.768V14.5c0-.221.079-.433.22-.59a.714.714 0 0 1 .53-.243c.199 0 .39.088.53.244.141.156.22.368.22.589v3.333c0 1.105-.395 2.165-1.098 2.947-.704.781-1.657 1.22-2.652 1.22H5.75c-.995 0-1.948-.439-2.652-1.22C2.395 19.998 2 18.938 2 17.833V6.167c0-1.105.395-2.165 1.098-2.947C3.802 2.44 4.755 2 5.75 2h4.5Z", fill: props.color || "currentColor", stroke: props.color || "currentColor", strokeWidth: 0.5 }),
+        React__namespace.createElement("path", { d: "M14.67 2.325a.75.75 0 0 1 .79.083l6.75 5.25a.75.75 0 0 1 0 1.185l-6.75 5.25a.75.75 0 0 1-1.21-.593v-2.212c-3.348.345-5.436 2.96-6.594 5.098l-.236.45A.75.75 0 0 1 6 16.5c0-3.114.777-5.911 2.306-7.95 1.407-1.875 3.429-3.07 5.944-3.268V3a.75.75 0 0 1 .42-.675Z", fill: props.color || "currentColor" })));
+};
+
 var SvgShare = function (_a) {
     var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
     return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "share_svg__feather share_svg__feather-share", "aria-labelledby": titleId }, props),
@@ -9439,6 +9465,14 @@ var SvgSortDecending = function (_a) {
         React__namespace.createElement("path", { d: "M15 5v17h2V8h4l-6-6v3Z", fill: props.color || "currentColor" })));
 };
 
+var SvgSpeakerPhone = function (_a) {
+    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
+    return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
+        title ? React__namespace.createElement("title", { id: titleId }, title) : null,
+        React__namespace.createElement("path", { d: "M19.334 6.863a3.666 3.666 0 0 1 0 7.333M9.557 6.863v13.444a1.222 1.222 0 0 1-1.222 1.222H7.113a1.222 1.222 0 0 1-1.222-1.222v-6.111", stroke: props.color || "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React__namespace.createElement("path", { d: "m12 6.863 5.528-4.608a1.1 1.1 0 0 1 1.804.846v14.857a1.1 1.1 0 0 1-1.804.846L12 14.196H2.222A1.222 1.222 0 0 1 1 12.974v-4.89a1.222 1.222 0 0 1 1.222-1.221H12Z", stroke: props.color || "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+
 var SvgSpeaker = function (_a) {
     var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
     return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "speaker_svg__feather speaker_svg__feather-speaker", "aria-labelledby": titleId }, props),
@@ -10109,7 +10143,6 @@ var Icon = /*#__PURE__*/Object.freeze({
   BecoxyGrowth: SvgBecoxyGrowth,
   BecoxyHandshake: SvgBecoxyHandshake,
   BecoxyHome: SvgBecoxyHome,
-  BecoxyHome2: SvgBecoxyHome2,
   BecoxyHospital: SvgBecoxyHospital,
   BecoxyHrm: SvgBecoxyHrm,
   BecoxyImportWarehouse: SvgBecoxyImportWarehouse,
@@ -10437,6 +10470,7 @@ var Icon = /*#__PURE__*/Object.freeze({
   PhoneOff: SvgPhoneOff,
   PhoneOutgoing: SvgPhoneOutgoing,
   PieChart: SvgPieChart,
+  Pin: SvgPin,
   Play: SvgPlay,
   PlayCircle: SvgPlayCircle,
   Plus: SvgPlus,
@@ -10467,6 +10501,9 @@ var Icon = /*#__PURE__*/Object.freeze({
   Settings: SvgSettings,
   Share: SvgShare,
   Share2: SvgShare2,
+  Share3: SvgShare3,
+  ShareBoxed: SvgShareBoxed,
+  ShareFilled: SvgShareFilled,
   Shield: SvgShield,
   ShieldOff: SvgShieldOff,
   ShoppingBag: SvgShoppingBag,
@@ -10488,6 +10525,7 @@ var Icon = /*#__PURE__*/Object.freeze({
   SortCancel: SvgSortCancel,
   SortDecending: SvgSortDecending,
   Speaker: SvgSpeaker,
+  SpeakerPhone: SvgSpeakerPhone,
   Square: SvgSquare,
   Star: SvgStar,
   StarFill: SvgStarFill,
@@ -19893,7 +19931,7 @@ const FindNodeByPath = (tree, path) => {
  *   fisrtObjWidthFixRight: number        // Chỉ số cột đầu tiên fixed right
  * }
  */
-const calculateTableStructure = (columns, settingColumns) => {
+const calculateTableStructure = (columns, settingColumns, groupColumns) => {
     const levels = [];
     const flat = [];
     const objWidthFixLeft = {};
@@ -19927,9 +19965,7 @@ const calculateTableStructure = (columns, settingColumns) => {
                 if (!cell.visibleLocked) {
                     cell.visible = setting.visible ?? true;
                 }
-                if (setting.fixedType !== undefined) {
-                    cell.fixedType = setting.fixedType;
-                }
+                cell.fixedType = setting.fixedType;
                 if (setting.width !== undefined && setting.width !== null) {
                     cell.width = setting.width;
                 }
@@ -19941,7 +19977,7 @@ const calculateTableStructure = (columns, settingColumns) => {
                         cell.numericSettings = { fraction: setting.fraction };
                     }
                 }
-                cell.headerDisplay = setting.headerText || cell.headerText;
+                cell.headerDisplay = setting.headerText || (cell.headerDisplay ?? cell.headerText);
             }
             else {
                 if (cell.columns?.length) {
@@ -19960,6 +19996,7 @@ const calculateTableStructure = (columns, settingColumns) => {
                     }
                 }
             }
+            cell.isGroup = groupColumns?.includes(cell.field);
             return cell;
         });
     };
@@ -19980,7 +20017,7 @@ const calculateTableStructure = (columns, settingColumns) => {
             };
             levels[level].push(cell);
             const headerKey = `${level}-${indexCol}`;
-            if (cell.fixedType === 'left' && cell.visible !== false) {
+            if (cell.fixedType === 'left' && cell.visible !== false && cell.isGroup !== true) {
                 objHeaderWidthFixLeft[headerKey] = leftTotal;
             }
             if (!hasChildren) {
@@ -19988,16 +20025,16 @@ const calculateTableStructure = (columns, settingColumns) => {
                 const width = cell.width ?? 40;
                 cell.index = index;
                 flat.push(cell);
-                if (cell.fixedType === 'left' && cell.visible !== false) {
+                if (cell.fixedType === 'left' && cell.visible !== false && cell.isGroup !== true) {
                     objWidthFixLeft[index] = leftTotal;
                     leftTotal += width;
                 }
-                if (cell.fixedType === 'right' && cell.visible !== false) {
+                if (cell.fixedType === 'right' && cell.visible !== false && cell.isGroup !== true) {
                     rightTotal -= width;
                     objWidthFixRight[index] = rightTotal;
                 }
             }
-            if (cell.fixedType === 'right' && cell.visible !== false) {
+            if (cell.fixedType === 'right' && cell.visible !== false && cell.isGroup !== true) {
                 objHeaderWidthFixRight[headerKey] = rightTotal;
             }
             return colspanSum + colspan;
@@ -20530,19 +20567,6 @@ const ReactInput = (props) => {
                 }), value: value, onChange: (val) => setValue(val.target.value) }), value ? jsxRuntime.jsx(SvgX, { className: 'input__clear-icon', onClick: handelClear, strokeWidth: 3, fontSize: 16 }) : ''] }));
 };
 
-const RenderToolbarTop = ({ toolbarTopOption }) => {
-    return (jsxRuntime.jsx("div", { id: "table_custom_top_toolbar", className: "r-toolbar r-toolbar-top", "aria-orientation": "horizontal", children: jsxRuntime.jsxs("div", { className: "r-toolbar-items", children: [jsxRuntime.jsx("div", { className: "r-toolbar-left", children: toolbarTopOption?.map((item, index) => {
-                        return item.align === 'left' ? jsxRuntime.jsx(ToolBarElement, { item: item, index: index }) : '';
-                    }) }), jsxRuntime.jsx("div", { className: "r-toolbar-center", children: toolbarTopOption?.map((item, index) => {
-                        return item.align === 'center' ? jsxRuntime.jsx(ToolBarElement, { item: item, index: index }) : '';
-                    }) }), jsxRuntime.jsx("div", { className: "r-toolbar-right", children: toolbarTopOption?.map((item, index) => {
-                        return item.align === 'right' ? jsxRuntime.jsx(ToolBarElement, { item: item, index: index }) : '';
-                    }) })] }) }));
-};
-const ToolBarElement = ({ item, index }) => {
-    return (jsxRuntime.jsx("div", { className: "r-toolbar-item", "aria-disabled": "false", children: item.template?.() }, `toolbar-top-${index}`));
-};
-
 const handleAdd = (dataSource, containerRef, indexFirstEdit, 
 /*eslint-disable*/
 changeDataSource, handleFocusCell, 
@@ -31617,63 +31641,7 @@ class DateLib {
     formatNumber(value) {
         return this.replaceDigits(value.toString());
     }
-    /**
-     * Returns the preferred ordering for month and year labels for the current
-     * locale.
-     */
-    getMonthYearOrder() {
-        const code = this.options.locale?.code;
-        if (!code) {
-            return "month-first";
-        }
-        return DateLib.yearFirstLocales.has(code) ? "year-first" : "month-first";
-    }
-    /**
-     * Formats the month/year pair respecting locale conventions.
-     *
-     * @since 9.11.0
-     */
-    formatMonthYear(date) {
-        const { locale, timeZone, numerals } = this.options;
-        const localeCode = locale?.code;
-        if (localeCode && DateLib.yearFirstLocales.has(localeCode)) {
-            try {
-                const intl = new Intl.DateTimeFormat(localeCode, {
-                    month: "long",
-                    year: "numeric",
-                    timeZone,
-                    numberingSystem: numerals,
-                });
-                const formatted = intl.format(date);
-                return formatted;
-            }
-            catch {
-                // Fallback to date-fns formatting below.
-            }
-        }
-        const pattern = this.getMonthYearOrder() === "year-first" ? "y LLLL" : "LLLL y";
-        return this.format(date, pattern);
-    }
-}
-DateLib.yearFirstLocales = new Set([
-    "eu",
-    "hu",
-    "ja",
-    "ja-Hira",
-    "ja-JP",
-    "ko",
-    "ko-KR",
-    "lt",
-    "lt-LT",
-    "lv",
-    "lv-LV",
-    "mn",
-    "mn-MN",
-    "zh",
-    "zh-CN",
-    "zh-HK",
-    "zh-TW",
-]);
+}
 /**
  * The default date library with English locale.
  *
@@ -32569,7 +32537,7 @@ function getDefaultClassNames() {
 /**
  * Formats the caption of the month.
  *
- * @defaultValue Locale-specific month/year order (e.g., "November 2022").
+ * @defaultValue `LLLL y` (e.g., "November 2022").
  * @param month The date representing the month.
  * @param options Configuration options for the date library.
  * @param dateLib The date library to use for formatting. If not provided, a new
@@ -32579,8 +32547,7 @@ function getDefaultClassNames() {
  * @see https://daypicker.dev/docs/translation#custom-formatters
  */
 function formatCaption(month, options, dateLib) {
-    const lib = dateLib ?? new DateLib(options);
-    return lib.formatMonthYear(month);
+    return (dateLib ?? new DateLib(options)).format(month, "LLLL y");
 }
 /**
  * @private
@@ -32874,7 +32841,7 @@ const labelDay = labelDayButton;
  * Generates the ARIA label for the month grid, which is announced when entering
  * the grid.
  *
- * @defaultValue Locale-specific month/year order (e.g., "November 2022").
+ * @defaultValue `LLLL y` (e.g., "November 2022").
  * @param date - The date representing the month.
  * @param options - Optional configuration for the date formatting library.
  * @param dateLib - An optional instance of the date formatting library.
@@ -32883,8 +32850,7 @@ const labelDay = labelDayButton;
  * @see https://daypicker.dev/docs/translation#aria-labels
  */
 function labelGrid(date, options, dateLib) {
-    const lib = dateLib ?? new DateLib(options);
-    return lib.formatMonthYear(date);
+    return (dateLib ?? new DateLib(options)).format(date, "LLLL y");
 }
 /**
  * @ignore
@@ -34367,7 +34333,7 @@ function DayPicker(initialProps) {
         formatters,
     };
     return (React__default["default"].createElement(dayPickerContext.Provider, { value: contextValue },
-        React__default["default"].createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], ...dataAttributes },
+        React__default["default"].createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], ...dataAttributes },
             React__default["default"].createElement(components.Months, { className: classNames[UI.Months], style: styles?.[UI.Months] },
                 !props.hideNavigation && !navLayout && (React__default["default"].createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
                 months.map((calendarMonth, displayIndex) => {
@@ -34379,16 +34345,10 @@ function DayPicker(initialProps) {
                             displayIndex === 0 && (React__default["default"].createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : undefined },
                             React__default["default"].createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
                         React__default["default"].createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : undefined, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth: calendarMonth, displayIndex: displayIndex }, captionLayout?.startsWith("dropdown") ? (React__default["default"].createElement(components.DropdownNav, { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
-                            (() => {
-                                const monthControl = captionLayout === "dropdown" ||
-                                    captionLayout === "dropdown-months" ? (React__default["default"].createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib), style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React__default["default"].createElement("span", { key: "month" }, formatMonthDropdown(calendarMonth.date, dateLib)));
-                                const yearControl = captionLayout === "dropdown" ||
-                                    captionLayout === "dropdown-years" ? (React__default["default"].createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters, dateLib, Boolean(props.reverseYears)), style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React__default["default"].createElement("span", { key: "year" }, formatYearDropdown(calendarMonth.date, dateLib)));
-                                const controls = dateLib.getMonthYearOrder() === "year-first"
-                                    ? [yearControl, monthControl]
-                                    : [monthControl, yearControl];
-                                return controls;
-                            })(),
+                            captionLayout === "dropdown" ||
+                                captionLayout === "dropdown-months" ? (React__default["default"].createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib), style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React__default["default"].createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
+                            captionLayout === "dropdown" ||
+                                captionLayout === "dropdown-years" ? (React__default["default"].createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters, dateLib, Boolean(props.reverseYears)), style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React__default["default"].createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
                             React__default["default"].createElement("span", { role: "status", "aria-live": "polite", style: {
                                     border: 0,
                                     clip: "rect(0 0 0 0)",
@@ -36838,9 +36798,8 @@ const FooterCol = ({ col, indexCol, dataSource, objWidthFix, formatSetting }) =>
             }, children: jsxRuntime.jsx("div", { className: "r-footer-div", children: col.haveSum === true && col.type === "numeric" && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: Number(sumValue) >= 0 ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: formartNumberic(sumValue, formatSetting?.decimalSeparator ?? ",", formatSetting?.thousandSeparator ?? ".", col.numericSettings?.fraction, true, false) })) : (jsxRuntime.jsx("div", { style: { color: formatSetting?.colorNegative ?? "red" }, children: `${formatSetting?.prefixNegative ?? "-"}${formartNumberic(sumValue, formatSetting?.decimalSeparator ?? ",", formatSetting?.thousandSeparator ?? ".", col.numericSettings?.fraction, true, false)}${formatSetting?.suffixNegative ?? ""}` })) })) }) })) }, `summarycell-${indexCol}`));
 };
 
-const RenderColGroup = ({ contentColumns, groupSetting }) => (jsxRuntime.jsx("colgroup", { children: contentColumns.map((col, index) => {
-        return (col.visible !== false &&
-            (groupSetting?.visibleGroupColumn || !groupSetting?.groupColumns?.includes(col.field)) && (jsxRuntime.jsx("col", { style: {
+const RenderColGroup = ({ contentColumns }) => (jsxRuntime.jsx("colgroup", { children: contentColumns.map((col, index) => {
+        return (col.visible !== false && col.isGroup !== true && (jsxRuntime.jsx("col", { style: {
                 width: typeof col.width === 'number' ? `${col.width}px` : col.width || undefined,
                 minWidth: typeof col.minWidth === 'number' ? `${col.minWidth}px` : col.minWidth || undefined,
                 maxWidth: typeof col.maxWidth === 'number' ? `${col.maxWidth}px` : col.maxWidth || undefined
@@ -38732,7 +38691,7 @@ const DateRangePicker = React$5.forwardRef((props, ref) => {
             setViewDateTo(selectedTo || today);
         }
         else if (!newRange.from || (selected && selected < newRange.from)) {
-            newRange = { from: selected, to };
+            newRange = { from: selected, to: undefined };
             setViewDateFrom(selected || today);
         }
         else if (newRange.from && selected && selected > newRange.from && (!newRange.to || selected < newRange.to)) {
@@ -38743,6 +38702,16 @@ const DateRangePicker = React$5.forwardRef((props, ref) => {
             newRange = { from, to: selected };
             setViewDateTo(selected || today);
         }
+        else if (newRange.from && !selected) {
+            if (newRange.to) {
+                newRange = { from: newRange.to, to };
+                setViewDateFrom(newRange.to || today);
+            }
+            else {
+                newRange = { from, to: newRange.from };
+                setViewDateTo(newRange.from || today);
+            }
+        }
         onChange(newRange);
         setInputValue(formatDisplay(newRange.from, newRange.to));
     };
@@ -38800,7 +38769,10 @@ const DateRangePicker = React$5.forwardRef((props, ref) => {
                                                                     const newDate = new Date(viewDateFrom);
                                                                     newDate.setFullYear(newYear);
                                                                     setViewDateFrom(newDate);
-                                                                }, value: { value: viewDateFrom.getFullYear(), label: viewDateFrom.getFullYear() } }) })] }), jsxRuntime.jsx(SvgChevronRight, { cursor: 'pointer', fontSize: 22, onClick: () => {
+                                                                }, value: {
+                                                                    value: viewDateFrom.getFullYear(),
+                                                                    label: viewDateFrom.getFullYear()
+                                                                } }) })] }), jsxRuntime.jsx(SvgChevronRight, { cursor: 'pointer', fontSize: 22, onClick: () => {
                                                         const newDate = new Date(viewDateFrom);
                                                         newDate.setMonth(viewDateFrom.getMonth() + 1);
                                                         setViewDateFrom(newDate);
@@ -38812,6 +38784,8 @@ const DateRangePicker = React$5.forwardRef((props, ref) => {
                                                 inRange: 'rdp-in-range',
                                                 rangeStart: 'rdp-selected',
                                                 rangeEnd: 'rdp-selected'
+                                            }, formatters: {
+                                                formatWeekdayName: (day) => [t('Su'), t('Mo'), t('Tu'), t('We'), t('Th'), t('Fr'), t('Sa')][day.getDay() === 0 ? 6 : day.getDay() - 1]
                                             } })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "select-month-year", children: [jsxRuntime.jsx(SvgChevronLeft, { cursor: 'pointer', fontSize: 22, onClick: () => {
                                                         const newDate = new Date(viewDateTo);
                                                         newDate.setMonth(viewDateTo.getMonth() - 1);
@@ -38826,7 +38800,10 @@ const DateRangePicker = React$5.forwardRef((props, ref) => {
                                                                     const newDate = new Date(viewDateTo);
                                                                     newDate.setFullYear(newYear);
                                                                     setViewDateTo(newDate);
-                                                                }, value: { value: viewDateTo.getFullYear(), label: viewDateTo.getFullYear() } }) })] }), jsxRuntime.jsx(SvgChevronRight, { cursor: 'pointer', fontSize: 22, onClick: () => {
+                                                                }, value: {
+                                                                    value: viewDateTo.getFullYear(),
+                                                                    label: viewDateTo.getFullYear()
+                                                                } }) })] }), jsxRuntime.jsx(SvgChevronRight, { cursor: 'pointer', fontSize: 22, onClick: () => {
                                                         const newDate = new Date(viewDateTo);
                                                         newDate.setMonth(viewDateTo.getMonth() + 1);
                                                         setViewDateTo(newDate);
@@ -38838,6 +38815,8 @@ const DateRangePicker = React$5.forwardRef((props, ref) => {
                                                 inRange: 'rdp-in-range',
                                                 rangeStart: 'rdp-selected',
                                                 rangeEnd: 'rdp-selected'
+                                            }, formatters: {
+                                                formatWeekdayName: (day) => [t('Su'), t('Mo'), t('Tu'), t('We'), t('Th'), t('Fr'), t('Sa')][day.getDay() === 0 ? 6 : day.getDay() - 1]
                                             } })] })] }), jsxRuntime.jsxs("div", { className: "d-flex border-top ms-50", style: { gap: 20, paddingTop: 10 }, children: [jsxRuntime.jsx("div", { className: "btn-today", onClick: () => {
                                         handleSelect(today, today);
                                         setOpen(false);
@@ -39019,7 +38998,7 @@ const DateRangeFilterComponent = ({ fieldFilter, filterBy, handleSave }) => {
 };
 
 const HeaderTableCol = (props) => {
-    const { selectEnable, dataSource, setSelectedRows, col, indexCol, indexParent, objHeaderWidthFixLeft, objHeaderWidthFixRight, totalCount, selectedRows, columns, orderBy, changeFilter, filterBy, changeOrder, allowFiltering, allowSorting, container, fisrtObjWidthFixRight, lastObjWidthFixLeft, setContentColumns, formatSetting, optionsFilter, idTable, isMulti, groupSetting } = props;
+    const { selectEnable, dataSource, setSelectedRows, col, indexCol, indexParent, objHeaderWidthFixLeft, objHeaderWidthFixRight, totalCount, selectedRows, columns, orderBy, changeFilter, filterBy, changeOrder, allowFiltering, allowSorting, container, fisrtObjWidthFixRight, lastObjWidthFixLeft, setContentColumns, formatSetting, optionsFilter, idTable, isMulti } = props;
     const { t } = reactI18next.useTranslation();
     const headerRef = React$5.useRef(null);
     const order = orderBy.find((item) => item.key === col.field);
@@ -39038,11 +39017,11 @@ const HeaderTableCol = (props) => {
     const checkOverflow = () => {
         return headerRef.current && headerRef.current.scrollHeight > headerRef.current.clientHeight;
     };
-    return (jsxRuntime.jsx(React$5.Fragment, { children: col.visible !== false && (groupSetting?.visibleGroupColumn || !groupSetting?.groupColumns?.includes(col.field)) && (jsxRuntime.jsx(Resizable, { className: "r-resize", width: typeof col.width === 'number' ? col.width : Number((col.width ?? '').replaceAll(new RegExp(`[^0-9]`, 'g'), '')), height: 0, onResize: handleResize, draggableOpts: { enableUserSelectHack: true }, children: jsxRuntime.jsx("th", { rowSpan: col.rowspan !== 1 ? col.rowspan : 1, colSpan: col.columns?.filter((x) => x.visible !== false)?.length ?? 1, className: classNames$1(`r-headercell fix-${col.fixedType}`, { 'fixed-last': (col.fixedType === 'left' && indexCol === lastObjWidthFixLeft) || (col.fixedType === 'right' && indexCol === fisrtObjWidthFixRight) }, { 'cell-fixed': col.fixedType }), style: {
+    return (jsxRuntime.jsx(React$5.Fragment, { children: col.visible !== false && col.isGroup !== true && (jsxRuntime.jsx(Resizable, { className: "r-resize", width: typeof col.width === 'number' ? col.width : Number((col.width ?? '').replaceAll(new RegExp(`[^0-9]`, 'g'), '')), height: 0, onResize: handleResize, draggableOpts: { enableUserSelectHack: true }, children: jsxRuntime.jsx("th", { rowSpan: col.rowspan !== 1 ? col.rowspan : 1, colSpan: col.columns?.filter((x) => x.visible !== false)?.length ?? 1, className: classNames$1(`r-headercell fix-${col.fixedType}`, { 'fixed-last': (col.fixedType === 'left' && indexCol === lastObjWidthFixLeft) || (col.fixedType === 'right' && indexCol === fisrtObjWidthFixRight) }, { 'cell-fixed': col.fixedType }), style: {
                     top: `${indexParent * 42}px`,
                     left: col.fixedType === 'left' ? objHeaderWidthFixLeft[`${indexParent}-${indexCol ?? 0}`] : undefined,
                     right: col.fixedType === 'right' ? objHeaderWidthFixRight[`${indexParent}-${indexCol ?? 0}`] : undefined
-                }, children: jsxRuntime.jsxs("div", { style: { justifyContent: 'space-between' }, onClick: () => {
+                }, children: jsxRuntime.jsxs("div", { style: { justifyContent: col.textAlign === 'center' ? 'center' : 'space-between' }, onClick: () => {
                         if (!allowSorting || col.columns?.length) {
                             return;
                         }
@@ -39849,6 +39828,19 @@ const ToolbarBottom = ({ handleAdd, handleDuplicate, handleInsertBefore, handleI
                         }), jsxRuntime.jsx("div", { className: classNames$1('r-toolbar-item me-25'), "aria-disabled": "false", children: jsxRuntime.jsx(SvgSettings, { className: "text-primary cursor-pointer", onClick: () => setOpenPopupSetupColumn(true) }) }), jsxRuntime.jsx("div", { className: classNames$1('r-toolbar-item me-25', { 'd-none': editDisable || addDisable }), "aria-disabled": "false", children: jsxRuntime.jsxs(UncontrolledDropdown, { className: "dropdown-user nav-item", children: [jsxRuntime.jsx(DropdownToggle$1, { tag: "div", color: "primary", onClick: (e) => e.preventDefault(), children: jsxRuntime.jsx(SvgInfo, { className: "cursor-pointer text-primary" }) }), jsxRuntime.jsx(DropdownMenu$1, { className: "formula-dropdown icon-dropdown", children: jsxRuntime.jsxs("ul", { className: "mb-0 pe-50", children: [jsxRuntime.jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + D \u0111\u1EC3 nh\u00E2n b\u1EA3n" }), jsxRuntime.jsx("li", { style: { fontSize: 13 }, children: "Ch\u1ECDn \u00F4 v\u00E0 Ctrl + V \u0111\u1EC3 d\u00E1n th\u00F4ng tin t\u1EEB excel" }), jsxRuntime.jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + C \u0111\u1EC3 sao ch\u00E9p h\u00E0ng" }), jsxRuntime.jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + V \u0111\u1EC3 d\u00E1n h\u00E0ng" }), jsxRuntime.jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n Ctrl ho\u1EB7c Alt + Shift + \u2193 \u0111\u1EC3 sao ch\u00E9p d\u1EEF li\u1EC7u \u00F4 cho c\u00E1c d\u00F2ng d\u01B0\u1EDBi" }), jsxRuntime.jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n Ctrl ho\u1EB7c Alt + Shift + \u2191 \u0111\u1EC3 sao ch\u00E9p d\u1EEF li\u1EC7u \u00F4 cho c\u00E1c d\u00F2ng tr\u00EAn" })] }) })] }) })] })] }) }));
 };
 
+const RenderToolbarTop = ({ toolbarTopOption }) => {
+    return (jsxRuntime.jsx("div", { id: "table_custom_top_toolbar", className: "r-toolbar r-toolbar-top", "aria-orientation": "horizontal", children: jsxRuntime.jsxs("div", { className: "r-toolbar-items", children: [jsxRuntime.jsx("div", { className: "r-toolbar-left", children: toolbarTopOption?.map((item, index) => {
+                        return item.align === 'left' ? jsxRuntime.jsx(ToolBarElement, { item: item, index: index }) : '';
+                    }) }), jsxRuntime.jsx("div", { className: "r-toolbar-center", children: toolbarTopOption?.map((item, index) => {
+                        return item.align === 'center' ? jsxRuntime.jsx(ToolBarElement, { item: item, index: index }) : '';
+                    }) }), jsxRuntime.jsx("div", { className: "r-toolbar-right", children: toolbarTopOption?.map((item, index) => {
+                        return item.align === 'right' ? jsxRuntime.jsx(ToolBarElement, { item: item, index: index }) : '';
+                    }) })] }) }));
+};
+const ToolBarElement = ({ item, index }) => {
+    return (jsxRuntime.jsx("div", { className: "r-toolbar-item", "aria-disabled": "false", children: item.template?.() }, `toolbar-top-${index}`));
+};
+
 const TableEdit = React$5.forwardRef((props, ref) => {
     const { t } = reactI18next.useTranslation();
     const { idTable, dataSource, columns, setDataSource, height = 400, rowHeight = 31.3, defaultValue, toolbarSetting, searchSetting, selectedItem, selectEnable, editDisable, addDisable, buttonSetting, formatSetting, haveSum, isMulti, disableAutoKey, commandClick, dataSourceChange, rowChange, setSelectedItem, handleSelect, onDuplicate, saveSettingColumn, allowFiltering = true, allowSorting, settingColumns, optionsFilter, pagingSetting, resetDefaultColumns } = props;
@@ -68713,15 +68705,17 @@ const UnExpandAllIcon = ({ className, color = '#7F7F7F', size = 24, onClick, sty
 };
 
 const RenderContentCol = (props) => {
-    const { col, indexCol, indexRow, isSelected, row, zeroVisiable, groupSetting, formatSetting, idTable, fisrtObjWidthFixRight, lastObjWidthFixLeft, objWidthFixLeft, objWidthFixRight, selectedRows, selectEnable, setSelectedRows, fieldKey, isMulti } = props;
+    const { col, indexCol, indexRow, isSelected, row, zeroVisiable, formatSetting, idTable, fisrtObjWidthFixRight, lastObjWidthFixLeft, objWidthFixLeft, objWidthFixRight, selectedRows, selectEnable, setSelectedRows, fieldKey, isMulti } = props;
     const cellId = `content-${idTable}-row${indexRow}col-${indexCol}`;
     const checkOverflow = () => {
         const element = document.getElementById(cellId);
         return element && element.scrollWidth > element.clientWidth;
     };
     const RenderElement = () => {
-        if (col.type === 'checkbox' && !col.field) {
-            return (jsxRuntime.jsx("div", { className: "r-rowcell-div cursor-pointer", style: { alignItems: 'center' }, onClick: (e) => {
+        if (col.type === 'checkbox' || col.field === 'checkbox') {
+            return (jsxRuntime.jsx("div", { className: "r-rowcell-div cursor-pointer", style: { display: 'flex', justifyContent: col.textAlign === 'center' ? 'center' : col.textAlign === 'right' ? 'flex-end' : 'flex-start', alignItems: 'center' }, onClick: (e) => {
+                    console.log(isMulti);
+                    console.log(selectEnable);
                     if (selectEnable) {
                         const index = selectedRows?.findIndex((x) => x[fieldKey] === row[fieldKey]);
                         if (index > -1) {
@@ -68769,7 +68763,8 @@ const RenderContentCol = (props) => {
             const suffix = isNegative ? formatSetting?.suffixNegative ?? '' : '';
             const displayText = isNegative ? `${prefix}${value}${suffix}` : value ?? '';
             return (jsxRuntime.jsxs("div", { className: classNames$1('r-rowcell-div'), style: {
-                    fontWeight: row.sortOrder < 0 || row.sortOrder > 100000 ? 600 : 400
+                    fontWeight: row.sortOrder < 0 || row.sortOrder > 100000 || row.haveBoldType ? 600 : 400,
+                    fontStyle: row.haveItalicType ? 'italic' : 'normal'
                 }, children: [jsxRuntime.jsx("div", { className: "r-cell-text", style: {
                             display: 'flex',
                             justifyContent: col.textAlign === 'center' ? 'center' : col.textAlign === 'right' ? 'flex-end' : 'flex-start',
@@ -68783,7 +68778,7 @@ const RenderContentCol = (props) => {
                             }, children: displayText }) }), checkOverflow() && (jsxRuntime.jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: cellId, placement: "top", children: jsxRuntime.jsx("div", { style: { color: textColor }, children: displayText }) }))] }));
         }
     };
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: col.visible !== false && (groupSetting?.visibleGroupColumn || !groupSetting?.groupColumns?.includes(col.field)) && (jsxRuntime.jsx("td", { className: classNames$1(`r-rowcell fix-${col.fixedType}`, { 'cell-fixed': col.fixedType }, { 'fixed-last': (col.fixedType === 'left' && indexCol === lastObjWidthFixLeft) || (col.fixedType === 'right' && indexCol === fisrtObjWidthFixRight) }, { 'r-active': isSelected }), style: {
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: col.visible !== false && col.isGroup !== true && (jsxRuntime.jsx("td", { className: classNames$1(`r-rowcell fix-${col.fixedType}`, { 'cell-fixed': col.fixedType }, { 'fixed-last': (col.fixedType === 'left' && indexCol === lastObjWidthFixLeft) || (col.fixedType === 'right' && indexCol === fisrtObjWidthFixRight) }, { 'r-active': isSelected }), style: {
                 left: col.fixedType === 'left' ? objWidthFixLeft[indexCol] : undefined,
                 right: col.fixedType === 'right' ? objWidthFixRight[indexCol] : undefined
             }, onClick: (e) => {
@@ -68841,17 +68836,16 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
         setExpandsAll(true);
     }, [groupSetting?.groupColumns]);
     const { levels: headerColumns, objHeaderWidthFixLeft, objHeaderWidthFixRight, objWidthFixLeft, objWidthFixRight, lastObjWidthFixLeft, fisrtObjWidthFixRight } = React$5.useMemo(() => {
-        const rs = calculateTableStructure(columns, settingColumns?.value);
+        const rs = calculateTableStructure(columns, settingColumns?.value, groupSetting?.groupColumns);
         setContentColumns(rs.flat);
         return rs;
-    }, [columns, settingColumns]);
-    const optionGroupColumns = React$5.useMemo(() => contentColumns.filter((x) => !groupSetting?.groupColumns.includes(x.field)).map((x) => ({ ...x, headerDisplay: t(x.columnGroupText ?? x.headerDisplay ?? x.headerText) })), [groupSetting?.groupColumns, contentColumns]);
+    }, [columns, settingColumns, groupSetting?.groupColumns]);
     const firstColSpan = React$5.useMemo(() => {
         let count = 0;
         let index = 3;
         for (let i = 0; i < contentColumns.length; i++) {
             const col = contentColumns[i];
-            if (col.visible !== false && (groupSetting?.visibleGroupColumn || !groupSetting?.groupColumns?.includes(col.field))) {
+            if (col.visible !== false && col.isGroup !== true) {
                 count++;
             }
             if (count === 3) {
@@ -68860,7 +68854,7 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
             }
         }
         return index;
-    }, [contentColumns, groupSetting?.groupColumns]);
+    }, [contentColumns]);
     // Tính toán dữ liệu hiển thị dựa trên các điều kiện lọc, tìm kiếm và sắp xếp
     const viewData = React$5.useMemo(() => {
         if (!dataSource || dataSource.length === 0) {
@@ -68945,7 +68939,7 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
         return (jsxRuntime.jsx("div", { className: "me-50 r-search", children: jsxRuntime.jsx(ReactInput, { style: { width: '230px' }, value: searchSetting?.searchTerm !== undefined ? searchSetting?.searchTerm : searchTerm, setSearchTerm: searchSetting?.setSearchTerm ? searchSetting?.setSearchTerm : setSearchTerm, placeholder: t('Search'), onKeyPress: handleKeyPress }) }));
     };
     const groupbtnTemplate = () => {
-        return (jsxRuntime.jsxs(UncontrolledDropdown, { children: [jsxRuntime.jsx(DropdownToggle$1, { tag: "div", id: "group-dropdown-toggle", style: { position: 'relative' }, onClick: (e) => e.preventDefault(), children: jsxRuntime.jsx(GroupIcon, { color: "#7F7F7F", size: 24 }) }), jsxRuntime.jsxs(DropdownMenu$1, { className: "formula-dropdown icon-dropdown p-1", children: [jsxRuntime.jsx("div", { className: "mb-1", style: { fontSize: 16, fontWeight: 500 }, children: "Nh\u00F3m d\u1EEF li\u1EC7u theo c\u1ED9t" }), jsxRuntime.jsxs("div", { className: 'form-group', children: [jsxRuntime.jsx(Label$1, { id: `label-group-1`, style: { fontWeight: 500, fontSize: 13 }, children: "M\u1EE9c 1" }), jsxRuntime.jsx("div", { className: "form-input", children: jsxRuntime.jsx(SelectTable, { options: optionGroupColumns, fieldLabel: 'headerDisplay', fieldValue: 'field', value: groupColumns[0] ? { headerDisplay: t(contentColumns.find((x) => x.field === groupColumns[0])?.headerDisplay ?? contentColumns.find((x) => x.field === groupColumns[0])?.headerText) } : undefined, onChange: (val) => {
+        return (jsxRuntime.jsxs(UncontrolledDropdown, { children: [jsxRuntime.jsx(DropdownToggle$1, { tag: "div", id: "group-dropdown-toggle", style: { position: 'relative' }, onClick: (e) => e.preventDefault(), children: jsxRuntime.jsx(GroupIcon, { color: "#7F7F7F", size: 24 }) }), jsxRuntime.jsxs(DropdownMenu$1, { className: "formula-dropdown icon-dropdown p-1", children: [jsxRuntime.jsx("div", { className: "mb-1", style: { fontSize: 16, fontWeight: 500 }, children: "Nh\u00F3m d\u1EEF li\u1EC7u theo c\u1ED9t" }), jsxRuntime.jsxs("div", { className: 'form-group', children: [jsxRuntime.jsx(Label$1, { id: `label-group-1`, style: { fontWeight: 500, fontSize: 13 }, children: "M\u1EE9c 1" }), jsxRuntime.jsx("div", { className: "form-input", children: jsxRuntime.jsx(SelectTable, { options: contentColumns, fieldLabel: 'headerText', fieldValue: 'field', value: groupColumns[0] ? { headerText: t(contentColumns.find((x) => x.field === groupColumns[0])?.headerText ?? contentColumns.find((x) => x.field === groupColumns[0])?.headerText) } : undefined, onChange: (val) => {
                                             if (val) {
                                                 groupColumns[0] = val.field;
                                             }
@@ -68953,7 +68947,7 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
                                                 groupColumns.pop();
                                             }
                                             setGroupColumns([...groupColumns]);
-                                        }, isClearable: groupColumns?.length === 1 }) })] }), jsxRuntime.jsxs("div", { className: 'form-group', children: [jsxRuntime.jsx(Label$1, { id: `label-group-2`, style: { fontWeight: 500, fontSize: 13 }, children: "M\u1EE9c 2" }), jsxRuntime.jsx("div", { className: "form-input", children: jsxRuntime.jsx(SelectTable, { options: optionGroupColumns, fieldLabel: 'headerDisplay', fieldValue: 'field', value: groupColumns[1] ? { headerDisplay: t(contentColumns.find((x) => x.field === groupColumns[1])?.headerDisplay ?? contentColumns.find((x) => x.field === groupColumns[1])?.headerText) } : undefined, onChange: (val) => {
+                                        }, isClearable: groupColumns?.length === 1 }) })] }), jsxRuntime.jsxs("div", { className: 'form-group', children: [jsxRuntime.jsx(Label$1, { id: `label-group-2`, style: { fontWeight: 500, fontSize: 13 }, children: "M\u1EE9c 2" }), jsxRuntime.jsx("div", { className: "form-input", children: jsxRuntime.jsx(SelectTable, { options: contentColumns, fieldLabel: 'headerText', fieldValue: 'field', value: groupColumns[1] ? { headerText: t(contentColumns.find((x) => x.field === groupColumns[1])?.headerText ?? contentColumns.find((x) => x.field === groupColumns[1])?.headerText) } : undefined, onChange: (val) => {
                                             if (val) {
                                                 groupColumns[1] = val.field;
                                             }
@@ -68961,7 +68955,7 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
                                                 groupColumns.pop();
                                             }
                                             setGroupColumns([...groupColumns]);
-                                        }, isClearable: groupColumns?.length === 2 }) })] }), jsxRuntime.jsxs("div", { className: 'form-group', children: [jsxRuntime.jsx(Label$1, { id: `label-group-3`, style: { fontWeight: 500, fontSize: 13 }, children: "M\u1EE9c 3" }), jsxRuntime.jsx("div", { className: "form-input", children: jsxRuntime.jsx(SelectTable, { options: optionGroupColumns, fieldLabel: 'headerDisplay', fieldValue: 'field', value: groupColumns[2] ? { headerDisplay: t(contentColumns.find((x) => x.field === groupColumns[2])?.headerDisplay ?? contentColumns.find((x) => x.field === groupColumns[2])?.headerText) } : undefined, onChange: (val) => {
+                                        }, isClearable: groupColumns?.length === 2 }) })] }), jsxRuntime.jsxs("div", { className: 'form-group', children: [jsxRuntime.jsx(Label$1, { id: `label-group-3`, style: { fontWeight: 500, fontSize: 13 }, children: "M\u1EE9c 3" }), jsxRuntime.jsx("div", { className: "form-input", children: jsxRuntime.jsx(SelectTable, { options: contentColumns, fieldLabel: 'headerText', fieldValue: 'field', value: groupColumns[2] ? { headerText: t(contentColumns.find((x) => x.field === groupColumns[2])?.headerText ?? contentColumns.find((x) => x.field === groupColumns[2])?.headerText) } : undefined, onChange: (val) => {
                                             if (groupSetting) {
                                                 if (val) {
                                                     groupColumns[2] = val.field;
@@ -69098,7 +69092,7 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
                                                         setExpandsAll(undefined);
                                                         row.expand = !expand;
                                                     } }), t(col.headerDisplay ?? col.headerText), ": ", value, " (", row.children.length, ")"] }) }), contentColumns.map((colSum, indexCol) => {
-                                        if (indexCol <= firstColSpan || colSum.visible === false || (!groupSetting?.visibleGroupColumn && groupColumns?.includes(colSum.field))) {
+                                        if (indexCol <= firstColSpan || colSum.visible === false || colSum.isGroup === true) {
                                             return;
                                         }
                                         let sumValue = row[colSum.field];
@@ -69114,7 +69108,7 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
                                                 sumValue = '';
                                             }
                                         }
-                                        return (jsxRuntime.jsx("td", { className: "r-rowcell r-cell-sum-group", children: jsxRuntime.jsx("div", { className: "r-rowcell-div", style: { justifyContent: colSum.textAlign ? colSum.textAlign : 'left' }, children: (haveSum || colSum.haveSum === true) && Number(sumValue) < 0 ? (jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${sumValue}${formatSetting?.suffixNegative ?? ''}`] })) : (sumValue) }) }, `group-sum-cell-${level}-${indexRow}-${indexCol}`));
+                                        return (jsxRuntime.jsx("td", { className: "r-rowcell r-cell-sum-group", children: jsxRuntime.jsx("div", { className: "r-rowcell-div", style: { justifyContent: colSum.textAlign ? colSum.textAlign : 'left' }, children: (haveSum || colSum.haveSum === true) && Number(sumValue) < 0 ? jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${sumValue}${formatSetting?.suffixNegative ?? ''}`] }) : sumValue }) }, `group-sum-cell-${level}-${indexRow}-${indexCol}`));
                                     })] }), expand && jsxRuntime.jsx(RenderContent, { datas: row.children, level: level + 1 })] }, `row-${level}-${indexRow}`));
                 }
                 else {
@@ -69126,7 +69120,7 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
                         }, onContextMenu: (e) => {
                             e.preventDefault();
                             handleContextMenu(e, row);
-                        }, children: contentColumns.map((column, indexCol) => (jsxRuntime.jsx(RenderContentCol, { idTable: idTable, col: column, fieldKey: fieldKey, objWidthFixLeft: objWidthFixLeft, objWidthFixRight: objWidthFixRight, fisrtObjWidthFixRight: fisrtObjWidthFixRight, lastObjWidthFixLeft: lastObjWidthFixLeft, isMulti: isMutil ?? false, selectEnable: selectEnable ?? false, selectedRows: selectedRows, setSelectedRows: setSelectedRows, formatSetting: formatSetting, indexCol: indexCol, indexRow: indexRow, isSelected: isSelected, row: row, zeroVisiable: zeroVisiable, groupSetting: groupSetting }, indexCol))) }, `row-content-${indexRow}`));
+                        }, children: contentColumns.map((column, indexCol) => (jsxRuntime.jsx(RenderContentCol, { idTable: idTable, col: column, fieldKey: fieldKey, objWidthFixLeft: objWidthFixLeft, objWidthFixRight: objWidthFixRight, fisrtObjWidthFixRight: fisrtObjWidthFixRight, lastObjWidthFixLeft: lastObjWidthFixLeft, isMulti: isMutil ?? false, selectEnable: selectEnable ?? false, selectedRows: selectedRows, setSelectedRows: setSelectedRows, formatSetting: formatSetting, indexCol: indexCol, indexRow: indexRow, isSelected: isSelected, row: row, zeroVisiable: zeroVisiable }, indexCol))) }, `row-content-${indexRow}`));
                 }
             }) }));
     };
@@ -69153,7 +69147,7 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
             virtualDivRef.current.style.height = '0px';
         }
     }, [context]);
-    return (jsxRuntime.jsxs("div", { className: "r-table-edit r-virtualized-table", children: [jsxRuntime.jsxs("div", { className: "r-grid", children: [toolbarSetting?.showTopToolbar && jsxRuntime.jsx(RenderToolbarTop, { toolbarTopOption: toolbarTopOption }), headerComponent && headerComponent(), jsxRuntime.jsxs("div", { ref: gridRef, className: "r-gridtable", style: { height: `${height ? `${height}px` : 'auto'}`, position: 'relative' }, children: [jsxRuntime.jsxs("table", { role: "presentation", style: { width: '100%' }, children: [jsxRuntime.jsx(RenderColGroup, { contentColumns: contentColumns, groupSetting: groupSetting }), jsxRuntime.jsx("thead", { className: "r-gridheader", role: "rowgroup", children: headerColumns.map((rowColumn, indexParent) => {
+    return (jsxRuntime.jsxs("div", { className: "r-table-edit r-virtualized-table", children: [jsxRuntime.jsxs("div", { className: "r-grid", children: [toolbarSetting?.showTopToolbar && jsxRuntime.jsx(RenderToolbarTop, { toolbarTopOption: toolbarTopOption }), headerComponent && headerComponent(), jsxRuntime.jsxs("div", { ref: gridRef, className: "r-gridtable", style: { height: `${height ? `${height}px` : 'auto'}`, position: 'relative' }, children: [jsxRuntime.jsxs("table", { role: "presentation", style: { width: '100%' }, children: [jsxRuntime.jsx(RenderColGroup, { contentColumns: contentColumns }), jsxRuntime.jsx("thead", { className: "r-gridheader", role: "rowgroup", children: headerColumns.map((rowColumn, indexParent) => {
                                             return (jsxRuntime.jsx("tr", { className: "r-row", role: "row", children: rowColumn.map((col, index) => (jsxRuntime.jsx(HeaderTableCol, { col: col, idTable: idTable ?? '', dataSource: dataSource, indexCol: index, indexParent: indexParent, isMulti: isMulti ?? false, objHeaderWidthFixLeft: objHeaderWidthFixLeft, objHeaderWidthFixRight: objHeaderWidthFixRight, selectEnable: selectEnable ?? false, selectedRows: selectedRows, setSelectedRows: setSelectedRows, container: gridRef, filterBy: filterBy, orderBy: orderBy, optionsFilter: querySetting?.optionsFilter, allowFiltering: querySetting?.allowFiltering, allowSorting: querySetting?.allowSorting, formatSetting: formatSetting, changeFilter: (val) => {
                                                         setFilterBy([...val]);
                                                         if (querySetting?.changeFilter) {
@@ -69164,9 +69158,9 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
                                                         if (querySetting?.changeOrder) {
                                                             querySetting.changeOrder(val);
                                                         }
-                                                    }, columns: contentColumns, groupSetting: groupSetting, setContentColumns: setContentColumns, fisrtObjWidthFixRight: fisrtObjWidthFixRight, lastObjWidthFixLeft: lastObjWidthFixLeft, totalCount: dataSource?.length ?? 0 }, `header-${indexParent}-${index}`))) }, `header-${-indexParent}`));
+                                                    }, columns: contentColumns, setContentColumns: setContentColumns, fisrtObjWidthFixRight: fisrtObjWidthFixRight, lastObjWidthFixLeft: lastObjWidthFixLeft, totalCount: dataSource?.length ?? 0 }, `header-${indexParent}-${index}`))) }, `header-${-indexParent}`));
                                         }) }), jsxRuntime.jsx("tbody", { className: "r-gridcontent", role: "rowgroup", children: jsxRuntime.jsx(RenderContent, { datas: viewData }) }), jsxRuntime.jsx("tfoot", { className: "r-gridfoot", children: (columnsAggregate?.length ?? 0) > 0 && (jsxRuntime.jsx("tr", { className: "r-row", children: contentColumns.map((col, indexCol) => {
-                                                if (col.visible === false || (!groupSetting?.visibleGroupColumn && groupSetting?.groupColumns.includes(col.field))) {
+                                                if (col.visible === false || col.isGroup === true) {
                                                     return;
                                                 }
                                                 const item = columnsAggregate?.find((x) => x.field === col.field);
@@ -69183,7 +69177,7 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
                                                         left: col.fixedType === 'left' ? objWidthFixLeft[indexCol] : undefined,
                                                         right: col.fixedType === 'right' ? objWidthFixRight[indexCol] : undefined,
                                                         textAlign: col.textAlign ? col.textAlign : 'left'
-                                                    }, children: jsxRuntime.jsx("div", { className: "r-footer-div", children: (item || col.haveSum === true) && Number(sumValue) < 0 ? (jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${sumValue}${formatSetting?.suffixNegative ?? ''}`] })) : (sumValue) }) }, `summarycell-${indexCol}`));
+                                                    }, children: jsxRuntime.jsx("div", { className: "r-footer-div", children: (item || col.haveSum === true) && Number(sumValue) < 0 ? jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${sumValue}${formatSetting?.suffixNegative ?? ''}`] }) : sumValue }) }, `summarycell-${indexCol}`));
                                             }) })) })] }), jsxRuntime.jsx("div", { ref: virtualDivRef }), context && (contextMenuItems?.length ?? 0) > 0 && handleContextMenuClick && (jsxRuntime.jsx(Popover$1, { className: "r-context-popover", placement: "right-start", isOpen: context.show, target: virtualDivRef.current, toggle: handleCloseContext, fade: false, children: jsxRuntime.jsx(PopoverBody$1, { children: contextMenuItems?.map((item, index) => {
                                         return (jsxRuntime.jsxs("div", { className: "r-context-item", onClick: () => {
                                                 handleCloseContext();