react-big-schedule 8.0.0 → 9.0.0

package/dist/components/EventItemPopover.d.ts

@@ -0,0 +1,12 @@
+import type { EventPopoverCallbacks, SchedulerEvent } from '../types';
+import type SchedulerData from './SchedulerData';
+export interface EventItemPopoverProps extends EventPopoverCallbacks {
+    schedulerData: SchedulerData;
+    eventItem: SchedulerEvent;
+    title: string;
+    startTime: string;
+    endTime: string;
+    statusColor: string;
+}
+declare function EventItemPopover({ schedulerData, eventItem, title, startTime, endTime, statusColor, subtitleGetter, viewEventClick, viewEventText, viewEvent2Click, viewEvent2Text, eventItemPopoverTemplateResolver, }: EventItemPopoverProps): import("react").JSX.Element;
+export default EventItemPopover;

package/dist/components/EventItemPopover.js

@@ -1,144 +1,20 @@
-import { Col, Row } from 'antd';
-import PropTypes from 'prop-types';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function EventItemPopover({
-  schedulerData,
-  eventItem,
-  title,
-  startTime,
-  endTime,
-  statusColor,
-  subtitleGetter,
-  viewEventClick,
-  viewEventText,
-  viewEvent2Click,
-  viewEvent2Text,
-  eventItemPopoverTemplateResolver
-}) {
-  const {
-    localeDayjs,
-    config
-  } = schedulerData;
-  const start = localeDayjs(new Date(startTime));
-  const end = localeDayjs(new Date(endTime));
-  if (eventItemPopoverTemplateResolver) {
-    return eventItemPopoverTemplateResolver(schedulerData, eventItem, title, start, end, statusColor);
-  }
-  const subtitle = subtitleGetter ? subtitleGetter(schedulerData, eventItem) : null;
-  const showViewEvent = viewEventText && viewEventClick && (eventItem.clickable1 === undefined || eventItem.clickable1);
-  const showViewEvent2 = viewEvent2Text && viewEvent2Click && (eventItem.clickable2 === undefined || eventItem.clickable2);
-  const renderViewEvent = (text, clickHandler, marginLeft = 0) => /*#__PURE__*/_jsx("button", {
-    className: "header2-text rbs-txt-btn-dis",
-    type: "button",
-    style: {
-      color: '#108EE9',
-      cursor: 'pointer',
-      marginLeft: `${marginLeft}px`
-    },
-    onClick: () => clickHandler(schedulerData, eventItem),
-    children: text
-  });
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      width: config.eventItemPopoverWidth
-    },
-    children: [/*#__PURE__*/_jsxs(Row, {
-      type: "flex",
-      align: "middle",
-      children: [config.eventItemPopoverShowColor && /*#__PURE__*/_jsx(Col, {
-        span: 2,
-        children: /*#__PURE__*/_jsx("div", {
-          className: "status-dot",
-          style: {
-            backgroundColor: statusColor
-          }
-        })
-      }), /*#__PURE__*/_jsx(Col, {
-        span: 22,
-        className: "overflow-text",
-        children: /*#__PURE__*/_jsx("span", {
-          className: "header2-text",
-          title: title,
-          children: title
-        })
-      })]
-    }), subtitle && /*#__PURE__*/_jsxs(Row, {
-      type: "flex",
-      align: "middle",
-      children: [/*#__PURE__*/_jsx(Col, {
-        span: 2,
-        children: /*#__PURE__*/_jsx("div", {})
-      }), /*#__PURE__*/_jsx(Col, {
-        span: 22,
-        className: "overflow-text",
-        children: /*#__PURE__*/_jsx("span", {
-          className: "header2-text",
-          title: subtitle,
-          children: subtitle
-        })
-      })]
-    }), /*#__PURE__*/_jsxs(Row, {
-      type: "flex",
-      align: "middle",
-      children: [/*#__PURE__*/_jsx(Col, {
-        span: 2,
-        children: /*#__PURE__*/_jsx("div", {})
-      }), /*#__PURE__*/_jsxs(Col, {
-        span: 22,
-        children: [/*#__PURE__*/_jsx("span", {
-          className: "header1-text",
-          children: start.format('HH:mm')
-        }), config.eventItemPopoverDateFormat && /*#__PURE__*/_jsx("span", {
-          className: "help-text",
-          style: {
-            marginLeft: '8px'
-          },
-          children: start.format(config.eventItemPopoverDateFormat)
-        }), /*#__PURE__*/_jsx("span", {
-          className: "header2-text",
-          style: {
-            marginLeft: '8px'
-          },
-          children: "-"
-        }), /*#__PURE__*/_jsx("span", {
-          className: "header1-text",
-          style: {
-            marginLeft: '8px'
-          },
-          children: end.format('HH:mm')
-        }), config.eventItemPopoverDateFormat && /*#__PURE__*/_jsx("span", {
-          className: "help-text",
-          style: {
-            marginLeft: '8px'
-          },
-          children: end.format(config.eventItemPopoverDateFormat)
-        })]
-      })]
-    }), (showViewEvent || showViewEvent2) && /*#__PURE__*/_jsxs(Row, {
-      type: "flex",
-      align: "middle",
-      children: [/*#__PURE__*/_jsx(Col, {
-        span: 2,
-        children: /*#__PURE__*/_jsx("div", {})
-      }), /*#__PURE__*/_jsxs(Col, {
-        span: 22,
-        children: [showViewEvent && renderViewEvent(viewEventText, viewEventClick), showViewEvent2 && renderViewEvent(viewEvent2Text, viewEvent2Click, 16)]
-      })]
-    })]
-  });
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Row = ({ dot, children, truncate }) => (_jsxs("div", { className: "rbs:flex rbs:items-center", children: [_jsx("div", { className: "rbs:w-6 rbs:shrink-0", children: dot ?? _jsx("div", {}) }), _jsx("div", { className: `rbs:min-w-0 rbs:flex-1${truncate ? ' overflow-text' : ''}`, children: children })] }));
+function EventItemPopover({ schedulerData, eventItem, title, startTime, endTime, statusColor, subtitleGetter, viewEventClick, viewEventText, viewEvent2Click, viewEvent2Text, eventItemPopoverTemplateResolver, }) {
+    const { localeDayjs, config } = schedulerData;
+    const start = localeDayjs(new Date(startTime));
+    const end = localeDayjs(new Date(endTime));
+    if (eventItemPopoverTemplateResolver) {
+        return _jsx(_Fragment, { children: eventItemPopoverTemplateResolver(schedulerData, eventItem, title, start, end, statusColor) });
+    }
+    const subtitle = subtitleGetter ? subtitleGetter(schedulerData, eventItem) : null;
+    const showViewEvent = viewEventText && viewEventClick && (eventItem.clickable1 === undefined || eventItem.clickable1);
+    const showViewEvent2 = viewEvent2Text && viewEvent2Click && (eventItem.clickable2 === undefined || eventItem.clickable2);
+    const renderViewEvent = (text, clickHandler, marginLeft = 0) => (_jsx("button", { className: "header2-text rbs-txt-btn-dis", type: "button", style: {
+            color: 'var(--rbs-accent)',
+            cursor: 'pointer',
+            marginLeft: `${marginLeft}px`,
+        }, onClick: () => clickHandler(schedulerData, eventItem), children: text }));
+    return (_jsxs("div", { style: { width: config.eventItemPopoverWidth }, children: [_jsx(Row, { truncate: true, dot: config.eventItemPopoverShowColor ? (_jsx("div", { className: "status-dot", style: { backgroundColor: statusColor } })) : null, children: _jsx("span", { className: "header2-text", title: title, children: title }) }), subtitle && (_jsx(Row, { truncate: true, children: _jsx("span", { className: "header2-text", title: typeof subtitle === 'string' ? subtitle : undefined, children: subtitle }) })), _jsxs(Row, { children: [_jsx("span", { className: "header1-text", children: start.format('HH:mm') }), config.eventItemPopoverDateFormat && (_jsx("span", { className: "help-text", style: { marginLeft: '8px' }, children: start.format(config.eventItemPopoverDateFormat) })), _jsx("span", { className: "header2-text", style: { marginLeft: '8px' }, children: "-" }), _jsx("span", { className: "header1-text", style: { marginLeft: '8px' }, children: end.format('HH:mm') }), config.eventItemPopoverDateFormat && (_jsx("span", { className: "help-text", style: { marginLeft: '8px' }, children: end.format(config.eventItemPopoverDateFormat) }))] }), (showViewEvent || showViewEvent2) && (_jsxs(Row, { children: [showViewEvent && renderViewEvent(viewEventText, viewEventClick), showViewEvent2 && renderViewEvent(viewEvent2Text, viewEvent2Click, 16)] }))] }));
 }
