react-big-schedule 8.1.0 → 9.0.1

package/dist/components/ResourceView.d.ts

@@ -0,0 +1,26 @@
+import React, { type ComponentType, type ReactNode } from 'react';
+import type { Id, RenderItem, SlotClickedFunc, SlotItemTemplateResolver } from '../types';
+import type SchedulerData from './SchedulerData';
+export interface CustomResourceCellProps {
+    schedulerData: SchedulerData;
+    item: RenderItem;
+    indents: ReactNode[];
+    slotClickedFunc?: SlotClickedFunc;
+    handleToggleExpand: (item: RenderItem) => void;
+}
+export interface ResourceViewProps {
+    schedulerData: SchedulerData;
+    /** Changes whenever schedulerData mutates, so the memoised view re-renders. */
+    schedulerDataVersion?: number;
+    contentScrollbarHeight: number;
+    slotClickedFunc?: SlotClickedFunc;
+    slotItemTemplateResolver?: SlotItemTemplateResolver;
+    toggleExpandFunc?: (schedulerData: SchedulerData, slotId: Id) => void;
+    CustomResourceCell?: ComponentType<CustomResourceCellProps>;
+    isSelecting?: boolean;
+    selectedResourceIds?: Id[] | Set<Id>;
+}
+/** Render the resource column: hierarchical indentation, expand/collapse controls and clickable slot names. */
+declare function ResourceView({ schedulerData, contentScrollbarHeight, slotClickedFunc, slotItemTemplateResolver, toggleExpandFunc, CustomResourceCell, isSelecting, selectedResourceIds, }: ResourceViewProps): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ResourceView>;
+export default _default;

package/dist/components/ResourceView.js

