@cwellt_software/cwellt-reactjs-lib 1.2.0 → 1.2.2

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

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getContrastColor, getHSLColor } from '../../../../../../common/functions/colorManipulation';
-import { CwGenericTooltip } from "../../../../../display/data/generic_tooltip/CwGenericTooltip";
-import styles from "../../styles/new-scheduler.module.css";
-export const BackgroundEvent = ({ value, heightRem }) => {
-    const backColor = getHSLColor(value.color, value.alpha ?? 0.5);
-    const textColor = getContrastColor(value.color);
-    return value.isVisible ? (_jsx("div", { style: {
-            left: `${value.left}%`,
-            width: `${value.width}%`,
-            position: "absolute",
-            height: `${heightRem}rem`,
-            pointerEvents: "auto",
-        }, children: _jsx(CwGenericTooltip, { content: value.tooltip, position: "bottom", dissapearsWhenHover: true, showDelay: 200, children: _jsx("div", { style: {
-                    overflow: "hidden",
-                    backgroundColor: backColor,
-                    height: `${heightRem}rem`,
-                }, children: _jsx("div", { style: {
-                        display: "flex",
-                        flexDirection: "row",
-                        width: "100%",
-                        contentVisibility: "auto",
-                        height: `${heightRem}rem`,
-                    }, children: _jsxs("div", { style: {
-                            width: value.width + "%",
-                            fontSize: "var(--cw-font-size-smallest)",
-                            padding: "0.25rem",
-                            color: textColor,
-                            alignItems: "flex-end"
-                        }, className: styles["scheduler-event-container"], children: [value.icons ? _jsx("div", { style: {
-                                    display: "flex",
-                                    flexDirection: "row",
-                                    alignItems: "center",
-                                    whiteSpace: "nowrap",
-                                    color: textColor,
-                                }, children: value.icons }) : null, _jsx("span", { className: styles["scheduler-event-text"], children: value.name })] }) }) }) }) })) : null;
-};
-export const BackgroundEventPreview = () => {
-    const event = {
-        value: {
-            id: "",
-            startDate: new Date(),
-            endDate: new Date(),
-            rowId: "",
-            color: "orange",
-            left: 0,
-            width: 30,
-            name: "Birthday",
-            icons: _jsx("span", { className: "cwi-icons cwi-birthday" }),
-            isVisible: true,
-            isDraggable: false,
-            isResizable: false,
-            selected: false,
-        },
-        heightRem: 2,
-        onEvent: () => {
-        }
-    };
-    return _jsx(BackgroundEvent, { ...event });
-};

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { OnClickRowHeader } from "../../NewSchedulerUiEvents";
-import styles from "../../styles/scheduler-row.module.css";
-export const DefaultRowHeader = ({ value, width, onEvent }) => {
-    return (_jsxs("div", { style: {
-            width: width,
-            // background: color,
-        }, onClick: (_) => {
-            onEvent(new OnClickRowHeader(value.rowId));
-        }, className: styles["scheduler-row-header"], children: [_jsxs("div", { children: [_jsx("strong", { children: value.title }), value.title2 && _jsxs("span", { children: ["-", value.title2] }), " ", _jsx("strong", { children: value.subtitle })] }), value.subtitle && _jsxs("div", { style: { opacity: 0.5 }, children: [value.title3 && _jsxs("span", { className: styles["scheduler-crewmember-functions"], children: ["(", value.title3, ")"] }), value.subtitle2 && _jsxs("span", { children: ["-", value.subtitle2] })] })] }));
-};
-// @ts-ignore
-const _preview = () => {
-    return _jsx(DefaultRowHeader, { value: {
-            rowId: "1",
-            title: "JAC",
-            title2: "CMD",
-            subtitle: "ICAO",
-            subtitle2: "IATA"
-        }, 
-        // color={"red"}
-        width: 180, onEvent: () => {
-        } });
-};

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

