@cwellt_software/cwellt-reactjs-lib 1.4.9 → 1.4.11

package/dist/index.es.js

@@ -8399,7 +8399,7 @@ const BackgroundEvent = ({ value, heightRem }) => {
             position: "absolute",
             height: `${heightRem}rem`,
             pointerEvents: "auto",
-        }, children: jsx(CwGenericTooltip, { content: value.tooltip, position: "bottom", dissapearsWhenHover: true, showDelay: 200, children: jsx("div", { style: {
+        }, children: jsx(CwTooltipNew, { content: value.tooltip, position: "bottom", dissapearsWhenHover: true, showDelay: 200, children: jsx("div", { style: {
                     overflow: "hidden",
                     backgroundColor: backColor,
                     height: `${heightRem}rem`,
@@ -8559,6 +8559,7 @@ var styles$1 = {"scheduler-row-header":"scheduler-row-module__scheduler-row-head
 const DefaultRowHeader = ({ value, width, onEvent }) => {
     return (jsxs("div", { style: {
             width: width,
+            flexShrink: 0,
             // background: color,
         }, onClick: (_) => {
             onEvent(new OnClickRowHeader(value.rowId));
@@ -8577,10 +8578,10 @@ const EventSideDrag = ({ left = false, heightRem, onStartEvent }) => {
 };
 
 const MAX_EVENT_HEIGHT_REM = 1.5;
-const SchedulerEvent = ({ value, heightRem, onEvent }) => {
+const SchedulerEvent = ({ value, heightRem, onEvent, maxEventHeightRem }) => {
     const [isOnDrag, setIsOnDrag] = useState(false);
     const [isContextMenuOpen, setIsContextMenuOpen] = useState(false);
-    const effectiveHeight = Math.min(heightRem, MAX_EVENT_HEIGHT_REM);
+    const effectiveHeight = Math.min(heightRem, maxEventHeightRem ?? MAX_EVENT_HEIGHT_REM);
     const topOffsetRem = (heightRem - effectiveHeight) / 2;
     const topOffsetPx = Math.round(topOffsetRem * 16) + 1;
     // Calculate colors of the event
@@ -8612,78 +8613,86 @@ const SchedulerEvent = ({ value, heightRem, onEvent }) => {
         e.preventDefault();
         onEvent(new OnDoubleClickEvent(value.id));
     });
-    return (jsx(CwAnchoredMenu, { open: isContextMenuOpen, onOpenChange: setIsContextMenuOpen, onContextMenu: (e) => {
-            e.stopPropagation();
-            // 	onEvent(new OnRightClickEvent(value.id));
-        }, placement: "bottom", options: value.contextMenuItems ?? [], onSelect: (key) => {
-            onEvent(new OnClickContextMenu(value.id, key));
-        }, children: jsx("div", { style: {
-                top: `${topOffsetPx}px`,
-                left: `${value.left}%`,
-                width: `${value.width}%`,
-                minWidth: "5px",
-                position: "absolute",
-                zIndex: isOnDrag ? 999 : undefined,
-                contentVisibility: "auto",
-                pointerEvents: "auto",
-            }, onClick: handleClick, onDoubleClick: handleDoubleClick, draggable: value.isDraggable, onMouseDown: (_) => {
-                if (value.isDraggable)
-                    setIsOnDrag(true);
-            }, onMouseLeave: (_) => {
-                if (value.isDraggable)
-                    setIsOnDrag(false);
-            }, onDragStart: (_) => {
-                if (value.isDraggable)
-                    onEvent(new OnDragEvent(value.id, value.rowId));
-            }, onDragEnd: (_) => {
-                if (value.isDraggable)
-                    setIsOnDrag(false);
-            }, children: jsx(CwTooltipNew, { content: value.tooltip, position: "bottom", hide: isOnDrag, showDelay: 200, children: jsxs("div", { style: {
-                        border: value.selected ? "2px solid black" : "none",
-                        backgroundColor: backColor,
-                        height: `calc(${effectiveHeight}rem - 4px)`,
-                        opacity: eventTransparent ? 0.5 : 1,
-                        ...value.style,
-                    }, className: styles$2["scheduler-event"], children: [jsxs("div", { style: {
-                                display: "flex",
-                                flexDirection: "row",
-                                alignItems: "stretch",
-                                width: "100%",
-                                padding: "0 2px",
-                                cursor: value.isDraggable ? "pointer" : "default",
-                                // height: `calc(${effectiveHeight}rem - 8px)`,
-                                height: "100%",
-                            }, children: [value.isResizable && (jsx(EventSideDrag, { left: true, heightRem: effectiveHeight * 0.7, onStartEvent: () => {
-                                        onEvent(new OnLeftDragStart(value.id));
-                                    } })), jsxs("div", { className: styles$2["scheduler-event-container"], children: [jsx("div", { style: {
-                                                display: "flex",
-                                                flexDirection: "row",
-                                                alignItems: "center",
-                                                whiteSpace: "nowrap",
-                                                color: textColor,
-                                            }, children: value.icons }), jsx("span", { style: {
-                                                padding: "0.1rem",
-                                                color: textColor,
-                                                display: "flex",
-                                                flex: 1,
-                                                alignItems: "center",
-                                                width: "100%",
-                                            }, children: value.rectangleColors && value.rectangleColors.length > 0 ? (jsx("div", { style: {
-                                                    display: "flex",
-                                                    width: "100%",
-                                                }, children: value.rectangleColors.map((item, i) => (jsx("div", { className: "cwellt_rectangle_indicator", style: {
-                                                        backgroundColor: item,
+    return (jsxs(Fragment, { children: [value.topLabel && (jsx("div", { style: {
+                    position: "absolute",
+                    top: 0,
+                    left: `${value.left}%`,
+                    width: `${value.width}%`,
+                    height: `${topOffsetPx}px`,
+                    pointerEvents: "none",
+                    contentVisibility: "auto",
+                }, children: value.topLabel })), jsx(CwAnchoredMenu, { open: isContextMenuOpen, onOpenChange: setIsContextMenuOpen, onContextMenu: (e) => {
+                    e.stopPropagation();
+                    // 	onEvent(new OnRightClickEvent(value.id));
+                }, placement: "bottom", options: value.contextMenuItems ?? [], onSelect: (key) => {
+                    onEvent(new OnClickContextMenu(value.id, key));
+                }, children: jsx("div", { style: {
+                        top: `${topOffsetPx}px`,
+                        left: `${value.left}%`,
+                        width: `${value.width}%`,
+                        minWidth: "5px",
+                        position: "absolute",
+                        zIndex: isOnDrag ? 999 : undefined,
+                        contentVisibility: "auto",
+                        pointerEvents: "auto",
+                    }, onClick: handleClick, onDoubleClick: handleDoubleClick, draggable: value.isDraggable, onMouseDown: (_) => {
+                        if (value.isDraggable)
+                            setIsOnDrag(true);
+                    }, onMouseLeave: (_) => {
+                        if (value.isDraggable)
+                            setIsOnDrag(false);
+                    }, onDragStart: (_) => {
+                        if (value.isDraggable)
+                            onEvent(new OnDragEvent(value.id, value.rowId));
+                    }, onDragEnd: (_) => {
+                        if (value.isDraggable)
+                            setIsOnDrag(false);
+                    }, children: jsx(CwTooltipNew, { content: value.tooltip, position: "bottom", hide: isOnDrag, showDelay: 200, children: jsxs("div", { style: {
+                                border: value.selected ? "2px solid black" : "none",
+                                backgroundColor: backColor,
+                                height: `calc(${effectiveHeight}rem - 4px)`,
+                                opacity: eventTransparent ? 0.5 : 1,
+                                ...value.style,
+                            }, className: styles$2["scheduler-event"], children: [jsxs("div", { style: {
+                                        display: "flex",
+                                        flexDirection: "row",
+                                        alignItems: "stretch",
+                                        width: "100%",
+                                        padding: "0 2px",
+                                        cursor: value.isDraggable ? "pointer" : "default",
+                                        // height: `calc(${effectiveHeight}rem - 8px)`,
+                                        height: "100%",
+                                    }, children: [value.isResizable && (jsx(EventSideDrag, { left: true, heightRem: effectiveHeight * 0.7, onStartEvent: () => {
+                                                onEvent(new OnLeftDragStart(value.id));
+                                            } })), jsxs("div", { className: styles$2["scheduler-event-container"], children: [jsx("div", { style: {
+                                                        display: "flex",
+                                                        flexDirection: "row",
+                                                        alignItems: "center",
+                                                        whiteSpace: "nowrap",
+                                                        color: textColor,
+                                                    }, children: value.icons }), jsx("span", { style: {
+                                                        padding: "0.1rem",
+                                                        color: textColor,
+                                                        display: "flex",
                                                         flex: 1,
-                                                        height: "8px",
-                                                        margin: 0,
-                                                        padding: 0,
-                                                    } }, value.id + "_" + i))) })) : (value.name) })] }), value.isResizable && (jsx(EventSideDrag, { heightRem: effectiveHeight * 0.7, onStartEvent: () => {
-                                        onEvent(new OnRightDragStart(value.id));
-                                    } }))] }), value.primaryTimeMarkerColor && (jsx("div", { className: styles$2["time-marker"], style: {
-                                backgroundColor: value.primaryTimeMarkerColor,
-                            } })), value.secondaryTimeMarkerColor && (jsx("div", { className: styles$2["time-marker"], style: {
-                                backgroundColor: value.secondaryTimeMarkerColor,
-                            } }))] }) }) }, value.id) }));
+                                                        alignItems: "center",
+                                                        width: "100%",
+                                                    }, children: value.rectangleColors && value.rectangleColors.length > 0 ? (jsx("div", { style: {
+                                                            display: "flex",
+                                                            width: "100%",
+                                                        }, children: value.rectangleColors.map((item, i) => (jsx("div", { className: "cwellt_rectangle_indicator", style: {
+                                                                backgroundColor: item,
+                                                                flex: 1,
+                                                                height: "8px",
+                                                                margin: 0,
+                                                                padding: 0,
+                                                            } }, value.id + "_" + i))) })) : (value.name) })] }), value.isResizable && (jsx(EventSideDrag, { heightRem: effectiveHeight * 0.7, onStartEvent: () => {
+                                                onEvent(new OnRightDragStart(value.id));
+                                            } }))] }), value.primaryTimeMarkerColor && (jsx("div", { className: styles$2["time-marker"], style: {
+                                        backgroundColor: value.primaryTimeMarkerColor,
+                                    } })), value.secondaryTimeMarkerColor && (jsx("div", { className: styles$2["time-marker"], style: {
+                                        backgroundColor: value.secondaryTimeMarkerColor,
+                                    } }))] }) }) }, value.id) })] }));
 };
 
 const SchedulerRow = memo((props) => {
@@ -8745,7 +8754,7 @@ const SchedulerRow = memo((props) => {
                                     position: "relative",
                                     height: props.rowHeightInRem + "rem",
                                     pointerEvents: "none"
-                                }, children: internalRow.map((event) => (jsx(EventComp, { value: event, heightRem: props.rowHeightInRem, onEvent: onEvent }, event.id))) }, index));
+                                }, children: internalRow.map((event) => (jsx(EventComp, { value: event, heightRem: props.rowHeightInRem, onEvent: onEvent, maxEventHeightRem: props.maxEventHeightRem }, event.id))) }, index));
                         }), indicatorRows.length > 0 && (jsx(IndicatorRow, { indicators: indicatorRows, selectedDate: selectedDate, visibleDays: visibleDays })), !(timeLinePercentage < 0 || timeLinePercentage > 100) && (jsx(TimeLine, { color: "red", left: `${timeLinePercentage}%`, top: "0px", height: `100%` }))] }) })] }));
 }, (prevProps, nextProps) => {
     // This memo is necessary to prevent re-render all the rows when a user makes drag and drop
@@ -9032,7 +9041,7 @@ const RowContent = React__default.memo(function RowContent(props) {
     return (jsx("div", { style: {
             ...props.style,
             backgroundColor: props.rowColor
-        }, children: jsx(SchedulerRow, { events: props.events, backgroundEvents: props.backgroundEvents, indicatorRows: props.indicatorRows, rowHeader: header, EventComp: props.EventComp, BackgroundEventComp: props.BackgroundEventComp, RowTitleComp: props.RowTitleComp, weekendLines: props.weekendLines, divisionLines: props.divisionLines, timeLinePercentage: props.timeLinePercentage, rowHeightInRem: props.rowHeightRem, onEvent: props.onEvent, contextMenuItems: props.contextMenuItems, visibleDays: props.visibleDays, selectedDate: props.selectedDate }) }, props.row.rowId));
+        }, children: jsx(SchedulerRow, { events: props.events, backgroundEvents: props.backgroundEvents, indicatorRows: props.indicatorRows, rowHeader: header, EventComp: props.EventComp, BackgroundEventComp: props.BackgroundEventComp, RowTitleComp: props.RowTitleComp, weekendLines: props.weekendLines, divisionLines: props.divisionLines, timeLinePercentage: props.timeLinePercentage, rowHeightInRem: props.rowHeightRem, maxEventHeightRem: props.maxEventHeightRem, onEvent: props.onEvent, contextMenuItems: props.contextMenuItems, visibleDays: props.visibleDays, selectedDate: props.selectedDate }) }, props.row.rowId));
 });
 // Outer (unmemoised) row: looks up per-row buckets from the shared `data`
 // object and forwards them as flat props to `RowContent`. Because the