@@ -1,189 +1,69 @@
-import { MinusSquareOutlined, PlusSquareOutlined } from '@ant-design/icons';
-import PropTypes from 'prop-types';
-import React from 'react';
-
-/**
- * Render the scheduler's resource table with hierarchical indentation, optional expand/collapse controls,
- * clickable slot names, and support for custom slot templates or an injected resource-cell renderer.
- *
- * @param {object} schedulerData - Scheduler state and helpers; must include `renderData`,
- * `getResourceTableWidth`, and `config`.
- * @param {number} contentScrollbarHeight - Height used to set the container's bottom padding.
- * @param {Function} [slotClickedFunc] - Called as `slotClickedFunc(schedulerData, item)` when a slot name is clicked.
- * @param {Function} [slotItemTemplateResolver] - Called as `slotItemTemplateResolver
- * (schedulerData, item, slotClickedFunc, width, className)` to provide a custom slot cell element;
- * if a value is returned it replaces the default slot cell.
- * @param {Function} [toggleExpandFunc] - Called as `toggleExpandFunc(schedulerData, slotId)`
- * to toggle expansion for items with children.
- * @param {Function} [CustomResourceCell] - Optional React component rendered inside the resource
- * `<td>` when provided; receives props `{ schedulerData, item, indents, slotClickedFunc, handleToggleExpand }`.
- * @returns {JSX.Element} The rendered resource table element.
- */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function ResourceView({
-  schedulerData,
-  contentScrollbarHeight,
-  slotClickedFunc,
-  slotItemTemplateResolver,
-  toggleExpandFunc,
-  CustomResourceCell,
-  isSelecting,
-  selectedResourceIds
-}) {
-  const {
-    renderData
-  } = schedulerData;
-  const width = schedulerData.getResourceTableWidth();
-  const paddingBottom = contentScrollbarHeight;
-  const displayRenderData = renderData.filter(o => o.render);
-  const handleToggleExpand = item => {
-    if (toggleExpandFunc) {
-      toggleExpandFunc(schedulerData, item.slotId);
-    }
-  };
-  const renderSlotItem = (item, indents) => {
-    let indent = /*#__PURE__*/_jsx("span", {
-      className: "expander-space"
-    }, `es${item.indent}`);
-    const iconProps = {
-      onClick: () => handleToggleExpand(item)
+import React from 'react';
+import { MinusSquare, PlusSquare } from './ui/Icons';
+/** Render the resource column: hierarchical indentation, expand/collapse controls and clickable slot names. */
+function ResourceView({ schedulerData, contentScrollbarHeight, slotClickedFunc, slotItemTemplateResolver, toggleExpandFunc, CustomResourceCell, isSelecting, selectedResourceIds, }) {
+    const { renderData } = schedulerData;
+    const width = schedulerData.getResourceTableWidth();
+    const paddingBottom = contentScrollbarHeight;
+    const displayRenderData = renderData.filter(o => o.render);
+    const handleToggleExpand = (item) => {
+        if (toggleExpandFunc) {
+            toggleExpandFunc(schedulerData, item.slotId);
+        }
     };
-    if (item.hasChildren) {
-      indent = item.expanded ? /*#__PURE__*/_jsx(MinusSquareOutlined, {
-        ...iconProps
-      }, `es${item.indent}`) : /*#__PURE__*/_jsx(PlusSquareOutlined, {
-        ...iconProps
-      }, `es${item.indent}`);
-    }
-    indents.push(indent);
-    const tdStyle = {
-      height: item.rowHeight,
-      backgroundColor: item.groupOnly ? schedulerData.config.groupOnlySlotColor : undefined,
-      borderLeft: '3px solid transparent'
+    const renderSlotItem = (item, indents) => {
+        let indent = _jsx("span", { className: "expander-space" }, `es${item.indent}`);
+        const iconProps = { onClick: () => handleToggleExpand(item), style: { cursor: 'pointer' } };
+        if (item.hasChildren) {
+            indent = item.expanded ? (_jsx(MinusSquare, { ...iconProps }, `es${item.indent}`)) : (_jsx(PlusSquare, { ...iconProps }, `es${item.indent}`));
+        }
+        indents.push(indent);
+        const tdStyle = {
+            height: item.rowHeight,
+            backgroundColor: item.groupOnly ? schedulerData.config.groupOnlySlotColor : undefined,
+            borderLeft: '3px solid transparent',
+        };
+        const selectedBorderColor = schedulerData.config.selectedSlotBorderColor || 'var(--rbs-accent)';
+        const selectedShadowColor = schedulerData.config.selectedSlotShadowColor || 'color-mix(in srgb, var(--rbs-accent) 45%, transparent)';
+        const selectedSlotColor = schedulerData.config.selectedSlotColor || 'color-mix(in srgb, var(--rbs-accent) 10%, transparent)';
+        const hasSelectedResourceId = selectedResourceIds instanceof Set
+            ? selectedResourceIds.has(item.slotId)
+            : Array.isArray(selectedResourceIds) && selectedResourceIds.includes(item.slotId);
+        const isRowSelected = isSelecting && hasSelectedResourceId;
+        if (isRowSelected) {
+            tdStyle.borderLeft = `3px solid ${selectedBorderColor}`;
+            tdStyle.boxShadow = `inset 0 0 0 1px ${selectedShadowColor}`;
+            if (!item.groupOnly) {
+                tdStyle.backgroundColor = selectedSlotColor;
+            }
+        }
+        if (CustomResourceCell) {
+            return (_jsx("tr", { "aria-selected": isRowSelected, children: _jsx("td", { "data-resource-id": item.slotId, style: tdStyle, children: _jsx(CustomResourceCell, { schedulerData: schedulerData, item: item, indents: indents, slotClickedFunc: slotClickedFunc, handleToggleExpand: handleToggleExpand }) }) }, item.slotId));
+        }
+        const slotCell = slotClickedFunc ? (_jsxs("span", { className: "slot-cell", children: [indents, _jsx("button", { type: "button", style: { cursor: 'pointer' }, className: "slot-text rbs-txt-btn-dis", onClick: () => slotClickedFunc(schedulerData, item), children: item.slotName })] })) : (_jsxs("span", { className: "slot-cell", children: [indents, _jsx("button", { type: "button", className: "slot-text rbs-txt-btn-dis", style: {
+                        cursor: slotClickedFunc === undefined ? undefined : 'pointer',
+                    }, children: item.slotName })] }));
+        let slotItem = (_jsx("div", { title: item.slotTitle || item.slotName, className: "overflow-text header2-text", style: { textAlign: 'left' }, children: slotCell }));
+        if (slotItemTemplateResolver) {
+            const resolvedTemplate = slotItemTemplateResolver(schedulerData, item, slotClickedFunc, width, 'overflow-text header2-text');
+            if (resolvedTemplate) {
+                slotItem = resolvedTemplate;
+            }
+        }
+        return (_jsx("tr", { "aria-selected": isRowSelected, children: _jsx("td", { "data-resource-id": item.slotId, style: tdStyle, children: slotItem }) }, item.slotId));
     };
-    const selectedBorderColor = schedulerData.config.selectedSlotBorderColor || '#1677ff';
-    const selectedShadowColor = schedulerData.config.selectedSlotShadowColor || '#91caff';
-    const selectedSlotColor = schedulerData.config.selectedSlotColor || '#e6f4ff';
-    const hasSelectedResourceId = selectedResourceIds instanceof Set ? selectedResourceIds.has(item.slotId) : Array.isArray(selectedResourceIds) && selectedResourceIds.includes(item.slotId);
-    const isRowSelected = isSelecting && hasSelectedResourceId;
-    if (isRowSelected) {
-      tdStyle.borderLeft = `3px solid ${selectedBorderColor}`;
-      tdStyle.boxShadow = `inset 0 0 0 1px ${selectedShadowColor}`;
-      if (!item.groupOnly) {
-        tdStyle.backgroundColor = selectedSlotColor;
-      }
-    }
-    if (CustomResourceCell) {
-      return /*#__PURE__*/_jsx("tr", {
-        "aria-selected": isRowSelected,
-        children: /*#__PURE__*/_jsx("td", {
-          "data-resource-id": item.slotId,
-          style: tdStyle,
-          children: /*#__PURE__*/_jsx(CustomResourceCell, {
-            schedulerData: schedulerData,
-            item: item,
-            indents: indents,
-            slotClickedFunc: slotClickedFunc,
-            handleToggleExpand: handleToggleExpand
-          })
-        })
-      }, item.slotId);
-    }
-    const slotCell = slotClickedFunc ? /*#__PURE__*/_jsxs("span", {
-      className: "slot-cell",
-      children: [indents, /*#__PURE__*/_jsx("button", {
-        type: "button",
-        style: {
-          cursor: 'pointer'
-        },
-        className: "slot-text rbs-txt-btn-dis",
-        onClick: () => slotClickedFunc(schedulerData, item),
-        children: item.slotName
-      })]
-    }) : /*#__PURE__*/_jsxs("span", {
-      className: "slot-cell",
-      children: [indents, /*#__PURE__*/_jsx("button", {
-        type: "button",
-        className: "slot-text rbs-txt-btn-dis",
-        style: {
-          cursor: slotClickedFunc === undefined ? undefined : 'pointer'
-        },
-        children: item.slotName
-      })]
+    const resourceList = displayRenderData.map(item => {
+        if (schedulerData.isVerticalResourceView()) {
+            const timeLabel = schedulerData.localeDayjs(new Date(item.slotName)).format('HH:mm');
+            return (_jsx("tr", { style: { height: item.rowHeight }, children: _jsx("td", { "data-resource-id": item.slotId, style: { height: item.rowHeight, minHeight: item.rowHeight, textAlign: 'center' }, className: "header2-text", children: _jsx("span", { children: timeLabel }) }) }, item.slotId));
+        }
+        const indents = [];
+        for (let i = 0; i < item.indent; i += 1) {
+            indents.push(_jsx("span", { className: "expander-space" }, `es${i}`));
+        }
+        return renderSlotItem(item, indents);
     });
-    let slotItem = /*#__PURE__*/_jsx("div", {
-      title: item.slotTitle || item.slotName,
-      className: "overflow-text header2-text",
-      style: {
-        textAlign: 'left'
-      },
-      children: slotCell
-    });
-    if (slotItemTemplateResolver) {
-      const resolvedTemplate = slotItemTemplateResolver(schedulerData, item, slotClickedFunc, width, 'overflow-text header2-text');
-      if (resolvedTemplate) {
-        slotItem = resolvedTemplate;
-      }
-    }
-    return /*#__PURE__*/_jsx("tr", {
-      "aria-selected": isRowSelected,
-      children: /*#__PURE__*/_jsx("td", {
-        "data-resource-id": item.slotId,
-        style: tdStyle,
-        children: slotItem
-      })
-    }, item.slotId);
-  };
-  const resourceList = displayRenderData.map(item => {
-    if (schedulerData.isVerticalResourceView()) {
-      const timeLabel = schedulerData.localeDayjs(new Date(item.slotName)).format('HH:mm');
-      return /*#__PURE__*/_jsx("tr", {
-        style: {
-          height: item.rowHeight
-        },
-        children: /*#__PURE__*/_jsx("td", {
-          "data-resource-id": item.slotId,
-          style: {
-            height: item.rowHeight,
-            minHeight: item.rowHeight,
-            textAlign: 'center'
-          },
-          className: "header2-text",
-          children: /*#__PURE__*/_jsx("span", {
-            children: timeLabel
-          })
-        })
-      }, item.slotId);
-    }
-    const indents = [];
-    for (let i = 0; i < item.indent; i += 1) {
-      indents.push(/*#__PURE__*/_jsx("span", {
-        className: "expander-space"
-      }, `es${i}`));
-    }
-    return renderSlotItem(item, indents);
-  });
-  return /*#__PURE__*/_jsx("section", {
-    style: {
-      paddingBottom
-    },
-    children: /*#__PURE__*/_jsx("table", {
-      className: "resource-table",
-      children: /*#__PURE__*/_jsx("tbody", {
-        children: resourceList
-      })
-    })
-  });
+    return (_jsx("section", { style: { paddingBottom }, children: _jsx("table", { className: "resource-table", children: _jsx("tbody", { children: resourceList }) }) }));
 }
-ResourceView.propTypes = {
-  schedulerData: PropTypes.object.isRequired,
-  schedulerDataVersion: PropTypes.number,
-  contentScrollbarHeight: PropTypes.number.isRequired,
-  slotClickedFunc: PropTypes.func,
-  slotItemTemplateResolver: PropTypes.func,
-  toggleExpandFunc: PropTypes.func,
-  CustomResourceCell: PropTypes.func,
-  isSelecting: PropTypes.bool,
-  selectedResourceIds: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.instanceOf(Set)])
-};
-export default /*#__PURE__*/React.memo(ResourceView);
+export default React.memo(ResourceView);

package/dist/components/SchedulerData.d.ts

@@ -0,0 +1,136 @@
+import { type Dayjs } from 'dayjs';
+import { CellUnit, ViewType } from '../config/default';
+import type { Behaviors, DateInput, EventGroup, Header, HeaderItem, Id, LocaleDayjs, RenderItem, Resource, SchedulerConfig, SchedulerEvent, Size, Slot } from '../types';
+type StepUnit = 'minutes' | 'days' | 'weeks' | 'months' | 'years' | 'quarters';
+export default class SchedulerData {
+    resources: Resource[];
+    events: SchedulerEvent[];
+    eventGroups: EventGroup[];
+    eventGroupsAutoGenerated: boolean;
+    viewType: ViewType;
+    cellUnit: CellUnit;
+    showAgenda: boolean;
+    isEventPerspective: boolean;
+    resizing: boolean;
+    scrollToSpecialDayjs: boolean;
+    documentWidth: number;
+    documentHeight: number;
+    schedulerHeaderHeight: number;
+    version: number;
+    localeDayjs: LocaleDayjs;
+    config: SchedulerConfig;
+    behaviors: Behaviors;
+    selectDate: Dayjs;
+    startDate: Dayjs;
+    endDate: Dayjs;
+    timeSlots: Header[];
+    headers: Header[];
+    renderData: RenderItem[];
+    _shouldReloadViewType: boolean;
+    _batchCount: number;
+    _versionChangeCallback: ((version: number) => void) | null;
+    _pendingVersion?: number;
+    constructor(date?: DateInput, viewType?: ViewType, showAgenda?: boolean, isEventPerspective?: boolean, newConfig?: Partial<SchedulerConfig> | undefined, newBehaviors?: Partial<Behaviors> | undefined);
+    _createLocaleDayjs(): LocaleDayjs;
+    /**
+     * Update user-facing labels from the i18n provider
+     * This allows apps to provide localized labels via setLabelsProvider()
+     * @private
+     */
+    _updateLabelsFromI18n(locale?: string): void;
+    setVersionChangeNotifier(callback: ((version: number) => void) | null | undefined): void;
+    beginBatch(): void;
+    endBatch(): void;
+    bumpVersion(): void;
+    getVersion(): number;
+    isVerticalResourceView(): boolean;
+    setSchedulerLocale(preset: string): void;
+    setResources(resources: Resource[]): void;
+    setEventGroupsAutoGenerated(autoGenerated: boolean): void;
+    setEventGroups(eventGroups: EventGroup[]): void;
+    setMinuteStep(minuteStep: number): void;
+    setUnderneathHeight(underneathHeight: number): void;
+    getMinuteStepsInHour(): number;
+    addResource(resource: Resource): void;
+    addEventGroup(eventGroup: EventGroup): void;
+    removeEventGroupById(eventGroupId: Id): void;
+    containsEventGroupId(eventGroupId: Id): boolean;
+    setEvents(events: SchedulerEvent[]): void;
+    setScrollToSpecialDayjs(scrollToSpecialDayjs: boolean): void;
+    prev(): void;
+    next(): void;
+    setDate(date?: DateInput): void;
+    setViewType(viewType?: ViewType, showAgenda?: boolean, isEventPerspective?: boolean): void;
+    setSchedulerMaxHeight(newSchedulerMaxHeight: number): void;
+    isSchedulerResponsive(): boolean;
+    toggleExpandStatus(slotId: Id): void;
+    isResourceViewResponsive(): boolean;
+    isContentViewResponsive(): boolean;
+    getSchedulerWidth(): number;
+    getSchedulerHeight(): number;
+    _getConfiguredResourceTableWidth(): number;
+    getResourceTableWidth(): number;
+    getContentCellWidth(): number;
+    getContentTableWidth(): number;
+    getScrollToSpecialDayjs(): boolean;
+    getSlots(): Slot[];
+    getSlotById(slotId: Id): Slot | undefined;
+    getResourceById(resourceId: Id): Resource | undefined;
+    getHeaderGroupRowsHeight(): number;
+    getTableHeaderHeight(): number;
+    getSchedulerContentDesiredHeight(): number;
+    getCellMaxEvents(): number;
+    getSelectedDate(): string;
+    getViewStartDate(): Dayjs;
+    getViewEndDate(): Dayjs;
+    getViewDates(): {
+        startDate: Dayjs;
+        endDate: Dayjs;
+    };
+    getDateLabel(): string;
+    addEvent(newEvent: SchedulerEvent): void;
+    updateEventStart(event: SchedulerEvent, newStart: string): void;
+    updateEventEnd(event: SchedulerEvent, newEnd: string): void;
+    swapEvent(eventSource: SchedulerEvent, eventDest: SchedulerEvent): void;
+    swapEvent2(eventSource: SchedulerEvent, eventDest: SchedulerEvent): void;
+    moveEvent(event: SchedulerEvent, newSlotId: Id, newSlotName: string | undefined, newStart: string, newEnd: string): void;
+    isEventInTimeWindow(eventStart: Dayjs, eventEnd: Dayjs, windowStart: Dayjs, windowEnd: Dayjs): boolean;
+    removeEvent(event: SchedulerEvent): void;
+    removeEventById(eventId: Id): void;
+    getResourceTableConfigWidth(): Size;
+    getContentCellConfigWidth(): Size;
+    _setDocumentWidth(documentWidth: number): void;
+    _setDocumentHeight(documentHeight: number): void;
+    _setSchedulerHeaderHeight(schedulerHeaderHeight: number): void;
+    _detachEvent(event: SchedulerEvent): void;
+    _attachEvent(event: SchedulerEvent): void;
+    _handleRecurringEvents(): void;
+    _resolveDate(num: number, date?: DateInput | undefined): void;
+    _createHeaders(): void;
+    _createInitHeaderEvents(header: Header): HeaderItem;
+    _createHeaderEvent(render: boolean, span: number, eventItem: SchedulerEvent): {
+        render: boolean;
+        span: number;
+        eventItem: SchedulerEvent;
+    };
+    _getEventSlotId(event: SchedulerEvent): Id;
+    _getEventGroupId(event: SchedulerEvent): string;
+    _getEventGroupName(event: SchedulerEvent): string;
+    _generateEventGroups(): void;
+    _createInitRenderData(isEventPerspective: boolean, eventGroups: EventGroup[], resources: Resource[], headers: Header[]): RenderItem[];
+    _getCellStep(): {
+        amount: number;
+        unit: StepUnit;
+    };
+    _getSpan(startTime: string, endTime: string, headers: Header[]): number;
+    _validateResource(resources: Resource[]): void;
+    _validateEventGroups(eventGroups: EventGroup[]): void;
+    _validateEvents(events: SchedulerEvent[]): void;
+    _validateMinuteStep(minuteStep: number): void;
+    _compare(event1: SchedulerEvent, event2: SchedulerEvent): -1 | 1;
+    _createRenderData(): void;
+    _startResizing(): void;
+    _stopResizing(): void;
+    _isResizing(): boolean;
+}
+export {};