@cwellt_software/cwellt-reactjs-lib 1.1.4 → 1.1.6

package/dist/src/components/custom/scheduler-temporal/logic/ui/shouldTriggerScroll.js

@@ -1,241 +0,0 @@
-export const shouldTriggerScroll = (currentProps, _previousProps, _previousState) => {
-    let triggerScroll = false;
-    const hasDateChanged = currentProps.startDate.getTime() !== _previousProps.startDate.getTime() ||
-        currentProps.endDate.getTime() !== _previousProps.endDate.getTime();
-    if (hasDateChanged)
-        return true;
-    if (currentProps.groupByFunction !== _previousProps.groupByFunction)
-        return true;
-    if (currentProps.events?.length !== _previousProps.events?.length)
-        return true;
-    if (currentProps.events &&
-        _previousState.events &&
-        currentProps.events.length > 0 &&
-        _previousState.events.length > 0) {
-        if (currentProps.events.length === _previousState.events.length) {
-            for (let i = 0; i < currentProps.events.length; i++) {
-                if (currentProps.events[i].selected !== _previousState.events[i].selected) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.state !== undefined &&
-                    currentProps.events[i].data.state !== _previousState.events[i].data.state) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.start !== undefined &&
-                    currentProps.events[i].data.start !== _previousState.events[i].data.start) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.end !== undefined &&
-                    currentProps.events[i].data.end !== _previousState.events[i].data.end) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.remark !== undefined &&
-                    currentProps.events[i].data.remark !== _previousState.events[i].data.remark) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.highPrio !== undefined &&
-                    currentProps.events[i].data.highPrio !== _previousState.events[i].data.highPrio) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.VacID !== undefined &&
-                    currentProps.events[i].data.VacID !== _previousState.events[i].data.VacID) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.Crew_Id !== undefined &&
-                    currentProps.events[i].data.Crew_Id !== _previousState.events[i].data.Crew_Id) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.CrewComp !== undefined &&
-                    currentProps.events[i].data.CrewComp !== _previousState.events[i].data.CrewComp) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.crewCompString !== undefined &&
-                    currentProps.events[i].data.crewCompString !== _previousState.events[i].data.crewCompString) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.SplitDuty !== undefined &&
-                    currentProps.events[i].data.SplitDuty !== _previousState.events[i].data.SplitDuty) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.firstNumber !== undefined &&
-                    currentProps.events[i].data.firstNumber !== _previousState.events[i].data.firstNumber) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.CompRectList !== undefined &&
-                    currentProps.events[i].data.CompRectList !== _previousState.events[i].data.CompRectList) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.Jumpseats !== undefined &&
-                    currentProps.events[i].data.Jumpseats !== _previousState.events[i].data.Jumpseats) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.openJumpSeatsString !== undefined &&
-                    currentProps.events[i].data.openJumpSeatsString !== _previousState.events[i].data.openJumpSeatsString) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.IsCrewchange !== undefined &&
-                    currentProps.events[i].data.IsCrewchange !== _previousState.events[i].data.IsCrewchange) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.SStartApt !== undefined &&
-                    currentProps.events[i].data.SStartApt !== _previousState.events[i].data.SStartApt) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.SEndApt !== undefined &&
-                    currentProps.events[i].data.SEndApt !== _previousState.events[i].data.SEndApt) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.Instructor !== undefined &&
-                    currentProps.events[i].data.Instructor !== _previousState.events[i].data.Instructor) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.Trainee !== undefined &&
-                    currentProps.events[i].data.Trainee !== _previousState.events[i].data.Trainee) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.LineCheck !== undefined &&
-                    currentProps.events[i].data.LineCheck !== _previousState.events[i].data.LineCheck) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.IsObserver !== undefined &&
-                    currentProps.events[i].data.IsObserver !== _previousState.events[i].data.IsObserver) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.IsSplitDuty !== undefined &&
-                    currentProps.events[i].data.IsSplitDuty !== _previousState.events[i].data.IsSplitDuty) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.Comment !== undefined &&
-                    currentProps.events[i].data.Comment !== _previousState.events[i].data.Comment) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.InternalRemark !== undefined &&
-                    currentProps.events[i].data.InternalRemark !== _previousState.events[i].data.InternalRemark) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.ExternalRemark !== undefined &&
-                    currentProps.events[i].data.ExternalRemark !== _previousState.events[i].data.ExternalRemark) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.inserted !== undefined &&
-                    currentProps.events[i].data.inserted !== _previousState.events[i].data.inserted) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.edited !== undefined &&
-                    currentProps.events[i].data.edited !== _previousState.events[i].data.edited) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.deleted !== undefined &&
-                    currentProps.events[i].data.deleted !== _previousState.events[i].data.deleted) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.MissingFunc !== undefined &&
-                    currentProps.events[i].data.MissingFunc !== _previousState.events[i].data.MissingFunc) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.crewComposition_CompositionName !== undefined &&
-                    currentProps.events[i].data.crewComposition_CompositionName !==
-                        _previousState.events[i].data.crewComposition_CompositionName) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.subject !== undefined &&
-                    currentProps.events[i].data.subject !== _previousState.events[i].data.subject) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.ACFTID !== undefined &&
-                    currentProps.events[i].data.ACFTID !== _previousState.events[i].data.ACFTID) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.allAcftId !== undefined &&
-                    currentProps.events[i].data.allAcftId !== _previousState.events[i].data.allAcftId) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.SCDcrew !== undefined &&
-                    currentProps.events[i].data.SCDcrew !== _previousState.events[i].data.SCDcrew) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.C3_LC !== undefined &&
-                    currentProps.events[i].data.C3_LC !== _previousState.events[i].data.C3_LC) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.C3LC !== undefined &&
-                    currentProps.events[i].data.C3LC !== _previousState.events[i].data.C3LC) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.Remark !== undefined &&
-                    currentProps.events[i].data.Remark !== _previousState.events[i].data.Remark) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.HighPriority !== undefined &&
-                    currentProps.events[i].data.HighPriority !== _previousState.events[i].data.HighPriority) {
-                    triggerScroll = true;
-                }
-                if (currentProps.events[i].data.FirstNumber !== undefined &&
-                    currentProps.events[i].data.FirstNumber !== _previousState.events[i].data.FirstNumber) {
-                    triggerScroll = true;
-                }
-            }
-        }
-    }
-    if (currentProps.height !== _previousProps.height) {
-        triggerScroll = true;
-    }
-    if (currentProps.pinnedResources !== _previousProps.pinnedResources) {
-        triggerScroll = true;
-    }
-    if (currentProps.resources &&
-        _previousProps.resources &&
-        currentProps.resources.length !== _previousProps.resources.length) {
-        triggerScroll = true;
-    }
-    if (currentProps.resources &&
-        _previousState.resources &&
-        currentProps.resources.length > 0 &&
-        _previousState.resources.length > 0) {
-        if (currentProps.resources.length === _previousState.resources.length) {
-            for (let i = 0; i < currentProps.resources.length; i++) {
-                if (currentProps.resources[i].isLoading !== _previousState.resources[i].isLoading) {
-                    triggerScroll = true;
-                }
-                if (currentProps.resources[i].isInViewport !== _previousState.resources[i].isInViewport) {
-                    triggerScroll = true;
-                }
-                if (currentProps.resources[i].data.isGroupedByFunction !== _previousState.resources[i].data.isGroupedByFunction) {
-                    triggerScroll = true;
-                }
-                if (currentProps.resources[i].data.hasFunctionChangeInPeriod !==
-                    _previousState.resources[i].data.hasFunctionChangeInPeriod) {
-                    triggerScroll = true;
-                }
-                if (currentProps.resources[i].data.hasTyperatingChangeInPeriod !==
-                    _previousState.resources[i].data.hasTyperatingChangeInPeriod) {
-                    triggerScroll = true;
-                }
-                if (currentProps.resources[i].data.HasFunctionChangeInPeriod !==
-                    _previousState.resources[i].data.HasFunctionChangeInPeriod) {
-                    triggerScroll = true;
-                }
-                if (currentProps.resources[i].data.HasTyperatingChangeInPeriod !==
-                    _previousState.resources[i].data.HasTyperatingChangeInPeriod) {
-                    triggerScroll = true;
-                }
-                if (currentProps.resources[i].data.TraineeStatus !== _previousState.resources[i].data.TraineeStatus) {
-                    triggerScroll = true;
-                }
-                if (currentProps.resources[i].data.FunctionTyperatingStringTooltip !==
-                    _previousState.resources[i].data.FunctionTyperatingStringTooltip) {
-                    triggerScroll = true;
-                }
-                if (currentProps.resources[i].data.CrewPlanningVac !== _previousState.resources[i].data.CrewPlanningVac) {
-                    triggerScroll = true;
-                }
-            }
-            if (currentProps.module === "CrewScheduling" && currentProps.resourceName === "Employees") {
-                if (currentProps.groupByFunction !== _previousState.groupByFunction) {
-                    triggerScroll = true;
-                }
-            }
-        }
-    }
-    return triggerScroll;
-};