@@ -1,150 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dropdown } from "antd";
-import { useState } from "react";
-import { getContrastColor, getHSLColor } from '../../../../../../common/functions/colorManipulation';
-import useSingleAndDoubleClicks from "../../../../../../common/functions/useSingleAndDoubleClicks";
-import { CwGenericTooltip } from "../../../../../display/data/generic_tooltip/CwGenericTooltip";
-import { OnClickContextMenu, OnClickEvent, OnDoubleClickEvent, OnDragEvent, OnLeftDragStart, OnMultiClickEvent, OnRangeClickEvent, OnRightClickEvent, OnRightDragStart, } from "../../NewSchedulerUiEvents";
-import styles from "../../styles/new-scheduler.module.css";
-import { EventSideDrag } from "./EventSideDrag";
-export const SchedulerEvent = ({ value, heightRem, onEvent }) => {
-    const [isOnDrag, setIsOnDrag] = useState(false);
-    const [isContextMenuOpen, setIsContextMenuOpen] = useState(false);
-    // Calculate colors of the event
-    const backColor = getHSLColor(value.color, value.alpha ?? 0.75);
-    const textColor = getContrastColor(value.color);
-    const eventTransparent = value.alpha ? value.alpha < 0.7 : false;
-    const canClick = value.isDraggable || value.isClickable === true;
-    const { handleClick, handleDoubleClick } = useSingleAndDoubleClicks((e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        if (!canClick) {
-            return;
-        }
-        // https://developer.mozilla.org/en-US/docs/Web/API/NavigatorUAData/platform
-        // change for navigator.userAgentData.platform when acepted in all browsers
-        const isMac = navigator.platform.toUpperCase().includes("MAC");
-        const isCtrlOrAltPressed = isMac ? e.altKey : e.ctrlKey;
-        if (e.shiftKey) {
-            onEvent(new OnRangeClickEvent(value.id));
-        }
-        else if (isCtrlOrAltPressed) {
-            onEvent(new OnMultiClickEvent(value.id));
-        }
-        else {
-            onEvent(new OnClickEvent(value.id));
-        }
-    }, (e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        onEvent(new OnDoubleClickEvent(value.id));
-    });
-    return (_jsx(Dropdown, { open: isContextMenuOpen, onOpenChange: setIsContextMenuOpen, placement: "bottom", menu: {
-            items: value.contextMenuItems,
-            onClick: (e) => {
-                e.domEvent.nativeEvent.preventDefault();
-                e.domEvent.nativeEvent.stopPropagation();
-                e.domEvent.nativeEvent.stopImmediatePropagation();
-                e.domEvent.preventDefault();
-                e.domEvent.stopPropagation();
-                onEvent(new OnClickContextMenu(value.id, e.key));
-            },
-            onMouseLeave: () => setIsContextMenuOpen(false),
-        }, trigger: ["contextMenu"], overlayStyle: { animationDuration: "0" }, arrow: (value.contextMenuItems?.length ?? 0) > 0, children: _jsx("div", { style: {
-                top: "2px",
-                left: `${value.left}%`,
-                width: `${value.width}%`,
-                position: "absolute",
-                zIndex: isOnDrag ? 999 : undefined,
-                contentVisibility: "auto",
-                pointerEvents: "auto",
-            }, onClick: handleClick, onDoubleClick: handleDoubleClick, draggable: value.isDraggable, onMouseDown: (_) => {
-                if (value.isDraggable)
-                    setIsOnDrag(true);
-            }, onMouseLeave: (_) => {
-                if (value.isDraggable)
-                    setIsOnDrag(false);
-            }, onDragStart: (_) => {
-                if (value.isDraggable)
-                    onEvent(new OnDragEvent(value.id));
-            }, onDragEnd: (_) => {
-                if (value.isDraggable)
-                    setIsOnDrag(false);
-            }, onContextMenu: (e) => {
-                e.stopPropagation();
-                e.preventDefault();
-                onEvent(new OnRightClickEvent(value.id));
-            }, children: _jsx(CwGenericTooltip, { content: value.tooltip, position: "bottom", hide: isOnDrag, dissapearsWhenHover: true, showDelay: 200, children: _jsxs("div", { style: {
-                        border: value.selected ? "2px solid black" : "none",
-                        backgroundColor: backColor,
-                        height: `calc(${heightRem}rem - 4px)`,
-                        opacity: eventTransparent ? 0.5 : 1,
-                    }, className: styles["scheduler-event"], children: [_jsxs("div", { style: {
-                                display: "flex",
-                                flexDirection: "row",
-                                alignItems: "stretch",
-                                width: "100%",
-                                cursor: value.isDraggable ? "pointer" : "default",
-                                height: `calc(${heightRem}rem - 10px)`,
-                            }, children: [value.isResizable && (_jsx(EventSideDrag, { left: true, heightRem: heightRem * 0.7, onStartEvent: () => {
-                                        onEvent(new OnLeftDragStart(value.id));
-                                    } })), _jsxs("div", { className: styles["scheduler-event-container"], children: [_jsx("div", { style: {
-                                                display: "flex",
-                                                flexDirection: "row",
-                                                alignItems: "center",
-                                                whiteSpace: "nowrap",
-                                                color: textColor,
-                                            }, children: value.icons }), _jsx("span", { style: {
-                                                padding: "0.1rem",
-                                                color: textColor,
-                                                display: "flex",
-                                                flex: 1,
-                                                alignItems: "center",
-                                                width: "100%",
-                                            }, children: value.rectangleColors && value.rectangleColors.length > 0 ? (_jsx("div", { style: {
-                                                    display: "flex",
-                                                    width: "100%",
-                                                }, children: value.rectangleColors.map((item, i) => (_jsx("div", { className: "cwellt_rectangle_indicator", style: {
-                                                        backgroundColor: item,
-                                                        flex: 1,
-                                                        height: "8px",
-                                                        margin: 0,
-                                                        padding: 0,
-                                                    } }, value.id + "_" + i))) })) : (value.name) })] }), value.isResizable && (_jsx(EventSideDrag, { heightRem: heightRem * 0.7, onStartEvent: () => {
-                                        onEvent(new OnRightDragStart(value.id));
-                                    } }))] }), value.primaryTimeMarkerColor && (_jsx("div", { className: styles["time-marker"], style: {
-                                backgroundColor: value.primaryTimeMarkerColor,
-                            } })), value.secondaryTimeMarkerColor && (_jsx("div", { className: styles["time-marker"], style: {
-                                backgroundColor: value.secondaryTimeMarkerColor,
-                            } }))] }) }) }, value.id) }, value.id));
-};
-export const _preview = () => {
-    const props = {
-        value: {
-            id: "",
-            rowId: "1",
-            name: "test",
-            color: "red",
-            startDate: new Date(),
-            endDate: new Date(),
-            isDraggable: true,
-            isResizable: true,
-            icons: _jsx("span", { className: "cwi-icons cwi-plane" }),
-            left: 0,
-            width: 10,
-            tooltip: _jsx("div", {}),
-            contextMenuItems: [
-                {
-                    key: "removeRemarks",
-                    label: _jsx("span", { className: "cwellt_contextMenu", children: "DELETE Remark" }),
-                },
-            ],
-            selected: false,
-        },
-        heightRem: 10,
-        onEvent: (uiEvent) => {
-            console.log("event: " + uiEvent);
-        },
-    };
-    return _jsx(SchedulerEvent, { ...props });
-};

