@cwellt_software/cwellt-reactjs-lib 1.5.1 → 1.5.2

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { useState, useRef, useEffect, useCallback, useLayoutEffect, createContext, useContext, cloneElement, useMemo, forwardRef, useImperativeHandle, useId, createElement, memo, Fragment as Fragment$1, Component } from 'react';
+import React__default, { useState, useRef, useEffect, useCallback, useLayoutEffect, createContext, useContext, cloneElement, useMemo, forwardRef, useId, useImperativeHandle, createElement, memo } from 'react';
 import { createPortal } from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import Draggable from 'react-draggable';
@@ -3233,8 +3233,14 @@ function CwInput(CwInputProps) {
  * ```
  */
 function CwDigit(props) {
-    const { alignProps, buttonProps, iconProps, labelProps, ...inputProps } = props;
-    return (jsx("div", { className: "cw-input-text", children: jsxs(CwAlign, { ...alignProps, itemProp: inputProps.required === true ? "required" : "", children: [labelProps && (jsxs(CwLabel, { ...labelProps, children: [iconProps && jsx(CwIcon, { ...iconProps }), labelProps.text] })), jsx("input", { type: "number", ...inputProps }), buttonProps && jsx(CwButton, { ...buttonProps })] }) }));
+    const { alignProps, buttonProps, iconProps, labelProps, feedback, ...inputProps } = props;
+    const feedbackMessages = feedback
+        ? Array.isArray(feedback) ? feedback : [feedback]
+        : [];
+    const feedbackId = useId();
+    const feedbackIds = feedbackMessages.map((_, index) => `${feedbackId}-${index}`);
+    const describedBy = [inputProps["aria-describedby"], ...feedbackIds].filter(Boolean).join(" ") || undefined;
+    return (jsxs("div", { className: "cw-input-text", children: [jsxs(CwAlign, { ...alignProps, itemProp: inputProps.required === true ? "required" : "", children: [labelProps && (jsxs(CwLabel, { ...labelProps, children: [iconProps && jsx(CwIcon, { ...iconProps }), labelProps.text] })), jsx("input", { type: "number", ...inputProps, "aria-describedby": describedBy }), buttonProps && jsx(CwButton, { ...buttonProps })] }), feedbackMessages.map((feedbackItem, index) => (jsx("p", { id: feedbackIds[index], className: "cw-input-info", "data-color": feedbackItem.type, "aria-live": "polite", children: feedbackItem.message }, index)))] }));
 }
 
 var styles$j = {"colorPreview":"cw-color-picker-module__colorPreview__ylJcD","hueBar":"cw-color-picker-module__hueBar__bFhyC","hueBarSlider":"cw-color-picker-module__hueBarSlider__D53IV","colorPickerInteractiveArea":"cw-color-picker-module__colorPickerInteractiveArea__KZFR1","colorArea":"cw-color-picker-module__colorArea__xgpSE","colorAreaOverlay":"cw-color-picker-module__colorAreaOverlay__pmgOc","hueBackground":"cw-color-picker-module__hueBackground__Mks78","whiteGradient":"cw-color-picker-module__whiteGradient__Bt-fU","blackGradient":"cw-color-picker-module__blackGradient__VnEKJ","colorAreaCursor":"cw-color-picker-module__colorAreaCursor__lotg3"};
@@ -3448,7 +3454,7 @@ const CwColorPicker = ({ initialColor, onChange, previewText = "Color preview" }
 
 var styles$i = {"container":"cw-input-color-module__container__x7gpk","selectColor":"cw-input-color-module__selectColor__DTo3V","disabled":"cw-input-color-module__disabled__O1fK5","readOnly":"cw-input-color-module__readOnly__HL-Bz","colorDropdown":"cw-input-color-module__colorDropdown__pX2bc"};
 
-const CwInputColor = ({ value, onChange, previewText = "Color preview", disabled = false, readOnly = false, width = '4rem', height = '2rem', labelProps, layoutProps, }) => {
+const CwInputColor = ({ value, onChange, previewText = "Color preview", disabled = false, readOnly = false, width = '4rem', height = '2rem', labelProps, layoutProps, className, style, }) => {
     const [isOpen, setIsOpen] = useState(false);
     const containerRef = useRef(null);
     const dropdownRef = useRef(null);
@@ -3579,7 +3585,7 @@ const CwInputColor = ({ value, onChange, previewText = "Color preview", disabled
                 break;
         }
     };
-    return (jsxs("div", { className: `cw-input-color ${styles$i.container}`, "data-direction": layoutProps?.direction ?? "row", "data-align": layoutProps?.align, children: [labelProps && (jsx(CwLabel, { ...labelProps })), jsx("div", { ref: containerRef, onClick: handleToggle, className: `${styles$i.selectColor} ${disabled ? styles$i.disabled : ''} ${readOnly ? styles$i.readOnly : ''}`, style: {
+    return (jsxs("div", { className: `cw-input-color ${styles$i.container}${className ? ` ${className}` : ''}`, style: style, "data-direction": layoutProps?.direction ?? "row", "data-align": layoutProps?.align, children: [labelProps && (jsx(CwLabel, { ...labelProps })), jsx("div", { ref: containerRef, onClick: handleToggle, className: `${styles$i.selectColor} ${disabled ? styles$i.disabled : ''} ${readOnly ? styles$i.readOnly : ''}`, style: {
                     width,
                     height,
                     backgroundColor: value,
@@ -8653,1066 +8659,6 @@ function CwDateRangePickerTemporal({ value, onChange, minDate, maxDate, disabled
                                             } })] }), jsx("div", { role: "alert", "aria-live": "polite", className: rangeStyles.rangeError, children: rangeErrorMessage })] }))] })] }) }));
 }
 
-const ResourcesTitleList = ({ resources, canBePinned, includesPinned, onCrewPinning, onClickResourceContextMenu, ResourceTitleComponent, }) => {
-    const onClickContextMenu = useCallback((key, resource) => {
-        if (onClickResourceContextMenu) {
-            onClickResourceContextMenu(key, resource);
-        }
-    }, []);
-    return (jsx("td", { className: "resourceArea", style: { width: "100px" }, children: resources.map((r, _i) => (jsxs("div", { className: "resource CwelltFunctionDescription", style: { height: r.maxTop }, children: [(canBePinned || includesPinned) && (jsx(PinButton, { canBePinned: canBePinned, resource: r, onCrewPinning: onCrewPinning })), jsx(ResourceTitleComponent, { resource: r, handleOnClickResourceContextMenu: onClickContextMenu })] }, r.id.toString()))) }));
-};
-const PinButton = ({ canBePinned, resource, onCrewPinning }) => {
-    const buttonProps = canBePinned
-        ? {
-            id: "cbl_pinL",
-            onClick: () => onCrewPinning(resource, ""),
-            children: jsx("span", { className: "cwi-pin", style: { visibility: "visible" } }),
-        }
-        : {
-            id: "cbl_pinLess45deg",
-            onClick: () => onCrewPinning(resource, "remove"),
-            children: jsx("span", { className: "cwi-pinned cwi-pin", style: { visibility: "visible" } }),
-        };
-    return jsx("button", { className: "cw-button-icon cw-icon-pin", ...buttonProps });
-};
-
-const addMinutesToDateFromPx = (originalDate, leftPx, minutesPerPx) => {
-    const minutes = leftPx / minutesPerPx;
-    const datePlusMinutes = new Date(originalDate.getTime() + minutes * 60000);
-    return datePlusMinutes;
-};
-
-const doubleClickOnResource = (props, resource) => {
-    if (props.scheduler_handleDblClickOnResourceInScheduler) {
-        props.scheduler_handleDblClickOnResourceInScheduler(resource);
-    }
-};
-
-let CblDragAndDrop$1 = class CblDragAndDrop {
-    fromId;
-    toId;
-    data;
-    droppedOnDate;
-    resizeFromStart;
-    resizeFromEnd;
-    isCtrlKey;
-    constructor(fromId, toId, data, droppedOnDate = null, resizeFromStart = null, resizeFromEnd = null, isCtrlKey = null) {
-        this.fromId = fromId;
-        this.toId = toId;
-        this.data = data;
-        this.droppedOnDate = droppedOnDate;
-        this.resizeFromStart = resizeFromStart;
-        this.resizeFromEnd = resizeFromEnd;
-        this.isCtrlKey = isCtrlKey;
-    }
-};
-
-const BIRTHDATE = 15;
-const NOT_WORKING = 16;
-const REST_TIME = 10;
-const MAX_FLIGHT_DUTY_PERIOD = 11;
-const DUTY_REGULATION = 20;
-const unHandleableEvents = [REST_TIME, MAX_FLIGHT_DUTY_PERIOD, NOT_WORKING, DUTY_REGULATION];
-const getEventStyle = (event, reslTime) => {
-    const baseStyle = {
-        left: event.leftPx,
-        width: event.width,
-        top: event.top,
-        overflow: "hidden",
-        zIndex: event.isFullHeight ? 4 : 5,
-    };
-    if (event.data.eventType === BIRTHDATE) {
-        return {
-            ...baseStyle,
-            height: event.isFullHeight ? "100%" : "auto",
-            marginTop: event.isFullHeight ? -1 * event.top : 0,
-            pointerEvents: "none",
-            borderBottom: "solid 1px rgba(0, 0, 0, 0.4)",
-            backgroundColor: event.data.category.color || "orange",
-            display: "flex",
-            opacity: 0.3,
-            alignItems: "flex-end",
-        };
-    }
-    if ([REST_TIME, MAX_FLIGHT_DUTY_PERIOD, DUTY_REGULATION].includes(event.data.eventType)) {
-        return {
-            ...baseStyle,
-            zIndex: event.isFullHeight ? 4 : 6,
-            marginTop: event.isFullHeight ? -1 * event.top : 0,
-            borderRadius: "0px",
-            backgroundColor: event.data.category.color || "grey",
-            opacity: 0.3,
-            borderBottom: event.data.eventType === DUTY_REGULATION ? "solid 1px rgba(0, 0, 0, 0.4)" : "",
-        };
-    }
-    return {
-        ...baseStyle,
-        height: event.isFullHeight ? "100%" : "auto",
-        marginTop: event.isFullHeight ? -1 * event.top : 0,
-        borderRadius: reslTime <= 0.99 ? "3px" : "5px",
-        minWidth: reslTime <= 1.5 ? "5px" : "",
-        maxWidth: reslTime <= 1.5 ? "25px" : "",
-    };
-};
-const EventRender = ({ event, schedulerProps }) => {
-    const dateStart = new Date(event.data.start);
-    const dateEnd = new Date(event.data.end);
-    const reslTime = (dateEnd.getTime() - dateStart.getTime()) / 3600000;
-    const eventStyle = getEventStyle(event, reslTime);
-    const onClickEvent = (e) => {
-        if (!unHandleableEvents.includes(event.data.eventType)) {
-            e.stopPropagation();
-            const props = schedulerProps;
-            props.scheduler_handleCblEventClick.call(props.parent, event, schedulerProps.id);
-        }
-    };
-    const onRightClickEvent = (e) => {
-        if (!unHandleableEvents.includes(event.data.eventType)) {
-            e.stopPropagation();
-            const props = schedulerProps;
-            if (props.scheduler_handleCblEventClickRight) {
-                props.scheduler_handleCblEventClickRight.call(props.parent, event, schedulerProps.id);
-            }
-        }
-    };
-    const safeHandleDragStart = (e, isLeft, isRight) => {
-        if (!unHandleableEvents.includes(event.data.eventType)) {
-            handleDragStart(e, isLeft, isRight);
-        }
-    };
-    const handleDragStart = (e, isResizeFromStart, isResizeFromEnd) => {
-        if (!unHandleableEvents.includes(event.data.eventType)) {
-            [].forEach.call(document.querySelectorAll(".ant-tooltip"), function (el) {
-                el.style.visibility = "hidden";
-            });
-            // We don't know in which case is necessary
-            if (e.target !== e.currentTarget) {
-                // e.preventDefault();
-                return;
-            }
-            const isResize = isResizeFromStart || isResizeFromEnd;
-            const isAllowed = !event.isReadOnly && (isResize ? event.isResizable : event.isDraggable);
-            if (!isAllowed) {
-                e.preventDefault();
-                return;
-            }
-            const cblDragNDrop = new CblDragAndDrop$1(schedulerProps.id, null, [event], null, isResizeFromStart, isResizeFromEnd);
-            if (!isResize) {
-                e.dataTransfer.dropEffect = e.ctrlKey ? "copy" : "link";
-            }
-            e.dataTransfer.setData("data", JSON.stringify(cblDragNDrop));
-        }
-    };
-    const handleDoubleClick = (e) => {
-        if (!unHandleableEvents.includes(event.data.eventType)) {
-            e.preventDefault();
-            e.stopPropagation();
-            const props = schedulerProps;
-            props.scheduler_handleCblEventDoubleClick.call(props.parent, event, schedulerProps.id);
-        }
-    };
-    const onClickContextMenu = (e) => {
-        if (!unHandleableEvents.includes(event.data.eventType)) {
-            const props = schedulerProps;
-            if (props.scheduler_handleOnClickEventContextMenu) {
-                props.scheduler_handleOnClickEventContextMenu(e, event);
-            }
-        }
-    };
-    const renderBirthdayEvent = () => (jsxs("div", { className: `fc-timeline-event cwellt_timeline_event cwellt_event_bday ${event.selected ? "cblEventSelected" : ""}`, style: eventStyle, children: [jsx("span", { className: "cwi-icons cwi-birthday", style: { visibility: "visible" } }), event.data.subject && jsx("span", { style: { lineHeight: "1em" }, children: event.data.subject })] }, event.id));
-    const renderRegularEvent = () => (jsxs("div", { draggable: ![10, 11, 16, 20, 21].includes(event.data.eventType), className: "fc-timeline-event cwellt_timeline_event " +
-            (event.selected === true ? "cblEventSelected " : "") +
-            (event.data.eventType === REST_TIME ||
-                event.data.eventType === MAX_FLIGHT_DUTY_PERIOD ||
-                event.data.eventType === DUTY_REGULATION
-                ? " cwellt_event_bhnd_appt "
-                : " "), style: eventStyle, onClick: onClickEvent, onContextMenu: onRightClickEvent, onDragStart: (e) => safeHandleDragStart(e, false, false), onDoubleClick: handleDoubleClick, children: [schedulerProps.scheduler_handleCblEventResize &&
-                !event.isReadOnly &&
-                !unHandleableEvents.includes(event.data.eventType) && (jsx("span", { draggable: true, onDragStart: (e) => handleDragStart(e, true, false), style: {
-                    position: "absolute",
-                    cursor: "e-resize",
-                    zIndex: 10,
-                    left: "0",
-                    border: "solid 1px rgba(46,49,49,0.5)",
-                }, children: "\u200B" })), jsx(schedulerProps.cblEventComp, { cblEvent: event, handleOnClickEventContextMenu: onClickContextMenu }, event.id), schedulerProps.scheduler_handleCblEventResize &&
-                !event.isReadOnly &&
-                !unHandleableEvents.includes(event.data.eventType) && (jsx("span", { draggable: true, onDragStart: (e) => handleDragStart(e, false, true), style: {
-                    position: "absolute",
-                    right: "0",
-                    cursor: "e-resize",
-                    zIndex: 10,
-                    border: "solid 1px rgba(46,49,49,0.5)",
-                    marginTop: "-25px",
-                }, children: "\u200B" }))] }, event.id));
-    const render = event.data.eventType === BIRTHDATE ? renderBirthdayEvent() : renderRegularEvent();
-    return render;
-};
-
-const onDropEventToResource = (props, cblDragNDrop, resource) => {
-    props.scheduler_handleOnDropCblEventsOnResource.call(props.parent, cblDragNDrop, resource);
-};
-
-const isAllowedToMove = (data, resData, cblDragNDrop) => {
-    if (data?.eventType !== 1) {
-        return true;
-    }
-    const allowedMoves = [
-        { from: "acftsScheduler", to: "flightsPairingsScheduler" },
-        { from: "flightsScheduler", to: "crewAssignmentsScheduler" },
-        { from: "opstoolScheduler", to: "opstoolScheduler" },
-        { from: "opstoolScheduler", to: "opstoolSchedulerVirtual" },
-        { from: "opstoolSchedulerVirtual", to: "opstoolScheduler" },
-        { from: "opstoolSchedulerVirtual", to: "opstoolSchedulerVirtual" },
-        { from: "vacationsScheduler", to: "vacationsScheduler" }
-    ];
-    const crewControllAllowedMove = allowedMoves.some(move => move.from === cblDragNDrop.fromId && move.to === cblDragNDrop.toId);
-    if (crewControllAllowedMove) {
-        return true;
-    }
-    return data.Crew !== resData.Crewmember_Id;
-};
-
-const OnDrop = ({ e, resource, id, contentArea, state, schedulerProps }) => {
-    e.dataTransfer.dropEffect = "move";
-    const cblDragNDrop = JSON.parse(e.dataTransfer.getData("data"));
-    if (!cblDragNDrop.data || !cblDragNDrop.data[0]) {
-        return;
-    }
-    cblDragNDrop.toId = id;
-    const obj = cblDragNDrop.data[0];
-    cblDragNDrop.isCtrlKey = e.ctrlKey;
-    const isResizeEvent = cblDragNDrop.resizeFromStart === true || cblDragNDrop.resizeFromEnd === true;
-    if (isResizeEvent) {
-        // Resize
-        if (obj.data === undefined || obj.data.eventType === 1) {
-            return;
-        }
-        const _eventX = e.clientX;
-        const _caLeft = contentArea?.getBoundingClientRect()?.left ?? 0;
-        const leftPos = _eventX - _caLeft;
-        let droppedDate = addMinutesToDateFromPx(schedulerProps.startDate, leftPos, state.minutePx);
-        if (cblDragNDrop.resizeFromEnd === true) {
-            const eventStart = new Date(Date.parse(obj.start));
-            droppedDate = droppedDate < eventStart ? eventStart : droppedDate;
-        }
-        if (cblDragNDrop.resizeFromStart === true) {
-            const eventEnd = new Date(Date.parse(obj.end));
-            // 3 hours before is the minimun size in the backend
-            eventEnd.setHours(eventEnd.getHours() - 3);
-            droppedDate = droppedDate > eventEnd ? eventEnd : droppedDate;
-        }
-        cblDragNDrop.droppedOnDate = droppedDate;
-        schedulerProps.scheduler_handleCblEventResize?.call(schedulerProps.parent, cblDragNDrop);
-        return;
-    }
-    // Drag & Drop
-    if (!isAllowedToMove(obj.data, resource.data, cblDragNDrop)) {
-        return;
-    }
-    const d = e.clientX - (contentArea?.getBoundingClientRect()?.left ?? 0);
-    const date = new Date(schedulerProps.startDate.getTime() + (d / state.minutePx) * 60000);
-    cblDragNDrop.droppedOnDate = date;
-    onDropEventToResource(schedulerProps, cblDragNDrop, resource);
-};
-
-const onDragOver = (e) => {
-    if (e.ctrlKey === true) {
-        e.dataTransfer.dropEffect = "copy";
-    }
-    else {
-        e.dataTransfer.dropEffect = "link";
-    }
-    e.preventDefault();
-};
-
-const arePropsEqual = (prevProps, nextProps) => {
-    return prevProps.res.events === nextProps.res.events && prevProps.isInViewport === nextProps.isInViewport;
-};
-const ResourceRender = memo(({ res, schedulerProps, contentArea, state }) => {
-    return (jsx("div", { style: {
-            backgroundColor: "#F9F8F8",
-            height: res.maxTop,
-            width: "100%",
-            position: "relative",
-            borderBottom: "1px solid rgb(255,255,255)",
-        }, onDragOver: (e) => onDragOver(e), onDrop: (e) => {
-            OnDrop({
-                e,
-                resource: res,
-                id: schedulerProps.id,
-                contentArea,
-                state,
-                schedulerProps,
-            });
-        }, className: "cwellt_divRow_schContent", children: res.events.map((evnt) => (jsx(EventRender, { event: evnt, schedulerProps: schedulerProps }, evnt.id))) }, res.id));
-}, arePropsEqual);
-
-const ResourceListRender = ({ resources, schedulerProps, state, contentArea, 
-// onClickContextMenu,
-crewAssignmentSchedulerContextMenu, }) => {
-    return (jsx(Fragment$1, { children: resources.map((r, _i) => (jsx(CwAnchoredMenu, { placement: "bottom", onContextMenu: (e) => {
-                // Dirty temporal solution to remove ANT design, this can be killed when this scheduler is deprecated
-                const leftPos = e.currentTarget.getBoundingClientRect().left -
-                    (contentArea?.getBoundingClientRect()?.left ?? 0) -
-                    window.scrollX;
-                const calculatedDatetime = addMinutesToDateFromPx(schedulerProps.startDate, leftPos, state.minutePx);
-                r.__contextMenuDatetime = calculatedDatetime;
-            }, options: crewAssignmentSchedulerContextMenu?.map(m => ({
-                key: m.key,
-                label: (jsxs(Fragment, { children: [jsx("span", { className: m.icon, style: { color: m.color } }), jsx("span", { children: m.text })] }))
-            })) ?? [], onSelect: (key) => {
-                const datetime = r.__contextMenuDatetime ?? new Date();
-                if (schedulerProps.scheduler_handleOnClickContextMenuResource) {
-                    schedulerProps.scheduler_handleOnClickContextMenuResource(datetime, r, key, schedulerProps.id);
-                }
-            }, children: jsx("span", { onDoubleClick: () => doubleClickOnResource(schedulerProps, r), id: schedulerProps.id + "_" + r.id, children: jsx(ResourceRender, { res: r, schedulerProps: schedulerProps, contentArea: contentArea, state: state, isInViewport: r.isInViewport }, r.id) }) }, r.id))) }));
-};
-
-const TimeLine$1 = ({ id, toolTipTitle, marginLeft, color = "rgba(255,0,0,.6)", pixels = 2, height = "100%", zIndex = 1, }) => {
-    return (jsx(CwTooltipNew, { content: toolTipTitle, position: "top", children: jsx("div", { id: id, style: {
-                borderLeft: `${pixels}px solid ${color}`,
-                marginLeft: marginLeft,
-                width: "0px",
-                height: height,
-                position: "absolute",
-                zIndex: zIndex,
-            } }) }));
-};
-
-const SchedulerContentArea = ({ now, showTimeline, timeLineLeftPx, timeSeparatorLeftPx, resources, scheduler, contextMenuContents, onEmptyClick, setContentArea, onClickContextMenu, }) => {
-    return (jsxs("td", { className: "contentArea", style: { width: "100%", overflow: "hidden", position: "relative" }, ref: (reference) => {
-            if (reference) {
-                setContentArea(reference);
-            }
-        }, children: [showTimeline && (jsx(TimeLine$1, { id: scheduler.props.id + "_timeline", marginLeft: timeLineLeftPx, zIndex: 8, toolTipTitle: Temporal.PlainTime.from({
-                    hour: now.getHours(),
-                    minute: now.getMinutes(),
-                }).toString({ smallestUnit: "minute" }) })), timeSeparatorLeftPx.map((pixels) => {
-                return jsx(TimeLine$1, { marginLeft: pixels, color: "rgba(255,255,255,0.7)" });
-            }), jsx("span", { onClick: () => {
-                    if (onEmptyClick) {
-                        onEmptyClick(scheduler.props.id);
-                    }
-                }, children: jsx(ResourceListRender, { resources: resources, state: scheduler.state, schedulerProps: scheduler.props, contentArea: scheduler.contentArea, onClickContextMenu: onClickContextMenu, crewAssignmentSchedulerContextMenu: contextMenuContents }) })] }));
-};
-
-const daysBetweenTwoDates = (date1, date2) => {
-    const diff = Math.abs(date1.getTime() - date2.getTime());
-    let diffDays = 0;
-    const startOffset = Math.abs(date1.getTimezoneOffset());
-    const endOffset = Math.abs(date2.getTimezoneOffset());
-    // Summer: +1 -> +2, true
-    // Winter: +2 -> -1, false
-    if (startOffset > endOffset) {
-        diffDays = Math.floor(diff / (1000 * 3600 * 24));
-    }
-    else {
-        diffDays = Math.ceil(diff / (1000 * 3600 * 24));
-    }
-    return diffDays;
-};
-
-const calculateDivisionType = (start, end) => {
-    const diffDays = daysBetweenTwoDates(start, end);
-    if (diffDays <= 15) {
-        return "d";
-    }
-    else if (diffDays <= 30) {
-        return "w";
-    }
-    else {
-        return "m";
-    }
-};
-
-const getMonthHeaderData = (dates, maxWidth) => {
-    if (dates.length === 0)
-        return [];
-    const dayWidth = maxWidth / dates.length;
-    const ranges = getMonthRanges(dates);
-    return ranges.map((range) => {
-        return {
-            monthFormatted: range.start.getMonth() + 1 + "." + range.start.getFullYear(),
-            width: dayWidth * range.daysLong,
-        };
-    });
-};
-const getMonthRanges = (dates) => {
-    const firstDay = dates[0];
-    const lastDay = dates[dates.length - 1];
-    let currentDate = new Date(firstDay);
-    const ranges = [];
-    while (currentDate <= lastDay) {
-        const rangeStart = new Date(currentDate);
-        let rangeEnd = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);
-        if (rangeEnd >= lastDay) {
-            rangeEnd = lastDay;
-        }
-        ranges.push({
-            start: rangeStart,
-            daysLong: getDaysBetweenDates(rangeStart, rangeEnd),
-        });
-        currentDate = new Date(rangeEnd.getFullYear(), rangeEnd.getMonth() + 1, 1);
-    }
-    return ranges;
-};
-const getDaysBetweenDates = (startDate, endDate) => {
-    const timeDifference = endDate.getTime() - startDate.getTime();
-    return Math.floor(timeDifference / (1000 * 60 * 60 * 24)) + 1;
-};
-
-const getWeekHeaderDataFromWeekRange = (weekRange, maxWidth, dateFormatter) => weekRange.map(week => {
-    const numberOfDaysInScheduler = weekRange
-        .flatMap(element => {
-        return element.days;
-    })
-        .reduce((el1, el2) => {
-        return el1 + el2;
-    });
-    return {
-        formattedString: getStringForWeekRange(week, dateFormatter),
-        width: getWidthForWeekRange(maxWidth, week.days, numberOfDaysInScheduler)
-    };
-});
-const getStringForWeekRange = (weekRange, dateFormatter) => weekRange.days == 1
-    ? dateFormatter(weekRange.start)
-    : `${dateFormatter(weekRange.start)} - ${dateFormatter(weekRange.end)}`;
-const getWidthForWeekRange = (maxWidth, weekDays, monthDays) => {
-    const dayWidth = maxWidth / monthDays;
-    return dayWidth * weekDays;
-};
-
-// stringRange: `${formatter(date)} - ${formatter(end)}`,
-const listOfDatesToWeekRangeList = (dates) => {
-    if (dates.length === 0) {
-        return [];
-    }
-    const datesToReturn = [];
-    dates.forEach((date, index) => {
-        const dayOfWeek = date.getDay();
-        const isFirstDay = index === 0;
-        const isLastDay = index === dates.length - 1;
-        const isSunday = dayOfWeek === 0;
-        const isMonday = dayOfWeek === 1;
-        if (isFirstDay && !isSunday) {
-            datesToReturn.push(createWeekRange(date, 8 - dayOfWeek));
-            return;
-        }
-        if (isLastDay && !isSunday) {
-            if (!isMonday) {
-                datesToReturn.pop();
-            }
-            const firstOfWeek = getFirstDayOfWeek(date);
-            datesToReturn.push(createWeekRange(firstOfWeek, dayOfWeek));
-            return;
-        }
-        if (isMonday) {
-            datesToReturn.push(createWeekRange(date, 7));
-            return;
-        }
-        // this is because sunday is 0
-        if (isFirstDay && isSunday) {
-            datesToReturn.push(createWeekRange(date, 1));
-            return;
-        }
-    });
-    return datesToReturn;
-};
-const createWeekRange = (start, days) => {
-    const end = new Date(start);
-    end.setDate(end.getDate() + days - 1);
-    return {
-        days,
-        start,
-        end,
-        isShortWeek: days < 7
-    };
-};
-const getFirstDayOfWeek = (date) => {
-    const currentDate = new Date(date);
-    const dayOfWeek = currentDate.getDay();
-    // dayOfWeek 0 == (Sunday)
-    const diffToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
-    // Set the date to the first day of the week
-    currentDate.setDate(currentDate.getDate() - diffToMonday);
-    return currentDate;
-};
-
-const DayHeader = ({ index, text, width, headerType }) => {
-    const isFirstDay = index == 0;
-    return (jsx("td", { style: {
-            display: "inline-block",
-            fontSize: "10px",
-            width: width,
-            maxWidth: width,
-        }, id: headerType + index, children: jsx("span", { className: isFirstDay ? "cwelltFirstDate_desc" : "", children: text }) }));
-};
-
-const MonthHeader = ({ index, text, width, headerType }) => {
-    return (jsx("td", { style: {
-            display: "inline-block",
-            fontSize: "10px",
-            width: width,
-            maxWidth: width,
-        }, id: headerType + index, children: jsx("span", { children: text }) }));
-};
-
-const WeekHeader = ({ index, text, width, headerType }) => {
-    const isFirstDay = index == 0;
-    return (jsx("td", { style: {
-            display: "inline-block",
-            fontSize: "10px",
-            width: width,
-            maxWidth: width,
-        }, id: headerType + index, children: jsx("span", { className: isFirstDay ? "cwelltFirstDate_desc" : "", style: { whiteSpace: "nowrap" }, children: text }) }));
-};
-
-const DaysHeader = ({ days, divisionType, maxWidth, headerType }) => {
-    let headerToDraw = [];
-    const filteredDays = days.filter((date) => {
-        return date.getHours() === 0;
-    });
-    const dateFormatter = (date) => {
-        return `${date.getDate()}.${date.getMonth() + 1}.${date.getFullYear()}`;
-    };
-    switch (divisionType) {
-        case "d":
-            {
-                headerToDraw = filteredDays.map((date, index) => {
-                    return (jsx(DayHeader, { text: dateFormatter(date), index: index, width: maxWidth / filteredDays.length, headerType: headerType }, index));
-                });
-            }
-            break;
-        case "w":
-            {
-                const weekRanges = listOfDatesToWeekRangeList(filteredDays);
-                headerToDraw = getWeekHeaderDataFromWeekRange(weekRanges, maxWidth, dateFormatter).map((week, index) => {
-                    return (jsx(WeekHeader, { index: index, text: week.formattedString, width: week.width, headerType: headerType }, index));
-                });
-            }
-            break;
-        case "m":
-            {
-                const monthData = getMonthHeaderData(filteredDays, maxWidth);
-                headerToDraw = monthData.map(({ monthFormatted, width }, index) => (jsx(MonthHeader, { index: index, text: monthFormatted, width: width, headerType: headerType }, index)));
-            }
-            break;
-    }
-    return jsx("tr", { className: "cwelltSchRowDate", children: headerToDraw });
-};
-
-function formatHHmm(date) {
-    const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    const zdt = Temporal.Instant.fromEpochMilliseconds(date.getTime()).toZonedDateTimeISO(timeZone);
-    return `${zdt.hour.toString().padStart(2, "0")}:${zdt.minute.toString().padStart(2, "0")}`;
-}
-const getFormattedTimeForHeader = (calculatedDivType, calculatedDivision, timeHeader) => {
-    let showDate = "";
-    switch (calculatedDivType) {
-        case "d":
-            switch (calculatedDivision) {
-                case 8:
-                    showDate =
-                        timeHeader.getHours() === 0 ||
-                            timeHeader.getHours() === 3 ||
-                            timeHeader.getHours() === 6 ||
-                            timeHeader.getHours() === 9 ||
-                            timeHeader.getHours() === 12 ||
-                            timeHeader.getHours() === 15 ||
-                            timeHeader.getHours() === 18 ||
-                            timeHeader.getHours() === 21
-                            ? formatHHmm(timeHeader)
-                            : "";
-                    break;
-                case 3:
-                    showDate =
-                        timeHeader.getHours() === 0 || timeHeader.getHours() === 8 || timeHeader.getHours() === 16
-                            ? formatHHmm(timeHeader)
-                            : "";
-                    break;
-                case 2:
-                    showDate =
-                        timeHeader.getHours() === 0 || timeHeader.getHours() === 12 ? formatHHmm(timeHeader) : "";
-                    break;
-            }
-            break;
-        case "m":
-            showDate = timeHeader.getHours() === 0 ? timeHeader.getDate().toString() : "";
-            break;
-        case "w":
-            showDate = timeHeader.getHours() === 0 ? timeHeader.getDate().toString() : "";
-            break;
-    }
-    return {
-        text: showDate,
-        isWeekend: timeHeader.getDay() === 6 || timeHeader.getDay() === 0,
-    };
-};
-
-const calculateDivisions = (start, end) => {
-    const diffDays = daysBetweenTwoDates(start, end);
-    if (diffDays <= 3) {
-        return 8;
-    }
-    else if (diffDays < 8) {
-        return 3;
-    }
-    else if (diffDays <= 15) {
-        return 2;
-    }
-    else {
-        return 1;
-    }
-};
-
-const TimeHeader = ({ isWeekend, index, text, width, header }) => {
-    if (text === "") {
-        return;
-    }
-    const commonStyles = {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "left",
-        fontSize: "10px",
-        width: width,
-        maxWidth: width,
-        height: "30px",
-        borderLeft: "1px solid white",
-        background: isWeekend ? "#cbc9c9" : "",
-        color: "#000000d9",
-        fontWeight: 700,
-    };
-    return (jsx("td", { style: commonStyles, id: `${header}Time${index}`, children: jsx("span", { style: { paddingLeft: "8px" }, children: text }) }, `t${index}`));
-};
-
-const TimeHeaderRow = ({ timeHeaders, startDate, endDate, maxWidth, header }) => {
-    const calculatedDivision = calculateDivisions(startDate, endDate);
-    const calculatedDivType = calculateDivisionType(startDate, endDate);
-    const formattedHeaders = timeHeaders.map((th) => {
-        return getFormattedTimeForHeader(calculatedDivType, calculatedDivision, th);
-    });
-    const filteredHeaders = formattedHeaders.filter((element) => element.text !== "");
-    return (jsx("tr", { className: "cwelltSchRowTime", style: { height: "30px" }, children: filteredHeaders.map(({ text, isWeekend }, index) => {
-            return (jsx(TimeHeader, { isWeekend: isWeekend, index: index, text: text, width: maxWidth / filteredHeaders.length, header: header }, index));
-        }) }));
-};
-
-const SchedulerTimeLine = ({ maxPx, hoursList, startDate, endDate, pxPerHour, headerName, }) => {
-    return (jsx("table", { className: "content-area cwelltSchTable", style: { width: maxPx }, children: jsxs("tbody", { style: { width: "100%", borderSpacing: 0 }, className: "content-area cwelltSchTbody", children: [jsx(DaysHeader, { days: hoursList, divisionType: calculateDivisionType(startDate, endDate), maxWidth: pxPerHour * hoursList.length, headerType: headerName ?? "schedulerDateHeader" }), jsx(TimeHeaderRow, { timeHeaders: hoursList, startDate: startDate, endDate: endDate, maxWidth: pxPerHour * hoursList.length, header: headerName ?? "schedulerTimeHeader" })] }) }));
-};
-
-const SchedulerHeader$1 = ({ timelineProps, descriptionColumn }) => {
-    const { maxPx, hoursList, startDate, endDate, pxPerHour, headerName } = timelineProps;
-    return (jsx("thead", { className: "cwellt_fc_header_scheduler", style: { position: "sticky", zIndex: 9 }, children: jsxs("tr", { className: "cwellt_fc_header_row", children: [jsxs("td", { className: "border", style: {
-                        position: "sticky",
-                        top: 0,
-                        backgroundColor: "white",
-                        width: "100px",
-                    }, children: [jsx("div", { style: {
-                                display: "flex",
-                                height: "30px",
-                                alignItems: "center",
-                                width: "150px",
-                            }, children: jsx("label", { children: headerName }) }), jsx("div", { style: {
-                                display: "flex",
-                                height: "30px",
-                                alignItems: "center",
-                                background: "rgba(0, 0, 0, 0.04)",
-                            }, children: jsx("span", { children: descriptionColumn }) })] }), jsx("td", { style: {
-                        position: "sticky",
-                        top: 0,
-                        zIndex: 6,
-                        backgroundColor: "white",
-                    }, children: jsx(SchedulerTimeLine, { maxPx: maxPx, hoursList: hoursList, pxPerHour: pxPerHour, startDate: startDate, endDate: endDate, headerName: headerName }) })] }) }));
-};
-
-const daysBetweenTwoDatesIncludingBoth = (date1, date2) => {
-    const diff = Math.abs(date1.getTime() - date2.getTime());
-    const diffDays = diff / (1000 * 3600 * 24);
-    return diffDays;
-};
-
-const getUtcToday = () => {
-    const now = new Date();
-    const userTimezoneOffset = now.getTimezoneOffset() * 60000;
-    const nowUtc = new Date(now.getTime() + userTimezoneOffset);
-    return nowUtc;
-};
-
-const filterEvents = (events, start, end, id, module = undefined) => {
-    const datesCollide = (event) => event.start <= end && event.end >= start;
-    let eventsFiltered = events.filter(event => datesCollide(event));
-    if (id !== "flightWatchScheduler") {
-        eventsFiltered = sortByDate(eventsFiltered);
-    }
-    if (id !== "crewAssignmentsScheduler" && id !== "vacationsScheduler") {
-        return eventsFiltered;
-    }
-    eventsFiltered = setNotFullHeightEventsFirst(eventsFiltered);
-    if (module === "CrewControl") {
-        eventsFiltered = removeDuplicated(eventsFiltered, "Crew_Id");
-    }
-    if (module === "CrewScheduling") {
-        eventsFiltered = removeDuplicated(eventsFiltered, "AssignmentID");
-    }
-    if (module === "CrewSchedulingVacations") {
-        eventsFiltered = removeDuplicated(eventsFiltered, "ID");
-    }
-    return eventsFiltered;
-};
-const sortByDate = (events) => events.sort((a, b) => +new Date(a.start) - +new Date(b.start));
-const removeDuplicated = (events, key) => {
-    return events.filter((obj, index, self) => index === self.findIndex(o => o.data[key] === obj.data[key] && o.data.subject === obj.data.subject));
-};
-const setNotFullHeightEventsFirst = (events) => {
-    const notFullHeight = [];
-    const isFullHeight = [];
-    events.forEach(element => {
-        element.isFullHeight ? notFullHeight.push(element) : isFullHeight.push(element);
-    });
-    return notFullHeight.concat(isFullHeight);
-};
-
-const compareStrings = (str1, str2) => {
-    if (str1 > str2)
-        return 1;
-    if (str1 < str2)
-        return -1;
-    return 0;
-};
-
-const filterResources = (module, resourceName, resources, groupByFunction, endDate, startDate, scheduleName) => {
-    if ((module === "CrewControl" || module === "CrewScheduling" || module === "CrewSchedulingVacations") &&
-        resourceName === "Employees") {
-        resources = resources.filter(c => (c.data.Eintritt === null || (new Date(c.data.Eintritt) <= endDate)) && (c.data.Austritt === null || (new Date(c.data.Austritt) >= startDate)));
-    }
-    if (scheduleName === "crewPinnedScheduler" || (module === "CrewControl" || module === "CrewScheduling") && resourceName === "Employees") {
-        const sortKey = (groupByFunction || scheduleName === "crewPinnedScheduler") ? "mainFunction" : "C3_LC";
-        resources = resources.sort((a, b) => compareStrings(a.data[sortKey], b.data[sortKey]));
-    }
-    return resources;
-};
-
-const heightScheduler = (resources, visibleRows, isPinnerScheduler) => {
-    if (resources.length <= 0) {
-        return 100;
-    }
-    const realVisibleRows = visibleRows > resources.length ? resources.length : visibleRows;
-    const rowsHeight = resources.slice(0, realVisibleRows).map((row) => {
-        return row.maxTop;
-    });
-    const height = rowsHeight.reduce((sum, row) => {
-        return sum + row;
-    }, 0);
-    const headerHeight = isPinnerScheduler ? 0 : 60;
-    return height + headerHeight;
-};
-
-const getLeftPixels = (eventStart, scheduleStart, dayPx) => {
-    if (scheduleStart >= eventStart)
-        return 0;
-    return daysBetweenTwoDatesIncludingBoth(scheduleStart, eventStart) * dayPx;
-};
-const getEventWithSize = (event, schedulerStart, dayPx) => {
-    const eventStartBeforeScheduleStart = event.start.getTime() < schedulerStart.getTime();
-    const lengthOfEvent = daysBetweenTwoDatesIncludingBoth(event.start, event.end);
-    const daysUntilSchedulerStart = daysBetweenTwoDatesIncludingBoth(event.start, schedulerStart);
-    const daysLong = eventStartBeforeScheduleStart ? lengthOfEvent - daysUntilSchedulerStart : lengthOfEvent;
-    // we want minimum of 8 px
-    const eventMinSize = 8;
-    const newEvent = {
-        ...event,
-        leftPx: getLeftPixels(event.start, schedulerStart, dayPx),
-        width: Math.max(daysLong * dayPx, eventMinSize),
-    };
-    return newEvent;
-};
-
-const checkIfSlotAvailable = (events, event) => {
-    if (events.length == 0)
-        return true;
-    const collide = events.some(existent => {
-        return !(existent.end <= event.start || event.end <= existent.start) && !existent.isFullHeight;
-    });
-    return !collide;
-};
-
-const getEventsInInnerRows = (res, eventHeight, dayPx, start) => {
-    let maxTop = 0;
-    const tops = [];
-    tops[0] = new Array();
-    res.events
-        .map((e) => {
-        return getEventWithSize(e, start, dayPx);
-    })
-        .forEach((event, i) => {
-        if (i === 0 || event.isFullHeight) {
-            event.top = 0;
-            tops[0].push(event);
-        }
-        else {
-            let found = false;
-            for (let j = 0; j < tops.length && found === false; j++) {
-                found = checkIfSlotAvailable(tops[j], event);
-                if (found === true || event.isFullHeight) {
-                    event.top = j * eventHeight;
-                    tops[j].push(event);
-                    break;
-                }
-            }
-            if (found === false && !event.isFullHeight) {
-                maxTop++;
-                tops[maxTop] = new Array();
-                event.top = maxTop * eventHeight;
-                tops[maxTop].push(event);
-            }
-            else {
-                // This is for flightwatch
-                if (found === true && event.data.order === 2 && maxTop < 1) {
-                    maxTop++;
-                    tops[maxTop] = new Array();
-                    event.top = maxTop * eventHeight;
-                    tops[maxTop].push(event);
-                    maxTop--;
-                }
-            }
-        }
-    });
-    return tops;
-};
-
-const getTimeHeaders = (startDate, endDate) => {
-    const dateArray = new Array();
-    const currentDate = new Date(startDate);
-    const startOffset = Math.abs(startDate.getTimezoneOffset());
-    const endOffset = Math.abs(endDate.getTimezoneOffset());
-    // Summer: +1 -> +2, true
-    // Winter: +2 -> -1, false
-    const offsetSummerWinter = startOffset < endOffset;
-    if (offsetSummerWinter === true) {
-        while (currentDate < endDate) {
-            if (dateArray.length > 0) {
-                const lastPosition = dateArray[dateArray.length - 1];
-                const differenceHours = currentDate.getHours() - lastPosition.getHours();
-                if (differenceHours === 1 || differenceHours < 0) {
-                    dateArray.push(new Date(currentDate));
-                }
-                else if (differenceHours > 1) {
-                    dateArray.push(new Date(currentDate.getHours() - 1));
-                    dateArray.push(new Date(currentDate));
-                }
-            }
-            else {
-                dateArray.push(new Date(currentDate));
-            }
-            currentDate.setHours(currentDate.getHours() + 1);
-        }
-    }
-    else {
-        while (currentDate < endDate) {
-            dateArray.push(new Date(currentDate));
-            currentDate.setHours(currentDate.getHours() + 1);
-        }
-    }
-    return dateArray;
-};
-
-class CwScheduler extends Component {
-    contentArea;
-    calculateMaxPx = () => {
-        const mainElement = document.body;
-        const mainRect = mainElement.getBoundingClientRect();
-        return Math.floor(mainRect.width - 190);
-    };
-    constructor(props) {
-        super(props);
-        const maxPx = this.calculateMaxPx();
-        const timeHeaders = getTimeHeaders(props.startDate, props.endDate);
-        const dayPx = maxPx / Math.floor(daysBetweenTwoDates(props.startDate, props.endDate));
-        const hourPx = dayPx / 24;
-        const minutePx = dayPx / 1440;
-        window?.addEventListener("resize", this.handleResize);
-        const divisions = calculateDivisions(this.props.startDate, this.props.endDate);
-        const divisionsLeftPx = timeHeaders
-            .filter((_, index) => {
-            return index != 0 && index % (24 / divisions) == 0;
-        })
-            .map((date) => {
-            const daysDiff = daysBetweenTwoDatesIncludingBoth(date, props.startDate);
-            const pixels = daysDiff * 24 * hourPx;
-            return pixels;
-        });
-        this.state = {
-            maxPx: maxPx,
-            dayPx: dayPx,
-            hourPx: hourPx,
-            minutePx: minutePx,
-            timeHeaders: timeHeaders,
-            divisionsLeftPx: divisionsLeftPx,
-            eventHeight: 30,
-            resources: props.resources,
-            lineStyle: 0,
-            nowUtc: getUtcToday(),
-            division: divisions,
-            divisionType: "",
-            pinnedResources: props.pinnedResources ? props.pinnedResources : [],
-            selectedEvents: [],
-            showConsoleLogs: false, // Change to false to not show the console.log(...)
-        };
-    }
-    handleResize = () => {
-        const maxPx = this.calculateMaxPx();
-        const days = Math.floor(daysBetweenTwoDates(this.props.startDate, this.props.endDate));
-        const dayPx = maxPx / days;
-        const hourPx = dayPx / 24;
-        const updated = { ...this.state, maxPx: maxPx, hourPx: hourPx, dayPx: dayPx };
-        this.setState(updated);
-    };
-    objectsEqual = (o1, o2) => {
-        Object.keys(o1).length === Object.keys(o2).length && Object.keys(o1).every((p) => o1[p] === o2[p]);
-    };
-    objectsEqualDeep = (o1, o2) => typeof o1 === "object" && Object.keys(o1).length > 0
-        ? Object.keys(o1).length === Object.keys(o2).length &&
-            Object.keys(o1).every((p) => this.objectsEqual(o1[p], o2[p]))
-        : o1 === o2;
-    arraysEqual = (a1, a2) => a1.length === a2.length && a1.every((o, idx) => this.objectsEqualDeep(o, a2[idx]));
-    componentWillReceiveProps(_nextProps) {
-        if (this.state.showConsoleLogs) {
-            console.log("Schedule - componentWillReceiveProps, start: ", new Date());
-            console.log("Schedule - componentWillReceiveProps - has changes, start: ", new Date());
-        }
-        const dateChange = _nextProps.startDate.toISOString() !== this.props.startDate.toISOString() ||
-            _nextProps.endDate.toISOString() !== this.props.endDate.toISOString();
-        if (dateChange) {
-            const startDate = _nextProps.startDate;
-            const endDate = _nextProps.endDate;
-            const maxPx = this.calculateMaxPx();
-            const timeHeaders = getTimeHeaders(startDate, endDate);
-            const days = Math.floor(daysBetweenTwoDates(startDate, endDate));
-            const dayPx = maxPx / days;
-            const hourPx = dayPx / 24;
-            const minutePx = dayPx / 1440;
-            const now = getUtcToday();
-            const isInDateRange = now >= startDate && now <= endDate && this.contentArea !== undefined;
-            const lineStyle = isInDateRange ? daysBetweenTwoDatesIncludingBoth(startDate, now) * dayPx : 0;
-            const divisions = calculateDivisions(startDate, endDate);
-            const divisionsLeftPx = timeHeaders
-                .filter((_, index) => {
-                return index != 0 && index % (24 / divisions) == 0;
-            })
-                .map((date) => {
-                const daysDiff = daysBetweenTwoDatesIncludingBoth(date, startDate);
-                const pixels = daysDiff * dayPx;
-                return pixels;
-            });
-            this.setState({
-                maxPx: maxPx, // window.screen.width * 0.9,
-                dayPx: dayPx,
-                hourPx: hourPx,
-                minutePx: minutePx,
-                timeHeaders: timeHeaders,
-                divisionsLeftPx: divisionsLeftPx,
-                resources: this.getNewResources(_nextProps, dayPx),
-                lineStyle: lineStyle,
-                nowUtc: now,
-                division: divisions,
-                divisionType: "",
-                pinnedResources: this.props.pinnedResources ?? [],
-            });
-            if (this.state.showConsoleLogs) {
-                console.log("Schedule - componentWillReceiveProps - print on schedule, end: ", new Date());
-                console.log("Schedule - componentWillReceiveProps, end: ", new Date());
-            }
-            return;
-        }
-        const areSameEvents = this.arraysEqual(_nextProps.events, this.props.events);
-        const areSameRows = this.arraysEqual(_nextProps.resources, this.props.resources);
-        if (!areSameEvents || !areSameRows) {
-            const startDate = _nextProps.startDate;
-            const endDate = _nextProps.endDate;
-            const maxPx = this.calculateMaxPx();
-            const days = Math.floor(daysBetweenTwoDates(startDate, endDate));
-            const dayPx = maxPx / days;
-            this.setState({
-                resources: this.getNewResources(_nextProps, dayPx),
-            });
-            return;
-        }
-    }
-    getNewResources = (_nextProps, dayPx) => {
-        const mappedEvents = filterEvents(_nextProps.events, _nextProps.startDate, _nextProps.endDate, this.props.id, this.props.module)
-            .filter((event) => {
-            const outOfRange = event.end <= this.props.startDate || event.start >= this.props.endDate;
-            return !outOfRange;
-        });
-        const resources = filterResources(this.props.module, this.props.resourceName, _nextProps.resources, this.props.groupByFunction, _nextProps.endDate, _nextProps.startDate, this.props.id);
-        const newResources = resources
-            .map((resource) => {
-            return {
-                ...resource,
-                events: mappedEvents.filter((event) => event.resourceId === resource.id),
-            };
-        })
-            .map((resource) => {
-            const tops = getEventsInInnerRows(resource, this.state.eventHeight, dayPx, _nextProps.startDate);
-            const height = tops.length === 0 ? this.state.eventHeight : tops.length * this.state.eventHeight;
-            let flatMapEvents = [];
-            for (let h = 0; h < tops.length; h++) {
-                flatMapEvents = flatMapEvents.concat(tops[h]);
-            }
-            return {
-                ...resource,
-                maxTop: height,
-                events: flatMapEvents,
-            };
-        });
-        return newResources;
-    };
-    handleOnClickContextMenuResourceScheduler = (_clickEvent, _resource) => {
-        let datetime = new Date();
-        const _ca = this.contentArea;
-        if (_clickEvent.domEvent.currentTarget !== undefined) {
-            const leftPos = _clickEvent.domEvent.currentTarget.parentElement.getBoundingClientRect().left -
-                (_ca?.getBoundingClientRect()?.left ?? 0) -
-                window.scrollX;
-            datetime = addMinutesToDateFromPx(this.props.startDate, leftPos, this.state.minutePx);
-        }
-        if (this.props.scheduler_handleOnClickContextMenuResource) {
-            this.props.scheduler_handleOnClickContextMenuResource(datetime, _resource, _clickEvent.key, this.props.id);
-        }
-    };
-    handleCrewPinning = (resource, text) => {
-        if (this.props.scheduler_handlePinned) {
-            this.props.scheduler_handlePinned.call(this.props.parent, resource.id, text, this.props.id);
-        }
-    };
-    render() {
-        const isInDateRange = this.state.nowUtc >= this.props.startDate &&
-            this.state.nowUtc <= this.props.endDate &&
-            this.contentArea !== undefined;
-        const showTimeline = isInDateRange && this.state.lineStyle < this.state.maxPx;
-        const isPinnedTable = this.props.id.toLowerCase().includes("pinned");
-        const schedulerHeight = heightScheduler(this.state.resources, this.props.height, this.props.id === "crewAssignmentsScheduler");
-        return (jsx("div", { id: this.props.id, style: {
-                maxHeight: isPinnedTable ? "auto" : schedulerHeight,
-            }, className: this.state.resources.length > 0 ? "cwellt_tb_con" : "cwellt_tb_con cw_tb_con_emptyValues", children: jsxs("table", { id: "cwelltTableScheduler", children: [this.props.id !== "crewAssignmentsScheduler" && (jsx(SchedulerHeader$1, { timelineProps: {
-                            maxPx: this.state.maxPx,
-                            hoursList: this.state.timeHeaders,
-                            pxPerHour: this.state.hourPx,
-                            startDate: this.props.startDate,
-                            endDate: this.props.endDate,
-                            headerName: this.props.resourceName,
-                        }, descriptionColumn: this.props.descriptionColumn })), jsx("tbody", { style: {
-                            width: this.state.maxPx + 150,
-                            maxHeight: isPinnedTable ? "auto" : schedulerHeight,
-                        }, className: isPinnedTable ? "fc-body cw-fc-body-pinned" : "fc-body", children: jsxs("tr", { className: "fc_body_row", children: [jsx(ResourcesTitleList, { resources: this.state.resources, canBePinned: this.props.canBePinned ?? false, includesPinned: this.props.id.toLowerCase().includes("pinned"), onCrewPinning: this.handleCrewPinning, onClickResourceContextMenu: (_e, resource) => {
-                                        if (this.props.scheduler_handleOnClickResourceContextMenu) {
-                                            this.props.scheduler_handleOnClickResourceContextMenu(_e, resource);
-                                        }
-                                    }, ResourceTitleComponent: this.props.resourceComp }), jsx("td", { className: "dividerArea" }), jsx(SchedulerContentArea, { now: this.state.nowUtc, showTimeline: showTimeline, timeSeparatorLeftPx: this.state.divisionsLeftPx, timeLineLeftPx: this.state.lineStyle, resources: this.state.resources, contextMenuContents: this.props.resourceContextMenuContents, scheduler: this, onEmptyClick: this.props.scheduler_handleEmptyClick, setContentArea: (n) => (this.contentArea = n), onClickContextMenu: this.handleOnClickContextMenuResourceScheduler })] }) })] }) }));
-    }
-}
-
 function dateFromPercentage(startDate, visibleDays, percentage) {
     const start = Temporal.Instant.fromEpochMilliseconds(startDate.getTime());
     const spanMs = Math.round(visibleDays) * 24 * 60 * 60 * 1000;
@@ -9853,7 +8799,7 @@ class OnClickContextMenu {
     }
 }
 
-var styles$3 = {"scheduler-header-divisions":"scheduler-header-module__scheduler-header-divisions__1JrNe","scheduler-timeline-now":"scheduler-header-module__scheduler-timeline-now__naREv","scheduler-timeline-label":"scheduler-header-module__scheduler-timeline-label__mLVAp","scheduler-header-title":"scheduler-header-module__scheduler-header-title__Jzy94","scheduler-dates":"scheduler-header-module__scheduler-dates__O7ePQ","current-day":"scheduler-header-module__current-day__FpHiv","scheduler-hours":"scheduler-header-module__scheduler-hours__ZDCVj"};
+var styles$3 = {"scheduler-header":"scheduler-header-module__scheduler-header__Y7SNV","scheduler-header-divisions":"scheduler-header-module__scheduler-header-divisions__1JrNe","scheduler-timeline-now":"scheduler-header-module__scheduler-timeline-now__naREv","scheduler-timeline-label":"scheduler-header-module__scheduler-timeline-label__mLVAp","scheduler-header-title":"scheduler-header-module__scheduler-header-title__Jzy94","scheduler-dates":"scheduler-header-module__scheduler-dates__O7ePQ","current-day":"scheduler-header-module__current-day__FpHiv","scheduler-hours":"scheduler-header-module__scheduler-hours__ZDCVj"};
 
 const getNow$1 = (isUtc) => {
     let now = new Date();
@@ -9919,7 +8865,7 @@ const HeaderTitle = ({ title, dividerText, width }) => {
 const SchedulerHeader = ({ content, divisions, visibleDays, selectedDate, width, onEvent, timeLinePercentage, isUtc }) => {
     const topWidth = (100 / visibleDays);
     const { title, classification } = content;
-    return (jsxs("div", { style: { display: "flex" }, children: [jsx(HeaderTitle, { title: title, dividerText: classification, width: width }), jsxs("div", { className: styles$3["scheduler-header-divisions"], style: { flex: 1, display: "flex", position: "relative" }, onMouseDown: (e) => {
+    return (jsxs("div", { className: styles$3["scheduler-header"], children: [jsx(HeaderTitle, { title: title, dividerText: classification, width: width }), jsxs("div", { className: styles$3["scheduler-header-divisions"], style: { flex: 1, display: "flex", position: "relative" }, onMouseDown: (e) => {
                     e.preventDefault();
                     const clickPercentage = getPercentageFromMouseEvent(e);
                     const date = dateFromPercentage(selectedDate, visibleDays, clickPercentage);
@@ -10787,325 +9733,6 @@ const Scheduler = (props) => {
 class UiEvent {
 }
 
-let topsCounter = 0;
-class CwSuperScheduler extends React.Component {
-    constructor(Props) {
-        super(Props);
-        this.state = {
-            topsCalculated: 0,
-            height: 50,
-            dataConfig: this.props.dataConfig ? this.props.dataConfig : undefined,
-            pinnedResources: []
-        };
-    }
-    componentDidUpdate(_previousProps, _previousState) {
-        if (this.props.pinnedResources !== _previousProps.pinnedResources) {
-            let returnedTops = 0;
-            let returnedHeight = 50;
-            let data;
-            if (this.props.pinnedResources) {
-                const pinned = [...new Set(this.props.pinnedResources)];
-                for (let i = 0; i < pinned.length; i++) {
-                    data = this.returnDynamicHeight(pinned[i], returnedTops);
-                    returnedTops = data.topsCalculated;
-                    returnedHeight = data.height;
-                }
-                this.setState({
-                    topsCalculated: returnedTops,
-                    height: returnedHeight !== 50 ? 80 + returnedHeight : 50,
-                    pinnedResources: this.props.pinnedResources
-                });
-            }
-        }
-    }
-    scheduler_handleCblEventClick = (cblEvent, schedulerId) => {
-        this.props.scheduler_handleCblEventClick(cblEvent, schedulerId);
-    };
-    scheduler_handleCblEventClickRight = (cblEvent, schedulerId) => {
-        if (this.props.scheduler_handleCblEventClickRight) {
-            this.props.scheduler_handleCblEventClickRight(cblEvent, schedulerId);
-        }
-    };
-    scheduler_handleCblEventDoubleClick = (cblEvent, schedulerId) => {
-        this.props.scheduler_handleCblEventDoubleClick(cblEvent, schedulerId);
-    };
-    scheduler_handlePinnedClickMultipleIds = (resIds, schedulerId, requestString) => {
-        this.props.scheduler_handlePinningOfResources(resIds, "", schedulerId, requestString);
-    };
-    scheduler_handlePinnedClick = (resId, text, schedulerId) => {
-        const array = new Array();
-        array.push(resId);
-        this.props.scheduler_handlePinningOfResources(array, text, schedulerId, "resources");
-    };
-    returnDynamicHeight(pinned, topsCalculated) {
-        let height = 100;
-        let maxTop = 0;
-        const eventHeight = 30;
-        const tops = new Array();
-        tops[0] = new Array();
-        const diffDates = this.props.endDate.getTime() - this.props.startDate.getTime();
-        const diffDays = diffDates / (1000 * 3600 * 24);
-        const dateToFilter = new Date(this.props.startDate.getTime());
-        dateToFilter.setDate(dateToFilter.getDate() + diffDays);
-        let events = this.props.pinnedEvents !== undefined ? this.props.pinnedEvents : new Array();
-        events = events
-            .filter(x => pinned === x.resourceId && x.start >= this.props.startDate && x.start <= dateToFilter)
-            .sort((a, b) => {
-            return +new Date(a.start) - +new Date(b.start);
-        });
-        for (let i = 0; i < events.length; i++) {
-            const event = events[i];
-            if (i === 0 || event.isFullHeight) {
-                tops[0].push(event);
-            }
-            else {
-                let found = false;
-                for (let j = 0; j < tops.length && found === false; j++) {
-                    found = this.checkIfSlotAvailable(tops[j], event);
-                    if (found === true || event.isFullHeight) {
-                        tops[j].push(event);
-                    }
-                }
-                if (found === false) {
-                    maxTop++;
-                    tops[maxTop] = new Array();
-                    tops[maxTop].push(event);
-                }
-            }
-        }
-        for (let h = 0; h < tops.length; h++) {
-            if (tops.length === 0) {
-                height = 100;
-            }
-            else {
-                height = (topsCalculated + tops.length) * eventHeight;
-            }
-        }
-        topsCounter = topsCounter + tops.length;
-        return {
-            topsCalculated: topsCalculated + tops.length,
-            height: height
-        };
-    }
-    checkIfSlotAvailable(array, event) {
-        let found = false;
-        if (array[array.length - 1].end <= event.start || array[array.length - 1].isFullHeight) {
-            found = true;
-        }
-        return found;
-    }
-    handleOnClickContextMenuResource = (date, resource, key, schedulerId) => {
-        let url = "";
-        switch (key) {
-            case "showReserves": {
-                // CrewControl
-                if (this.props.module === "CrewControl") {
-                    url = "/Winops/CrewControl/CrewControlReact/GetCrewIdsOfReserve";
-                }
-                // CrewScheduling
-                if (this.props.module === "CrewScheduling") {
-                    url = "/Winops/CrewPlanning/CrewPlanning/GetCrewIdsOfReserve";
-                }
-                const requestOptions = {
-                    method: "POST",
-                    headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({
-                        from: this.dateUTCString(this.props.startDate),
-                        to: this.dateUTCString(this.props.endDate),
-                        acftCategories: [],
-                        functions: [],
-                        clickedDate: this.dateUTCString(date),
-                        airportSelected: this.props.airportSelected
-                    })
-                };
-                if (this.state.dataConfig) {
-                    fetch(this.state.dataConfig + url, requestOptions)
-                        .then(response => response.json())
-                        .then(res => {
-                        if (res.length > 0) {
-                            this.scheduler_handlePinnedClickMultipleIds(res, schedulerId, "Reserves");
-                        }
-                        else {
-                            alert("No Reserves");
-                        }
-                    });
-                }
-                break;
-            }
-            case "showStandbys": {
-                // CrewControl
-                if (this.props.module === "CrewControl") {
-                    url = "/Winops/CrewControl/CrewControlReact/GetCrewIdsOfStandby";
-                }
-                // CrewScheduling
-                if (this.props.module === "CrewScheduling") {
-                    url = "/Winops/CrewPlanning/CrewPlanning/GetCrewIdsOfStandby";
-                }
-                const requestOptions2 = {
-                    method: "POST",
-                    headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({
-                        from: this.dateUTCString(this.props.startDate),
-                        to: this.dateUTCString(this.props.startDate),
-                        acftCategories: [],
-                        functions: [],
-                        clickedDate: this.dateUTCString(date),
-                        airportSelected: this.props.airportSelected
-                    })
-                };
-                if (this.state.dataConfig) {
-                    fetch(this.state.dataConfig + url, requestOptions2)
-                        .then(response => response.json())
-                        .then(res => {
-                        if (res.length > 0) {
-                            this.scheduler_handlePinnedClickMultipleIds(res, schedulerId, "Standbys");
-                        }
-                        else {
-                            alert("No Standbys");
-                        }
-                    });
-                }
-                break;
-            }
-            case "showAvailables": {
-                // CrewControl
-                if (this.props.module === "CrewControl") {
-                    url = "/Winops/CrewControl/CrewControlReact/GetCrewIdsOfAvailables";
-                }
-                // CrewScheduling
-                if (this.props.module === "CrewScheduling") {
-                    url = "/Winops/CrewPlanning/CrewPlanning/GetCrewIdsOfAvailables";
-                }
-                const requestOptions3 = {
-                    method: "POST",
-                    headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({
-                        from: this.dateUTCString(this.props.startDate),
-                        to: this.dateUTCString(this.props.startDate),
-                        acftCategories: [],
-                        functions: [],
-                        clickedDate: this.dateUTCString(date),
-                        airportSelected: this.props.airportSelected
-                    })
-                };
-                if (this.state.dataConfig) {
-                    fetch(this.state.dataConfig + url, requestOptions3)
-                        .then(response => response.json())
-                        .then(res => {
-                        if (res.length > 0) {
-                            this.scheduler_handlePinnedClickMultipleIds(res, schedulerId, "Availables");
-                        }
-                        else {
-                            alert("No Availables");
-                        }
-                    });
-                }
-                break;
-            }
-            default: {
-                if (this.props.scheduler_handleOnClickContextMenuResource) {
-                    this.props.scheduler_handleOnClickContextMenuResource(date, resource, key);
-                }
-                break;
-            }
-        }
-    };
-    dateUTCString(date) {
-        if (date instanceof Date) {
-            if (date.getFullYear() > 1901)
-                return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes())).toISOString();
-        }
-        return date;
-    }
-    render() {
-        const havePinnedResources = this.state.pinnedResources?.length > 0;
-        const firstSchedulerResources = havePinnedResources
-            ? this.props.resourcesToPin.filter(x => this.state.pinnedResources.includes(x.id))
-            : new Array();
-        const secondSchedulerResources = this.props.resources.filter(x => !this.state.pinnedResources.includes(x.id));
-        const pinnedEvents = this.props.pinnedEvents !== undefined
-            ? this.props.pinnedEvents.filter(x => this.state.pinnedResources.includes(x.resourceId))
-            : new Array();
-        const notPinnedEvents = this.props.events.filter(x => !this.props.pinnedResources?.includes(x.resourceId));
-        return (jsxs("div", { className: "cwelltSuperScheduler_content", children: [jsx(CwScheduler, { id: "crewPinnedScheduler", events: pinnedEvents, resources: firstSchedulerResources, height: this.state.height, startDate: this.props.startDate, endDate: this.props.endDate, scheduler_handleCblEventClick: this.props.scheduler_handleCblEventClick, scheduler_handleCblEventClickRight: this.props.scheduler_handleCblEventClickRight, scheduler_handleCblEventDoubleClick: this.props.scheduler_handleCblEventDoubleClick, scheduler_handleOnDropCblEventsOnResource: this.props.scheduler_handleOnDropCblEventsOnResource, parent: this.props.parent, cblEventComp: this.props.cblEventComp, scheduler_handleOnClickEventContextMenu: this.props.scheduler_handleOnClickEventContextMenu, resourceComp: this.props.resourceComp, scheduler_handleOnClickContextMenuResource: this.props.scheduler_handleOnClickContextMenuResource, resourceContextMenuContents: this.props.resourceContextMenuContents, scheduler_handleDblClickOnResourceInScheduler: this.props.scheduler_handleDblClickOnResourceInScheduler, scheduler_handleEmptyClick: this.props.scheduler_handleEmptyClick, canBePinned: false, scheduler_handlePinned: this.scheduler_handlePinnedClick, resourceName: this.props.resourceName, descriptionColumn: this.props.descriptionColumn, scheduler_handleOnClickResourceContextMenu: this.props.scheduler_handleOnClickResourceContextMenu, groupByFunction: this.props.groupByFunction }), havePinnedResources && (jsx("div", { style: { padding: "0.5rem" }, children: jsx(CwButton, { text: "Clear", onClick: () => {
-                            this.props.scheduler_handleClearPinnedOnParent();
-                        } }) })), jsx(CwScheduler, { id: "crewAssignmentsScheduler", events: notPinnedEvents, resources: secondSchedulerResources, height: this.props.height, startDate: this.props.startDate, endDate: this.props.endDate, scheduler_handleCblEventClick: this.props.scheduler_handleCblEventClick, scheduler_handleCblEventClickRight: this.props.scheduler_handleCblEventClickRight, scheduler_handleCblEventDoubleClick: this.props.scheduler_handleCblEventDoubleClick, scheduler_handleOnDropCblEventsOnResource: this.props.scheduler_handleOnDropCblEventsOnResource, parent: this.props.parent, cblEventComp: this.props.cblEventComp, scheduler_handleOnClickEventContextMenu: this.props.scheduler_handleOnClickEventContextMenu, resourceComp: this.props.resourceComp, scheduler_handleOnClickContextMenuResource: this.handleOnClickContextMenuResource, resourceContextMenuContents: this.props.resourceContextMenuContents, scheduler_handleDblClickOnResourceInScheduler: this.props.scheduler_handleDblClickOnResourceInScheduler, scheduler_handleEmptyClick: this.props.scheduler_handleEmptyClick, canBePinned: true, scheduler_handlePinned: this.scheduler_handlePinnedClick, scheduler_handleCblEventResize: this.props.scheduler_handleCblEventResize, resourceName: this.props.resourceName, descriptionColumn: this.props.descriptionColumn, scheduler_handleOnClickResourceContextMenu: this.props.scheduler_handleOnClickResourceContextMenu, airportSelected: this.props.airportSelected, module: this.props.module, groupByFunction: this.props.groupByFunction })] }));
-    }
-}
-class CblDragAndDrop {
-    fromId;
-    toId;
-    data;
-    droppedOnDate;
-    resizeFromStart;
-    resizeFromEnd;
-    isCtrlKey;
-    constructor(fromId, toId, data, droppedOnDate = null, resizeFromStart = null, resizeFromEnd = null, isCtrlKey = null) {
-        this.fromId = fromId;
-        this.toId = toId;
-        this.data = data;
-        this.droppedOnDate = droppedOnDate;
-        this.resizeFromStart = resizeFromStart;
-        this.resizeFromEnd = resizeFromEnd;
-        this.isCtrlKey = isCtrlKey;
-    }
-}
-
-const getGUID = () => {
-    return generateSegment(false) + generateSegment(true) + generateSegment(true) + generateSegment(false);
-};
-const generateSegment = (includeHyphens) => {
-    const p = (Math.random().toString(16) + "000000000").substring(2, 10);
-    return includeHyphens ? "-" + p.substring(0, 4) + "-" + p.substring(4, 8) : p;
-};
-
-class cblEvent {
-    id = "";
-    start;
-    end;
-    resourceId;
-    selected = false;
-    top = 0;
-    leftPx = 0;
-    rightPx = 0;
-    width = 0;
-    isFullHeight = false;
-    isReadOnly = false;
-    isResizable = false;
-    isDraggable = false;
-    data = null;
-    constructor(start, end, resourceId, data = null, isFullHeight = false, isReadOnly = false, isResizable = false, isDraggable = false) {
-        this.start = start;
-        this.end = end;
-        this.resourceId = resourceId;
-        this.data = data;
-        this.isFullHeight = isFullHeight;
-        this.isReadOnly = isReadOnly;
-        this.isResizable = isResizable;
-        this.isDraggable = isDraggable;
-        this.id = getGUID();
-    }
-}
-
-class Resource {
-    uid = "";
-    id;
-    name;
-    maxTop;
-    events = [];
-    isInViewport = false;
-    schedulerResourceDisplay;
-    isLoading = false;
-    data = null;
-    constructor(id, name, eventHeight, data = null, schedulerResourceDisplay = null) {
-        this.id = id;
-        this.name = name;
-        this.maxTop = eventHeight;
-        this.data = data;
-        this.schedulerResourceDisplay = schedulerResourceDisplay || this.name;
-    }
-}
-
 var styles = {"super-scheduler-row-header":"super-scheduler-module__super-scheduler-row-header__TTs4e","indicators":"super-scheduler-module__indicators__f4lIT","scheduler-crewmember-functions":"super-scheduler-module__scheduler-crewmember-functions__BS2hs"};
 
 class OnPinRow {
@@ -11588,4 +10215,4 @@ const CwFindCrewmember = ({ handleChange, placeHolder = "Search crew…", requir
         }, "data-direction": direction, children: [jsxs(CwAlign, { ...alignProps, itemProp: required ? "required" : "", children: [labelProps && (jsx(CwLabel, { ...labelProps, children: labelProps.text })), jsxs("div", { className: "cw-search-input-wrapper", ref: wrapperRef, children: [jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onFocus: handleInputFocus, placeholder: isInitialLoading ? "Loading…" : placeHolder, disabled: disabled, required: required, autoComplete: "off", "aria-expanded": showDropdown, "aria-haspopup": "listbox", role: "combobox", title: tooltipText }), (isLoading || isInitialLoading) && (jsx("div", { className: "cw-search-input-loading", children: jsx(CwIcon, { iconId: "spinner" }) })), jsx("div", { className: "cw-search-input-icons", children: inputValue && !disabled && !isInitialLoading ? (jsx(CwButton, { type: "button", onClick: handleClear, "aria-label": "Clear selected crewmember", variant: "icon", icon: "close", color: "neutral" })) : (jsx(CwIcon, { iconId: "person" })) })] })] }), renderPanel(jsx("div", { ref: panelRef, className: dropdownStyles.dropdown, style: panelStyle, role: "listbox", children: jsx("ul", { children: options.map((option, index) => (jsx("li", { className: `${dropdownStyles.option}${index === highlightedIndex ? ` ${dropdownStyles.optionFocused}` : ""}`, onClick: () => handleOptionSelect(option.value), onMouseDown: (e) => e.preventDefault(), onMouseEnter: () => setHighlightedIndex(index), role: "option", "aria-selected": index === highlightedIndex, children: option.text }, option.value))) }) }))] }));
 };
 
-export { CblDragAndDrop, CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBtnApprove, CwBtnCancel, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwButtonSplit, CwButtonSwitch, CwCard, CwCardList, CwCheck, CwCheckbox, CwCheckboxGroup, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDatePickerTemporal, CwDateRangePicker, CwDateRangePickerTemporal, CwDateTimePicker, CwDateTimePickerCompact, CwDateTimePickerTemporal, CwDialog, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownFilter, CwExpandable, CwFileUploadMultiple, CwFindAirport, CwFindCrewmember, CwGenericTooltip, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwMasterDetail, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalHover, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwNavMenu, CwNote, CwOption, CwPopoverButton, CwProgress, CwRadioGroup, CwReportModal, CwScheduler, CwSearchAsync, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSkeleton, CwSortableList, CwSortableTable, CwSuperScheduler, CwTable, CwTableGrouped, CwTableServerSide, CwTabs, CwTagSelector, CwTextArea, CwTime, CwTimePicker, CwToggle, CwTooltipManager, CwTooltipNew, CwTreeView, CwWeekdaySelector, DefaultRowHeader, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PRESET_LIBRARY_TEMPORAL, PinRowHeader, Resource, Scheduler, SchedulerEvent, SuperScheduler, TooltipConstraintContext, UiEvent, Weekdays, cblEvent, configureCwLoading, eventIsVisible, filterNavItems, filterVisibleEvents, getCwLoadingDefaults, getDefaultDivisions, getEventSizes, getPresetsByKeysTemporal, itemsToMultiFilterTags, sortNavItems, useCwMessage, useSortableList, useSortableTable, useTooltipConstraint };
+export { CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBtnApprove, CwBtnCancel, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwButtonSplit, CwButtonSwitch, CwCard, CwCardList, CwCheck, CwCheckbox, CwCheckboxGroup, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDatePickerTemporal, CwDateRangePicker, CwDateRangePickerTemporal, CwDateTimePicker, CwDateTimePickerCompact, CwDateTimePickerTemporal, CwDialog, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownFilter, CwExpandable, CwFileUploadMultiple, CwFindAirport, CwFindCrewmember, CwGenericTooltip, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwMasterDetail, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalHover, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwNavMenu, CwNote, CwOption, CwPopoverButton, CwProgress, CwRadioGroup, CwReportModal, CwSearchAsync, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSkeleton, CwSortableList, CwSortableTable, CwTable, CwTableGrouped, CwTableServerSide, CwTabs, CwTagSelector, CwTextArea, CwTime, CwTimePicker, CwToggle, CwTooltipManager, CwTooltipNew, CwTreeView, CwWeekdaySelector, DefaultRowHeader, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PRESET_LIBRARY_TEMPORAL, PinRowHeader, Scheduler, SchedulerEvent, SuperScheduler, TooltipConstraintContext, UiEvent, Weekdays, configureCwLoading, eventIsVisible, filterNavItems, filterVisibleEvents, getCwLoadingDefaults, getDefaultDivisions, getEventSizes, getPresetsByKeysTemporal, itemsToMultiFilterTags, sortNavItems, useCwMessage, useSortableList, useSortableTable, useTooltipConstraint };