package/dist/src/components/custom/scheduler-temporal/logic/ui/updateResourceVisibility.js

@@ -1,15 +0,0 @@
-export const updateResourceVisibility = (viewportTop, viewportBottom, stateResources, propsResources) => {
-    if (propsResources.length === 0)
-        return [];
-    let currentHeight = 0;
-    return stateResources.map(resource => {
-        const newResource = { ...resource };
-        newResource.isInViewport = isResourceInViewport(currentHeight, viewportTop, viewportBottom);
-        currentHeight += resource.maxTop;
-        return newResource;
-    });
-};
-const isResourceInViewport = (resourceTop, viewportTop, viewportBottom) => {
-    const buffer = 100;
-    return viewportBottom + 50 > resourceTop && resourceTop >= viewportTop - buffer;
-};

package/dist/src/components/custom/scheduler-temporal/state/CblDragAndDrop.js

@@ -1,18 +0,0 @@
-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/state/Resource.js

@@ -1,18 +0,0 @@
-export 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;
-    }
-}

package/dist/src/components/custom/scheduler-temporal/state/cblEvent.js

@@ -1,28 +0,0 @@
-import { getGUID } from "../logic/strings/getGUID";
-export 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();
-    }
-}

package/dist/src/components/custom/scheduler-temporal/state/cblEventCompProps.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/custom/scheduler-temporal/state/resourceCompProps2.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/custom/super-scheduler/PinRowHeader.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dropdown } from "antd";
-import { useState } from "react";
-import { CwGenericTooltip } from "../../display/data/generic_tooltip/CwGenericTooltip";
-import { OnClickContextMenu } from "../scheduler-new/presentation/NewSchedulerUiEvents";
-import styles from "./super-scheduler.module.css";
-import { OnPinRow, OnUnpinRow } from "./SuperSchedulerEvents";
-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 PinRowHeader = ({ value, width, onEvent }) => {
-    const [isContextMenuOpen, setIsContextMenuOpen] = useState(false);
-    const { highlightColor, isLoading } = value;
-    return (_jsxs("div", { style: {
-            width: width,
-            background: highlightColor,
-        }, className: styles["super-scheduler-row-header"], children: [_jsx("button", { className: "cw-button-icon cwi-pin", "data-pinned": value.isPinned, onClick: (_) => {
-                    onEvent(value.isPinned ? new OnUnpinRow(value.rowId) : new OnPinRow(value.rowId));
-                } }), _jsx("div", { className: styles["indicators"], children: value.indicators ?? undefined }), _jsx(CwGenericTooltip, { content: value.tooltip, position: "right", dissapearsWhenHover: true, overlayStyle: value.overlayTooltipStyle, children: _jsx(Dropdown, { open: isContextMenuOpen, onOpenChange: setIsContextMenuOpen, placement: "bottom", menu: {
-                        items: value.contextMenuItems,
-                        onClick: (e) => {
-                            onClickMenuItem(e, () => {
-                                onEvent(new OnClickContextMenu(value.rowId, e.key));
-                            });
-                        },
-                        onMouseLeave: () => setIsContextMenuOpen(false),
-                    }, trigger: ["contextMenu"], overlayStyle: { animationDuration: "0" }, arrow: (value.contextMenuItems?.length ?? 0) > 0, children: _jsxs("div", { className: styles["scheduler-row-header"], style: {
-                            display: "flex",
-                            flexDirection: "column",
-                            justifyContent: "center",
-                            alignItems: "flex-start",
-                        }, 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] })] })] }) }, value.rowId) }, value.rowId), isLoading ? _jsx("span", { className: "cwi-icons cwi-spinner" }) : undefined] }));
-};
-export const _preview = () => {
-    const [isSelected, setIsSelected] = useState(true);
-    return (_jsx(PinRowHeader, { value: {
-            rowId: "a",
-            title: "Test text",
-            isPinned: isSelected,
-            contextMenuItems: [],
-            tooltip: _jsx("div", {}),
-            isLoading: false,
-        }, width: 100, onEvent: (event) => {
-            setIsSelected((it) => !it);
-            console.log(event);
-            console.log("onPreview");
-        } }));
-};

