slickgrid-react 10.2.0 → 10.3.0

package/README.md

@@ -17,7 +17,10 @@ SlickGrid-React is a custom component created specifically for [React](https://r
 
 Available in Stackblitz (Codeflow) below, this can also be used to provide an issue repro.
 
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/ghiscoding/slickgrid-react-demos)
+| Stackblitz | Description |
+| ---------- | ----------- |
+| [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/ghiscoding/slickgrid-react-demos) | with I18N Translate |
+| [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/ghiscoding/slickgrid-react-demos/tree/main/single-locale-without-i18n) | Single Locale (_without i18n_) |
 
 Refer to the **[Docs - Quick Start](https://ghiscoding.gitbook.io/slickgrid-react/getting-started/quick-start)** and/or clone the [Slickgrid-React-Demos](https://github.com/ghiscoding/slickgrid-react-demos) repository. Please consult all documentation before opening new issues, also consider asking installation and/or general questions on [Stack Overflow](https://stackoverflow.com/search?tab=newest&q=slickgrid) unless you think there's a bug with the library.
 
@@ -47,7 +50,7 @@ interface User {
 export default function Example() {
   const [columns, setColumns] = useState<Column[]>(); // it could also be `Column<User>[]`
   const [options, setOptions] = useState<GridOption>();
-  const [dataset, setDataset] = useState<User[]>(getData());
+  const [dataset, setDataset] = useState<User[]>([]);
 
   useEffect(() => defineGrid());
 
@@ -57,15 +60,11 @@ export default function Example() {
       { id: 'lastName', name: 'Last Name', field: 'lastName', sortable: true },
       { id: 'age', name: 'Age', field: 'age', type: 'number', sortable: true },
     ]);
-
     setOptions({ /*...*/ }); // optional grid options
-  }
-
-  function getData() {
-    return [
+    setData([
       { id: 1, firstName: 'John', lastName: 'Doe', age: 20 },
       { id: 2, firstName: 'Jane', lastName: 'Smith', age: 21 },
-    ];
+    ]);
   }
 
   return !options ? null : (

package/dist/components/slickgridReactProps.d.ts

@@ -1,4 +1,4 @@
-import type { Column, ColumnSort, ContainerService, CurrentFilter, CurrentSorter, DragRowMove, ExportTextDownloadOption, ExtensionList, GridMenuCommandItemCallbackArgs, GridMenuEventWithElementCallbackArgs, GridOption, GridSize, GridStateChange, HeaderButtonOnCommandArgs, HeaderMenuCommandItemCallbackArgs, MenuCommandItemCallbackArgs, MenuFromCellCallbackArgs, MenuOptionItemCallbackArgs, OnActiveCellChangedEventArgs, OnAddNewRowEventArgs, OnAutosizeColumnsEventArgs, OnBeforeAppendCellEventArgs, OnBeforeCellEditorDestroyEventArgs, OnBeforeColumnsResizeEventArgs, OnBeforeEditCellEventArgs, OnBeforeFooterRowCellDestroyEventArgs, OnBeforeHeaderCellDestroyEventArgs, OnBeforeHeaderRowCellDestroyEventArgs, OnBeforeSetColumnsEventArgs, OnCellChangeEventArgs, OnCellCssStylesChangedEventArgs, OnClickEventArgs, OnColumnsChangedArgs, OnColumnsDragEventArgs, OnColumnsReorderedEventArgs, OnColumnsResizeDblClickEventArgs, OnColumnsResizedEventArgs, OnCompositeEditorChangeEventArgs, OnDblClickEventArgs, OnDragReplaceCellsEventArgs, OnFooterClickEventArgs, OnFooterContextMenuEventArgs, OnFooterRowCellRenderedEventArgs, OnGroupCollapsedEventArgs, OnGroupExpandedEventArgs, OnHeaderCellRenderedEventArgs, OnHeaderClickEventArgs, OnHeaderContextMenuEventArgs, OnHeaderMouseEventArgs, OnHeaderRowCellRenderedEventArgs, OnKeyDownEventArgs, OnRenderedEventArgs, OnRowCountChangedEventArgs, OnRowsChangedEventArgs, OnRowsOrCountChangedEventArgs, OnScrollEventArgs, OnSearchChangeEventArgs, OnSelectedRowIdsChangedEventArgs, OnSelectedRowsChangedEventArgs, OnSetItemsCalledEventArgs, OnSetOptionsEventArgs, OnValidationErrorEventArgs, Pagination, PaginationMetadata, PagingInfo, ReactRegularEventHandler, ReactSlickEventHandler, SingleColumnSort, SlickControlList, SlickDataView, SlickGrid, SlickPluginList, SlickRange, TreeToggleStateChange } from '@slickgrid-universal/common';
+import type { Column, ColumnSort, ContainerService, CurrentFilter, CurrentSorter, DragRowMove, ExportTextDownloadOption, ExtensionList, GridMenuCommandItemCallbackArgs, GridMenuEventWithElementCallbackArgs, GridOption, GridSize, GridStateChange, HeaderButtonOnCommandArgs, HeaderMenuCommandItemCallbackArgs, MenuCommandItemCallbackArgs, MenuFromCellCallbackArgs, MenuOptionItemCallbackArgs, OnActiveCellChangedEventArgs, OnAddNewRowEventArgs, OnAutosizeColumnsEventArgs, OnBeforeAppendCellEventArgs, OnBeforeCellEditorDestroyEventArgs, OnBeforeColumnsResizeEventArgs, OnBeforeEditCellEventArgs, OnBeforeFooterRowCellDestroyEventArgs, OnBeforeHeaderCellDestroyEventArgs, OnBeforeHeaderRowCellDestroyEventArgs, OnBeforeSetColumnsEventArgs, OnCellChangeEventArgs, OnCellCssStylesChangedEventArgs, OnClickEventArgs, OnColumnsChangedArgs, OnColumnsDragEventArgs, OnColumnsReorderedEventArgs, OnColumnsResizeDblClickEventArgs, OnColumnsResizedEventArgs, OnCompositeEditorChangeEventArgs, OnContextMenuArgs, OnDblClickEventArgs, OnDragReplaceCellsEventArgs, OnFooterClickEventArgs, OnFooterContextMenuEventArgs, OnFooterRowCellRenderedEventArgs, OnGroupCollapsedEventArgs, OnGroupExpandedEventArgs, OnHeaderCellRenderedEventArgs, OnHeaderClickEventArgs, OnHeaderContextMenuEventArgs, OnHeaderMouseEventArgs, OnHeaderRowCellRenderedEventArgs, OnKeyDownEventArgs, OnRenderedEventArgs, OnRowCountChangedEventArgs, OnRowsChangedEventArgs, OnRowsOrCountChangedEventArgs, OnScrollEventArgs, OnSearchChangeEventArgs, OnSelectedRowIdsChangedEventArgs, OnSelectedRowsChangedEventArgs, OnSetItemsCalledEventArgs, OnSetOptionsEventArgs, OnValidationErrorEventArgs, Pagination, PaginationMetadata, PagingInfo, ReactRegularEventHandler, ReactSlickEventHandler, SingleColumnSort, SlickControlList, SlickDataView, SlickGrid, SlickPluginList, SlickRange, TreeToggleStateChange } from '@slickgrid-universal/common';
 import type { SlickgridReactInstance } from '../models/index.js';
 import type { TranslaterI18NextService } from '../services/translaterI18Next.service.js';
 export interface SlickgridReactProps {
@@ -41,9 +41,7 @@ export interface SlickgridReactProps {
     onColumnsResized?: ReactSlickEventHandler<OnColumnsResizedEventArgs>;
     onColumnsResizeDblClick?: ReactSlickEventHandler<OnColumnsResizeDblClickEventArgs>;
     onCompositeEditorChange?: ReactSlickEventHandler<OnCompositeEditorChangeEventArgs>;
-    onContextMenu?: ReactSlickEventHandler<{
-        grid: SlickGrid;
-    }>;
+    onContextMenu?: ReactSlickEventHandler<OnContextMenuArgs>;
     onDrag?: ReactSlickEventHandler<DragRowMove>;
     onDragEnd?: ReactSlickEventHandler<DragRowMove>;
     onDragInit?: ReactSlickEventHandler<DragRowMove>;

package/dist/components/slickgridReactProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"slickgridReactProps.js","sourceRoot":"","sources":["../../src/components/slickgridReactProps.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  Column,\n  ColumnSort,\n  ContainerService,\n  CurrentFilter,\n  CurrentSorter,\n  DragRowMove,\n  ExportTextDownloadOption,\n  ExtensionList,\n  GridMenuCommandItemCallbackArgs,\n  GridMenuEventWithElementCallbackArgs,\n  GridOption,\n  GridSize,\n  GridStateChange,\n  HeaderButtonOnCommandArgs,\n  HeaderMenuCommandItemCallbackArgs,\n  MenuCommandItemCallbackArgs,\n  MenuFromCellCallbackArgs,\n  MenuOptionItemCallbackArgs,\n  OnActiveCellChangedEventArgs,\n  OnAddNewRowEventArgs,\n  OnAutosizeColumnsEventArgs,\n  OnBeforeAppendCellEventArgs,\n  OnBeforeCellEditorDestroyEventArgs,\n  OnBeforeColumnsResizeEventArgs,\n  OnBeforeEditCellEventArgs,\n  OnBeforeFooterRowCellDestroyEventArgs,\n  OnBeforeHeaderCellDestroyEventArgs,\n  OnBeforeHeaderRowCellDestroyEventArgs,\n  OnBeforeSetColumnsEventArgs,\n  OnCellChangeEventArgs,\n  OnCellCssStylesChangedEventArgs,\n  OnClickEventArgs,\n  OnColumnsChangedArgs,\n  OnColumnsDragEventArgs,\n  OnColumnsReorderedEventArgs,\n  OnColumnsResizeDblClickEventArgs,\n  OnColumnsResizedEventArgs,\n  OnCompositeEditorChangeEventArgs,\n  OnDblClickEventArgs,\n  OnDragReplaceCellsEventArgs,\n  OnFooterClickEventArgs,\n  OnFooterContextMenuEventArgs,\n  OnFooterRowCellRenderedEventArgs,\n  OnGroupCollapsedEventArgs,\n  OnGroupExpandedEventArgs,\n  OnHeaderCellRenderedEventArgs,\n  OnHeaderClickEventArgs,\n  OnHeaderContextMenuEventArgs,\n  OnHeaderMouseEventArgs,\n  OnHeaderRowCellRenderedEventArgs,\n  OnKeyDownEventArgs,\n  OnRenderedEventArgs,\n  OnRowCountChangedEventArgs,\n  OnRowsChangedEventArgs,\n  OnRowsOrCountChangedEventArgs,\n  OnScrollEventArgs,\n  OnSearchChangeEventArgs,\n  OnSelectedRowIdsChangedEventArgs,\n  OnSelectedRowsChangedEventArgs,\n  OnSetItemsCalledEventArgs,\n  OnSetOptionsEventArgs,\n  OnValidationErrorEventArgs,\n  Pagination,\n  PaginationMetadata,\n  PagingInfo,\n  ReactRegularEventHandler,\n  ReactSlickEventHandler,\n  SingleColumnSort,\n  SlickControlList,\n  SlickDataView,\n  SlickGrid,\n  SlickPluginList,\n  SlickRange,\n  TreeToggleStateChange,\n} from '@slickgrid-universal/common';\nimport type { SlickgridReactInstance } from '../models/index.js';\nimport type { TranslaterI18NextService } from '../services/translaterI18Next.service.js';\n\nexport interface SlickgridReactProps {\n  header?: React.ReactElement;\n  footer?: React.ReactElement;\n  containerService: ContainerService;\n  translaterService?: TranslaterI18NextService;\n  customDataView?: SlickDataView;\n  dataset: any[];\n  datasetHierarchical?: any[] | null;\n  extensions?: ExtensionList<SlickControlList | SlickPluginList>;\n  gridId: string;\n  options?: GridOption;\n  columns: Column[];\n  instances?: SlickgridReactInstance;\n  paginationOptions?: Pagination;\n\n  // Custom Events list\n  // ---------------------\n\n  // Slick Grid events\n  onActiveCellChanged?: ReactSlickEventHandler<OnActiveCellChangedEventArgs>;\n  onActiveCellPositionChanged?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onAddNewRow?: ReactSlickEventHandler<OnAddNewRowEventArgs>;\n  onAutosizeColumns?: ReactSlickEventHandler<OnAutosizeColumnsEventArgs>;\n  onBeforeAppendCell?: ReactSlickEventHandler<OnBeforeAppendCellEventArgs>;\n  onBeforeCellEditorDestroy?: ReactSlickEventHandler<OnBeforeCellEditorDestroyEventArgs>;\n  onBeforeColumnsResize?: ReactSlickEventHandler<OnBeforeColumnsResizeEventArgs>;\n  onBeforeDestroy?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onBeforeEditCell?: ReactSlickEventHandler<OnBeforeEditCellEventArgs>;\n  onBeforeHeaderCellDestroy?: ReactSlickEventHandler<OnBeforeHeaderCellDestroyEventArgs>;\n  onBeforeHeaderRowCellDestroy?: ReactSlickEventHandler<OnBeforeHeaderRowCellDestroyEventArgs>;\n  onBeforeFooterRowCellDestroy?: ReactSlickEventHandler<OnBeforeFooterRowCellDestroyEventArgs>;\n  onBeforeSetColumns?: ReactSlickEventHandler<OnBeforeSetColumnsEventArgs>;\n  onBeforeSort?: ReactSlickEventHandler<SingleColumnSort, boolean | void>;\n  onCellChange?: ReactSlickEventHandler<OnCellChangeEventArgs>;\n  onCellCssStylesChanged?: ReactSlickEventHandler<OnCellCssStylesChangedEventArgs>;\n  onClick?: ReactSlickEventHandler<OnClickEventArgs>;\n  onColumnsDrag?: ReactSlickEventHandler<OnColumnsDragEventArgs>;\n  onColumnsReordered?: ReactSlickEventHandler<OnColumnsReorderedEventArgs>;\n  onColumnsResized?: ReactSlickEventHandler<OnColumnsResizedEventArgs>;\n  onColumnsResizeDblClick?: ReactSlickEventHandler<OnColumnsResizeDblClickEventArgs>;\n  onCompositeEditorChange?: ReactSlickEventHandler<OnCompositeEditorChangeEventArgs>;\n  onContextMenu?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onDrag?: ReactSlickEventHandler<DragRowMove>;\n  onDragEnd?: ReactSlickEventHandler<DragRowMove>;\n  onDragInit?: ReactSlickEventHandler<DragRowMove>;\n  onDragStart?: ReactSlickEventHandler<DragRowMove>;\n  onDragReplaceCells?: ReactSlickEventHandler<OnDragReplaceCellsEventArgs>;\n  onDblClick?: ReactSlickEventHandler<OnDblClickEventArgs>;\n  onFooterContextMenu?: ReactSlickEventHandler<OnFooterContextMenuEventArgs>;\n  onFooterRowCellRendered?: ReactSlickEventHandler<OnFooterRowCellRenderedEventArgs>;\n  onHeaderCellRendered?: ReactSlickEventHandler<OnHeaderCellRenderedEventArgs>;\n  onFooterClick?: ReactSlickEventHandler<OnFooterClickEventArgs>;\n  onHeaderClick?: ReactSlickEventHandler<OnHeaderClickEventArgs>;\n  onHeaderContextMenu?: ReactSlickEventHandler<OnHeaderContextMenuEventArgs>;\n  onHeaderMouseEnter?: ReactSlickEventHandler<OnHeaderMouseEventArgs>;\n  onHeaderMouseLeave?: ReactSlickEventHandler<OnHeaderMouseEventArgs>;\n  onHeaderRowCellRendered?: ReactSlickEventHandler<OnHeaderRowCellRenderedEventArgs>;\n  onHeaderRowMouseEnter?: ReactSlickEventHandler<OnHeaderMouseEventArgs>;\n  onHeaderRowMouseLeave?: ReactSlickEventHandler<OnHeaderMouseEventArgs>;\n  onKeyDown?: ReactSlickEventHandler<OnKeyDownEventArgs>;\n  onMouseEnter?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onMouseLeave?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onValidationError?: ReactSlickEventHandler<OnValidationErrorEventArgs>;\n  onViewportChanged?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onRendered?: ReactSlickEventHandler<OnRenderedEventArgs>;\n  onSelectedRowsChanged?: ReactSlickEventHandler<OnSelectedRowsChangedEventArgs>;\n  onSetOptions?: ReactSlickEventHandler<OnSetOptionsEventArgs>;\n  onScroll?: ReactSlickEventHandler<OnScrollEventArgs>;\n  onSort?: ReactSlickEventHandler<SingleColumnSort>;\n\n  // Slick DataView events\n  onBeforePagingInfoChanged?: ReactSlickEventHandler<PagingInfo>;\n  onGroupExpanded?: ReactSlickEventHandler<OnGroupExpandedEventArgs>;\n  onGroupCollapsed?: ReactSlickEventHandler<OnGroupCollapsedEventArgs>;\n  onPagingInfoChanged?: ReactSlickEventHandler<PagingInfo>;\n  onRowCountChanged?: ReactSlickEventHandler<OnRowCountChangedEventArgs>;\n  onRowsChanged?: ReactSlickEventHandler<OnRowsChangedEventArgs>;\n  onRowsOrCountChanged?: ReactSlickEventHandler<OnRowsOrCountChangedEventArgs>;\n  onSelectedRowIdsChanged?: ReactSlickEventHandler<OnSelectedRowIdsChangedEventArgs>;\n  onSetItemsCalled?: ReactSlickEventHandler<OnSetItemsCalledEventArgs>;\n\n  // other Slick Events\n  onAfterMenuShow?: ReactSlickEventHandler<MenuFromCellCallbackArgs>;\n  onBeforeMenuClose?: ReactSlickEventHandler<MenuFromCellCallbackArgs>;\n  onBeforeMenuShow?: ReactSlickEventHandler<MenuFromCellCallbackArgs>;\n  onColumnsChanged?: ReactSlickEventHandler<OnColumnsChangedArgs>;\n  onCommand?: ReactSlickEventHandler<MenuCommandItemCallbackArgs | MenuOptionItemCallbackArgs>;\n  onGridMenuColumnsChanged?: ReactSlickEventHandler<OnColumnsChangedArgs>;\n  onMenuClose?: ReactSlickEventHandler<GridMenuEventWithElementCallbackArgs>;\n  onCopyCells?: ReactSlickEventHandler<{ ranges: SlickRange[] }>;\n  onCopyCancelled?: ReactSlickEventHandler<{ ranges: SlickRange[] }>;\n  onPasteCells?: ReactSlickEventHandler<{ ranges: SlickRange[] }>;\n  onBeforePasteCell?: ReactSlickEventHandler<{ cell: number; row: number; item: any; columnDef: Column; value: any }>;\n\n  // Slickgrid-React or Slickgrid-Universal events\n  onAfterExportToExcel?: ReactRegularEventHandler<{ filename: string; mimeType: string } | { error: any }>;\n  onBeforeExportToExcel?: ReactRegularEventHandler<boolean>;\n  onAfterExportToPdf?: ReactRegularEventHandler<{ filename: string } | { error: any }>;\n  onBeforeExportToPdf?: ReactRegularEventHandler<boolean>;\n  onBeforeExportToTextFile?: ReactRegularEventHandler<boolean>;\n  onAfterExportToTextFile?: ReactRegularEventHandler<ExportTextDownloadOption>;\n  onBeforeFilterChange?: ReactRegularEventHandler<CurrentFilter[]>;\n  onBeforeFilterClear?: ReactRegularEventHandler<{ columnId: string } | boolean>;\n  onBeforeSearchChange?: ReactRegularEventHandler<OnSearchChangeEventArgs, boolean | void>;\n  onBeforeSortChange?: ReactRegularEventHandler<Array<ColumnSort & { clearSortTriggered?: boolean }>>;\n  onContextMenuClearGrouping?: ReactRegularEventHandler<void>;\n  onContextMenuCollapseAllGroups?: ReactRegularEventHandler<void>;\n  onContextMenuExpandAllGroups?: ReactRegularEventHandler<void>;\n  onBeforeGridDestroy?: ReactRegularEventHandler<MenuFromCellCallbackArgs>;\n  onOptionSelected?: ReactRegularEventHandler<MenuCommandItemCallbackArgs | MenuOptionItemCallbackArgs>;\n  onColumnPickerColumnsChanged?: ReactRegularEventHandler<OnColumnsChangedArgs>;\n  onGridMenuMenuClose?: ReactRegularEventHandler<GridMenuEventWithElementCallbackArgs>;\n  onGridMenuBeforeMenuShow?: ReactRegularEventHandler<GridMenuEventWithElementCallbackArgs>;\n  onGridMenuAfterMenuShow?: ReactRegularEventHandler<GridMenuEventWithElementCallbackArgs>;\n  onGridMenuClearAllPinning?: ReactRegularEventHandler<void>;\n  onGridMenuClearAllFilters?: ReactRegularEventHandler<void>;\n  onGridMenuClearAllSorting?: ReactRegularEventHandler<void>;\n  onGridMenuCommand?: ReactRegularEventHandler<GridMenuCommandItemCallbackArgs>;\n  onHeaderButtonCommand?: ReactRegularEventHandler<HeaderButtonOnCommandArgs>;\n  onHeaderMenuCommand?: ReactRegularEventHandler<MenuCommandItemCallbackArgs>;\n  onHeaderMenuColumnResizeByContent?: ReactRegularEventHandler<{ columnId: string }>;\n  onHeaderMenuBeforeMenuShow?: ReactRegularEventHandler<HeaderMenuCommandItemCallbackArgs>;\n  onHeaderMenuAfterMenuShow?: ReactRegularEventHandler<HeaderMenuCommandItemCallbackArgs>;\n  onHideColumns?: ReactRegularEventHandler<{ columns: Column[]; hiddenColumn: Column[] }>;\n  onItemsAdded?: ReactRegularEventHandler<any[]>;\n  onItemsDeleted?: ReactRegularEventHandler<any[]>;\n  onItemsUpdated?: ReactRegularEventHandler<any[]>;\n  onItemsUpserted?: ReactRegularEventHandler<any[]>;\n  onFullResizeByContentRequested?: ReactRegularEventHandler<{ caller: string }>;\n  onGridStateChanged?: ReactRegularEventHandler<GridStateChange>;\n  onBeforePaginationChange?: ReactRegularEventHandler<PaginationMetadata, boolean | void>;\n  onPaginationChanged?: ReactRegularEventHandler<PaginationMetadata>;\n  onPaginationRefreshed?: ReactRegularEventHandler<PaginationMetadata>;\n  onPaginationVisibilityChanged?: ReactRegularEventHandler<{ visible: boolean }>;\n  onPaginationSetCursorBased?: ReactRegularEventHandler<{ isCursorBased: boolean }>;\n  onGridBeforeResize?: ReactRegularEventHandler<void>;\n  onGridAfterResize?: ReactRegularEventHandler<GridSize | undefined>;\n  onBeforeResizeByContent?: ReactRegularEventHandler<void>;\n  onAfterResizeByContent?: ReactRegularEventHandler<{\n    readItemCount: number;\n    calculateColumnWidths: { [x: string]: number | undefined; [x: number]: number | undefined };\n  }>;\n  onSortCleared?: ReactRegularEventHandler<boolean>;\n  onFilterChanged?: ReactRegularEventHandler<CurrentFilter[]>;\n  onFilterCleared?: ReactRegularEventHandler<boolean>;\n  onReactGridCreated?: ReactRegularEventHandler<any>;\n  onSortChanged?: ReactRegularEventHandler<CurrentSorter[]>;\n  onTreeItemToggled?: ReactRegularEventHandler<TreeToggleStateChange>;\n  onTreeFullToggleEnd?: ReactRegularEventHandler<TreeToggleStateChange>;\n  onTreeFullToggleStart?: ReactRegularEventHandler<TreeToggleStateChange>;\n  onLanguageChange?: ReactRegularEventHandler<string>;\n}\n"]}
+{"version":3,"file":"slickgridReactProps.js","sourceRoot":"","sources":["../../src/components/slickgridReactProps.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  Column,\n  ColumnSort,\n  ContainerService,\n  CurrentFilter,\n  CurrentSorter,\n  DragRowMove,\n  ExportTextDownloadOption,\n  ExtensionList,\n  GridMenuCommandItemCallbackArgs,\n  GridMenuEventWithElementCallbackArgs,\n  GridOption,\n  GridSize,\n  GridStateChange,\n  HeaderButtonOnCommandArgs,\n  HeaderMenuCommandItemCallbackArgs,\n  MenuCommandItemCallbackArgs,\n  MenuFromCellCallbackArgs,\n  MenuOptionItemCallbackArgs,\n  OnActiveCellChangedEventArgs,\n  OnAddNewRowEventArgs,\n  OnAutosizeColumnsEventArgs,\n  OnBeforeAppendCellEventArgs,\n  OnBeforeCellEditorDestroyEventArgs,\n  OnBeforeColumnsResizeEventArgs,\n  OnBeforeEditCellEventArgs,\n  OnBeforeFooterRowCellDestroyEventArgs,\n  OnBeforeHeaderCellDestroyEventArgs,\n  OnBeforeHeaderRowCellDestroyEventArgs,\n  OnBeforeSetColumnsEventArgs,\n  OnCellChangeEventArgs,\n  OnCellCssStylesChangedEventArgs,\n  OnClickEventArgs,\n  OnColumnsChangedArgs,\n  OnColumnsDragEventArgs,\n  OnColumnsReorderedEventArgs,\n  OnColumnsResizeDblClickEventArgs,\n  OnColumnsResizedEventArgs,\n  OnCompositeEditorChangeEventArgs,\n  OnContextMenuArgs,\n  OnDblClickEventArgs,\n  OnDragReplaceCellsEventArgs,\n  OnFooterClickEventArgs,\n  OnFooterContextMenuEventArgs,\n  OnFooterRowCellRenderedEventArgs,\n  OnGroupCollapsedEventArgs,\n  OnGroupExpandedEventArgs,\n  OnHeaderCellRenderedEventArgs,\n  OnHeaderClickEventArgs,\n  OnHeaderContextMenuEventArgs,\n  OnHeaderMouseEventArgs,\n  OnHeaderRowCellRenderedEventArgs,\n  OnKeyDownEventArgs,\n  OnRenderedEventArgs,\n  OnRowCountChangedEventArgs,\n  OnRowsChangedEventArgs,\n  OnRowsOrCountChangedEventArgs,\n  OnScrollEventArgs,\n  OnSearchChangeEventArgs,\n  OnSelectedRowIdsChangedEventArgs,\n  OnSelectedRowsChangedEventArgs,\n  OnSetItemsCalledEventArgs,\n  OnSetOptionsEventArgs,\n  OnValidationErrorEventArgs,\n  Pagination,\n  PaginationMetadata,\n  PagingInfo,\n  ReactRegularEventHandler,\n  ReactSlickEventHandler,\n  SingleColumnSort,\n  SlickControlList,\n  SlickDataView,\n  SlickGrid,\n  SlickPluginList,\n  SlickRange,\n  TreeToggleStateChange,\n} from '@slickgrid-universal/common';\nimport type { SlickgridReactInstance } from '../models/index.js';\nimport type { TranslaterI18NextService } from '../services/translaterI18Next.service.js';\n\nexport interface SlickgridReactProps {\n  header?: React.ReactElement;\n  footer?: React.ReactElement;\n  containerService: ContainerService;\n  translaterService?: TranslaterI18NextService;\n  customDataView?: SlickDataView;\n  dataset: any[];\n  datasetHierarchical?: any[] | null;\n  extensions?: ExtensionList<SlickControlList | SlickPluginList>;\n  gridId: string;\n  options?: GridOption;\n  columns: Column[];\n  instances?: SlickgridReactInstance;\n  paginationOptions?: Pagination;\n\n  // Custom Events list\n  // ---------------------\n\n  // Slick Grid events\n  onActiveCellChanged?: ReactSlickEventHandler<OnActiveCellChangedEventArgs>;\n  onActiveCellPositionChanged?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onAddNewRow?: ReactSlickEventHandler<OnAddNewRowEventArgs>;\n  onAutosizeColumns?: ReactSlickEventHandler<OnAutosizeColumnsEventArgs>;\n  onBeforeAppendCell?: ReactSlickEventHandler<OnBeforeAppendCellEventArgs>;\n  onBeforeCellEditorDestroy?: ReactSlickEventHandler<OnBeforeCellEditorDestroyEventArgs>;\n  onBeforeColumnsResize?: ReactSlickEventHandler<OnBeforeColumnsResizeEventArgs>;\n  onBeforeDestroy?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onBeforeEditCell?: ReactSlickEventHandler<OnBeforeEditCellEventArgs>;\n  onBeforeHeaderCellDestroy?: ReactSlickEventHandler<OnBeforeHeaderCellDestroyEventArgs>;\n  onBeforeHeaderRowCellDestroy?: ReactSlickEventHandler<OnBeforeHeaderRowCellDestroyEventArgs>;\n  onBeforeFooterRowCellDestroy?: ReactSlickEventHandler<OnBeforeFooterRowCellDestroyEventArgs>;\n  onBeforeSetColumns?: ReactSlickEventHandler<OnBeforeSetColumnsEventArgs>;\n  onBeforeSort?: ReactSlickEventHandler<SingleColumnSort, boolean | void>;\n  onCellChange?: ReactSlickEventHandler<OnCellChangeEventArgs>;\n  onCellCssStylesChanged?: ReactSlickEventHandler<OnCellCssStylesChangedEventArgs>;\n  onClick?: ReactSlickEventHandler<OnClickEventArgs>;\n  onColumnsDrag?: ReactSlickEventHandler<OnColumnsDragEventArgs>;\n  onColumnsReordered?: ReactSlickEventHandler<OnColumnsReorderedEventArgs>;\n  onColumnsResized?: ReactSlickEventHandler<OnColumnsResizedEventArgs>;\n  onColumnsResizeDblClick?: ReactSlickEventHandler<OnColumnsResizeDblClickEventArgs>;\n  onCompositeEditorChange?: ReactSlickEventHandler<OnCompositeEditorChangeEventArgs>;\n  onContextMenu?: ReactSlickEventHandler<OnContextMenuArgs>;\n  onDrag?: ReactSlickEventHandler<DragRowMove>;\n  onDragEnd?: ReactSlickEventHandler<DragRowMove>;\n  onDragInit?: ReactSlickEventHandler<DragRowMove>;\n  onDragStart?: ReactSlickEventHandler<DragRowMove>;\n  onDragReplaceCells?: ReactSlickEventHandler<OnDragReplaceCellsEventArgs>;\n  onDblClick?: ReactSlickEventHandler<OnDblClickEventArgs>;\n  onFooterContextMenu?: ReactSlickEventHandler<OnFooterContextMenuEventArgs>;\n  onFooterRowCellRendered?: ReactSlickEventHandler<OnFooterRowCellRenderedEventArgs>;\n  onHeaderCellRendered?: ReactSlickEventHandler<OnHeaderCellRenderedEventArgs>;\n  onFooterClick?: ReactSlickEventHandler<OnFooterClickEventArgs>;\n  onHeaderClick?: ReactSlickEventHandler<OnHeaderClickEventArgs>;\n  onHeaderContextMenu?: ReactSlickEventHandler<OnHeaderContextMenuEventArgs>;\n  onHeaderMouseEnter?: ReactSlickEventHandler<OnHeaderMouseEventArgs>;\n  onHeaderMouseLeave?: ReactSlickEventHandler<OnHeaderMouseEventArgs>;\n  onHeaderRowCellRendered?: ReactSlickEventHandler<OnHeaderRowCellRenderedEventArgs>;\n  onHeaderRowMouseEnter?: ReactSlickEventHandler<OnHeaderMouseEventArgs>;\n  onHeaderRowMouseLeave?: ReactSlickEventHandler<OnHeaderMouseEventArgs>;\n  onKeyDown?: ReactSlickEventHandler<OnKeyDownEventArgs>;\n  onMouseEnter?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onMouseLeave?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onValidationError?: ReactSlickEventHandler<OnValidationErrorEventArgs>;\n  onViewportChanged?: ReactSlickEventHandler<{ grid: SlickGrid }>;\n  onRendered?: ReactSlickEventHandler<OnRenderedEventArgs>;\n  onSelectedRowsChanged?: ReactSlickEventHandler<OnSelectedRowsChangedEventArgs>;\n  onSetOptions?: ReactSlickEventHandler<OnSetOptionsEventArgs>;\n  onScroll?: ReactSlickEventHandler<OnScrollEventArgs>;\n  onSort?: ReactSlickEventHandler<SingleColumnSort>;\n\n  // Slick DataView events\n  onBeforePagingInfoChanged?: ReactSlickEventHandler<PagingInfo>;\n  onGroupExpanded?: ReactSlickEventHandler<OnGroupExpandedEventArgs>;\n  onGroupCollapsed?: ReactSlickEventHandler<OnGroupCollapsedEventArgs>;\n  onPagingInfoChanged?: ReactSlickEventHandler<PagingInfo>;\n  onRowCountChanged?: ReactSlickEventHandler<OnRowCountChangedEventArgs>;\n  onRowsChanged?: ReactSlickEventHandler<OnRowsChangedEventArgs>;\n  onRowsOrCountChanged?: ReactSlickEventHandler<OnRowsOrCountChangedEventArgs>;\n  onSelectedRowIdsChanged?: ReactSlickEventHandler<OnSelectedRowIdsChangedEventArgs>;\n  onSetItemsCalled?: ReactSlickEventHandler<OnSetItemsCalledEventArgs>;\n\n  // other Slick Events\n  onAfterMenuShow?: ReactSlickEventHandler<MenuFromCellCallbackArgs>;\n  onBeforeMenuClose?: ReactSlickEventHandler<MenuFromCellCallbackArgs>;\n  onBeforeMenuShow?: ReactSlickEventHandler<MenuFromCellCallbackArgs>;\n  onColumnsChanged?: ReactSlickEventHandler<OnColumnsChangedArgs>;\n  onCommand?: ReactSlickEventHandler<MenuCommandItemCallbackArgs | MenuOptionItemCallbackArgs>;\n  onGridMenuColumnsChanged?: ReactSlickEventHandler<OnColumnsChangedArgs>;\n  onMenuClose?: ReactSlickEventHandler<GridMenuEventWithElementCallbackArgs>;\n  onCopyCells?: ReactSlickEventHandler<{ ranges: SlickRange[] }>;\n  onCopyCancelled?: ReactSlickEventHandler<{ ranges: SlickRange[] }>;\n  onPasteCells?: ReactSlickEventHandler<{ ranges: SlickRange[] }>;\n  onBeforePasteCell?: ReactSlickEventHandler<{ cell: number; row: number; item: any; columnDef: Column; value: any }>;\n\n  // Slickgrid-React or Slickgrid-Universal events\n  onAfterExportToExcel?: ReactRegularEventHandler<{ filename: string; mimeType: string } | { error: any }>;\n  onBeforeExportToExcel?: ReactRegularEventHandler<boolean>;\n  onAfterExportToPdf?: ReactRegularEventHandler<{ filename: string } | { error: any }>;\n  onBeforeExportToPdf?: ReactRegularEventHandler<boolean>;\n  onBeforeExportToTextFile?: ReactRegularEventHandler<boolean>;\n  onAfterExportToTextFile?: ReactRegularEventHandler<ExportTextDownloadOption>;\n  onBeforeFilterChange?: ReactRegularEventHandler<CurrentFilter[]>;\n  onBeforeFilterClear?: ReactRegularEventHandler<{ columnId: string } | boolean>;\n  onBeforeSearchChange?: ReactRegularEventHandler<OnSearchChangeEventArgs, boolean | void>;\n  onBeforeSortChange?: ReactRegularEventHandler<Array<ColumnSort & { clearSortTriggered?: boolean }>>;\n  onContextMenuClearGrouping?: ReactRegularEventHandler<void>;\n  onContextMenuCollapseAllGroups?: ReactRegularEventHandler<void>;\n  onContextMenuExpandAllGroups?: ReactRegularEventHandler<void>;\n  onBeforeGridDestroy?: ReactRegularEventHandler<MenuFromCellCallbackArgs>;\n  onOptionSelected?: ReactRegularEventHandler<MenuCommandItemCallbackArgs | MenuOptionItemCallbackArgs>;\n  onColumnPickerColumnsChanged?: ReactRegularEventHandler<OnColumnsChangedArgs>;\n  onGridMenuMenuClose?: ReactRegularEventHandler<GridMenuEventWithElementCallbackArgs>;\n  onGridMenuBeforeMenuShow?: ReactRegularEventHandler<GridMenuEventWithElementCallbackArgs>;\n  onGridMenuAfterMenuShow?: ReactRegularEventHandler<GridMenuEventWithElementCallbackArgs>;\n  onGridMenuClearAllPinning?: ReactRegularEventHandler<void>;\n  onGridMenuClearAllFilters?: ReactRegularEventHandler<void>;\n  onGridMenuClearAllSorting?: ReactRegularEventHandler<void>;\n  onGridMenuCommand?: ReactRegularEventHandler<GridMenuCommandItemCallbackArgs>;\n  onHeaderButtonCommand?: ReactRegularEventHandler<HeaderButtonOnCommandArgs>;\n  onHeaderMenuCommand?: ReactRegularEventHandler<MenuCommandItemCallbackArgs>;\n  onHeaderMenuColumnResizeByContent?: ReactRegularEventHandler<{ columnId: string }>;\n  onHeaderMenuBeforeMenuShow?: ReactRegularEventHandler<HeaderMenuCommandItemCallbackArgs>;\n  onHeaderMenuAfterMenuShow?: ReactRegularEventHandler<HeaderMenuCommandItemCallbackArgs>;\n  onHideColumns?: ReactRegularEventHandler<{ columns: Column[]; hiddenColumn: Column[] }>;\n  onItemsAdded?: ReactRegularEventHandler<any[]>;\n  onItemsDeleted?: ReactRegularEventHandler<any[]>;\n  onItemsUpdated?: ReactRegularEventHandler<any[]>;\n  onItemsUpserted?: ReactRegularEventHandler<any[]>;\n  onFullResizeByContentRequested?: ReactRegularEventHandler<{ caller: string }>;\n  onGridStateChanged?: ReactRegularEventHandler<GridStateChange>;\n  onBeforePaginationChange?: ReactRegularEventHandler<PaginationMetadata, boolean | void>;\n  onPaginationChanged?: ReactRegularEventHandler<PaginationMetadata>;\n  onPaginationRefreshed?: ReactRegularEventHandler<PaginationMetadata>;\n  onPaginationVisibilityChanged?: ReactRegularEventHandler<{ visible: boolean }>;\n  onPaginationSetCursorBased?: ReactRegularEventHandler<{ isCursorBased: boolean }>;\n  onGridBeforeResize?: ReactRegularEventHandler<void>;\n  onGridAfterResize?: ReactRegularEventHandler<GridSize | undefined>;\n  onBeforeResizeByContent?: ReactRegularEventHandler<void>;\n  onAfterResizeByContent?: ReactRegularEventHandler<{\n    readItemCount: number;\n    calculateColumnWidths: { [x: string]: number | undefined; [x: number]: number | undefined };\n  }>;\n  onSortCleared?: ReactRegularEventHandler<boolean>;\n  onFilterChanged?: ReactRegularEventHandler<CurrentFilter[]>;\n  onFilterCleared?: ReactRegularEventHandler<boolean>;\n  onReactGridCreated?: ReactRegularEventHandler<any>;\n  onSortChanged?: ReactRegularEventHandler<CurrentSorter[]>;\n  onTreeItemToggled?: ReactRegularEventHandler<TreeToggleStateChange>;\n  onTreeFullToggleEnd?: ReactRegularEventHandler<TreeToggleStateChange>;\n  onTreeFullToggleStart?: ReactRegularEventHandler<TreeToggleStateChange>;\n  onLanguageChange?: ReactRegularEventHandler<string>;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slickgrid-react",
-  "version": "10.2.0",
+  "version": "10.3.0",
   "description": "Slickgrid components made available in React",
   "keywords": [
     "react",
@@ -52,17 +52,17 @@
     "/src"
   ],
   "dependencies": {
-    "@slickgrid-universal/common": "10.2.0",
-    "@slickgrid-universal/custom-footer-component": "10.2.0",
-    "@slickgrid-universal/empty-warning-component": "10.2.0",
-    "@slickgrid-universal/event-pub-sub": "10.2.0",
-    "@slickgrid-universal/pagination-component": "10.2.0",
-    "@slickgrid-universal/utils": "10.2.0",
+    "@slickgrid-universal/common": "10.3.0",
+    "@slickgrid-universal/custom-footer-component": "10.3.0",
+    "@slickgrid-universal/empty-warning-component": "10.3.0",
+    "@slickgrid-universal/event-pub-sub": "10.3.0",
+    "@slickgrid-universal/pagination-component": "10.3.0",
+    "@slickgrid-universal/utils": "10.3.0",
     "dequal": "^2.0.3",
     "sortablejs": "^1.15.7"
   },
   "peerDependencies": {
     "react": ">=19.0.0"
   },
-  "gitHead": "0e9face7371880a23a589f27f1c1f7dfb3ef7b6a"
+  "gitHead": "95f7ec4cdac5eb926916d6c22be46e689628aca1"
 }

package/src/components/slickgridReactProps.ts

@@ -37,6 +37,7 @@ import type {
   OnColumnsResizeDblClickEventArgs,
   OnColumnsResizedEventArgs,
   OnCompositeEditorChangeEventArgs,
+  OnContextMenuArgs,
   OnDblClickEventArgs,
   OnDragReplaceCellsEventArgs,
   OnFooterClickEventArgs,
@@ -118,7 +119,7 @@ export interface SlickgridReactProps {
   onColumnsResized?: ReactSlickEventHandler<OnColumnsResizedEventArgs>;
   onColumnsResizeDblClick?: ReactSlickEventHandler<OnColumnsResizeDblClickEventArgs>;
   onCompositeEditorChange?: ReactSlickEventHandler<OnCompositeEditorChangeEventArgs>;
-  onContextMenu?: ReactSlickEventHandler<{ grid: SlickGrid }>;
+  onContextMenu?: ReactSlickEventHandler<OnContextMenuArgs>;
   onDrag?: ReactSlickEventHandler<DragRowMove>;
   onDragEnd?: ReactSlickEventHandler<DragRowMove>;
   onDragInit?: ReactSlickEventHandler<DragRowMove>;