@@ -9043,7 +9052,7 @@ const Row = ({ index, style, data }) => {
     const rowColor = data.groupRowColors
         ? Math.floor(index / 2) % 2 === 0 ? data.evenColor : data.oddColor
         : index % 2 === 0 ? data.evenColor : data.oddColor;
-    return (jsx(RowContent, { style: style, row: row, rowColor: rowColor, events: data.eventsByRow.get(row.rowId) ?? EMPTY_EVENTS, backgroundEvents: data.backgroundEventsByRow.get(row.rowId) ?? EMPTY_BG_EVENTS, indicatorRows: data.indicatorRowsByRow.get(row.rowId) ?? EMPTY_INDICATORS, EventComp: data.EventComp, BackgroundEventComp: data.BackgroundEventComp, RowTitleComp: data.RowTitleComp, rowHeaderWidth: data.rowHeaderWidth, rowHeightRem: row.rowHeightRem ?? data.rowHeightRem, weekendLines: data.weekendLines, divisionLines: data.divisionLines, timeLinePercentage: data.timeLinePercentage, selectedDate: data.selectedDate, visibleDays: data.visibleDays, contextMenuItems: data.contextMenuItems, onEvent: data.onEvent }));
+    return (jsx(RowContent, { style: style, row: row, rowColor: rowColor, events: data.eventsByRow.get(row.rowId) ?? EMPTY_EVENTS, backgroundEvents: data.backgroundEventsByRow.get(row.rowId) ?? EMPTY_BG_EVENTS, indicatorRows: data.indicatorRowsByRow.get(row.rowId) ?? EMPTY_INDICATORS, EventComp: data.EventComp, BackgroundEventComp: data.BackgroundEventComp, RowTitleComp: data.RowTitleComp, rowHeaderWidth: data.rowHeaderWidth, rowHeightRem: row.rowHeightRem ?? data.rowHeightRem, maxEventHeightRem: data.maxEventHeightRem, weekendLines: data.weekendLines, divisionLines: data.divisionLines, timeLinePercentage: data.timeLinePercentage, selectedDate: data.selectedDate, visibleDays: data.visibleDays, contextMenuItems: data.contextMenuItems, onEvent: data.onEvent }));
 };
 // Bucket items by rowId, but reuse previous bucket arrays whenever a row's
 // contents have not changed. Keeping bucket references stable is essential
