@cwellt_software/cwellt-reactjs-lib 1.2.14 → 1.2.15

package/dist/src/components/custom/scheduler-temporal/CwSuperSchedulerComp.js

@@ -1,269 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import _ from "lodash";
-import * as React from "react";
-import { CwButton } from "../../control/action/button/CwButton";
-import { CwScheduler2 } from "./CwSchedulerComp2";
-let topsCounter = 0;
-export default class SuperScheduler 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) {
-                let pinned = [...this.props.pinnedResources];
-                pinned = _.uniq(pinned);
-                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(CwScheduler2, { 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(CwScheduler2, { 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 })] }));
-    }
-}
-export 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;
-    }
-}

package/dist/src/components/custom/scheduler-temporal/components/EventRender.js

@@ -1,142 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CblDragAndDrop } from "../state/CblDragAndDrop";
-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" : "",
-    };
-};
-export 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(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 cwellt_timeline_event_opstool " +
-            (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;
-};

package/dist/src/components/custom/scheduler-temporal/components/ResourceListRender.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dropdown, Menu } from "antd";
-import { Fragment } from "react";
-import { doubleClickOnResource } from "../logic/state_handle/doubleClickOnResource";
-import { ResourceRender } from "./ResourceRender";
-export const ResourceListRender = ({ resources, schedulerProps, state, contentArea, onClickContextMenu, crewAssignmentSchedulerContextMenu, }) => {
-    return (_jsx(Fragment, { children: resources.map((r, _i) => (_jsx(Dropdown, { placement: "topLeft", dropdownRender: () => {
-                return (_jsx(Menu, { style: { pointerEvents: "auto" }, onClick: (e) => {
-                        onClickContextMenu(e, r);
-                    }, children: crewAssignmentSchedulerContextMenu?.map((m) => (_jsxs(Menu.Item, { children: [_jsx("span", { className: m.icon, style: { color: m.color } }), _jsx("span", { className: "cwellt_contextMenu", children: m.text })] }, m.key))) }));
-            }, trigger: ["contextMenu"], 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))) }));
-};

package/dist/src/components/custom/scheduler-temporal/components/ResourceRender.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { EventRender } from "./EventRender";
-import { OnDrop } from "../logic/onDrop/OnDrop";
-import { onDragOver } from "../logic/state_handle/onDragOver";
-const arePropsEqual = (prevProps, nextProps) => {
-    return prevProps.res.events === nextProps.res.events && prevProps.isInViewport === nextProps.isInViewport;
-};
-export 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);

package/dist/src/components/custom/scheduler-temporal/components/day_headers/DayHeader.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export 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 }) }));
-};
-export const _preview = () => {
-    return (_jsx("table", { children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsx(DayHeader, { index: 0, text: new Date().toLocaleDateString(), width: 50, headerType: "test" }), _jsx(DayHeader, { index: 1, text: new Date().toLocaleDateString(), width: 50, headerType: "test" })] }) }) }));
-};

package/dist/src/components/custom/scheduler-temporal/components/day_headers/MonthHeader.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export 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 }) }));
-};
-export const _preview = () => {
-    return (_jsx("table", { children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsx(MonthHeader, { index: 0, text: new Date().getMonth() + "." + new Date().getFullYear(), width: 50, headerType: "test" }, 1), _jsx(MonthHeader, { index: 1, text: new Date().getMonth() + 1 + "." + new Date().getFullYear(), width: 50, headerType: "test" }, 2)] }) }) }));
-};

package/dist/src/components/custom/scheduler-temporal/components/day_headers/MyDaysHeader.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import moment from "moment";
-import { getMonthHeaderData } from "../../logic/dates/getMonthHeaderData";
-import { getWeekHeaderDataFromWeekRange } from "../../logic/dates/getWeekHeaderDataFromWeekRange";
-import { listOfDatesToWeekRangeList } from "../../logic/dates/listOfDatesToWeeks";
-import { DayHeader } from "./DayHeader";
-import { MonthHeader } from "./MonthHeader";
-import { WeekHeader } from "./WeekHeader";
-export 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 });
-};
-export const _DaysPreview = () => {
-    const days = [];
-    for (let i = 0; i <= 7; i++) {
-        days.push(moment("20240722").add(i, "hours").toDate());
-    }
-    return (_jsx("table", { children: _jsx("tbody", { children: _jsx(DaysHeader, { days: days, divisionType: "d", maxWidth: window.screen.width * 0.9, headerType: "aircraft" }) }) }));
-};
-export const _WeeksPreview = () => {
-    const days = [];
-    for (let i = 0; i <= 18; i++) {
-        days.push(moment("20240722").add(i, "hours").toDate());
-    }
-    return (_jsx("table", { children: _jsx("tbody", { children: _jsx(DaysHeader, { days: days, divisionType: "w", maxWidth: window.screen.width * 0.9, headerType: "aircraft" }) }) }));
-};
-export const _MonthsPreview = () => {
-    const days = [];
-    for (let i = 0; i <= 2; i++) {
-        days.push(moment("20240822").add(i, "hours").toDate());
-    }
-    return (_jsx("table", { children: _jsx("tbody", { children: _jsx(DaysHeader, { days: days, divisionType: "m", maxWidth: window.screen.width * 0.9, headerType: "aircraft" }) }) }));
-};