package/dist/src/components/custom/super-scheduler/SuperScheduler.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CwButton } from "../../control/action/button/CwButton";
-import { SchedulerEvent } from "../scheduler-new/presentation/components/row/Event";
-import { Scheduler } from "../scheduler-new/presentation/NewScheduler";
-import { PinRowHeader } from "./PinRowHeader";
-import { OnClearPinned } from "./SuperSchedulerEvents";
-import { SuperSchedulerPresenter } from "./SuperSchedulerPresenter";
-export const SuperScheduler = ({ id, state, header, rows, events, pinnedOrderCategory, unPinnedOrderCategory, backgroundEvents, contextMenuItems, onEvent }) => {
-    const pinnedRows = rows.filter((it) => it.isPinned);
-    const notPinnedRows = rows.filter((it) => !it.isPinned);
-    const isFirstVisible = pinnedRows.length > 0;
-    return (_jsxs(_Fragment, { children: [isFirstVisible && (_jsxs(_Fragment, { children: [_jsx(Scheduler, { id: `${id}-pinned`, state: state, header: header, rows: pinnedRows, events: events, backgroundEvents: backgroundEvents, contextMenuItems: contextMenuItems, orderCategories: pinnedOrderCategory, onEvent: onEvent, EventComp: SchedulerEvent, RowTitleComp: PinRowHeader }), _jsx("div", { children: _jsx(CwButton, { onClick: () => {
-                                onEvent(new OnClearPinned());
-                            }, children: "Clear pinned" }) })] })), _jsx(Scheduler, { id: `${id}-notPinned`, state: { ...state, isHeaderVisible: !isFirstVisible }, header: header, rows: notPinnedRows, events: events, backgroundEvents: backgroundEvents, contextMenuItems: contextMenuItems, orderCategories: unPinnedOrderCategory, onEvent: onEvent, EventComp: SchedulerEvent, RowTitleComp: PinRowHeader })] }));
-};
-export const _preview = () => {
-    const { state, rows, onEvent } = SuperSchedulerPresenter();
-    return _jsx(SuperScheduler, { id: "preview", state: state, header: {
-            title: "Flights",
-            classification: "ACFT",
-        }, rows: rows, onEvent: onEvent, events: [], backgroundEvents: [], contextMenuItems: [] });
-};
-export default SuperScheduler;

