@gridkitjs/react 0.0.0-dev-20261107202111 → 0.0.0-dev-20261107203826

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, Ref, RefObject } from 'react';
 import { ExportWriter, GridExportOptions, PrintOptions, CellSelectEvent as CellSelectEvent$1, CellSelectionChangeEvent as CellSelectionChangeEvent$1, ColumnDefinition as ColumnDefinition$1, ColumnSelectEvent as ColumnSelectEvent$1, ColumnSelectionChangeEvent as ColumnSelectionChangeEvent$1, ColumnsSelectEvent as ColumnsSelectEvent$1, DataColumn as DataColumn$1, GridOptions, PaginationState, SelectionCallbacks as SelectionCallbacks$1, ResolvedRow, DisplayRow, ResolvedColumn as ResolvedColumn$1, ColumnSizingState, ColumnOrderState, ColumnVisibilityState, ColumnSortState, FilterState, GroupByState, GroupExpansionState, AggregateResults, SelectionState, CellSelectionState, GridState, SerializedGridState, GridContextMenuTarget, GridCommandTarget, SelectedCell as SelectedCell$1, SelectedColumn as SelectedColumn$1 } from '@gridkitjs/core';
-export { Borders, CellSelectionMode, CellSelectionState, CellTemplateContext, ColumnResizeEvent, ColumnSizeDefaults, ColumnSizingState, ColumnVisibilityEvent, ColumnVisibilityState, ContextMenuOpenChangeEvent, ExportFile, ExportOptions, ExportWriter, FilterChangeEvent, FilterEntry, FilterState, GridCommand, GridCommandEvent, GridCommandTarget, GridContextMenuOptions, GridContextMenuRequest, GridContextMenuTarget, GridExportOptions, GridMessages, GridOptions, GridState, GridToolbarOptions, GroupByBarVisibility, HoverableConfig, MenuEntry, PaginationUnit, PrintOptions, ResizeMode, ResolvedRow, RowPointerEvent, RowProps, RowSelectEvent, RowSelectionChangeEvent, RowsSelectEvent, SelectableConfig, SelectedCellRef, SelectionMode, SelectionState, SerializedGridState, ToolbarEntry, excelFilter, serializeGridState } from '@gridkitjs/core';
+export { Borders, CellSelectionMode, CellSelectionState, CellTemplateContext, ColumnResizeEvent, ColumnSizeDefaults, ColumnSizingState, ColumnVisibilityEvent, ColumnVisibilityState, ContextMenuOpenChangeEvent, ExportFile, ExportOptions, ExportWriter, FilterChangeEvent, FilterEntry, FilterState, GridCommand, GridCommandEvent, GridCommandTarget, GridContextMenuOptions, GridContextMenuRequest, GridContextMenuTarget, GridExportOptions, GridMessages, GridOptions, GridState, GridToolbarOptions, GroupByBarVisibility, HoverableConfig, MenuEntry, PaginationUnit, PrintOptions, ResizeMode, ResolvedRow, RowPointerEvent, RowProps, RowSelectEvent, RowSelectionChangeEvent, RowsSelectEvent, SelectableConfig, SelectedCellRef, SelectionMode, SelectionState, SerializedGridState, ToolbarEntry, ToolbarItemAttributes, excelFilter, serializeGridState } from '@gridkitjs/core';
 
 /** What `DataGridApi` carries for exporting. */
 interface GridExportApi {

package/dist/index.js

@@ -3571,6 +3571,7 @@ import { useLayoutEffect as useLayoutEffect11, useRef as useRef15, useState as u
 import { Fragment as Fragment8, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function ToolbarMenuButton({
   itemKey,
+  attributes,
   label,
   icon,
   entries,
@@ -3599,6 +3600,7 @@ function ToolbarMenuButton({
     /* @__PURE__ */ jsxs17(
       "button",
       {
+        ...attributes,
         type: "button",
         className: classNames("toolbar-button", more && "toolbar-more"),
         "data-gridkit-toolbar-item": itemKey,
@@ -3663,6 +3665,7 @@ import { jsx as jsx24 } from "react/jsx-runtime";
 var SEARCH_DELAY_MS = 250;
 function ToolbarSearch({
   itemKey,
+  attributes,
   controller,
   messages,
   announce
@@ -3700,6 +3703,7 @@ function ToolbarSearch({
   return /* @__PURE__ */ jsx24(
     "input",
     {
+      ...attributes,
       type: "search",
       className: "toolbar-search",
       "data-gridkit-toolbar-item": itemKey,
@@ -3817,12 +3821,21 @@ function GridToolbar(props) {
   if (entries.length === 0) {
     return null;
   }
-  const label = (typeof props.toolbar === "object" ? props.toolbar.label : void 0) ?? props.messages.toolbarLabel;
-  return /* @__PURE__ */ jsx25(Toolbar, { ...props, entries, label });
+  const options = typeof props.toolbar === "object" ? props.toolbar : void 0;
+  return /* @__PURE__ */ jsx25(
+    Toolbar,
+    {
+      ...props,
+      entries,
+      label: options?.label ?? props.messages.toolbarLabel,
+      itemAttributes: options?.itemAttributes
+    }
+  );
 }
 function Toolbar({
   entries,
   label,
+  itemAttributes,
   renderItem,
   gridId,
   controller,
@@ -3834,7 +3847,8 @@ function Toolbar({
   const menuClosed = useRef18(false);
   const items = resolveToolbar(entries, {
     commands: commands.commands,
-    contextFor: commands.contextFor
+    contextFor: commands.contextFor,
+    itemAttributes
   }).map(
     (item) => reportingItem(item, (commandId, itemId) => {
       commands.report(commandId, { area: "toolbar", itemId }, "toolbar");
@@ -3865,6 +3879,7 @@ function Toolbar({
         return /* @__PURE__ */ jsxs18(
           "button",
           {
+            ...item.attributes,
             type: "button",
             className: "toolbar-button",
             "data-gridkit-toolbar-item": item.key,
@@ -3894,6 +3909,7 @@ function Toolbar({
           ToolbarMenuButton,
           {
             itemKey: item.key,
+            attributes: item.attributes,
             label: item.label,
             icon: item.icon,
             entries: item.items,
@@ -3906,6 +3922,7 @@ function Toolbar({
           ToolbarSearch,
           {
             itemKey: item.key,
+            attributes: item.attributes,
             controller,
             messages,
             announce
@@ -3936,6 +3953,7 @@ function Toolbar({
         return /* @__PURE__ */ jsx25(
           "div",
           {
+            ...item.attributes,
             className: "toolbar-custom",
             "data-gridkit-toolbar-item": item.key,
             children: renderItem?.(item.id)