package/dist/src/components/custom/scheduler-temporal/components/day_headers/WeekHeader.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export 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 }) }));
-};
-export const _preview = () => {
-    return (_jsx("table", { children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsx(WeekHeader, { index: 0, text: new Date().toLocaleDateString(), width: 50, headerType: "test" }, 1), _jsx(WeekHeader, { index: 1, text: new Date().toLocaleDateString(), width: 50, headerType: "test" }, 2)] }) }) }));
-};

package/dist/src/components/custom/scheduler-temporal/components/resources_title_list/ResourcesTitleList.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ResourcesTitleList = ({ resources, canBePinned, includesPinned, onCrewPinning, onClickResourceContextMenu, ResourceTitleComponent }) => {
-    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: (e) => {
-                        if (onClickResourceContextMenu) {
-                            onClickResourceContextMenu(e, r);
-                        }
-                    } })] }, r.id.toString()))) }));
-};
-const PinButton = ({ canBePinned, resource, onCrewPinning }) => {
-    const buttonProps = canBePinned
-        ? {
-            id: "cbl_pinL",
-            onClick: () => onCrewPinning(resource, ""),
-            children: _jsx("span", { className: "cbl_pin", style: { visibility: "visible" } })
-        }
-        : {
-            id: "cbl_pinLess45deg",
-            onClick: () => onCrewPinning(resource, "remove"),
-            children: _jsx("span", { className: "cbl_pinLess45deg cbl_pin", style: { color: "black", visibility: "visible" } })
-        };
-    return _jsx("button", { className: "cw-button-icon cw-icon-pin", ...buttonProps });
-};

package/dist/src/components/custom/scheduler-temporal/components/scheduler_content_area/SchedulerContentArea.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import moment from "moment";
-import { ResourceListRender } from "../ResourceListRender";
-import { TimeLine } from "../time_line/TimeLine";
-export 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, { id: scheduler.props.id + "_timeline", marginLeft: timeLineLeftPx, zIndex: 8, toolTipTitle: moment(now).format("HH:mm") })), timeSeparatorLeftPx.map((pixels) => {
-                return _jsx(TimeLine, { 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 }) })] }));
-};

package/dist/src/components/custom/scheduler-temporal/components/scheduler_header/SchedulerHeader.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SchedulerTimeLine } from "../scheduler_timeline/SchedulerTimeLine";
-export const SchedulerHeader = ({ 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 }) })] }) }));
-};

package/dist/src/components/custom/scheduler-temporal/components/scheduler_timeline/SchedulerTimeLine.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { calculateDivisionType } from "../../logic/divisions/calculateDivisionType";
-import { DaysHeader } from "../day_headers/MyDaysHeader";
-import { TimeHeaderRow } from "../time_headers/TimeHeaderRow";
-export 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" })] }) }));
-};
-export const _preview = () => {
-    const startDate = new Date("2024-03-20T00:00:00");
-    const endDate = new Date("2024-04-20T00:00:00");
-    const hoursList = generateHourlyDates(startDate, endDate);
-    return (_jsx(SchedulerTimeLine, { headerName: "test", pxPerHour: window.innerWidth / hoursList.length, maxPx: window.innerWidth, hoursList: hoursList, startDate: startDate, endDate: endDate }));
-};
-const generateHourlyDates = (start, end) => {
-    const dates = new Array();
-    const current = new Date(start);
-    while (current <= end) {
-        dates.push(new Date(current));
-        current.setHours(current.getHours(), 0, 0, 0); // Ensure the time is exactly on the hour
-        current.setHours(current.getHours() + 1);
-    }
-    return dates;
-};