package/dist/src/components/custom/super-scheduler/SuperSchedulerEvents.js

@@ -1,15 +0,0 @@
-export class OnPinRow {
-    id;
-    constructor(id) {
-        this.id = id;
-    }
-}
-export class OnUnpinRow {
-    id;
-    constructor(id) {
-        this.id = id;
-    }
-}
-export class OnClearPinned {
-    constructor() { }
-}

package/dist/src/components/custom/super-scheduler/SuperSchedulerPresenter.js

@@ -1,45 +0,0 @@
-import moment from "moment";
-import { useEffect, useState } from "react";
-export const SuperSchedulerPresenter = () => {
-    const [rows, setRows] = useState([]);
-    const [uiState, _] = useState(() => {
-        const visibleDays = 1;
-        const selectedDate = moment().toDate();
-        const isHeaderVisible = true;
-        const rowHeaderWidthPercentage = 10;
-        return {
-            isUtc: true,
-            selectedDate: selectedDate,
-            isHeaderVisible: isHeaderVisible,
-            visibleDays: visibleDays,
-            rowHeaderWidth: rowHeaderWidthPercentage,
-            rowsHeight: "10vh",
-            header: {
-                title: "Flights",
-                classification: "ACFT",
-            },
-        };
-    });
-    useEffect(() => {
-        const ids = [...Array(10).keys()];
-        const resources = ids.map((it) => {
-            const rowHeaderProps = {
-                rowId: it.toString(),
-                title: "test",
-                isPinned: false,
-                isLoading: false,
-                contextMenuItems: [],
-            };
-            return rowHeaderProps;
-        });
-        setRows(resources);
-    }, []);
-    const onEvent = (event) => {
-        console.log("presenter", event);
-    };
-    return {
-        state: uiState,
-        rows: rows,
-        onEvent: onEvent,
-    };
-};

