@bryntum/schedulerpro-vue-3-thin 7.2.0 → 7.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/README.md +7 -7
  2. package/lib/chunks/B12rdbvL.js.map +1 -1
  3. package/lib/chunks/BBN-5eeI.js.map +1 -1
  4. package/lib/chunks/{DghqseiN.js → BCexQ9jU.js} +4 -2
  5. package/lib/chunks/BCexQ9jU.js.map +1 -0
  6. package/lib/chunks/{OtE4hpSS.js → BIu6tRhF.js} +4 -2
  7. package/lib/chunks/BIu6tRhF.js.map +1 -0
  8. package/lib/chunks/BMF41dEG.js.map +1 -1
  9. package/lib/chunks/BrUxjEMx.js.map +1 -1
  10. package/lib/chunks/ByS5_-RM.js.map +1 -1
  11. package/lib/chunks/{B7sV8_zC.js → CAY3x-95.js} +4 -2
  12. package/lib/chunks/CAY3x-95.js.map +1 -0
  13. package/lib/chunks/CDbPwyl3.js.map +1 -1
  14. package/lib/chunks/{N6QbiUPO.js → ClkvTNYg.js} +4 -2
  15. package/lib/chunks/ClkvTNYg.js.map +1 -0
  16. package/lib/chunks/Ct_m9O9h.js.map +1 -1
  17. package/lib/chunks/D4JDuI0s.js.map +1 -1
  18. package/lib/chunks/DC4Xw3gK.js.map +1 -1
  19. package/lib/chunks/DRVdzy6g.js.map +1 -1
  20. package/lib/chunks/DgESZupU.js.map +1 -1
  21. package/lib/chunks/{sUi9pfNu.js → DkEI_jQ3.js} +102 -31
  22. package/lib/chunks/DkEI_jQ3.js.map +1 -0
  23. package/lib/chunks/{CoYhPB2e.js → DsAuU2wi.js} +7 -5
  24. package/lib/chunks/DsAuU2wi.js.map +1 -0
  25. package/lib/chunks/DvFm-5Hh.js.map +1 -1
  26. package/lib/chunks/{B2O8rS3_.js → DzkbsToy.js} +6 -4
  27. package/lib/chunks/DzkbsToy.js.map +1 -0
  28. package/lib/chunks/H_iWW1r0.js.map +1 -1
  29. package/lib/chunks/ggN9GDPJ.js.map +1 -1
  30. package/lib/chunks/qKNUUeE0.js.map +1 -1
  31. package/lib/components/BryntumResourceGrid.js +1 -1
  32. package/lib/components/BryntumResourceHistogram.js +1 -1
  33. package/lib/components/BryntumResourceUtilization.js +1 -1
  34. package/lib/components/BryntumSchedulerPro.js +1 -1
  35. package/lib/components/BryntumSchedulerProBase.js +1 -1
  36. package/lib/components/BryntumTimeline.js +1 -1
  37. package/lib/components/BryntumVersionGrid.js +1 -1
  38. package/lib/index.js +7 -7
  39. package/package.json +1 -1
  40. package/src/components/BryntumCalendarEditor.vue +1 -1
  41. package/src/components/BryntumCalendarEditorProps.ts +1 -1
  42. package/src/components/BryntumCalendarField.vue +2 -2
  43. package/src/components/BryntumCalendarFieldProps.ts +2 -2
  44. package/src/components/BryntumConstraintTypePicker.vue +2 -2
  45. package/src/components/BryntumConstraintTypePickerProps.ts +2 -2
  46. package/src/components/BryntumCostAccrualField.vue +2 -2
  47. package/src/components/BryntumCostAccrualFieldProps.ts +2 -2
  48. package/src/components/BryntumDependencyTypePicker.vue +2 -2
  49. package/src/components/BryntumDependencyTypePickerProps.ts +2 -2
  50. package/src/components/BryntumEffortField.vue +1 -1
  51. package/src/components/BryntumEffortFieldProps.ts +1 -1
  52. package/src/components/BryntumEndDateField.vue +1 -1
  53. package/src/components/BryntumEndDateFieldProps.ts +1 -1
  54. package/src/components/BryntumModelCombo.vue +2 -2
  55. package/src/components/BryntumModelComboProps.ts +2 -2
  56. package/src/components/BryntumRateTableField.vue +2 -2
  57. package/src/components/BryntumRateTableFieldProps.ts +2 -2
  58. package/src/components/BryntumResourceEditor.vue +1 -1
  59. package/src/components/BryntumResourceEditorProps.ts +1 -1
  60. package/src/components/BryntumResourceGrid.vue +98 -7
  61. package/src/components/BryntumResourceGridProps.ts +4 -4
  62. package/src/components/BryntumResourceHistogram.vue +22 -8
  63. package/src/components/BryntumResourceHistogramProps.ts +4 -4
  64. package/src/components/BryntumResourceTypeField.vue +2 -2
  65. package/src/components/BryntumResourceTypeFieldProps.ts +2 -2
  66. package/src/components/BryntumResourceUtilization.vue +23 -9
  67. package/src/components/BryntumResourceUtilizationProps.ts +5 -5
  68. package/src/components/BryntumSchedulerPro.vue +29 -14
  69. package/src/components/BryntumSchedulerProBase.vue +29 -14
  70. package/src/components/BryntumSchedulerProBaseProps.ts +8 -8
  71. package/src/components/BryntumSchedulerProProjectModel.vue +7 -7
  72. package/src/components/BryntumSchedulerProProjectModelProps.ts +1 -1
  73. package/src/components/BryntumSchedulerProProps.ts +8 -8
  74. package/src/components/BryntumSchedulingDirectionPicker.vue +2 -2
  75. package/src/components/BryntumSchedulingDirectionPickerProps.ts +2 -2
  76. package/src/components/BryntumSchedulingModePicker.vue +2 -2
  77. package/src/components/BryntumSchedulingModePickerProps.ts +2 -2
  78. package/src/components/BryntumStartDateField.vue +1 -1
  79. package/src/components/BryntumStartDateFieldProps.ts +1 -1
  80. package/src/components/BryntumTimeline.vue +29 -14
  81. package/src/components/BryntumTimelineProps.ts +8 -8
  82. package/src/components/BryntumVersionGrid.vue +20 -6
  83. package/src/components/BryntumVersionGridProps.ts +4 -4
  84. package/lib/chunks/B2O8rS3_.js.map +0 -1
  85. package/lib/chunks/B7sV8_zC.js.map +0 -1
  86. package/lib/chunks/CoYhPB2e.js.map +0 -1
  87. package/lib/chunks/DghqseiN.js.map +0 -1
  88. package/lib/chunks/N6QbiUPO.js.map +0 -1
  89. package/lib/chunks/OtE4hpSS.js.map +0 -1
  90. package/lib/chunks/sUi9pfNu.js.map +0 -1
