@bryntum/scheduler-thin-trial 7.2.0 → 7.2.1

package/scheduler.d.ts

@@ -942,6 +942,8 @@ type DurationColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/DurationColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -1688,6 +1690,8 @@ type EventColorColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/EventColorColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -2396,6 +2400,8 @@ type ResourceCollapseColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/ResourceCollapseColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -3082,6 +3088,8 @@ type ResourceInfoColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/ResourceInfoColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -3823,6 +3831,8 @@ type ScaleColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/ScaleColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -4545,6 +4555,8 @@ type TimeAxisColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/TimeAxisColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -5248,6 +5260,8 @@ type VerticalTimeAxisColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/VerticalTimeAxisColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -58439,8 +58453,8 @@ type SchedulerConfig = {
      * @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
      * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
      * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
-     * @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.
-     * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
+     * @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/scheduler/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
+     * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
      */
     eventRenderer?: (detail: { eventRecord: EventModel, resourceRecord: ResourceModel, assignmentRecord: AssignmentModel, scheduler: Scheduler, renderData: { event: EventModel, 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[]
     /**
@@ -68407,8 +68421,8 @@ type SchedulerBaseConfig = {
      * @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
      * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
      * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
-     * @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.
-     * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
+     * @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/scheduler/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
+     * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
      */
     eventRenderer?: (detail: { eventRecord: EventModel, resourceRecord: ResourceModel, assignmentRecord: AssignmentModel, scheduler: Scheduler, renderData: { event: EventModel, 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[]
     /**
@@ -96353,8 +96367,8 @@ type SchedulerEventRenderingClassConfig = {
      * @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
      * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
      * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
-     * @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.
-     * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
+     * @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/scheduler/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
+     * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
      */
     eventRenderer?: (detail: { eventRecord: EventModel, resourceRecord: ResourceModel, assignmentRecord: AssignmentModel, scheduler: Scheduler, renderData: { event: EventModel, 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[]
     /**