package/dist/src/components/custom/scheduler-new/presentation/components/row/EventSideDrag.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const EventSideDrag = ({ left = false, heightRem, onStartEvent }) => {
-    return (_jsx("span", { draggable: true, onDragStart: (e) => {
-            e.stopPropagation();
-            onStartEvent(e.clientX);
-        }, style: {
-            cursor: left ? "w-resize" : "e-resize",
-            width: "0.3rem",
-            height: `${heightRem}rem`,
-        } }));
-};

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

@@ -1,176 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dropdown } from "antd";
-import { memo, useState } from "react";
-import useSingleAndDoubleClicks from "../../../../../../common/functions/useSingleAndDoubleClicks";
-import { OnClickContextMenu, OnClickRowEvent, OnDoubleClickRowEvent, OnDropCtrlEvent, OnDropEvent, OnRightClickRow, } from "../../NewSchedulerUiEvents";
-import { dateFromPercentage } from "../../logic/dateFromPercentage";
-import { getPercentageFromMouseEvent } from "../../logic/getPercentageFromMouseEvent";
-import { separateEventsToInnerRows } from "../../logic/separateEventsToInnerRows";
-import { DivisionLine } from "../timeline/DivisionLine";
-import { TimeLine } from "../timeline/TimeLine";
-import { WeekEndLine } from "../timeline/WeekEndLine";
-import { BackgroundEvent } from "./BackgroundEvent";
-import { DefaultRowHeader } from "./DefaultRowHeader";
-import { SchedulerEvent } from "./Event";
-const onClickMenuItem = (e, event) => {
-    e.domEvent.nativeEvent.preventDefault();
-    e.domEvent.nativeEvent.stopPropagation();
-    e.domEvent.nativeEvent.stopImmediatePropagation();
-    e.domEvent.preventDefault();
-    e.domEvent.stopPropagation();
-    event();
-};
-export const SchedulerRow = memo((props) => {
-    const [isContextMenuOpen, setIsContextMenuOpen] = useState(false);
-    const { events, backgroundEvents, rowHeader, contextMenuItems, RowTitleComp, EventComp, BackgroundEventComp, weekendLines, divisionLines, timeLinePercentage, selectedDate, visibleDays, onEvent, } = props;
-    const internalRows = separateEventsToInnerRows(events);
-    const { handleClick, handleDoubleClick } = useSingleAndDoubleClicks((e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        onEvent(new OnClickRowEvent(rowHeader.value.rowId));
-    }, (e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        onEvent(new OnDoubleClickRowEvent(rowHeader.value.rowId));
-    });
-    return (_jsxs("div", { style: {
-            display: "flex",
-            minHeight: props.rowHeightInRem + "rem",
-        }, children: [_jsx(RowTitleComp, { ...rowHeader }), _jsx(Dropdown, { open: isContextMenuOpen, onOpenChange: setIsContextMenuOpen, placement: "bottom", menu: {
-                    items: contextMenuItems,
-                    onClick: (e) => {
-                        onClickMenuItem(e, () => {
-                            onEvent(new OnClickContextMenu(rowHeader.value.rowId, e.key));
-                        });
-                    },
-                    onMouseLeave: () => setIsContextMenuOpen(false),
-                }, trigger: ["contextMenu"], overlayStyle: { animationDuration: "0" }, arrow: (contextMenuItems?.length ?? 0) > 0, children: _jsxs("div", { style: {
-                        flex: 1,
-                        display: "flex",
-                        flexDirection: "column",
-                        position: "relative",
-                    }, onDrop: (e) => {
-                        e.preventDefault();
-                        const percentage = getPercentageFromMouseEvent(e);
-                        const date = dateFromPercentage(selectedDate, visibleDays, percentage);
-                        // https://developer.mozilla.org/en-US/docs/Web/API/NavigatorUAData/platform
-                        // change for navigator.userAgentData.platform when acepted in all browsers
-                        const isMac = navigator.platform.toUpperCase().includes("MAC");
-                        const isCtrlOrAltPressed = isMac ? e.altKey : e.ctrlKey;
-                        if (isCtrlOrAltPressed) {
-                            onEvent(new OnDropCtrlEvent(rowHeader.value.rowId, date));
-                        }
-                        else {
-                            onEvent(new OnDropEvent(rowHeader.value.rowId, date));
-                        }
-                    }, onDragOver: (e) => {
-                        e.preventDefault();
-                    }, onClick: handleClick, onDoubleClick: handleDoubleClick, onContextMenu: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        const percentage = getPercentageFromMouseEvent(e);
-                        const date = dateFromPercentage(selectedDate, visibleDays, percentage);
-                        onEvent(new OnRightClickRow(rowHeader.value.rowId, date));
-                    }, children: [weekendLines.map((weekend) => (_jsx(WeekEndLine, { height: "100%", left: weekend.left, widthPercentage: weekend.width }, weekend.left))), divisionLines.map((division) => (_jsx(DivisionLine, { height: "100%", left: division.left }, division.left))), backgroundEvents.length > 0 && backgroundEvents.some((e) => e.isVisible) && (_jsx("div", { style: {
-                                height: "100%",
-                                position: internalRows.length > 0 ? "absolute" : "relative",
-                                width: "100%",
-                                pointerEvents: "none",
-                            }, children: backgroundEvents.map((event) => {
-                                return _jsx(BackgroundEventComp, { value: { ...event }, onEvent: onEvent, heightRem: props.rowHeightInRem * Math.max(1, internalRows.length) }, event.id);
-                            }) })), backgroundEvents.length === 0 && internalRows.length === 0 && (_jsx("div", { style: { position: "relative", height: props.rowHeightInRem + "rem" } })), internalRows.map((internalRow, index) => {
-                            return (_jsx("div", { style: {
-                                    position: "relative",
-                                    height: props.rowHeightInRem + "rem",
-                                    pointerEvents: "none"
-                                }, children: internalRow.map((event) => (_jsx(EventComp, { value: event, heightRem: props.rowHeightInRem, onEvent: onEvent }, event.id))) }, index));
-                        }), !(timeLinePercentage < 0 || timeLinePercentage > 100) && (_jsx(TimeLine, { color: "red", left: `${timeLinePercentage}%`, top: "0px", height: `100%` }))] }) }, rowHeader.value.rowId)] }));
-}, (prevProps, nextProps) => {
-    // This memo is necessary to prevent re-render all the rows when a user makes drag and drop
-    const getEventKey = (event) => {
-        // Adjust these properties based on what uniquely identifies an event in your application
-        return `${event.id}-${event.startDate}-${event.endDate}`;
-    };
-    if (prevProps.timeLinePercentage != nextProps.timeLinePercentage) {
-        return false;
-    }
-    if (prevProps.rowHeader !== nextProps.rowHeader) {
-        return false;
-    }
-    // Create Sets of event keys for efficient comparison
-    const prevEventKeys = new Set(prevProps.events.map((it) => getEventKey(it)));
-    const nextEventKeys = new Set(nextProps.events.map((it) => getEventKey(it)));
-    // Check if both sets have the same size
-    if (prevEventKeys.size !== nextEventKeys.size) {
-        return false;
-    }
-    // Check if every event in prevProps exists in nextProps
-    for (const eventKey of prevEventKeys) {
-        if (!nextEventKeys.has(eventKey)) {
-            return false;
-        }
-    }
-    // If we got here, the events are the same
-    return true;
-});
-export const SchedulerRowPreview = () => {
-    const logOnEvent = (event) => {
-        console.log("Event:", event);
-    };
-    const events = [
-        {
-            id: "event-1",
-            name: "Sample Event",
-            rowId: "1",
-            color: "#4287f5",
-            startDate: new Date(),
-            endDate: new Date(Date.now() + 3600000),
-            isResizable: true,
-            isDraggable: true,
-            left: 0,
-            width: 100,
-            tooltip: _jsx("div", { children: "Sample Tooltip" }),
-            selected: false,
-        },
-        {
-            id: `${it}`,
-            name: `event ${it}`,
-            rowId: `${it}`,
-            color: "red",
-            startDate: new Date("2024-12-03T18:40:00.000Z"),
-            endDate: new Date("2024-12-03T18:50:00.000Z"),
-            isResizable: true,
-            isDraggable: true,
-            left: 0,
-            width: 30,
-            tooltip: _jsx("div", { children: "Sample Tooltip" }),
-            selected: false,
-        },
-    ];
-    return (_jsx(SchedulerRow, { EventComp: SchedulerEvent, events: events, backgroundEvents: [
-            {
-                id: "event-1",
-                name: "Sample Event",
-                rowId: "1",
-                isResizable: false,
-                isDraggable: false,
-                color: "#4287f5",
-                startDate: new Date(),
-                endDate: new Date(Date.now() + 3600000),
-                left: 0,
-                width: 100,
-                tooltip: _jsx("div", { children: "Sample Tooltip" }),
-                isVisible: true,
-                selected: false,
-            },
-        ], onEvent: logOnEvent, RowTitleComp: DefaultRowHeader, rowHeader: {
-            value: {
-                rowId: "1",
-                title: "Default Header",
-            },
-            width: 200,
-            onEvent: () => {
-            },
-        }, BackgroundEventComp: BackgroundEvent, rowHeightInRem: 2, timeLinePercentage: 50, weekendLines: [], divisionLines: [], visibleDays: 3, selectedDate: new Date() }));
-};
-export default SchedulerRow;

