es-grid-template 1.9.103 → 1.9.104

package/es/ali-table/Grid.js

@@ -5,7 +5,7 @@ import React, { useContext } from "react";
 import { Tooltip } from "react-tooltip";
 import "./base-table/styles.scss";
 // import type { TableProps } from "../table-component"
-import { Toolbar } from 'rc-master-ui';
+import Toolbar from "../grid-component/GridToolbar";
 import classNames from "classnames";
 import Pagination from "rc-master-ui/es/pagination";
 import { Maximize, Minimize } from "becoxy-icons";

package/es/ali-table/base-table/cell/EditCell.js

@@ -626,8 +626,9 @@ const EditCell = props => {
           } : filterOption,
           optionRender: column.editSelectSettings?.formatOptionLabel,
           fieldNames: {
-            value: keySelect,
-            label: inputKey ?? 'label'
+            ...fieldNames,
+            value: fieldNames?.value ?? keySelect,
+            label: fieldNames?.label ?? inputKey ?? 'label'
           },
           onBlur: event => {
             if (event.inputValue && column?.editSelectSettings?.searchTextAsValue && isMulti !== true) {

package/es/ali-table/base-table/cell/HeaderEditCell.js

@@ -622,8 +622,9 @@ const HeaderEditCell = props => {
           } : filterOption,
           optionRender: column.editSelectSettings?.formatOptionLabel,
           fieldNames: {
-            value: keySelect,
-            label: inputKey ?? 'label'
+            ...fieldNames,
+            value: fieldNames?.value ?? keySelect,
+            label: fieldNames?.label ?? inputKey ?? 'label'
           },
           onBlur: event => {
             if (event.inputValue && column?.editSelectSettings?.searchTextAsValue && isMulti !== true) {

package/es/grid-component/GridRefreshButton.css

@@ -1,9 +1,9 @@
-.ui-rc-grid-refresh-spin {
-  transform-origin: center;
-  transform-box: fill-box;
-  animation: ui-rc-grid-refresh-spin 0.8s linear infinite;
-}
-
-@keyframes ui-rc-grid-refresh-spin {
-  to { transform: rotate(360deg); }
-}
+.ui-rc-grid-refresh-spin {
+  transform-origin: center;
+  transform-box: fill-box;
+  animation: ui-rc-grid-refresh-spin 0.8s linear infinite;
+}
+
+@keyframes ui-rc-grid-refresh-spin {
+  to { transform: rotate(360deg); }
+}

package/es/grid-component/GridToolbar.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Toolbar } from 'rc-master-ui';
+export default function GridToolbar({ items, ...props }: React.ComponentProps<typeof Toolbar>): JSX.Element;

package/es/grid-component/GridToolbar.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { Toolbar } from 'rc-master-ui';
+export default function GridToolbar({
+  items,
+  ...props
+}) {
+  const visibleItems = items.filter(item => item.visible !== false);
+  const layoutKey = JSON.stringify(visibleItems.map(item => [item.key ?? item.value, item.align ?? 'left']));
+
+  // rc-master-ui leaves old alignment classes on reused items when the layout changes.
+  return /*#__PURE__*/React.createElement(Toolbar, _extends({}, props, {
+    key: layoutKey,
+    items: visibleItems
+  }));
+}

package/es/group-component/TableContainerEdit.js

@@ -11,7 +11,8 @@ import Pagination from "rc-master-ui/es/pagination";
 import { numericFormatter, removeNumericFormat } from "react-numeric-component";
 import { TableContext } from "./useContext";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { Dropdown, Toolbar, Modal, Typography } from "rc-master-ui";
+import { Dropdown, Modal, Typography } from "rc-master-ui";
+import Toolbar from "../grid-component/GridToolbar";
 import classNames from "classnames";
 import { Collapse2, Expand2, Maximize, Minimize } from "becoxy-icons";
 // import { ColumnsChoose } from "./ColumnsChoose";

package/es/group-component/body/EditableCell.js

@@ -622,8 +622,9 @@ const EditableCell = props => {
           } : filterOption,
           optionRender: column.editSelectSettings?.formatOptionLabel,
           fieldNames: {
-            value: keySelect,
-            label: inputKey ?? 'label'
+            ...fieldNames,
+            value: fieldNames?.value ?? keySelect,
+            label: fieldNames?.label ?? inputKey ?? 'label'
           },
           onBlur: event => {
             if (event.inputValue && column?.editSelectSettings?.searchTextAsValue && isMulti !== true) {

package/es/group-component/hook/utils.d.ts

@@ -196,10 +196,10 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
         value: any;
         rowData: RecordType;
     }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
-    onCellStyles?: Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display">);
-    onCellHeaderStyles?: Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display">);
+    onCellStyles?: Omit<CSSProperties, "width" | "display" | "right" | "left" | "minWidth" | "position"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "width" | "display" | "right" | "left" | "minWidth" | "position">);
+    onCellHeaderStyles?: Omit<CSSProperties, "width" | "display" | "right" | "left" | "minWidth" | "position"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "width" | "display" | "right" | "left" | "minWidth" | "position">);
     onCell?: (rowData: RecordType, index: number) => import("react").TdHTMLAttributes<HTMLTableCellElement>;
-    onCellFooterStyles?: Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display">);
+    onCellFooterStyles?: Omit<CSSProperties, "width" | "display" | "right" | "left" | "minWidth" | "position"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "width" | "display" | "right" | "left" | "minWidth" | "position">);
     getValue?: (row: any, rowIndex: number) => any;
     getCellProps?: (value: any, row: any, rowIndex: number) => import("./../../grid-component/type").CellProps;
     headerCellProps?: import("./../../grid-component/type").CellProps;

package/es/table-component/TableContainerEdit.js

@@ -20,7 +20,7 @@ import Pagination from "rc-master-ui/es/pagination";
 import { numericFormatter, removeNumericFormat } from "react-numeric-component";
 import { TableContext } from "./useContext";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { Toolbar } from "rc-master-ui";
+import Toolbar from "../grid-component/GridToolbar";
 import classNames from "classnames";
 import { Maximize, Minimize } from "becoxy-icons";
 import TableWrapper from "./table/TableWrapper";

package/es/table-component/body/EditableCell.js

@@ -625,8 +625,9 @@ const EditableCell = props => {
           } : filterOption,
           optionRender: column.editSelectSettings?.formatOptionLabel,
           fieldNames: {
-            value: keySelect,
-            label: inputKey ?? 'label'
+            ...fieldNames,
+            value: fieldNames?.value ?? keySelect,
+            label: fieldNames?.label ?? inputKey ?? 'label'
           },
           onBlur: event => {
             if (event.inputValue && column?.editSelectSettings?.searchTextAsValue && isMulti !== true) {

package/lib/ali-table/Grid.js

@@ -11,7 +11,7 @@ var _locale = require("rc-master-ui/es/locale");
 var _react = _interopRequireWildcard(require("react"));
 var _reactTooltip = require("react-tooltip");
 require("./base-table/styles.scss");
-var _rcMasterUi = require("rc-master-ui");
+var _GridToolbar = _interopRequireDefault(require("../grid-component/GridToolbar"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _pagination = _interopRequireDefault(require("rc-master-ui/es/pagination"));
 var _becoxyIcons = require("becoxy-icons");
@@ -246,7 +246,7 @@ const Grid = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     className: (0, _classnames.default)('ui-rc-toolbar-bottom border-0', {
       'ui-rc-toolbar-bottom_border-bottom': !pagination || infiniteScroll
     })
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_GridToolbar.default, {
     style: {
       width: '100%'
     },
@@ -276,7 +276,7 @@ const Grid = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       flex: 1,
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_GridToolbar.default, {
     items: toolbarItemTopRight,
     mode: toolbarMode
   })), fullScreen !== false && (isFullScreen ? /*#__PURE__*/_react.default.createElement(_becoxyIcons.Minimize, {
@@ -394,7 +394,7 @@ const Grid = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     className: (0, _classnames.default)('ui-rc-toolbar-bottom', {
       'ui-rc-toolbar-bottom_border-bottom': !pagination || infiniteScroll
     })
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_GridToolbar.default, {
     style: {
       width: '100%'
     },

package/lib/ali-table/base-table/cell/EditCell.js

@@ -633,8 +633,9 @@ const EditCell = props => {
           } : filterOption,
           optionRender: column.editSelectSettings?.formatOptionLabel,
           fieldNames: {
-            value: keySelect,
-            label: inputKey ?? 'label'
+            ...fieldNames,
+            value: fieldNames?.value ?? keySelect,
+            label: fieldNames?.label ?? inputKey ?? 'label'
           },
           onBlur: event => {
             if (event.inputValue && column?.editSelectSettings?.searchTextAsValue && isMulti !== true) {

package/lib/ali-table/base-table/cell/HeaderEditCell.js

@@ -629,8 +629,9 @@ const HeaderEditCell = props => {
           } : filterOption,
           optionRender: column.editSelectSettings?.formatOptionLabel,
           fieldNames: {
-            value: keySelect,
-            label: inputKey ?? 'label'
+            ...fieldNames,
+            value: fieldNames?.value ?? keySelect,
+            label: fieldNames?.label ?? inputKey ?? 'label'
           },
           onBlur: event => {
             if (event.inputValue && column?.editSelectSettings?.searchTextAsValue && isMulti !== true) {

package/lib/grid-component/GridRefreshButton.css

@@ -1,9 +1,9 @@
-.ui-rc-grid-refresh-spin {
-  transform-origin: center;
-  transform-box: fill-box;
-  animation: ui-rc-grid-refresh-spin 0.8s linear infinite;
-}
-
-@keyframes ui-rc-grid-refresh-spin {
-  to { transform: rotate(360deg); }
-}
+.ui-rc-grid-refresh-spin {
+  transform-origin: center;
+  transform-box: fill-box;
+  animation: ui-rc-grid-refresh-spin 0.8s linear infinite;
+}
+
+@keyframes ui-rc-grid-refresh-spin {
+  to { transform: rotate(360deg); }
+}

package/lib/grid-component/GridToolbar.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Toolbar } from 'rc-master-ui';
+export default function GridToolbar({ items, ...props }: React.ComponentProps<typeof Toolbar>): JSX.Element;

package/lib/grid-component/GridToolbar.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GridToolbar;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _rcMasterUi = require("rc-master-ui");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function GridToolbar({
+  items,
+  ...props
+}) {
+  const visibleItems = items.filter(item => item.visible !== false);
+  const layoutKey = JSON.stringify(visibleItems.map(item => [item.key ?? item.value, item.align ?? 'left']));
+
+  // rc-master-ui leaves old alignment classes on reused items when the layout changes.
+  return /*#__PURE__*/React.createElement(_rcMasterUi.Toolbar, (0, _extends2.default)({}, props, {
+    key: layoutKey,
+    items: visibleItems
+  }));
+}

package/lib/group-component/TableContainerEdit.js

@@ -17,6 +17,7 @@ var _reactNumericComponent = require("react-numeric-component");
 var _useContext = require("./useContext");
 var _yup = require("@hookform/resolvers/yup");
 var _rcMasterUi = require("rc-master-ui");
+var _GridToolbar = _interopRequireDefault(require("../grid-component/GridToolbar"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _becoxyIcons = require("becoxy-icons");
 var _TableWrapper = _interopRequireDefault(require("./table/TableWrapper"));
@@ -2142,7 +2143,7 @@ const TableContainerEdit = props => {
       flex: 1,
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_GridToolbar.default, {
     items: toolbarItemsTop ?? [],
     mode: 'scroll'
   })), /*#__PURE__*/_react.default.createElement("div", {
@@ -2165,7 +2166,7 @@ const TableContainerEdit = props => {
       flex: 1,
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_GridToolbar.default, {
     items: toolbarItemTopRight,
     mode: 'responsive'
   })), /*#__PURE__*/_react.default.createElement(_GridRefreshButton.default, {
@@ -2303,7 +2304,7 @@ const TableContainerEdit = props => {
     //   borderRight: '1px solid #e0e0e0',
     //   borderLeft: '1px solid #e0e0e0'
     // }}
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_GridToolbar.default, {
     style: {
       width: '100%'
     },

package/lib/group-component/body/EditableCell.js

@@ -629,8 +629,9 @@ const EditableCell = props => {
           } : filterOption,
           optionRender: column.editSelectSettings?.formatOptionLabel,
           fieldNames: {
-            value: keySelect,
-            label: inputKey ?? 'label'
+            ...fieldNames,
+            value: fieldNames?.value ?? keySelect,
+            label: fieldNames?.label ?? inputKey ?? 'label'
           },
           onBlur: event => {
             if (event.inputValue && column?.editSelectSettings?.searchTextAsValue && isMulti !== true) {

package/lib/table-component/TableContainerEdit.js

@@ -18,6 +18,7 @@ var _pagination = _interopRequireDefault(require("rc-master-ui/es/pagination"));
 var _reactNumericComponent = require("react-numeric-component");
 var _useContext = require("./useContext");
 var _yup = require("@hookform/resolvers/yup");
+var _GridToolbar = _interopRequireDefault(require("../grid-component/GridToolbar"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _becoxyIcons = require("becoxy-icons");
 var _TableWrapper = _interopRequireDefault(require("./table/TableWrapper"));
@@ -2148,7 +2149,7 @@ const TableContainerEdit = props => {
     className: (0, _classnames.default)('ui-rc-toolbar-bottom border-0', {
       'ui-rc-toolbar-bottom_border-bottom': !pagination || infiniteScroll
     })
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_GridToolbar.default, {
     style: {
       width: '100%'
     },
@@ -2177,7 +2178,7 @@ const TableContainerEdit = props => {
       flex: 1,
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_GridToolbar.default, {
     items: toolbarItemTopRight,
     mode: toolbarMode
   })), fullScreen !== false && (isFullScreen ? /*#__PURE__*/_react.default.createElement(_becoxyIcons.Minimize, {
@@ -2312,7 +2313,7 @@ const TableContainerEdit = props => {
     className: (0, _classnames.default)('ui-rc-toolbar-bottom', {
       'ui-rc-toolbar-bottom_border-bottom': !pagination || infiniteScroll
     })
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_GridToolbar.default, {
     style: {
       width: '100%'
     },

package/lib/table-component/body/EditableCell.js

@@ -632,8 +632,9 @@ const EditableCell = props => {
           } : filterOption,
           optionRender: column.editSelectSettings?.formatOptionLabel,
           fieldNames: {
-            value: keySelect,
-            label: inputKey ?? 'label'
+            ...fieldNames,
+            value: fieldNames?.value ?? keySelect,
+            label: fieldNames?.label ?? inputKey ?? 'label'
           },
           onBlur: event => {
             if (event.inputValue && column?.editSelectSettings?.searchTextAsValue && isMulti !== true) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "es-grid-template",
-  "version": "1.9.103",
+  "version": "1.9.104",
   "description": "es-grid-template",
   "keywords": [
     "react",

package/CHANGELOG.md

@@ -1,34 +0,0 @@
-# Changelog
-
-## 1.9.103 / 10-11-2026
-
-### Fixed
-- Fixed infinite jitter/oscillation at table bottom in `TableVirtuoso` when rows have wrapped text (`wrapMode: 'Both'`).
-- Removed hardcoded inline `height` on non-editable rows (`editAble={false}`) in `TableWrapper` and `TableBodyRow`, allowing dynamic row height expansion with natural `ResizeObserver` measurement.
-- Added `overscroll-behavior: none` and `overflow-anchor: none` to virtuoso scroller container to prevent scroll anchoring artifacts at bottom boundary.
-- Provided consistent `computeItemKey` and `100%` height style to `TableVirtuoso`.
-- Fixed filter operator reset logic in `TableHeadCell`: resetting filter now restores column's default operator instead of remaining empty.
-- Fixed filter dropdown state synchronization on open/close in `TableHeadCell`.
-
-### Added
-- Added multi-line text wrapping styles (`white-space: normal`, `word-break: break-word`, `line-height: 1.4`) for `*-grid-cell-text-wrap` across all table components.
-- Added `searchTextAsValue` support to `SelectTable` and `async-table-select`.
-- Added `i18n` translation fallback support for filter search inputs and column grouping labels.
-
-### Changed
-- Converted rigid cell/row height styles (`height: 36px/32px`) to `minHeight` in `group-component` and `table-component` with row remeasuring on virtual index change.
-
-## 1.9.95 / 06-11-2026
-
-### Added
-- Added opt-in `selectionSettings.pruneSelection` (default `false`) to keep selected rows within the current filtered data view.
-
-### Fixed
-- Preserved existing selection on sorting, grouping, expand/collapse and virtual scrolling when rows remain in the view.
-- Synchronized selection callbacks with current view rows, preserving original `children` data.
-- Fixed group selection with disabled child rows, including `getCheckboxProps` rules based on tree structure.
-- Kept existing selection during temporary loading and preserved legacy behavior when the option is disabled.
-
-## 0.0.1 /  20-02-2025
-
-add package