-EventItemPopover.propTypes = {
-  schedulerData: PropTypes.object.isRequired,
-  eventItem: PropTypes.object.isRequired,
-  title: PropTypes.string.isRequired,
-  startTime: PropTypes.string.isRequired,
-  endTime: PropTypes.string.isRequired,
-  statusColor: PropTypes.string.isRequired,
-  subtitleGetter: PropTypes.func,
-  viewEventClick: PropTypes.func,
-  viewEventText: PropTypes.string,
-  viewEvent2Click: PropTypes.func,
-  viewEvent2Text: PropTypes.string,
-  eventItemPopoverTemplateResolver: PropTypes.func
-};
-export default EventItemPopover;
+export default EventItemPopover;

package/dist/components/HeaderView.d.ts

@@ -0,0 +1,14 @@
+import React, { type CSSProperties, type ReactNode } from 'react';
+import type { HeaderCell } from '../types';
+import type SchedulerData from './SchedulerData';
+export type NonAgendaCellHeaderTemplateResolver = (schedulerData: SchedulerData, item: HeaderCell, formattedList: string[], style: CSSProperties) => ReactNode;
+export interface HeaderViewProps {
+    schedulerData: SchedulerData;
+    /** Changes whenever schedulerData mutates, so the memoised view re-renders. */
+    schedulerDataVersion?: number;
+    nonAgendaCellHeaderTemplateResolver?: NonAgendaCellHeaderTemplateResolver;
+}
+/** Render the table header rows: optional month and week-number rows plus the main header row. */
+declare function HeaderView({ schedulerData, nonAgendaCellHeaderTemplateResolver }: HeaderViewProps): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof HeaderView>;
+export default _default;