package/dist/src/components/custom/scheduler-new/presentation/components/timeline/DivisionLine.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TimeLine } from "./TimeLine";
-export const DivisionLine = ({ left, top = "0px", height }) => {
-    return (_jsx(TimeLine, { color: "rgba(255,255,255,1)", left: left + "%", height: height, width: 1 + "px", top: top }));
-};
-export const _preview = () => {
-    return (_jsx("div", { style: { height: "100px" }, children: _jsx(DivisionLine, { left: 100, height: "100px" }) }));
-};

package/dist/src/components/custom/scheduler-new/presentation/components/timeline/TimeLine.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import styles from "../../styles/scheduler-header.module.css";
-const getNow = (isUtc) => {
-    let now = new Date();
-    if (isUtc) {
-        now = new Date(now.getTime() + now.getTimezoneOffset() * 60_000);
-    }
-    return now;
-};
-export const TimeLine = ({ left, top = "0px", height, color, width = "2px", zIndexNumber = 0, isHeader, isUtc = false }) => {
-    const [currentTime, setCurrentTime] = useState(getNow(isUtc));
-    useEffect(() => {
-        const interval = setInterval(() => {
-            setCurrentTime(getNow(isUtc));
-        }, 60000); // Actualiza cada minuto
-        return () => clearInterval(interval);
-    }, [isUtc]);
-    const timeString = currentTime.toLocaleTimeString([], {
-        hour: '2-digit',
-        minute: '2-digit',
-        hour12: false
-    });
-    return (_jsx("div", { style: {
-            position: "absolute",
-            top: top,
-            height: height,
-            left: left,
-            width: width,
-            background: color,
-            pointerEvents: "none",
-            zIndex: zIndexNumber,
-        }, className: styles["scheduler-timeline-now"], children: isHeader && (_jsx("span", { style: {
-                color: color,
-            }, className: styles["scheduler-timeline-label"], children: timeString })) }));
-};
-export const _preview = () => {
-    return (_jsx("div", { style: { height: "100px" }, children: _jsx(TimeLine, { color: "red", left: "100px", height: "100px" }) }));
-};