@@ -9073,7 +9082,7 @@ const groupByRowIdStable = (items, prev) => {
     return next;
 };
 const Scheduler = (props) => {
-    const { header: headerContent, id, events: eventsState, backgroundEvents, indicatorRows: allIndicatorRows = [], contextMenuItems, EventComp, RowTitleComp, orderCategories = ["title"], useOrderCategory, onEvent, groupRowColors, rowHeaderWidth = 180, rowHeightRem = 1.75, } = props;
+    const { header: headerContent, id, events: eventsState, backgroundEvents, indicatorRows: allIndicatorRows = [], contextMenuItems, EventComp, RowTitleComp, orderCategories = ["title"], useOrderCategory, onEvent, groupRowColors, rowHeaderWidth = 180, rowHeightRem = 1.75, maxEventHeightRem, } = props;
     const BackgroundEventComp = props.BackgroundEventComp ?? BackgroundEvent;
     const [constraintElement, setConstraintElement] = useState(null);
     const rows = useOrderCategory === false
@@ -9157,6 +9166,7 @@ const Scheduler = (props) => {
         RowTitleComp: RowTitleComp,
         rowHeaderWidth,
         rowHeightRem,
+        maxEventHeightRem,
         weekendLines: weekendsLines,
         divisionLines,
         timeLinePercentage,
@@ -9177,6 +9187,7 @@ const Scheduler = (props) => {
         RowTitleComp,
         rowHeaderWidth,
         rowHeightRem,
+        maxEventHeightRem,
         weekendsLines,
         divisionLines,
         timeLinePercentage,
@@ -9557,6 +9568,7 @@ const PinRowHeader = ({ value, width, onEvent }) => {
             onEvent(new OnClickContextMenu(value.rowId, key));
         }, children: jsx(CwTooltipNew, { content: value.tooltip, position: "right", dissapearsWhenHover: true, children: jsxs("div", { style: {
                     width: width,
+                    flexShrink: 0,
                     height: "100%",
                     background: highlightColor
                 }, className: styles["super-scheduler-row-header"], children: [jsx("button", { className: "cw-button-icon cwi-pin", "data-pinned": value.isPinned, onClick: (_) => {
@@ -9570,13 +9582,13 @@ const PinRowHeader = ({ value, width, onEvent }) => {
                                         jsxs("span", { className: styles["scheduler-crewmember-functions"], children: ["(", value.title3, ")"] }), value.subtitle2 && jsxs("span", { children: ["-", value.subtitle2] })] })] }), isLoading ? jsx("span", { className: "cwi-icons cwi-spinner" }) : undefined] }) }, value.rowId) }, value.rowId);
 };
 
