react-table-edit 1.5.29 → 1.5.31

package/dist/component/input/input-date-gange/index.d.ts

@@ -0,0 +1,21 @@
+import React, { ClipboardEvent } from 'react';
+import 'react-day-picker/dist/style.css';
+interface IFDateRange {
+    id?: string;
+    dateFormat?: 'dd/MM/yyyy' | 'dd/MM/yyyy HH:mm' | 'MM/yyyy';
+    className?: string;
+    invalid?: boolean;
+    value?: {
+        from?: Date;
+        to?: Date;
+    };
+    container?: any;
+    onChange: (value: {
+        from?: Date | string;
+        to?: Date | string;
+    }) => void;
+    onKeyDown?: (e: React.KeyboardEvent<any>) => void | any;
+    onPaste?: (e: ClipboardEvent<HTMLElement>) => void;
+}
+declare const DateRangePicker: React.ForwardRefExoticComponent<IFDateRange & React.RefAttributes<unknown>>;
+export default DateRangePicker;

package/dist/component/sidebar-setting-column/index.d.ts

@@ -4,8 +4,6 @@ export interface IFPropsDetail {
     setColumn: any;
     openSidebar: boolean;
     handleSidebar: any;
-    resetDefaultColumns?: () => void;
-    formatSetting?: any;
 }
 declare const SidebarSetColumn: (props: IFPropsDetail) => import("react/jsx-runtime").JSX.Element;
 export default SidebarSetColumn;

package/dist/component/table/gourp-col.d.ts