package/dist/src/components/custom/scheduler-new/presentation/components/timeline/WeekEndLine.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TimeLine } from "./TimeLine";
-export const WeekEndLine = ({ left, top = "0px", height, widthPercentage }) => {
-    return (_jsx(TimeLine, { color: "rgba(0,0,0,0.05)", left: left + "%", height: height, width: widthPercentage + "%", top: top }));
-};
-export const _preview = () => {
-    return (_jsx("div", { style: { height: "100px" }, children: _jsx(WeekEndLine, { left: 100, height: "100px", widthPercentage: 20 }) }));
-};

package/dist/src/components/custom/scheduler-new/presentation/helpers.js

@@ -1,43 +0,0 @@
-import moment from "moment";
-export const getListOfNumbers = (len) => Array(len)
-    .fill(0)
-    .map((_, idx) => idx);
-const getRandomColor = () => {
-    return "#" + (0x1000000 + Math.random() * 0xffffff).toString(16).substr(1, 6);
-};
-export const getRandomEvents = (date, visibleDays, resourceId) => {
-    return getListOfNumbers(visibleDays).map((e) => {
-        const len1 = Math.floor(Math.random() * 24) + 1;
-        const moment1 = moment(date).add(e, "days").add(e, "minutes");
-        const len2 = Math.floor(Math.random() * 25) + 1;
-        return {
-            id: crypto.randomUUID(),
-            rowId: resourceId.toString(),
-            name: "API Design",
-            color: getRandomColor(),
-            startDate: moment1.add(-len1, "hour").toDate(),
-            endDate: moment1.add(len2, "hour").toDate(),
-        };
-    });
-};
-export const isLight = (color) => {
-    // extract values of red, green and blue from color
-    const clrarr = color.match(/\d+/g)?.map((num) => +num);
-    // Check if clrarr is valid and has the necessary values
-    if (clrarr && clrarr.length === 3) {
-        if (clrarr[0] + clrarr[1] + clrarr[2] >= (255 * 3) / 2)
-            return true;
-    }
-    return false;
-};
-export function hexToRGB(hex) {
-    hex = hex.replaceAll("#", "").trim();
-    const r = parseInt(hex.slice(0, 2), 16);
-    const g = parseInt(hex.slice(2, 4), 16);
-    const b = parseInt(hex.slice(4, 6), 16);
-    return { r, g, b };
-}
-export const getColorLuminanceOf = (r, g, b, a = 1) => {
-    a; // discard
-    return 0.299 * r + 0.587 * g + 0.114 * b;
-};