package/dist/components/HeaderView.js

@@ -1,190 +1,127 @@
-import PropTypes from 'prop-types';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { CellUnit } from '../config/default';
-
-/**
- * Render the table header rows for a scheduler view, including an optional week-number row and the main header cells.
- * @param {Object} props.schedulerData - Scheduler configuration and utilities (headers array,
- * cell unit, formatting, sizing, and locale/date functions).
- * @param {Function} [props.nonAgendaCellHeaderTemplateResolver] - Optional resolver to customize
- * rendering of individual header cells. Called with (schedulerData, headerItem, formattedList, style).
- * @returns {JSX.Element} A <thead> element containing the optional week-number row and the
- * main header row for the scheduler table.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function HeaderView({
-  schedulerData,
-  nonAgendaCellHeaderTemplateResolver
-}) {
-  const {
-    headers,
-    cellUnit,
-    config,
-    localeDayjs
-  } = schedulerData;
-  const {
-    showWeekNumber,
-    weekNumberRowHeight = 24,
-    showMonthRow,
-    monthRowHeight = 24
-  } = config;
-  const headerHeight = schedulerData.getTableHeaderHeight();
-  const cellWidth = schedulerData.getContentCellWidth();
-  const minuteStepsInHour = schedulerData.getMinuteStepsInHour();
-
-  // Group consecutive headers sharing a key into spanning <th>s (week number row, month row)
-  const buildGroupRow = useCallback((keyOf, labelOf, stickyLabel = false) => {
-    const groups = [];
-    headers.forEach(item => {
-      const d = localeDayjs(new Date(item.time));
-      const key = keyOf(d);
-      const last = groups[groups.length - 1];
-      if (last && last.key === key) last.colspan += 1;else groups.push({
-        key,
-        label: labelOf(d),
-        colspan: 1
-      });
-    });
-    const cellStyle = {
-      fontSize: '0.85em',
-      opacity: 0.7,
-      borderBottom: `1px solid ${config.headerBorderColor || '#e9e9e9'}`,
-      padding: '4px 8px',
-      textAlign: 'center'
-    };
-    return groups.map(group => /*#__PURE__*/_jsx("th", {
-      colSpan: group.colspan,
-      style: {
-        ...cellStyle,
-        ...(stickyLabel && {
-          textAlign: 'left'
-        }),
-        width: group.colspan * cellWidth,
-        minWidth: group.colspan * cellWidth
-      },
-      children: stickyLabel ? /*#__PURE__*/_jsx("span", {
-        style: {
-          position: 'sticky',
-          left: 8
-        },
-        children: group.label
-      }) : group.label
-    }, group.key));
-  }, [headers, localeDayjs, config.headerBorderColor, cellWidth]);
-  const isGrouped = !schedulerData.isVerticalResourceView();
-  const weekNumberRow = useMemo(() => showWeekNumber && isGrouped ? buildGroupRow(d => `w-${d.year()}-${d.isoWeek()}`, d => `W${d.isoWeek()}`) : null, [showWeekNumber, isGrouped, buildGroupRow]);
-  const monthRow = useMemo(() => showMonthRow && isGrouped ? buildGroupRow(d => `m-${d.year()}-${d.month()}`, d => d.format('MMMM YYYY'), true) : null, [showMonthRow, isGrouped, buildGroupRow]);
-
-  // Extract common style creation logic
-  const createCellStyle = useCallback((item, width, isLastCell) => {
-    if (isLastCell) {
-      return item.nonWorkingTime ? {
-        color: config.nonWorkingTimeHeadColor,
-        backgroundColor: config.nonWorkingTimeHeadBgColor
-      } : {};
-    }
-    return item.nonWorkingTime ? {
-      width,
-      color: config.nonWorkingTimeHeadColor,
-      backgroundColor: config.nonWorkingTimeHeadBgColor
-    } : {
-      width
-    };
-  }, [config]);
-
-  // Extract cell format selection logic
-  const getCellFormat = useCallback(cellUnitParam => {
-    const formatMap = {
-      [CellUnit.Week]: config.nonAgendaWeekCellHeaderFormat,
-      [CellUnit.Month]: config.nonAgendaMonthCellHeaderFormat,
-      [CellUnit.Year]: config.nonAgendaYearCellHeaderFormat,
-      [CellUnit.Quarter]: config.nonAgendaQuarterCellHeaderFormat
-    };
-    return formatMap[cellUnitParam] || config.nonAgendaOtherCellHeaderFormat;
-  }, [config]);
-
-  // Render cell content helper
-  const renderCellContent = useCallback((item, formattedList, style) => {
-    if (typeof nonAgendaCellHeaderTemplateResolver === 'function') {
-      return nonAgendaCellHeaderTemplateResolver(schedulerData, item, formattedList, style);
-    }
-    const content = formattedList.map(text => /*#__PURE__*/_jsx("div", {
-      children: text
-    }, `${item.time}-${text}`));
-    return /*#__PURE__*/_jsx("th", {
-      className: "header3-text",
-      style: style,
-      children: /*#__PURE__*/_jsx("div", {
-        children: content
-      })
-    }, `header-${item.time}`);
-  }, [nonAgendaCellHeaderTemplateResolver, schedulerData]);
-
-  // Memoize header list generation
-  const headerList = useMemo(() => {
-    if (schedulerData.isVerticalResourceView()) {
-      return headers.map(item => {
-        const style = {
-          width: cellWidth,
-          minWidth: cellWidth
+/** Render the table header rows: optional month and week-number rows plus the main header row. */
+function HeaderView({ schedulerData, nonAgendaCellHeaderTemplateResolver }) {
+    const { headers, cellUnit, config, localeDayjs } = schedulerData;
+    const { showWeekNumber, weekNumberRowHeight = 24, showMonthRow, monthRowHeight = 24 } = config;
+    const headerHeight = schedulerData.getTableHeaderHeight();
+    const cellWidth = schedulerData.getContentCellWidth();
+    const minuteStepsInHour = schedulerData.getMinuteStepsInHour();
+    // Group consecutive headers sharing a key into spanning <th>s (week number row, month row)
+    const buildGroupRow = useCallback((keyOf, labelOf, stickyLabel = false) => {
+        const groups = [];
+        headers.forEach(item => {
+            const d = localeDayjs(new Date(item.time));
+            const key = keyOf(d);
+            const last = groups[groups.length - 1];
+            if (last && last.key === key)
+                last.colspan += 1;
+            else
+                groups.push({ key, label: labelOf(d), colspan: 1 });
+        });
+        const cellStyle = {
+            fontSize: '0.85em',
+            opacity: 0.7,
+            borderBottom: `1px solid ${config.headerBorderColor || 'var(--rbs-border)'}`,
+            padding: '4px 8px',
+            textAlign: 'center',
+        };
+        return groups.map(group => (_jsx("th", { colSpan: group.colspan, style: {
+                ...cellStyle,
+                ...(stickyLabel && { textAlign: 'left' }),
+                width: group.colspan * cellWidth,
+                minWidth: group.colspan * cellWidth,
+            }, children: stickyLabel ? _jsx("span", { style: { position: 'sticky', left: 8 }, children: group.label }) : group.label }, group.key)));
+    }, [headers, localeDayjs, config.headerBorderColor, cellWidth]);
+    const isGrouped = !schedulerData.isVerticalResourceView();
+    const weekNumberRow = useMemo(() => showWeekNumber && isGrouped
+        ? buildGroupRow(d => `w-${d.year()}-${d.isoWeek()}`, d => `W${d.isoWeek()}`)
+        : null, [showWeekNumber, isGrouped, buildGroupRow]);
+    const monthRow = useMemo(() => showMonthRow && isGrouped
+        ? buildGroupRow(d => `m-${d.year()}-${d.month()}`, d => d.format('MMMM YYYY'), true)
+        : null, [showMonthRow, isGrouped, buildGroupRow]);
+    // Extract common style creation logic
+    const createCellStyle = useCallback((item, width, isLastCell) => {
+        if (isLastCell) {
+            return item.nonWorkingTime
+                ? {
+                    color: config.nonWorkingTimeHeadColor,
+                    backgroundColor: config.nonWorkingTimeHeadBgColor,
+                }
+                : {};
+        }
+        return item.nonWorkingTime
+            ? {
+                width,
+                color: config.nonWorkingTimeHeadColor,
+                backgroundColor: config.nonWorkingTimeHeadBgColor,
+            }
+            : { width };
+    }, [config]);
+    // Extract cell format selection logic
+    const getCellFormat = useCallback((cellUnitParam) => {
+        const formatMap = {
+            [CellUnit.Week]: config.nonAgendaWeekCellHeaderFormat,
+            [CellUnit.Month]: config.nonAgendaMonthCellHeaderFormat,
+            [CellUnit.Year]: config.nonAgendaYearCellHeaderFormat,
+            [CellUnit.Quarter]: config.nonAgendaQuarterCellHeaderFormat,
         };
-        return /*#__PURE__*/_jsx("th", {
-          className: "header3-text",
-          style: style,
-          children: /*#__PURE__*/_jsx("div", {
-            children: item.name
-          })
-        }, `header-${item.id}`);
-      });
-    }
-    if (cellUnit === CellUnit.Hour) {
-      const result = [];
-      const lastIndex = headers.length - minuteStepsInHour;
-      headers.forEach((item, index) => {
-        if (index % minuteStepsInHour !== 0) return;
-        const datetime = localeDayjs(new Date(item.time));
-        const width = cellWidth * minuteStepsInHour;
-        const isLastCell = index === lastIndex;
-        const style = createCellStyle(item, width, isLastCell);
-        const formattedList = config.nonAgendaDayCellHeaderFormat.split('|').map(format => datetime.format(format));
-        result.push(renderCellContent(item, formattedList, style));
-      });
-      return result;
-    }
-
-    // Non-hour cell units
-    const cellFormat = getCellFormat(cellUnit);
-    const lastIndex = headers.length - 1;
-    return headers.map((item, index) => {
-      const datetime = localeDayjs(new Date(item.time));
-      const isLastCell = index === lastIndex;
-      const style = createCellStyle(item, cellWidth, isLastCell);
-      const formattedList = cellFormat.split('|').map(format => datetime.format(format));
-      return renderCellContent(item, formattedList, style);
-    });
-  }, [cellUnit, headers, minuteStepsInHour, cellWidth, config, localeDayjs, createCellStyle, getCellFormat, renderCellContent, schedulerData.isVerticalResourceView]);
-  return /*#__PURE__*/_jsxs("thead", {
-    children: [monthRow && /*#__PURE__*/_jsx("tr", {
-      style: {
-        height: monthRowHeight
-      },
-      children: monthRow
-    }), weekNumberRow && /*#__PURE__*/_jsx("tr", {
-      style: {
-        height: weekNumberRowHeight
-      },
-      children: weekNumberRow
-    }), /*#__PURE__*/_jsx("tr", {
-      style: {
-        height: headerHeight
-      },
-      children: headerList
-    })]
-  });
+        return formatMap[cellUnitParam] || config.nonAgendaOtherCellHeaderFormat;
+    }, [config]);
+    // Render cell content helper
+    const renderCellContent = useCallback((item, formattedList, style) => {
+        if (typeof nonAgendaCellHeaderTemplateResolver === 'function') {
+            return nonAgendaCellHeaderTemplateResolver(schedulerData, item, formattedList, style);
+        }
+        const content = formattedList.map(text => _jsx("div", { children: text }, `${item.time}-${text}`));
+        return (_jsx("th", { className: "header3-text", style: style, children: _jsx("div", { children: content }) }, `header-${item.time}`));
+    }, [nonAgendaCellHeaderTemplateResolver, schedulerData]);
+    // Memoize header list generation
+    const headerList = useMemo(() => {
+        if (schedulerData.isVerticalResourceView()) {
+            return headers.map(item => {
+                const style = { width: cellWidth, minWidth: cellWidth };
+                return (_jsx("th", { className: "header3-text", style: style, children: _jsx("div", { children: item.name }) }, `header-${item.id}`));
+            });
+        }
+        if (cellUnit === CellUnit.Hour) {
+            const result = [];
+            const lastIndex = headers.length - minuteStepsInHour;
+            headers.forEach((item, index) => {
+                if (index % minuteStepsInHour !== 0)
+                    return;
+                const datetime = localeDayjs(new Date(item.time));
+                const width = cellWidth * minuteStepsInHour;
+                const isLastCell = index === lastIndex;
+                const style = createCellStyle(item, width, isLastCell);
+                const formattedList = config.nonAgendaDayCellHeaderFormat.split('|').map(format => datetime.format(format));
+                result.push(renderCellContent(item, formattedList, style));
+            });
+            return result;
+        }
+        // Non-hour cell units
+        const cellFormat = getCellFormat(cellUnit);
+        const lastIndex = headers.length - 1;
+        return headers.map((item, index) => {
+            const datetime = localeDayjs(new Date(item.time));
+            const isLastCell = index === lastIndex;
+            const style = createCellStyle(item, cellWidth, isLastCell);
+            const formattedList = cellFormat.split('|').map(format => datetime.format(format));
+            return renderCellContent(item, formattedList, style);
+        });
+    }, [
+        cellUnit,
+        headers,
+        minuteStepsInHour,
+        cellWidth,
+        config,
+        localeDayjs,
+        createCellStyle,
+        getCellFormat,
+        renderCellContent,
+        schedulerData.isVerticalResourceView,
+    ]);
+    return (_jsxs("thead", { children: [monthRow && _jsx("tr", { style: { height: monthRowHeight }, children: monthRow }), weekNumberRow && _jsx("tr", { style: { height: weekNumberRowHeight }, children: weekNumberRow }), _jsx("tr", { style: { height: headerHeight }, children: headerList })] }));
 }
-HeaderView.propTypes = {
-  schedulerData: PropTypes.object.isRequired,
-  schedulerDataVersion: PropTypes.number,
-  nonAgendaCellHeaderTemplateResolver: PropTypes.func
-};
-export default /*#__PURE__*/React.memo(HeaderView);
+export default React.memo(HeaderView);

package/dist/components/ResourceEvents.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import type { HeaderItem, Id, RenderItem } from '../types';
+import type DnDContext from './DnDContext';
+import type DnDSource from './DnDSource';
+import { type EventItemProps } from './EventItem';
+import type SchedulerData from './SchedulerData';
+export interface SelectionPreview {
+    isSelecting?: boolean;
+    left?: number;
+    width?: number;
+}
+export interface AddMoreState {
+    headerItem: HeaderItem;
+    left: number;
+    top: number;
+    height: number;
+}
+export interface DropPreview {
+    left: number;
+    width: number;
+}
+export interface ResourceEventsProps extends Pick<EventItemProps, 'updateEventStart' | 'updateEventEnd' | 'moveEvent' | 'conflictOccurred' | 'subtitleGetter' | 'eventItemClick' | 'viewEventClick' | 'viewEventText' | 'viewEvent2Click' | 'viewEvent2Text' | 'eventItemTemplateResolver' | 'eventItemPopoverTemplateResolver'> {
+    resourceEvents: RenderItem;
+    schedulerData: SchedulerData;
+    schedulerDataVersion?: number;
+    dndSource: DnDSource;
+    dndContext?: DnDContext;
+    onSetAddMoreState?: (state: AddMoreState) => void;
+    movingEvent?: (schedulerData: SchedulerData, slotId: Id, slotName: string, newStart: string, newEnd: string, action: string, type: string, item: unknown) => void;
+    newEvent?: (schedulerData: SchedulerData, slotId: Id, slotName: string, start: string, end: string, type?: string, item?: {
+        resourceIds?: Id[];
+    }) => void;
+    onSelectionChange?: (isSelecting: boolean, selectedResourceIds: Id[], preview: SelectionPreview) => void;
+    isRowSelected?: boolean;
+    selectionPreview?: SelectionPreview;
+}
+export interface ResourceEventsState {
+    isSelecting: boolean;
+    left: number;
+    width: number;
+    originalStartRowIndex: number;
+    startRowIndex: number;
+    endRowIndex: number;
+    dropPreview: DropPreview | null;
+    startX?: number;
+    leftIndex?: number;
+    rightIndex?: number;
+}
+declare const ResourceEventsWithDnD: {
+    (props: ResourceEventsProps): React.JSX.Element;
+    displayName: string;
+};
+declare const _default: React.MemoExoticComponent<typeof ResourceEventsWithDnD>;
+export default _default;