package/dist/src/components/display/data/accordion/CwAccordionContainer.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import styles from "./cw-accordion.module.css";
-/**
- *
- * @param CwelltAccordionContainerProps
- * @remarks Previously CwAccordionContainer
- * @returns
- */
-export function CwAccordionContainer(CwelltAccordionContainerProps) {
-    // #region Hooks
-    const [isVisible_accordionBody, setVisible_accordionBody] = useState(false);
-    // #endregion
-    // #region Function
-    const showAccordionBody = () => {
-        setVisible_accordionBody(!isVisible_accordionBody);
-    };
-    // #endregion
-    return (_jsxs("div", { className: styles["cw-accordion"], style: CwelltAccordionContainerProps.style, "data-open": isVisible_accordionBody, children: [_jsxs("header", { onClick: () => showAccordionBody(), children: [_jsx("div", { children: CwelltAccordionContainerProps.desc_text }), _jsx("button", { className: "cw-button-icon" })] }), _jsx("div", { className: styles["cw-accordion-body"], children: CwelltAccordionContainerProps.children })] }));
-}

package/dist/src/components/display/data/generic_tooltip/CwGenericTooltip.js

@@ -1,138 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { createPortal } from 'react-dom';
-import styles from "./cw-generic-tooltip.module.css";
-// Constants moved outside to prevent recreation
-const margin = 16;
-const defaultPosition = "right";
-const positionOrder = ['right', 'bottom', 'left', 'top'];
-// Memoized utility functions to prevent recreation
-const calculatePositionForSide = (position, triggerRect, tooltipRect) => {
-    switch (position) {
-        case 'left':
-            return {
-                top: triggerRect.top + (triggerRect.height - tooltipRect.height) / 2,
-                left: triggerRect.left - tooltipRect.width - margin
-            };
-        case 'right':
-            return {
-                top: triggerRect.top + (triggerRect.height - tooltipRect.height) / 2,
-                left: triggerRect.right + margin
-            };
-        case 'top':
-            return {
-                top: triggerRect.top - tooltipRect.height - margin,
-                left: triggerRect.left + (triggerRect.width - tooltipRect.width) / 2
-            };
-        case 'bottom':
-            return {
-                top: triggerRect.bottom + margin,
-                left: triggerRect.left + (triggerRect.width - tooltipRect.width) / 2
-            };
-    }
-};
-// Optimized hooks
-const useTooltipDelay = (callback, delay) => {
-    const timeoutRef = useRef();
-    const clearTooltipTimeout = useCallback(() => {
-        if (timeoutRef.current) {
-            window.clearTimeout(timeoutRef.current);
-            timeoutRef.current = undefined;
-        }
-    }, []);
-    const setTooltipTimeout = useCallback(() => {
-        clearTooltipTimeout();
-        if (delay) {
-            timeoutRef.current = window.setTimeout(callback, delay);
-        }
-        else {
-            callback();
-        }
-    }, [callback, delay, clearTooltipTimeout]);
-    useEffect(() => clearTooltipTimeout, [clearTooltipTimeout]);
-    return { setTooltipTimeout, clearTooltipTimeout };
-};
-const useTooltipPosition = (isVisible, containerRef, preferredPosition, tooltipClassName) => {
-    const [tooltipState, setTooltipState] = useState({
-        position: { top: 0, left: 0 },
-        actualPosition: preferredPosition
-    });
-    const frameRef = useRef();
-    const updatePosition = useCallback(() => {
-        if (!isVisible || !containerRef.current)
-            return;
-        const tooltipElement = document.querySelector(`.${tooltipClassName}`);
-        if (!tooltipElement)
-            return;
-        const triggerRect = containerRef.current.getBoundingClientRect();
-        const tooltipRect = tooltipElement.getBoundingClientRect();
-        // Try preferred position first
-        const position = calculatePositionForSide(preferredPosition, triggerRect, tooltipRect);
-        const windowWidth = window.innerWidth;
-        const windowHeight = window.innerHeight;
-        // Quick bounds check
-        if (position.left >= margin &&
-            position.top >= margin &&
-            position.left + tooltipRect.width <= windowWidth - margin &&
-            position.top + tooltipRect.height <= windowHeight - margin) {
-            setTooltipState({ position, actualPosition: preferredPosition });
-            return;
-        }
-        // Try other positions if preferred doesn't fit
-        for (const pos of positionOrder) {
-            if (pos === preferredPosition)
-                continue;
-            const newPosition = calculatePositionForSide(pos, triggerRect, tooltipRect);
-            if (newPosition.left >= margin &&
-                newPosition.top >= margin &&
-                newPosition.left + tooltipRect.width <= windowWidth - margin &&
-                newPosition.top + tooltipRect.height <= windowHeight - margin) {
-                setTooltipState({ position: newPosition, actualPosition: pos });
-                return;
-            }
-        }
-        // Fallback to preferred position if none fit
-        setTooltipState({ position, actualPosition: preferredPosition });
-    }, [isVisible, preferredPosition, tooltipClassName]);
-    useEffect(() => {
-        frameRef.current = requestAnimationFrame(updatePosition);
-        return () => {
-            if (frameRef.current) {
-                cancelAnimationFrame(frameRef.current);
-            }
-        };
-    }, [updatePosition]);
-    return tooltipState;
-};
-// Main component with optimizations
-export const CwGenericTooltip = ({ children, content = null, position = defaultPosition, dissapearsWhenHover = false, hide = false, overlayStyle = {}, showDelay = 0, }) => {
-    const [isVisible, setIsVisible] = useState(false);
-    const containerRef = useRef(null);
-    const { setTooltipTimeout, clearTooltipTimeout } = useTooltipDelay(() => {
-        setIsVisible(true);
-    }, showDelay);
-    const { position: tooltipPosition, actualPosition } = useTooltipPosition(isVisible, containerRef, position, styles["cw-generic-tooltip-content"]);
-    // Memoize tooltip content creation
-    const tooltipContent = useMemo(() => {
-        if (hide || !isVisible || !content)
-            return null;
-        return createPortal(_jsx("div", { className: styles["cw-generic-tooltip-content"], "data-position": actualPosition, "data-visible": isVisible, style: {
-                position: 'fixed',
-                top: `${tooltipPosition.top}px`,
-                left: `${tooltipPosition.left}px`,
-                visibility: tooltipPosition.top === 0 && tooltipPosition.left === 0 ? 'hidden' : 'visible',
-                ...overlayStyle
-            }, onMouseEnter: () => dissapearsWhenHover && setIsVisible(false), children: content }), document.body);
-    }, [isVisible, content, actualPosition, tooltipPosition, dissapearsWhenHover, overlayStyle, hide]);
-    const handleMouseEnter = useCallback(() => {
-        setTooltipTimeout();
-    }, [setTooltipTimeout]);
-    const handleMouseLeave = useCallback(() => {
-        clearTooltipTimeout();
-        setIsVisible(false);
-    }, [clearTooltipTimeout]);
-    return (_jsxs("div", { ref: containerRef, className: styles["cw-generic-tooltip"], onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: overlayStyle, children: [tooltipContent, children] }));
-};
-export const _preview = () => {
-    return (_jsxs("div", { style: { display: "flex", flexDirection: "row", gap: "1em", padding: "50vh", pointerEvents: "auto" }, children: [_jsx("h3", { children: "Top" }), _jsx(CwGenericTooltip, { content: _jsxs("div", { style: { width: "200px" }, children: [_jsx("button", { children: "Button in tooltip" }), _jsx("p", { children: "Tooltip content" })] }), position: "top", dissapearsWhenHover: true, children: _jsx("div", { children: _jsx("p", { children: "Hover for top tooltip" }) }) }), _jsx("h3", { children: "Right" }), _jsx(CwGenericTooltip, { content: _jsxs("div", { children: [_jsx("button", { children: "Button in tooltip" }), _jsx("p", { children: "Tooltip content" })] }), position: "right", children: _jsx("div", { children: _jsx("p", { children: "Hover for right tooltip" }) }) }), _jsx("h3", { children: "Left" }), _jsx(CwGenericTooltip, { content: _jsxs("div", { children: [_jsx("button", { children: "Button in tooltip" }), _jsx("p", { children: "Tooltip content" })] }), position: "left", children: _jsx("div", { children: _jsx("p", { children: "Hover for left tooltip" }) }) }), _jsx("h3", { children: "Bottom" }), _jsx(CwGenericTooltip, { content: _jsxs("div", { children: [_jsx("button", { children: "Button in tooltip" }), _jsx("p", { children: "Tooltip content" })] }), position: "bottom", children: _jsx("div", { children: _jsx("p", { children: "Hover for bottom tooltip" }) }) })] }));
-};