@@ -997,7 +997,7 @@ defineProps<{
997
997
  rootElement ? : ShadowRoot|HTMLElement
998
998
  /**
999
999
  * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
1000
- * overriden by specifying a [rowHeight](https://bryntum.com/products/schedulerpro/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
1000
+ * overridden by specifying a [rowHeight](https://bryntum.com/products/schedulerpro/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
1001
1001
  * a column [renderer](https://bryntum.com/products/schedulerpro/docs/api/Grid/column/Column#config-renderer).
1002
1002
  * ...
1003
1003
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-rowHeight)
@@ -1375,7 +1375,7 @@ defineProps<{
1375
1375
  */
1376
1376
  allocationCellEditFeature ? : object|Boolean|string|AllocationCellEdit|AllocationCellEditConfig
1377
1377
  /**
1378
- * This is a feature of [ResourceUtilization](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization) view that allows to copy-paste
1378
+ * This is a feature of [ResourceUtilization](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization) view that allows copy-pasting
1379
1379
  * assignment time-phased effort values.
1380
1380
  * ...
1381
1381
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/feature/AllocationCopyPaste)
@@ -1396,7 +1396,7 @@ defineProps<{
1396
1396
  cellEditFeature ? : object|Boolean|string|CellEdit|CellEditConfig
1397
1397
  /**
1398
1398
  * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
1399
- * `SPACE` key when the cell is focused.
1399
+ * <kbd>Space</kbd> key when the cell is focused.
1400
1400
  * ...
1401
1401
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellMenu)
1402
1402
  */
@@ -1504,8 +1504,8 @@ defineProps<{
1504
1504
  filterBarFeature ? : object|Boolean|string|FilterBar|FilterBarConfig
1505
1505
  /**
1506
1506
  * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
1507
- * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1508
- * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
1507
+ * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1508
+ * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
1509
1509
  * grouper.
1510
1510
  * ...
1511
1511
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Group)
@@ -1735,7 +1735,7 @@ defineProps<{
1735
1735
 
1736
1736
  const emit = defineEmits<{
1737
1737
  /**
1738
- * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
1738
+ * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
1739
1739
  * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
1740
1740
  * case records should be "manually" removed after confirmation:
1741
1741
  * ...
@@ -1788,7 +1788,7 @@ const emit = defineEmits<{
1788
1788
  */
1789
1789
  (e: 'beforeCellEditStart', params: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
1790
1790
  /**
1791
- * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
1791
+ * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
1792
1792
  * buttons while [autoEdit](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
1793
1793
  * @param {string} e Event name
1794
1794
  * @param {object} params Event parameters
@@ -1915,7 +1915,7 @@ const emit = defineEmits<{
1915
1915
  */
1916
1916
  (e: 'beforeDestroy', params: ((event: { source: Base }) => void)|string): void
1917
1917
  /**
1918
- * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
1918
+ * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
1919
1919
  * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
1920
1920
  * for async vetoing).
1921
1921
  * ...
@@ -3089,7 +3089,7 @@ const emit = defineEmits<{
3089
3089
  * @param {Response} params.params.event.response Optional response, if received
3090
3090
  * @param {Error} params.params.event.error Optional error, if exception occurred
3091
3091
  */
3092
- (e: 'pdfExport', params: ((event: { response?: any, error?: Error }) => void)|string): void
3092
+ (e: 'pdfExport', params: ((event: { response?: Response, error?: Error }) => void)|string): void
3093
3093
  /**
3094
3094
  * Fired after the [viewPreset](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineViewPresets#config-viewPreset) has changed.
3095
3095
  * @param {string} e Event name
@@ -3852,6 +3852,18 @@ const emit = defineEmits<{
3852
3852
  * @param {Core.widget.Tool} params.params.event.tool The tool which is being clicked.
3853
3853
  */
3854
3854
  (e: 'toolClick', params: ((event: { source: Tool, tool: Tool }) => void)|string): void
3855
+ /**
3856
+ * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
3857
+ * @param {string} e Event name
3858
+ * @param {object} params Event parameters
3859
+ * @param {string} params.e Event name
3860
+ * @param {object} params.params Event parameters
3861
+ * @param {object} params.params.event Event object
3862
+ * @param {Grid.view.Grid} params.params.event.source The grid instance
3863
+ * @param {(string|Function)[]} params.params.event.groupers Array of field names or functions representing the current grouping levels
3864
+ * @param {(string|Function)[]} params.params.event.oldGroupers Array of field names or functions representing the previous grouping levels
3865
+ */
3866
+ (e: 'treeGroup', params: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string): void
3855
3867
  /**
3856
3868
  * Fires when row locking is disabled.
3857
3869
  * @param {string} e Event name
@@ -4291,6 +4303,7 @@ const widgetData = {
4291
4303
  'onToggleGroup',
4292
4304
  'onToggleNode',
4293
4305
  'onToolClick',
4306
+ 'onTreeGroup',
4294
4307
  'onUnlockRows',
4295
4308
  'onUnsplit',
4296
4309
  'onVisibleDateRangeChange',
@@ -4516,6 +4529,7 @@ const widgetData = {
4516
4529
  'toggleGroup',
4517
4530
  'toggleNode',
4518
4531
  'toolClick',
4532
+ 'treeGroup',
4519
4533
  'unlockRows',
4520
4534
  'unsplit',
4521
4535
  'visibleDateRangeChange'
@@ -959,7 +959,7 @@ export declare type BryntumResourceUtilizationProps = {
959
959
  rootElement ? : ShadowRoot|HTMLElement
960
960
  /**
961
961
  * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
962
- * overriden by specifying a [rowHeight](https://bryntum.com/products/schedulerpro/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
962
+ * overridden by specifying a [rowHeight](https://bryntum.com/products/schedulerpro/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
963
963
  * a column [renderer](https://bryntum.com/products/schedulerpro/docs/api/Grid/column/Column#config-renderer).
964
964
  * ...
965
965
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-rowHeight)
@@ -1337,7 +1337,7 @@ export declare type BryntumResourceUtilizationProps = {
1337
1337
  */
1338
1338
  allocationCellEditFeature ? : object|Boolean|string|AllocationCellEdit|AllocationCellEditConfig
1339
1339
  /**
1340
- * This is a feature of [ResourceUtilization](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization) view that allows to copy-paste
1340
+ * This is a feature of [ResourceUtilization](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization) view that allows copy-pasting
1341
1341
  * assignment time-phased effort values.
1342
1342
  * ...
1343
1343
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/feature/AllocationCopyPaste)
@@ -1358,7 +1358,7 @@ export declare type BryntumResourceUtilizationProps = {
1358
1358
  cellEditFeature ? : object|Boolean|string|CellEdit|CellEditConfig
1359
1359
  /**
1360
1360
  * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
1361
- * `SPACE` key when the cell is focused.
1361
+ * <kbd>Space</kbd> key when the cell is focused.
1362
1362
  * ...
1363
1363
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellMenu)
1364
1364
  */
@@ -1466,8 +1466,8 @@ export declare type BryntumResourceUtilizationProps = {
1466
1466
  filterBarFeature ? : object|Boolean|string|FilterBar|FilterBarConfig
1467
1467
  /**
1468
1468
  * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
1469
- * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1470
- * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
1469
+ * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1470
+ * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
1471
1471
  * grouper.
1472
1472
  * ...
1473
1473
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Group)
@@ -474,7 +474,7 @@ defineProps<{
474
474
  */
475
475
  emptyText ? : string|EmptyTextDomConfig
476
476
  /**
477
- * Allow using [Delete] and [Backspace] to remove events/assignments
477
+ * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
478
478
  */
479
479
  enableDeleteKey ? : Boolean
480
480
  /**
@@ -573,8 +573,8 @@ defineProps<{
573
573
  * @param {'tonal','filled','bordered','traced','outlined','indented','line','dashed','minimal','rounded','calendar','interday','gantt',null} detail.renderData.eventStyle The `eventStyle` of the event. Use this to apply custom styles to the event DOM element
574
574
  * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
575
575
  * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
576
- * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents.
577
- * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
576
+ * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, resourceRecord, renderData }) { return &lt;MyEventComponent event={eventRecord} resource={resourceRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For schedulers with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/schedulerpro/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
577
+ * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
578
578
  */
579
579
  eventRenderer ? : (detail: { eventRecord: SchedulerEventModel, resourceRecord: SchedulerResourceModel, assignmentRecord: SchedulerAssignmentModel, scheduler: Scheduler, renderData: { event: SchedulerEventModel, cls: DomClassList|string, wrapperCls: DomClassList|string, iconCls: DomClassList|string, left: number, width: number, height: number, style: string|Record<string, string>, wrapperStyle: string|Record<string, string>, eventStyle: 'tonal'|'filled'|'bordered'|'traced'|'outlined'|'indented'|'line'|'dashed'|'minimal'|'rounded'|'calendar'|'interday'|'gantt'|null, eventColor: string, ariaLabel: string, children: DomConfig[] } }) => string|DomConfig|DomConfig[]
580
580
  /**
@@ -1686,7 +1686,7 @@ defineProps<{
1686
1686
  cellEditFeature ? : object|Boolean|string|CellEdit|CellEditConfig
1687
1687
  /**
1688
1688
  * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
1689
- * `SPACE` key when the cell is focused.
1689
+ * <kbd>Space</kbd> key when the cell is focused.
1690
1690
  * ...
1691
1691
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellMenu)
1692
1692
  */
@@ -1783,8 +1783,8 @@ defineProps<{
1783
1783
  */
1784
1784
  eventBufferFeature ? : object|Boolean|string|EventBuffer|EventBufferConfig
1785
1785
  /**
1786
- * Allow using <kbd>Ctrl</kbd>/<kbd>CMD</kbd> + <kbd>C</kbd>/<kbd>X</kbd> and <kbd>Ctrl</kbd>/<kbd>CMD</kbd> +
1787
- * <kbd>V</kbd> to copy/cut and paste events.
1786
+ * Allow using <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>C</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>X</kbd> and
1787
+ * <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>V</kbd> to copy/cut and paste events.
1788
1788
  * ...
1789
1789
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/EventCopyPaste)
1790
1790
  */
@@ -1905,8 +1905,8 @@ defineProps<{
1905
1905
  filterBarFeature ? : object|Boolean|string|FilterBar|FilterBarConfig
1906
1906
  /**
1907
1907
  * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
1908
- * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1909
- * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
1908
+ * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1909
+ * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
1910
1910
  * grouper.
1911
1911
  * ...
1912
1912
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Group)
@@ -2376,7 +2376,7 @@ const emit = defineEmits<{
2376
2376
  */
2377
2377
  (e: 'assignmentSelectionChange', params: ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: SchedulerAssignmentModel[], deselected: SchedulerAssignmentModel[], selection: SchedulerAssignmentModel[] }) => void)|string): void
2378
2378
  /**
2379
- * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
2379
+ * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
2380
2380
  * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
2381
2381
  * case records should be "manually" removed after confirmation:
2382
2382
  * ...
@@ -2458,7 +2458,7 @@ const emit = defineEmits<{
2458
2458
  */
2459
2459
  (e: 'beforeCellEditStart', params: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
2460
2460
  /**
2461
- * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
2461
+ * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
2462
2462
  * buttons while [autoEdit](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
2463
2463
  * @param {string} e Event name
2464
2464
  * @param {object} params Event parameters
@@ -2730,7 +2730,7 @@ const emit = defineEmits<{
2730
2730
  */
2731
2731
  (e: 'beforeEventAdd', params: ((event: { source: Scheduler, eventRecord: SchedulerEventModel, resourceRecords: SchedulerResourceModel[], assignmentRecords: SchedulerAssignmentModel[] }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
2732
2732
  /**
2733
- * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
2733
+ * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
2734
2734
  * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
2735
2735
  * for async vetoing).
2736
2736
  * ...
@@ -4884,12 +4884,13 @@ const emit = defineEmits<{
4884
4884
  * @param {Scheduler.model.SchedulerEventModel[]} params.params.event.originalEventRecords The event records that were copied
4885
4885
  * @param {Scheduler.model.SchedulerAssignmentModel[]} params.params.event.originalAssignmentRecords The assignment records that were copied
4886
4886
  * @param {Date} params.params.event.date The paste date
4887
- * @param {Scheduler.model.SchedulerResourceModel} params.params.event.resourceRecord The target resource record
4887
+ * @param {Scheduler.model.SchedulerResourceModel} params.params.event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
4888
+ * @param {Scheduler.model.SchedulerResourceModel[]} params.params.event.resourceRecords All target resource records that the events would be pasted to
4888
4889
  * @param {boolean} params.params.event.isCut `true` if this is a cut action
4889
4890
  * @param {string} params.params.event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
4890
4891
  * @param {'overlappingEvents','resourceReadOnly'} params.params.event.reason A string id to use for displaying an error message to the user.
4891
4892
  */
4892
- (e: 'pasteNotAllowed', params: ((event: { source: Scheduler, eventRecords: SchedulerEventModel[], assignmentRecords: SchedulerAssignmentModel[], originalEventRecords: SchedulerEventModel[], originalAssignmentRecords: SchedulerAssignmentModel[], date: Date, resourceRecord: SchedulerResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string): void
4893
+ (e: 'pasteNotAllowed', params: ((event: { source: Scheduler, eventRecords: SchedulerEventModel[], assignmentRecords: SchedulerAssignmentModel[], originalEventRecords: SchedulerEventModel[], originalAssignmentRecords: SchedulerAssignmentModel[], date: Date, resourceRecord: SchedulerResourceModel, resourceRecords: SchedulerResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string): void
4893
4894
  /**
4894
4895
  * Fires on the owning Grid when export has finished
4895
4896
  * @param {string} e Event name
@@ -4900,7 +4901,7 @@ const emit = defineEmits<{
4900
4901
  * @param {Response} params.params.event.response Optional response, if received
4901
4902
  * @param {Error} params.params.event.error Optional error, if exception occurred
4902
4903
  */
4903
- (e: 'pdfExport', params: ((event: { response?: any, error?: Error }) => void)|string): void
4904
+ (e: 'pdfExport', params: ((event: { response?: Response, error?: Error }) => void)|string): void
4904
4905
  /**
4905
4906
  * Fired on the owning Scheduler or Gantt widget when dragging the percent bar
4906
4907
  * @param {string} e Event name
@@ -6249,6 +6250,18 @@ const emit = defineEmits<{
6249
6250
  * @param {boolean} params.params.event.hasChanges Whether any changes are recorded that are not yet attached to a version.
6250
6251
  */
6251
6252
  (e: 'transactionChange', params: ((event: { hasChanges: boolean }) => void)|string): void
6253
+ /**
6254
+ * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
6255
+ * @param {string} e Event name
6256
+ * @param {object} params Event parameters
6257
+ * @param {string} params.e Event name
6258
+ * @param {object} params.params Event parameters
6259
+ * @param {object} params.params.event Event object
6260
+ * @param {Grid.view.Grid} params.params.event.source The grid instance
6261
+ * @param {(string|Function)[]} params.params.event.groupers Array of field names or functions representing the current grouping levels
6262
+ * @param {(string|Function)[]} params.params.event.oldGroupers Array of field names or functions representing the previous grouping levels
6263
+ */
6264
+ (e: 'treeGroup', params: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string): void
6252
6265
  /**
6253
6266
  * Fires when row locking is disabled.
6254
6267
  * @param {string} e Event name
@@ -6893,6 +6906,7 @@ const widgetData = {
6893
6906
  'onToggleNode',
6894
6907
  'onToolClick',
6895
6908
  'onTransactionChange',
6909
+ 'onTreeGroup',
6896
6910
  'onUnlockRows',
6897
6911
  'onUnsplit',
6898
6912
  'onVisibleDateRangeChange',
@@ -7262,6 +7276,7 @@ const widgetData = {
7262
7276
  'toggleNode',
7263
7277
  'toolClick',
7264
7278
  'transactionChange',
7279
+ 'treeGroup',
7265
7280
  'unlockRows',
7266
7281
  'unsplit',
7267
7282
  'visibleDateRangeChange'
@@ -474,7 +474,7 @@ defineProps<{
474
474
  */
475
475
  emptyText ? : string|EmptyTextDomConfig
476
476
  /**
477
- * Allow using [Delete] and [Backspace] to remove events/assignments
477
+ * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
478
478
  */
479
479
  enableDeleteKey ? : Boolean
480
480
  /**
@@ -573,8 +573,8 @@ defineProps<{
573
573
  * @param {'tonal','filled','bordered','traced','outlined','indented','line','dashed','minimal','rounded','calendar','interday','gantt',null} detail.renderData.eventStyle The `eventStyle` of the event. Use this to apply custom styles to the event DOM element
574
574
  * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
575
575
  * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
576
- * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents.
577
- * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
576
+ * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, resourceRecord, renderData }) { return &lt;MyEventComponent event={eventRecord} resource={resourceRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For schedulers with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/schedulerpro/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
577
+ * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
578
578
  */
579
579
  eventRenderer ? : (detail: { eventRecord: SchedulerEventModel, resourceRecord: SchedulerResourceModel, assignmentRecord: SchedulerAssignmentModel, scheduler: Scheduler, renderData: { event: SchedulerEventModel, cls: DomClassList|string, wrapperCls: DomClassList|string, iconCls: DomClassList|string, left: number, width: number, height: number, style: string|Record<string, string>, wrapperStyle: string|Record<string, string>, eventStyle: 'tonal'|'filled'|'bordered'|'traced'|'outlined'|'indented'|'line'|'dashed'|'minimal'|'rounded'|'calendar'|'interday'|'gantt'|null, eventColor: string, ariaLabel: string, children: DomConfig[] } }) => string|DomConfig|DomConfig[]
580
580
  /**
@@ -1685,7 +1685,7 @@ defineProps<{
1685
1685
  cellEditFeature ? : object|Boolean|string|CellEdit|CellEditConfig
1686
1686
  /**
1687
1687
  * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
1688
- * `SPACE` key when the cell is focused.
1688
+ * <kbd>Space</kbd> key when the cell is focused.
1689
1689
  * ...
1690
1690
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellMenu)
1691
1691
  */
@@ -1782,8 +1782,8 @@ defineProps<{
1782
1782
  */
1783
1783
  eventBufferFeature ? : object|Boolean|string|EventBuffer|EventBufferConfig
1784
1784
  /**
1785
- * Allow using <kbd>Ctrl</kbd>/<kbd>CMD</kbd> + <kbd>C</kbd>/<kbd>X</kbd> and <kbd>Ctrl</kbd>/<kbd>CMD</kbd> +
1786
- * <kbd>V</kbd> to copy/cut and paste events.
1785
+ * Allow using <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>C</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>X</kbd> and
1786
+ * <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>V</kbd> to copy/cut and paste events.
1787
1787
  * ...
1788
1788
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/EventCopyPaste)
1789
1789
  */
@@ -1904,8 +1904,8 @@ defineProps<{
1904
1904
  filterBarFeature ? : object|Boolean|string|FilterBar|FilterBarConfig
1905
1905
  /**
1906
1906
  * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
1907
- * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1908
- * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
1907
+ * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1908
+ * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
1909
1909
  * grouper.
1910
1910
  * ...
1911
1911
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Group)
@@ -2375,7 +2375,7 @@ const emit = defineEmits<{
2375
2375
  */
2376
2376
  (e: 'assignmentSelectionChange', params: ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: SchedulerAssignmentModel[], deselected: SchedulerAssignmentModel[], selection: SchedulerAssignmentModel[] }) => void)|string): void
2377
2377
  /**
2378
- * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
2378
+ * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
2379
2379
  * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
2380
2380
  * case records should be "manually" removed after confirmation:
2381
2381
  * ...
@@ -2457,7 +2457,7 @@ const emit = defineEmits<{
2457
2457
  */
2458
2458
  (e: 'beforeCellEditStart', params: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
2459
2459
  /**
2460
- * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
2460
+ * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
2461
2461
  * buttons while [autoEdit](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
2462
2462
  * @param {string} e Event name
2463
2463
  * @param {object} params Event parameters
@@ -2729,7 +2729,7 @@ const emit = defineEmits<{
2729
2729
  */
2730
2730
  (e: 'beforeEventAdd', params: ((event: { source: Scheduler, eventRecord: SchedulerEventModel, resourceRecords: SchedulerResourceModel[], assignmentRecords: SchedulerAssignmentModel[] }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
2731
2731
  /**
2732
- * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
2732
+ * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
2733
2733
  * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
2734
2734
  * for async vetoing).
2735
2735
  * ...
@@ -4883,12 +4883,13 @@ const emit = defineEmits<{
4883
4883
  * @param {Scheduler.model.SchedulerEventModel[]} params.params.event.originalEventRecords The event records that were copied
4884
4884
  * @param {Scheduler.model.SchedulerAssignmentModel[]} params.params.event.originalAssignmentRecords The assignment records that were copied
4885
4885
  * @param {Date} params.params.event.date The paste date
4886
- * @param {Scheduler.model.SchedulerResourceModel} params.params.event.resourceRecord The target resource record
4886
+ * @param {Scheduler.model.SchedulerResourceModel} params.params.event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
4887
+ * @param {Scheduler.model.SchedulerResourceModel[]} params.params.event.resourceRecords All target resource records that the events would be pasted to
4887
4888
  * @param {boolean} params.params.event.isCut `true` if this is a cut action
4888
4889
  * @param {string} params.params.event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
4889
4890
  * @param {'overlappingEvents','resourceReadOnly'} params.params.event.reason A string id to use for displaying an error message to the user.
4890
4891
  */
4891
- (e: 'pasteNotAllowed', params: ((event: { source: Scheduler, eventRecords: SchedulerEventModel[], assignmentRecords: SchedulerAssignmentModel[], originalEventRecords: SchedulerEventModel[], originalAssignmentRecords: SchedulerAssignmentModel[], date: Date, resourceRecord: SchedulerResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string): void
4892
+ (e: 'pasteNotAllowed', params: ((event: { source: Scheduler, eventRecords: SchedulerEventModel[], assignmentRecords: SchedulerAssignmentModel[], originalEventRecords: SchedulerEventModel[], originalAssignmentRecords: SchedulerAssignmentModel[], date: Date, resourceRecord: SchedulerResourceModel, resourceRecords: SchedulerResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string): void
4892
4893
  /**
4893
4894
  * Fires on the owning Grid when export has finished
4894
4895
  * @param {string} e Event name
@@ -4899,7 +4900,7 @@ const emit = defineEmits<{
4899
4900
  * @param {Response} params.params.event.response Optional response, if received
4900
4901
  * @param {Error} params.params.event.error Optional error, if exception occurred
4901
4902
  */
4902
- (e: 'pdfExport', params: ((event: { response?: any, error?: Error }) => void)|string): void
4903
+ (e: 'pdfExport', params: ((event: { response?: Response, error?: Error }) => void)|string): void
4903
4904
  /**
4904
4905
  * Fired on the owning Scheduler or Gantt widget when dragging the percent bar
4905
4906
  * @param {string} e Event name
@@ -6248,6 +6249,18 @@ const emit = defineEmits<{
6248
6249
  * @param {boolean} params.params.event.hasChanges Whether any changes are recorded that are not yet attached to a version.
6249
6250
  */
6250
6251
  (e: 'transactionChange', params: ((event: { hasChanges: boolean }) => void)|string): void
6252
+ /**
6253
+ * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
6254
+ * @param {string} e Event name
6255
+ * @param {object} params Event parameters
6256
+ * @param {string} params.e Event name
6257
+ * @param {object} params.params Event parameters
6258
+ * @param {object} params.params.event Event object
6259
+ * @param {Grid.view.Grid} params.params.event.source The grid instance
6260
+ * @param {(string|Function)[]} params.params.event.groupers Array of field names or functions representing the current grouping levels
6261
+ * @param {(string|Function)[]} params.params.event.oldGroupers Array of field names or functions representing the previous grouping levels
6262
+ */
6263
+ (e: 'treeGroup', params: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string): void
6251
6264
  /**
6252
6265
  * Fires when row locking is disabled.
6253
6266
  * @param {string} e Event name
@@ -6891,6 +6904,7 @@ const widgetData = {
6891
6904
  'onToggleNode',
6892
6905
  'onToolClick',
6893
6906
  'onTransactionChange',
6907
+ 'onTreeGroup',
6894
6908
  'onUnlockRows',
6895
6909
  'onUnsplit',
6896
6910
  'onVisibleDateRangeChange',
@@ -7260,6 +7274,7 @@ const widgetData = {
7260
7274
  'toggleNode',
7261
7275
  'toolClick',
7262
7276
  'transactionChange',
7277
+ 'treeGroup',
7263
7278
  'unlockRows',
7264
7279
  'unsplit',
7265
7280
  'visibleDateRangeChange'
@@ -436,7 +436,7 @@ export declare type BryntumSchedulerProBaseProps = {
436
436
  */
437
437
  emptyText ? : string|EmptyTextDomConfig
438
438
  /**
439
- * Allow using [Delete] and [Backspace] to remove events/assignments
439
+ * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
440
440
  */
441
441
  enableDeleteKey ? : Boolean
442
442
  /**
@@ -535,8 +535,8 @@ export declare type BryntumSchedulerProBaseProps = {
535
535
  * @param {'tonal','filled','bordered','traced','outlined','indented','line','dashed','minimal','rounded','calendar','interday','gantt',null} detail.renderData.eventStyle The `eventStyle` of the event. Use this to apply custom styles to the event DOM element
536
536
  * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
537
537
  * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
538
- * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents.
539
- * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
538
+ * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, resourceRecord, renderData }) { return &lt;MyEventComponent event={eventRecord} resource={resourceRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For schedulers with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/schedulerpro/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
539
+ * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
540
540
  */
541
541
  eventRenderer ? : (detail: { eventRecord: SchedulerEventModel, resourceRecord: SchedulerResourceModel, assignmentRecord: SchedulerAssignmentModel, scheduler: Scheduler, renderData: { event: SchedulerEventModel, cls: DomClassList|string, wrapperCls: DomClassList|string, iconCls: DomClassList|string, left: number, width: number, height: number, style: string|Record<string, string>, wrapperStyle: string|Record<string, string>, eventStyle: 'tonal'|'filled'|'bordered'|'traced'|'outlined'|'indented'|'line'|'dashed'|'minimal'|'rounded'|'calendar'|'interday'|'gantt'|null, eventColor: string, ariaLabel: string, children: DomConfig[] } }) => string|DomConfig|DomConfig[]
542
542
  /**
@@ -1647,7 +1647,7 @@ export declare type BryntumSchedulerProBaseProps = {
1647
1647
  cellEditFeature ? : object|Boolean|string|CellEdit|CellEditConfig
1648
1648
  /**
1649
1649
  * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
1650
- * `SPACE` key when the cell is focused.
1650
+ * <kbd>Space</kbd> key when the cell is focused.
1651
1651
  * ...
1652
1652
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellMenu)
1653
1653
  */
@@ -1744,8 +1744,8 @@ export declare type BryntumSchedulerProBaseProps = {
1744
1744
  */
1745
1745
  eventBufferFeature ? : object|Boolean|string|EventBuffer|EventBufferConfig
1746
1746
  /**
1747
- * Allow using <kbd>Ctrl</kbd>/<kbd>CMD</kbd> + <kbd>C</kbd>/<kbd>X</kbd> and <kbd>Ctrl</kbd>/<kbd>CMD</kbd> +
1748
- * <kbd>V</kbd> to copy/cut and paste events.
1747
+ * Allow using <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>C</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>X</kbd> and
1748
+ * <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>V</kbd> to copy/cut and paste events.
1749
1749
  * ...
1750
1750
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/EventCopyPaste)
1751
1751
  */
@@ -1866,8 +1866,8 @@ export declare type BryntumSchedulerProBaseProps = {
1866
1866
  filterBarFeature ? : object|Boolean|string|FilterBar|FilterBarConfig
1867
1867
  /**
1868
1868
  * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
1869
- * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1870
- * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
1869
+ * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1870
+ * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
1871
1871
  * grouper.
1872
1872
  * ...
1873
1873
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Group)
@@ -120,7 +120,7 @@ defineProps<{
120
120
  calendars ? : CalendarModel[]|CalendarModelConfig[]
121
121
  /**
122
122
  * The initial data, to fill the [calendarManagerStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-calendarManagerStore) with.
123
- * Should be an array of [CalendarModel](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/CalendarModel) or it's configuration objects.
123
+ * Should be an array of [CalendarModel](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/CalendarModel) or its configuration objects.
124
124
  */
125
125
  calendarsData ? : CalendarModel[]
126
126
  /**
@@ -815,7 +815,7 @@ const emit = defineEmits<{
815
815
  * @param {object} params.params.event.requestOptions The request options passed to the request.
816
816
  * @param {Response} params.params.event.rawResponse The native Response object
817
817
  */
818
- (e: 'load', params: ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
818
+ (e: 'load', params: ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void
819
819
  /**
820
820
  * Fired after [load request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-load) was canceled by some [beforeLoad](#Scheduler/crud/AbstractCrudManagerMixin#event-beforeLoad)
821
821
  * listener or due to incomplete prior load request.
@@ -842,7 +842,7 @@ const emit = defineEmits<{
842
842
  * @param {object} params.params.event.requestOptions The request options passed to the request.
843
843
  * @param {Response} params.params.event.rawResponse The native Response object
844
844
  */
845
- (e: 'loadFail', params: ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
845
+ (e: 'loadFail', params: ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void
846
846
  /**
847
847
  * Fires when registered stores get into state when they don't have any
848
848
  * not persisted change. This happens after [load](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-load) or [sync](#Scheduler/crud/AbstractCrudManagerMixin#function-sync) request
@@ -884,7 +884,7 @@ const emit = defineEmits<{
884
884
  * @param {object} params.params.event.requestOptions The request options passed to the request.
885
885
  * @param {Response} params.params.event.rawResponse The native Response object
886
886
  */
887
- (e: 'requestDone', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
887
+ (e: 'requestDone', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void
888
888
  /**
889
889
  * Fires when a request fails.
890
890
  * @param {string} e Event name
@@ -900,7 +900,7 @@ const emit = defineEmits<{
900
900
  * @param {object} params.params.event.requestOptions The request options passed to the request.
901
901
  * @param {Response} params.params.event.rawResponse The native Response object
902
902
  */
903
- (e: 'requestFail', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
903
+ (e: 'requestFail', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void
904
904
  /**
905
905
  * This event triggers when a new revision is added to the project. It is used to notify the backend about the
906
906
  * new revision.
@@ -942,7 +942,7 @@ const emit = defineEmits<{
942
942
  * @param {object} params.params.event.requestOptions The request options passed to the request.
943
943
  * @param {Response} params.params.event.rawResponse The native Response object
944
944
  */
945
- (e: 'sync', params: ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
945
+ (e: 'sync', params: ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void
946
946
  /**
947
947
  * Fires after [sync request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-sync) was canceled by some [beforeSync](#Scheduler/crud/AbstractCrudManagerMixin#event-beforeSync) listener.
948
948
  * @param {string} e Event name
@@ -979,7 +979,7 @@ const emit = defineEmits<{
979
979
  * @param {object} params.params.event.requestOptions The request options passed to the request.
980
980
  * @param {Response} params.params.event.rawResponse The native Response object
981
981
  */
982
- (e: 'syncFail', params: ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
982
+ (e: 'syncFail', params: ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void
983
983
  }>();
984
984
 
985
985
  const widgetData = {
@@ -105,7 +105,7 @@ export declare type BryntumSchedulerProProjectModelProps = {
105
105
  calendars ? : CalendarModel[]|CalendarModelConfig[]
106
106
  /**
107
107
  * The initial data, to fill the [calendarManagerStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-calendarManagerStore) with.
108
- * Should be an array of [CalendarModel](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/CalendarModel) or it's configuration objects.
108
+ * Should be an array of [CalendarModel](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/CalendarModel) or its configuration objects.
109
109
  */
110
110
  calendarsData ? : CalendarModel[]
111
111
  /**
@@ -436,7 +436,7 @@ export declare type BryntumSchedulerProProps = {
436
436
  */
437
437
  emptyText ? : string|EmptyTextDomConfig
438
438
  /**
439
- * Allow using [Delete] and [Backspace] to remove events/assignments
439
+ * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
440
440
  */
441
441
  enableDeleteKey ? : Boolean
442
442
  /**
@@ -535,8 +535,8 @@ export declare type BryntumSchedulerProProps = {
535
535
  * @param {'tonal','filled','bordered','traced','outlined','indented','line','dashed','minimal','rounded','calendar','interday','gantt',null} detail.renderData.eventStyle The `eventStyle` of the event. Use this to apply custom styles to the event DOM element
536
536
  * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
537
537
  * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
538
- * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents.
539
- * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
538
+ * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, resourceRecord, renderData }) { return &lt;MyEventComponent event={eventRecord} resource={resourceRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For schedulers with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/schedulerpro/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
539
+ * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
540
540
  */
541
541
  eventRenderer ? : (detail: { eventRecord: SchedulerEventModel, resourceRecord: SchedulerResourceModel, assignmentRecord: SchedulerAssignmentModel, scheduler: Scheduler, renderData: { event: SchedulerEventModel, cls: DomClassList|string, wrapperCls: DomClassList|string, iconCls: DomClassList|string, left: number, width: number, height: number, style: string|Record<string, string>, wrapperStyle: string|Record<string, string>, eventStyle: 'tonal'|'filled'|'bordered'|'traced'|'outlined'|'indented'|'line'|'dashed'|'minimal'|'rounded'|'calendar'|'interday'|'gantt'|null, eventColor: string, ariaLabel: string, children: DomConfig[] } }) => string|DomConfig|DomConfig[]
542
542
  /**
@@ -1648,7 +1648,7 @@ export declare type BryntumSchedulerProProps = {
1648
1648
  cellEditFeature ? : object|Boolean|string|CellEdit|CellEditConfig
1649
1649
  /**
1650
1650
  * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
1651
- * `SPACE` key when the cell is focused.
1651
+ * <kbd>Space</kbd> key when the cell is focused.
1652
1652
  * ...
1653
1653
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellMenu)
1654
1654
  */
@@ -1745,8 +1745,8 @@ export declare type BryntumSchedulerProProps = {
1745
1745
  */
1746
1746
  eventBufferFeature ? : object|Boolean|string|EventBuffer|EventBufferConfig
1747
1747
  /**
1748
- * Allow using <kbd>Ctrl</kbd>/<kbd>CMD</kbd> + <kbd>C</kbd>/<kbd>X</kbd> and <kbd>Ctrl</kbd>/<kbd>CMD</kbd> +
1749
- * <kbd>V</kbd> to copy/cut and paste events.
1748
+ * Allow using <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>C</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>X</kbd> and
1749
+ * <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>V</kbd> to copy/cut and paste events.
1750
1750
  * ...
1751
1751
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/EventCopyPaste)
1752
1752
  */
@@ -1867,8 +1867,8 @@ export declare type BryntumSchedulerProProps = {
1867
1867
  filterBarFeature ? : object|Boolean|string|FilterBar|FilterBarConfig
1868
1868
  /**
1869
1869
  * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
1870
- * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1871
- * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
1870
+ * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
1871
+ * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
1872
1872
  * grouper.
1873
1873
  * ...
1874
1874
  * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Group)