-const SuperScheduler = ({ id, state, header, rows, events, headerColumnComp, pinnedOrderCategory, unPinnedOrderCategory, backgroundEvents, indicatorRows = [], contextMenuItems, onEvent, rowHeightRem = 1.75 }) => {
+const SuperScheduler = ({ id, state, header, rows, events, headerColumnComp, pinnedOrderCategory, unPinnedOrderCategory, backgroundEvents, indicatorRows = [], contextMenuItems, onEvent, rowHeightRem = 1.75, rowHeaderWidth, maxEventHeightRem, EventComp = SchedulerEvent, }) => {
     const pinnedRows = rows.filter((it) => it.isPinned);
     const notPinnedRows = rows.filter((it) => !it.isPinned);
     const isFirstVisible = pinnedRows.length > 0;
-    return (jsxs(Fragment, { children: [isFirstVisible && (jsxs(Fragment, { children: [jsx(Scheduler, { id: `${id}-pinned`, state: state, header: header, rows: pinnedRows, events: events, backgroundEvents: backgroundEvents, indicatorRows: indicatorRows, contextMenuItems: contextMenuItems, orderCategories: pinnedOrderCategory, onEvent: onEvent, EventComp: SchedulerEvent, RowTitleComp: headerColumnComp, rowHeightRem: rowHeightRem }), jsx("div", { children: jsx(CwButton, { onClick: () => {
+    return (jsxs(Fragment, { children: [isFirstVisible && (jsxs(Fragment, { children: [jsx(Scheduler, { id: `${id}-pinned`, state: state, header: header, rows: pinnedRows, events: events, backgroundEvents: backgroundEvents, indicatorRows: indicatorRows, contextMenuItems: contextMenuItems, orderCategories: pinnedOrderCategory, onEvent: onEvent, EventComp: EventComp, RowTitleComp: headerColumnComp, rowHeightRem: rowHeightRem, rowHeaderWidth: rowHeaderWidth, maxEventHeightRem: maxEventHeightRem }), jsx("div", { children: jsx(CwButton, { onClick: () => {
                                 onEvent(new OnClearPinned());
-                            }, children: "Clear pinned" }) })] })), jsx(Scheduler, { id: `${id}-notPinned`, state: { ...state, isHeaderVisible: !isFirstVisible }, header: header, rows: notPinnedRows, events: events, backgroundEvents: backgroundEvents, indicatorRows: indicatorRows, contextMenuItems: contextMenuItems, orderCategories: unPinnedOrderCategory, onEvent: onEvent, EventComp: SchedulerEvent, RowTitleComp: headerColumnComp, rowHeightRem: rowHeightRem })] }));
+                            }, children: "Clear pinned" }) })] })), jsx(Scheduler, { id: `${id}-notPinned`, state: { ...state, isHeaderVisible: !isFirstVisible }, header: header, rows: notPinnedRows, events: events, backgroundEvents: backgroundEvents, indicatorRows: indicatorRows, contextMenuItems: contextMenuItems, orderCategories: unPinnedOrderCategory, onEvent: onEvent, EventComp: EventComp, RowTitleComp: headerColumnComp, rowHeightRem: rowHeightRem, rowHeaderWidth: rowHeaderWidth, maxEventHeightRem: maxEventHeightRem })] }));
 };
 
 /**

package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts

@@ -24,8 +24,10 @@ interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
     BackgroundEventComp?: React.ComponentType<SchedulerEventState<BackgroundEventDm>>;
     onEvent: OnEvent;
     groupRowColors?: boolean;
-    rowHeaderWidth?: number;
+    rowHeaderWidth?: number | string;
     rowHeightRem?: number;
+    /** Caps the visible event box height (rem). Passed to EventComp; defaults to 1.5. */
+    maxEventHeightRem?: number;
 }
 export declare const Scheduler: <T extends RowHeaderDm, P extends SchedulerEventDm>(props: SchedulerProps<T, P>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewScheduler.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom/scheduler-new/presentation/NewScheduler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,6CAA6C,CAAC;AACzE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,oDAAoD,CAAC;AAGnF,OAAO,EAAC,sBAAsB,EAAuB,MAAM,0CAA0C,CAAC;AACtG,OAAO,EAAkB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAuB,KAAK,cAAc,EAAC,MAAM,+BAA+B,CAAC;AASxF,OAAO,KAAK,EAAY,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAGzE,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC;AAEhD,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAClF,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAoKD,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB,EAAE,OAAO,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,4CAkNvG,CAAC"}
+{"version":3,"file":"NewScheduler.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom/scheduler-new/presentation/NewScheduler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,6CAA6C,CAAC;AACzE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,oDAAoD,CAAC;AAGnF,OAAO,EAAC,sBAAsB,EAAuB,MAAM,0CAA0C,CAAC;AACtG,OAAO,EAAkB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAuB,KAAK,cAAc,EAAC,MAAM,+BAA+B,CAAC;AASxF,OAAO,KAAK,EAAY,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAGzE,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC;AAEhD,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAClF,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAwKD,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB,EAAE,OAAO,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,4CAqNvG,CAAC"}

package/dist/src/components/custom/scheduler-new/presentation/components/header/HeaderTitle.d.ts

@@ -2,7 +2,7 @@ import type { FC } from "react";
 interface HeaderTitleProps {
     title: string;
     dividerText: string;
-    width: number;
+    width: number | string;
 }
 export declare const HeaderTitle: FC<HeaderTitleProps>;
 export declare const _preview: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/custom/scheduler-new/presentation/components/header/HeaderTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTitle.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/header/HeaderTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,UAAU,gBAAgB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAW5C,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAEpB,CAAC"}
+{"version":3,"file":"HeaderTitle.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/header/HeaderTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,UAAU,gBAAgB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAW5C,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAEpB,CAAC"}

package/dist/src/components/custom/scheduler-new/presentation/components/header/SchedulerHeaderState.d.ts

@@ -5,7 +5,7 @@ export interface SchedulerHeaderState {
     divisions: HeaderDivision[];
     visibleDays: number;
     selectedDate: Date;
-    width: number;
+    width: number | string;
     onEvent: OnEvent;
     timeLinePercentage: number;
     isUtc: boolean;

package/dist/src/components/custom/scheduler-new/presentation/components/header/SchedulerHeaderState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchedulerHeaderState.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/header/SchedulerHeaderState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,oBAAoB;IACpC,OAAO,EAAE,sBAAsB,CAAC;IAChC,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"SchedulerHeaderState.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/header/SchedulerHeaderState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,oBAAoB;IACpC,OAAO,EAAE,sBAAsB,CAAC;IAChC,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACvB"}

package/dist/src/components/custom/scheduler-new/presentation/components/row/BackgroundEvent.d.ts

@@ -2,7 +2,7 @@ import type { FC } from "react";
 import type { SchedulerEventDm, SchedulerEventState } from "./Event";
 export interface BackgroundEventDm extends SchedulerEventDm {
     isVisible: boolean;
-    contentAlign?: "center" | "flex-end";
+    contentAlign?: "flex-start" | "center" | "flex-end";
 }
 export declare const BackgroundEvent: FC<SchedulerEventState<BackgroundEventDm>>;
 export declare const BackgroundEventPreview: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/custom/scheduler-new/presentation/components/row/BackgroundEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackgroundEvent.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/row/BackgroundEvent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAiEtE,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAuBlC,CAAC"}
+{"version":3,"file":"BackgroundEvent.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/row/BackgroundEvent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;CACpD;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAiEtE,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAuBlC,CAAC"}

package/dist/src/components/custom/scheduler-new/presentation/components/row/DefaultRowHeader.d.ts

@@ -11,7 +11,7 @@ export interface RowHeaderDm {
 }
 export interface RowHeaderProps<T extends RowHeaderDm> {
     value: T;
-    width: number;
+    width: number | string;
     onEvent: OnEvent;
 }
 export declare const DefaultRowHeader: FC<RowHeaderProps<RowHeaderDm>>;

package/dist/src/components/custom/scheduler-new/presentation/components/row/DefaultRowHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRowHeader.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/row/DefaultRowHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAIjF,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW;IACpD,KAAK,EAAE,CAAC,CAAC;IAET,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,CA0B5D,CAAC"}
+{"version":3,"file":"DefaultRowHeader.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/row/DefaultRowHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAIjF,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW;IACpD,KAAK,EAAE,CAAC,CAAC;IAET,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,CA2B5D,CAAC"}

package/dist/src/components/custom/scheduler-new/presentation/components/row/Event.d.ts

@@ -18,6 +18,8 @@ export interface SchedulerEventDm {
     icons?: ReactElement;
     rectangleColors?: string[];
     tooltip?: ReactNode;
+    /** Optional content rendered in the strip above the (centered) event box, within the event's lane. */
+    topLabel?: ReactNode;
     contextMenuItems?: MenuOption[];
     primaryTimeMarkerColor?: string;
     secondaryTimeMarkerColor?: string;
@@ -30,6 +32,8 @@ export interface SchedulerEventState<T extends SchedulerEventDm> {
     value: T;
     heightRem: number;
     onEvent: OnEvent;
+    /** Caps the visible event box height (rem). Defaults to MAX_EVENT_HEIGHT_REM (1.5). */
+    maxEventHeightRem?: number;
 }
 export declare const SchedulerEvent: FC<SchedulerEventState<SchedulerEventDm>>;
 export declare const _preview: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/custom/scheduler-new/presentation/components/row/Event.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Event.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/row/Event.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAEjF,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0DAA0D,CAAC;AAe3G,MAAM,WAAW,gBAAgB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6FAA6F;IAC7F,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,gBAAgB;IAC9D,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACjB;AAID,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CA0MpE,CAAC;AAEF,eAAO,MAAM,QAAQ,+CA8BpB,CAAC"}
+{"version":3,"file":"Event.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/row/Event.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAEjF,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0DAA0D,CAAC;AAe3G,MAAM,WAAW,gBAAgB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6FAA6F;IAC7F,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,gBAAgB;IAC9D,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CA0NpE,CAAC;AAEF,eAAO,MAAM,QAAQ,+CA8BpB,CAAC"}

package/dist/src/components/custom/scheduler-new/presentation/components/row/SchedulerRow.d.ts

@@ -17,6 +17,7 @@ export interface SchedulerRowProps<T extends RowHeaderDm, P extends SchedulerEve
     BackgroundEventComp: ComponentType<SchedulerEventState<BackgroundEventDm>>;
     onEvent: OnEvent;
     rowHeightInRem: number;
+    maxEventHeightRem?: number;
     weekendLines: LineState[];
     divisionLines: LineState[];
     timeLinePercentage: number;

package/dist/src/components/custom/scheduler-new/presentation/components/row/SchedulerRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchedulerRow.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/row/SchedulerRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,aAAa,EAAQ,YAAY,EAAmB,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAC,OAAO,EAAC,MAAM,mDAAmD,CAAC;AAE1E,OAAO,EAAiB,KAAK,UAAU,EAAC,MAAM,0DAA0D,CAAC;AAYzG,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AAIxD,OAAO,EAAkB,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAmB,WAAW,EAAE,KAAK,cAAc,EAAC,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAiB,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAqC,KAAK,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAGvF,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB;IACnF,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,SAAS,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,mBAAmB,EAAE,aAAa,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC3E,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,aAAa,EAAE,SAAS,EAAE,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAqMpB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,KACrF,YAAY,CAAC;AAEf,eAAO,MAAM,mBAAmB,+CA6E/B,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SchedulerRow.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/row/SchedulerRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,aAAa,EAAQ,YAAY,EAAmB,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAC,OAAO,EAAC,MAAM,mDAAmD,CAAC;AAE1E,OAAO,EAAiB,KAAK,UAAU,EAAC,MAAM,0DAA0D,CAAC;AAYzG,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AAIxD,OAAO,EAAkB,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAmB,WAAW,EAAE,KAAK,cAAc,EAAC,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAiB,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAqC,KAAK,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAGvF,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB;IACnF,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,SAAS,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,mBAAmB,EAAE,aAAa,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC3E,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,aAAa,EAAE,SAAS,EAAE,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAsMpB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,KACrF,YAAY,CAAC;AAEf,eAAO,MAAM,mBAAmB,+CA6E/B,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/components/custom/super-scheduler/PinRowHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinRowHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/custom/super-scheduler/PinRowHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAiB,KAAK,UAAU,EAAC,MAAM,iDAAiD,CAAC;AAEhG,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,+DAA+D,CAAC;AAK1G,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;CACvB;AAGD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,cAAc,CAAC,iBAAiB,CAAC,CA8D9D,CAAC;AAGF,eAAO,MAAM,QAAQ,+CAkBpB,CAAC"}
+{"version":3,"file":"PinRowHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/custom/super-scheduler/PinRowHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAiB,KAAK,UAAU,EAAC,MAAM,iDAAiD,CAAC;AAEhG,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,+DAA+D,CAAC;AAK1G,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;CACvB;AAGD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,cAAc,CAAC,iBAAiB,CAAC,CA+D9D,CAAC;AAGF,eAAO,MAAM,QAAQ,+CAkBpB,CAAC"}

package/dist/src/components/custom/super-scheduler/SuperScheduler.d.ts

@@ -2,7 +2,7 @@ import { OnEvent } from "../../../common/functions/dsl/UiEventDSL";
 import type { MenuOption } from "../../control/action/contextmenu/CwAnchoredMenu";
 import { SchedulerHeaderContent } from "../scheduler-new/presentation/components/header/SchedulerHeaderState";
 import { BackgroundEventDm } from "../scheduler-new/presentation/components/row/BackgroundEvent";
-import { SchedulerEventDm } from "../scheduler-new/presentation/components/row/Event";
+import { SchedulerEventDm, SchedulerEventState } from "../scheduler-new/presentation/components/row/Event";
 import type { IndicatorRowDm } from "../scheduler-new/presentation/components/row/IndicatorRow";
 import { OrderCategory } from "../scheduler-new/presentation/NewScheduler";
 import { SchedulerState } from "../scheduler-new/presentation/state/ui/SchedulerState";
@@ -15,6 +15,8 @@ export interface SuperSchedulerProps<T extends PinRowHeaderProps> {
     rows: T[];
     headerColumnComp: React.ComponentType<RowHeaderProps<T>>;
     events: SchedulerEventDm[];
+    /** Custom event renderer, mirroring the base Scheduler's EventComp. Defaults to SchedulerEvent. */
+    EventComp?: React.ComponentType<SchedulerEventState<SchedulerEventDm>>;
     backgroundEvents: BackgroundEventDm[];
     indicatorRows?: IndicatorRowDm[];
     contextMenuItems: MenuOption[];
@@ -22,7 +24,9 @@ export interface SuperSchedulerProps<T extends PinRowHeaderProps> {
     unPinnedOrderCategory?: OrderCategory<T>[];
     onEvent: OnEvent;
     rowHeightRem?: number;
+    rowHeaderWidth?: number | string;
+    maxEventHeightRem?: number;
 }
-export declare const SuperScheduler: <T extends PinRowHeaderProps>({ id, state, header, rows, events, headerColumnComp, pinnedOrderCategory, unPinnedOrderCategory, backgroundEvents, indicatorRows, contextMenuItems, onEvent, rowHeightRem }: SuperSchedulerProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SuperScheduler: <T extends PinRowHeaderProps>({ id, state, header, rows, events, headerColumnComp, pinnedOrderCategory, unPinnedOrderCategory, backgroundEvents, indicatorRows, contextMenuItems, onEvent, rowHeightRem, rowHeaderWidth, maxEventHeightRem, EventComp, }: SuperSchedulerProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const _preview: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SuperScheduler.d.ts.map

package/dist/src/components/custom/super-scheduler/SuperScheduler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuperScheduler.d.ts","sourceRoot":"","sources":["../../../../../src/components/custom/super-scheduler/SuperScheduler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,0CAA0C,CAAC;AAEjE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,iDAAiD,CAAC;AAChF,OAAO,EAAC,sBAAsB,EAAC,MAAM,sEAAsE,CAAC;AAC5G,OAAO,EAAC,iBAAiB,EAAC,MAAM,8DAA8D,CAAC;AAC/F,OAAO,EAAiB,gBAAgB,EAAC,MAAM,oDAAoD,CAAC;AACpG,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,2DAA2D,CAAC;AAC9F,OAAO,EAAC,aAAa,EAAY,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAC,cAAc,EAAC,MAAM,uDAAuD,CAAC;AACrF,OAAO,EAAe,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAG/D,OAAO,EAAC,cAAc,EAAC,MAAM,+DAA+D,CAAC;AAE7F,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACxD,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;IACjC,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzC,qBAAqB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,iBAAiB,EAAG,6KAc3D,mBAAmB,CAAC,CAAC,CAAC,4CAsDvB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CA0BpB,CAAC"}
+{"version":3,"file":"SuperScheduler.d.ts","sourceRoot":"","sources":["../../../../../src/components/custom/super-scheduler/SuperScheduler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,0CAA0C,CAAC;AAEjE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,iDAAiD,CAAC;AAChF,OAAO,EAAC,sBAAsB,EAAC,MAAM,sEAAsE,CAAC;AAC5G,OAAO,EAAC,iBAAiB,EAAC,MAAM,8DAA8D,CAAC;AAC/F,OAAO,EAAiB,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,oDAAoD,CAAC;AACzH,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,2DAA2D,CAAC;AAC9F,OAAO,EAAC,aAAa,EAAY,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAC,cAAc,EAAC,MAAM,uDAAuD,CAAC;AACrF,OAAO,EAAe,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAG/D,OAAO,EAAC,cAAc,EAAC,MAAM,+DAA+D,CAAC;AAE7F,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACxD,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,mGAAmG;IACnG,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;IACjC,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzC,qBAAqB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,iBAAiB,EAAG,4NAiB3D,mBAAmB,CAAC,CAAC,CAAC,4CA0DvB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CA0BpB,CAAC"}

package/dist/src/playground/PlaygroundApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlaygroundApp.d.ts","sourceRoot":"","sources":["../../../src/playground/PlaygroundApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD,OAAO,kBAAkB,CAAC;AAwC1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAiCjC,CAAC"}
+{"version":3,"file":"PlaygroundApp.d.ts","sourceRoot":"","sources":["../../../src/playground/PlaygroundApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAiCjC,CAAC"}

package/dist/src/playground/pages/SchedulerPage.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+export declare const SchedulerPage: FC;
+//# sourceMappingURL=SchedulerPage.d.ts.map

package/dist/src/playground/pages/SchedulerPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulerPage.d.ts","sourceRoot":"","sources":["../../../../src/playground/pages/SchedulerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAA2B,MAAM,OAAO,CAAC;AAyCxD,eAAO,MAAM,aAAa,EAAE,EAsJ3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cwellt_software/cwellt-reactjs-lib",
-	"version": "1.4.9",
+	"version": "1.4.11",
 	"type": "module",
 	"files": [
 		"dist"