package/dist/src/components/custom/scheduler-new/presentation/logic/WeekendCalc.js

@@ -1,24 +0,0 @@
-import { getEventSizes } from "./getEventSizes";
-export const getWeekendLinesByDatesVisible = (initialDate, visibleDays) => {
-    const dateString = initialDate.toISOString().split('T')[0];
-    const todayAtO = new Date(dateString);
-    const days = getWeekendsDaysInDateRange(todayAtO, visibleDays);
-    return days.map(it => {
-        const endDate = new Date(it);
-        endDate.setDate(it.getDate() + 1);
-        const weekLine = getEventSizes(initialDate, visibleDays, it, endDate);
-        return weekLine;
-    });
-};
-export const getWeekendsDaysInDateRange = (initialDate, visibleDays) => {
-    const weekends = [];
-    for (let i = 0; i < visibleDays; i++) {
-        const currentDate = new Date(initialDate);
-        currentDate.setDate(initialDate.getDate() + i);
-        const dayOfWeek = currentDate.getDay(); // 0 is Sunday, 6 is Saturday
-        if (dayOfWeek === 0 || dayOfWeek === 6) {
-            weekends.push(currentDate);
-        }
-    }
-    return weekends;
-};

package/dist/src/components/custom/scheduler-new/presentation/logic/dateFromPercentage.js

@@ -1,7 +0,0 @@
-import moment from "moment";
-export function dateFromPercentage(startDate, visibleDays, percentage) {
-    const endTime = moment(startDate).add(visibleDays, "day").toDate();
-    const timeSpan = endTime.getTime() - startDate.getTime();
-    const clickedDate = new Date(startDate.getTime() + (timeSpan * percentage));
-    return clickedDate;
-}

package/dist/src/components/custom/scheduler-new/presentation/logic/eventIsVisible.js

@@ -1,7 +0,0 @@
-import moment from "moment";
-export const eventIsVisible = (startDate, endDate, selectedDate, visibleDays) => {
-    const schedulerEnd = moment(selectedDate).add(visibleDays, "days").toDate();
-    const isBefore = selectedDate > startDate && selectedDate > endDate;
-    const isAfter = schedulerEnd < startDate && schedulerEnd < endDate;
-    return !isBefore && !isAfter;
-};