@@ -0,0 +1,10 @@
+import { IColumnTable } from '../type';
+type IFProps = {
+    contentColumns: IColumnTable[];
+    groupSetting?: {
+        visibleGroupColumn?: boolean;
+        groupColumns: string[];
+    };
+};
+export declare const RenderColGroup: ({ contentColumns, groupSetting }: IFProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/component/table-view/header.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import 'react-resizable/css/styles.css';
-import { IColumnTable, IFFilterTable, IFOrderTable, IFTableEditFormat } from "../type";
+import { IColumnTable, IFFilterTable, IFOrderTable, IFTableEditFormat } from '../type';
 type IFDataProps = {
     idTable: string;
     selectEnable: boolean;

package/dist/component/tree-table/key-handlers.d.ts

@@ -12,7 +12,7 @@ export interface KeyHandlerParams {
     pagingClient?: boolean;
     totalCount: number;
     columnLastEdit: number;
-    moveIndexRowToNewPage: () => void;
+    addMoveNewCell: () => void;
     editDisable?: boolean;
     addDisable?: boolean;
     handleDuplicate: () => void;
@@ -22,10 +22,10 @@ export interface KeyHandlerParams {
     getNewParents: (parent: string, index: number) => string;
     fieldChildren?: string;
 }
-export declare const handleArrowRight: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleArrowLeft: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleArrowUp: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleArrowDown: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleTab: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleEnter: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleCtrlD: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleArrowRight: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
+export declare const handleArrowLeft: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
+export declare const handleArrowUp: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
+export declare const handleArrowDown: (e: KeyboardEvent<any>, params: KeyHandlerParams) => "" | undefined;
+export declare const handleTab: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
+export declare const handleEnter: (e: KeyboardEvent<any>, params: KeyHandlerParams) => "" | undefined;
+export declare const handleCtrlD: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;

package/dist/component/type/index.d.ts

@@ -162,8 +162,6 @@ export type IColumnTable = {
     headerText?: string;
     /** Tiêu đề hiển thị trên giao diện */
     headerDisplay?: string;
-    /** Tiêu đề hiển thị trên giao diện nhóm*/
-    columnGroupText?: string;
     /** Khóa chính */
     isPrimarykey?: boolean;
     /** Duy nhất trong bảng */

package/dist/index.d.ts

@@ -166,8 +166,6 @@ type IColumnTable = {
     headerText?: string;
     /** Tiêu đề hiển thị trên giao diện */
     headerDisplay?: string;
-    /** Tiêu đề hiển thị trên giao diện nhóm*/
-    columnGroupText?: string;
     /** Khóa chính */
     isPrimarykey?: boolean;
     /** Duy nhất trong bảng */

package/dist/index.js

@@ -5967,6 +5967,13 @@ 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),
@@ -9010,13 +9017,6 @@ 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,32 +9263,6 @@ 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),
@@ -9465,14 +9439,6 @@ 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),
@@ -10143,6 +10109,7 @@ var Icon = /*#__PURE__*/Object.freeze({
   BecoxyGrowth: SvgBecoxyGrowth,
   BecoxyHandshake: SvgBecoxyHandshake,
   BecoxyHome: SvgBecoxyHome,
+  BecoxyHome2: SvgBecoxyHome2,
   BecoxyHospital: SvgBecoxyHospital,
   BecoxyHrm: SvgBecoxyHrm,
   BecoxyImportWarehouse: SvgBecoxyImportWarehouse,
@@ -10470,7 +10437,6 @@ var Icon = /*#__PURE__*/Object.freeze({
   PhoneOff: SvgPhoneOff,
   PhoneOutgoing: SvgPhoneOutgoing,
   PieChart: SvgPieChart,
-  Pin: SvgPin,
   Play: SvgPlay,
   PlayCircle: SvgPlayCircle,
   Plus: SvgPlus,
@@ -10501,9 +10467,6 @@ var Icon = /*#__PURE__*/Object.freeze({
   Settings: SvgSettings,
   Share: SvgShare,
   Share2: SvgShare2,
-  Share3: SvgShare3,
-  ShareBoxed: SvgShareBoxed,
-  ShareFilled: SvgShareFilled,
   Shield: SvgShield,
   ShieldOff: SvgShieldOff,
   ShoppingBag: SvgShoppingBag,
@@ -10525,7 +10488,6 @@ var Icon = /*#__PURE__*/Object.freeze({
   SortCancel: SvgSortCancel,
   SortDecending: SvgSortDecending,
   Speaker: SvgSpeaker,
-  SpeakerPhone: SvgSpeakerPhone,
   Square: SvgSquare,
   Star: SvgStar,
   StarFill: SvgStarFill,
@@ -19849,7 +19811,7 @@ const formartNumberic = (str, decimalSeparator, thousandSeparator, fraction = 10
         const arr = value.toString().split(decimalSeparator ?? '', 2);
         let flag = value.toString().includes(decimalSeparator ?? '');
         if (arr[0].length < 3) {
-            return flag ? `${arr[0]}${decimalSeparator}${arr[1]?.substring(0, fraction) ?? ''}` : arr[0];
+            return haveNegative ? arr[0] : arr[0].replace('-', '');
         }
         else {
             let flagNegative = false;
@@ -19977,7 +19939,7 @@ const calculateTableStructure = (columns, settingColumns, groupColumns) => {
                         cell.numericSettings = { fraction: setting.fraction };
                     }
                 }
-                cell.headerDisplay = setting.headerText || cell.headerText;
+                cell.headerDisplay = setting.headerText || (cell.headerDisplay ?? cell.headerText);
             }
             else {
                 if (cell.columns?.length) {
@@ -20567,19 +20529,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, 
@@ -31654,7 +31603,63 @@ 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.
  *
@@ -32550,7 +32555,7 @@ function getDefaultClassNames() {
 /**
  * Formats the caption of the month.
  *
- * @defaultValue `LLLL y` (e.g., "November 2022").
+ * @defaultValue Locale-specific month/year order (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
@@ -32560,7 +32565,8 @@ function getDefaultClassNames() {
  * @see https://daypicker.dev/docs/translation#custom-formatters
  */
 function formatCaption(month, options, dateLib) {
-    return (dateLib ?? new DateLib(options)).format(month, "LLLL y");
+    const lib = dateLib ?? new DateLib(options);
+    return lib.formatMonthYear(month);
 }
 /**
  * @private
@@ -32854,7 +32860,7 @@ const labelDay = labelDayButton;
  * Generates the ARIA label for the month grid, which is announced when entering
  * the grid.
  *
- * @defaultValue `LLLL y` (e.g., "November 2022").
+ * @defaultValue Locale-specific month/year order (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.
@@ -32863,7 +32869,8 @@ const labelDay = labelDayButton;
  * @see https://daypicker.dev/docs/translation#aria-labels
  */
 function labelGrid(date, options, dateLib) {
-    return (dateLib ?? new DateLib(options)).format(date, "LLLL y");
+    const lib = dateLib ?? new DateLib(options);
+    return lib.formatMonthYear(date);
 }
 /**
  * @ignore
@@ -34346,7 +34353,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"], ...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"], "aria-labelledby": props["aria-labelledby"], ...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) => {
@@ -34358,10 +34365,16 @@ 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] },
-                            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))),
+                            (() => {
+                                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;
+                            })(),
                             React__default["default"].createElement("span", { role: "status", "aria-live": "polite", style: {
                                     border: 0,
                                     clip: "rect(0 0 0 0)",
@@ -38782,7 +38795,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);
@@ -38794,6 +38810,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);
@@ -38808,7 +38826,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);
@@ -38820,6 +38841,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);
@@ -39024,7 +39047,7 @@ const HeaderTableCol = (props) => {
                     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;
                         }
@@ -39831,6 +39854,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;
@@ -68702,8 +68738,10 @@ const RenderContentCol = (props) => {
         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) {
@@ -68751,7 +68789,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',
@@ -68827,7 +68866,6 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
         setContentColumns(rs.flat);
         return rs;
     }, [columns, settingColumns, groupSetting?.groupColumns]);
-    const optionGroupColumns = React$5.useMemo(() => contentColumns.map((x) => ({ ...x, headerDisplay: t(x.headerText) })), [contentColumns]);
     const firstColSpan = React$5.useMemo(() => {
         let count = 0;
         let index = 3;
@@ -68927,7 +68965,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;
                                             }
@@ -68935,7 +68973,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;
                                             }
@@ -68943,7 +68981,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;
@@ -69096,7 +69134,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(row[colSum.field] ?? '0') < 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 {
@@ -69165,7 +69203,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(item?.value ?? '0') < 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();