@cwellt_software/cwellt-reactjs-lib 1.0.9 → 1.1.1

package/dist/playground/main.d.ts

@@ -0,0 +1,4 @@
+import '../dist/index.css';
+import "../src/common/styles/cw-global.css";
+export declare const App: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=main.d.ts.map

package/dist/playground/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../playground/main.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAG3B,OAAO,oCAAoC,CAAA;AAG3C,eAAO,MAAM,GAAG,+CA0Cf,CAAC"}

package/dist/src/common/classes/CwSelectList.js

@@ -0,0 +1,12 @@
+export class CwSelectList {
+    type;
+    id;
+    description;
+    color;
+    constructor(type, id, description, color) {
+        this.type = type;
+        this.id = id;
+        this.description = description;
+        this.color = color;
+    }
+}

package/dist/src/common/classes/CwSelectListItems.js

@@ -0,0 +1,14 @@
+export class CwSelectListItems {
+    type;
+    id;
+    description;
+    color;
+    active;
+    constructor(type, id, description, color, active) {
+        this.type = type;
+        this.id = id;
+        this.description = description;
+        this.color = color;
+        this.active = active;
+    }
+}

package/dist/src/common/functions/collections.js

@@ -0,0 +1,18 @@
+export const uniqValue = (items) => Array.from(new Set(items.map(i => i.valueOf())));
+export const uniqString = (items) => Array.from(new Set(items.map(i => i.toString())));
+export const escapeRegex = (unescaped) => unescaped.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+export const toOptionsRegexPattern = (arr) => arr.map(str => escapeRegex(str)).join("|");
+export function itemsToMultiFilterTags(items, nameKey, valueKey, category, primaryColor, onPrimaryColor) {
+    const result = new Set();
+    items.forEach((item, index) => {
+        result.add({
+            ID: `${category}_${index}`,
+            Name: item[nameKey] || index,
+            Value: item[valueKey] || index,
+            Category: category || "Missing Category",
+            PrimaryColor: primaryColor || { r: 0, g: 0, b: 0 },
+            OnPrimaryColor: onPrimaryColor || { r: 255, g: 255, b: 255 }
+        });
+    });
+    return result;
+}

package/dist/src/common/functions/colorManipulation.js

@@ -0,0 +1,76 @@
+function colorToHSL(color) {
+    const hexColor = colorToHEX(color);
+    const hex = hexColor.replace('#', '');
+    const r = parseInt(hex.substring(0, 2), 16) / 255;
+    const g = parseInt(hex.substring(2, 4), 16) / 255;
+    const b = parseInt(hex.substring(4, 6), 16) / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    return {
+        h: Math.round(h * 360),
+        s: Math.round(s * 100),
+        l: Math.round(l * 100)
+    };
+}
+export function colorToHEX(color) {
+    const canvas = document.createElement('canvas');
+    const context = canvas.getContext('2d');
+    if (!context)
+        throw new Error('Could not create canvas context');
+    context.fillStyle = color;
+    return context.fillStyle;
+}
+export function getHSLColor(color, alpha = 1) {
+    const hsl = colorToHSL(color);
+    return `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${alpha})`;
+}
+export function getContrastColor(color) {
+    if (color === null) {
+        return '#000000';
+    }
+    const hsl = colorToHSL(color);
+    // Saturated greenyellow and cyan tones need lower luminance threshold (40-35)
+    // Saturated mediumblue and blueviolet tones need higher luminance threshold (55-60)
+    // Saturated orangered tones need lower luminance threshold (45)
+    const isYellowGreen = (hsl.h >= 45 && hsl.h <= 180);
+    const isBlueViolet = (hsl.h >= 210 && hsl.h <= 300);
+    const isRedOrange = (hsl.h >= 0 && hsl.h <= 30) || (hsl.h >= 330 && hsl.h <= 360);
+    let threshold = 50;
+    if (isYellowGreen) {
+        threshold = 40;
+        if (hsl.s >= 70) {
+            threshold = 35;
+        }
+    }
+    else if (isBlueViolet) {
+        threshold = 55;
+        if (hsl.s >= 70) {
+            threshold = 60;
+        }
+    }
+    else if (isRedOrange && hsl.s >= 80) {
+        threshold = 45;
+    }
+    const contrastL = hsl.l >= threshold ? 20 : 90;
+    const contrastS = Math.min(hsl.s, 90);
+    return `hsl(${hsl.h}, ${contrastS}%, ${contrastL}%)`;
+}

package/dist/src/common/functions/dsl/UiEventDSL.js

@@ -0,0 +1,20 @@
+export class UiEvent {
+}
+export function when(event) {
+    let found = false;
+    const actions = {
+        case(eventType, action) {
+            if (!found && event instanceof eventType) {
+                action(event);
+                found = true;
+            }
+            return actions;
+        },
+        else(action) {
+            if (!found) {
+                action(event);
+            }
+        }
+    };
+    return actions;
+}

package/dist/src/common/functions/useSingleAndDoubleClicks.js

@@ -0,0 +1,28 @@
+import { useCallback, useRef } from 'react';
+function useSingleAndDoubleClicks(onClick, onDoubleClick) {
+    const timer = useRef(null);
+    const cancelPendingClick = useCallback(() => {
+        if (timer.current) {
+            clearTimeout(timer.current);
+            timer.current = null;
+        }
+    }, [timer]);
+    const handleClick = useCallback((e) => {
+        // We only cache the most recent click event, so cancel any pending clicks
+        e.stopPropagation();
+        e.preventDefault();
+        cancelPendingClick();
+        timer.current = setTimeout(() => {
+            timer.current = null;
+            onClick(e);
+        }, 500);
+    }, [timer, cancelPendingClick, onClick]);
+    const handleDoubleClick = useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        cancelPendingClick();
+        onDoubleClick(e);
+    }, [cancelPendingClick, onDoubleClick]);
+    return { handleClick, handleDoubleClick };
+}
+export default useSingleAndDoubleClicks;

package/dist/src/common/interfaces/CwSelectListProps.js

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

package/dist/src/components/control/action/button/CwButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function CwButton({ text, variant = 'solid', color = 'primary', className = '', icon = "", children, ...buttonProps }) {
+    // Build CSS classes based on variant and props
+    let buttonClass = `cw-button-${variant}`;
+    // Add icon class only for icon variant without children
+    if (variant === 'icon' && icon && !children) {
+        buttonClass += ` cwi-${icon}`;
+    }
+    if (className) {
+        buttonClass += ` ${className}`;
+    }
+    return (_jsx("button", { type: "button", className: buttonClass, ...buttonProps, "data-color": color, children: variant === 'icon' ? null : (children ?? (_jsxs(_Fragment, { children: [icon && _jsx("span", { className: `cwi-icons cwi-${icon}` }), text && _jsx("strong", { children: text })] }))) }));
+}

package/dist/src/components/control/action/buttons/CwButtons.js

@@ -0,0 +1,188 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Buttons components
+/**
+ * A floating button.
+ * @identifier cw_btnFloatingButton
+ * @classes cw_btnFloatingButtonActive
+ * @dependencies #CwScheduler #CwSchedulerActive #cwelltContentDuty #cwelltContentDutyActive
+ */
+// Floating button
+export function CwFloatingButton() {
+    const cwShowElement = () => {
+        // Content of List Duties
+        const cwContentDuty = document.getElementById("cwelltContentDuty");
+        cwContentDuty?.classList.toggle("cwelltContentDutyActive");
+        //  Floating button
+        const cw_btnFloatingButton = document.getElementById("cw_btnFloatingButton");
+        cw_btnFloatingButton?.classList.toggle("cw_btnFloatingButtonActive");
+        // #CwScheduler [ scheduler container]
+        const cwScheduler = document.getElementById("CwelltScheduler");
+        cwScheduler?.classList.toggle("CwelltSchedulerActive");
+    };
+    return _jsx("button", { className: "cw_btnFloatingButton", onClick: cwShowElement, id: "cw_btnFloatingButton" });
+}
+// Primary button => CwButtonDef
+// CwButtonDef
+export function CwButtonDef({ cw_btn_desc, cw_btnOnclick, cw_btn_disabled }) {
+    return (_jsx("button", { className: "cw-button cw_btn_primary", onClick: cw_btnOnclick, disabled: cw_btn_disabled, children: cw_btn_desc }));
+}
+// Cw add button
+export function CwBtnAdd({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-plus", disabled: cw_btn_disabled });
+}
+// Cw Save button
+export function CwBtnSave({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-save", disabled: cw_btn_disabled });
+}
+// Cw edit button
+export function CwBtnEdit({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-edit", disabled: cw_btn_disabled });
+}
+// Cw search button
+export function CwBtnSearch({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-search", disabled: cw_btn_disabled });
+}
+// Cw download button
+export function CwBtnDownload({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-download", disabled: cw_btn_disabled });
+}
+// Cw view button
+export function CwBtnView({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-eye-show", disabled: cw_btn_disabled });
+}
+// Cw Print button
+export function CwBtnPrint({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-print", disabled: cw_btn_disabled });
+}
+// Cw cancel button
+export function CwBtnCancel({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-cancel", disabled: cw_btn_disabled, "data-color": "danger" });
+}
+// Cw Delete button
+export function CwBtnDelete({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-delete", disabled: cw_btn_disabled, "data-color": "danger" });
+}
+// CwRefresh
+export function CwBtnRefresh({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-refresh", disabled: cw_btn_disabled });
+}
+// Cw hide
+export function CwBtnHide({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-eye-hide", disabled: cw_btn_disabled });
+}
+// Cw Select
+export function CwBtnSelect({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btn_select", disabled: cw_btn_disabled });
+}
+// Cw Share
+export function CwBtnShare({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-share", disabled: cw_btn_disabled });
+}
+// Cw Files
+export function CwBtnFiles({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btn_files", disabled: cw_btn_disabled });
+}
+// Cw Airport
+export function CwBtnAirport({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btn_airport", disabled: cw_btn_disabled });
+}
+// DownLoadAllInfo
+export function CwBtnDownLoadAllInfo({ cw_btnOnclick, cw_btn_disabled }) {
+    return (_jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-folder-download", disabled: cw_btn_disabled }));
+}
+// PropertyFolder
+export function CwBtnPropertyFolder({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-directory", disabled: cw_btn_disabled });
+}
+// AddFolder
+export function CwBtnAddFolder({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-folder-add", disabled: cw_btn_disabled });
+}
+// EditFolder
+export function CwBtnEditFolder({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-folder-edit", disabled: cw_btn_disabled });
+}
+// UploadFiles
+export function CwBtnUploadFiles({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-upload", disabled: cw_btn_disabled });
+}
+// GoBackSection [ Emanual ]
+export function CwBtnGoBackFolder({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cwBtnGoBackFolder", disabled: cw_btn_disabled });
+}
+// BookMark [ Emanual ]
+export function CwBtnBookMark({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-star", disabled: cw_btn_disabled });
+}
+// Publish
+export function CwBtnPublish({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btnPublish", disabled: cw_btn_disabled });
+}
+// Approve
+export function CwBtnApprove({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btnApprove", disabled: cw_btn_disabled });
+}
+// Bulk duty
+export function CwBtnBulkDuty({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btnBulkDuty", disabled: cw_btn_disabled });
+}
+// DropDownButtonCrewControl
+export function CwBtnDropDownMenu({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btnDropDownMenu", disabled: cw_btn_disabled });
+}
+// DropDownButtonCrewControl
+export function CwBtnAlert({ cw_btnOnclick, cw_btn_disabled, cw_name }) {
+    return (_jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-alert", disabled: cw_btn_disabled, id: cw_name }));
+}
+// BtnNavFirstItemView
+export function CwBtnNavFirstItemView({ cw_btnOnclick, cw_btn_disabled }) {
+    return (_jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btnNavFirstItemView", disabled: cw_btn_disabled }));
+}
+// BtnNavLastItemView
+export function CwBtnNavLastItemView({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btnNavLastItemView", disabled: cw_btn_disabled });
+}
+// BtnNavbreviewItem
+export function CwBtnNavPreviewItem({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btnNavPreviewItem", disabled: cw_btn_disabled });
+}
+// BtnNavNextDay
+export function CwBtnNavNextDay({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btnNavNextDay", disabled: cw_btn_disabled });
+}
+// BtnNavNextDay
+export function CwBtnStatistic({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-file-report", disabled: cw_btn_disabled });
+}
+// BtnNavNextDay
+export function CwBtnCrewPlanning({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-calendar-view", disabled: cw_btn_disabled });
+}
+// BtnReleasePeriod
+export function CwBtnReleasePeriod({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btnReleasePeriod", disabled: cw_btn_disabled });
+}
+// BtnReleasePeriod
+export function CwBtnGeneratePairing({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-plane-pairing", disabled: cw_btn_disabled });
+}
+// BtnImportRequests
+export function CwBtnImportRequests({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cw_btnImportRequests", disabled: cw_btn_disabled });
+}
+// BtnPairing
+export function CwBtnPairing({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-calendar-plane", disabled: cw_btn_disabled });
+}
+// BtnVacations
+export function CwBtnVacations({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-luggage", disabled: cw_btn_disabled });
+}
+// BtnMVT
+export function CwBtnMVT({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-plane-movement", disabled: cw_btn_disabled });
+}
+// BtnDelay
+export function CwBtnDelay({ cw_btnOnclick, cw_btn_disabled }) {
+    return _jsx("button", { onClick: cw_btnOnclick, className: "cw-button-icon cwi-icons cwi-plane-delay", disabled: cw_btn_disabled });
+}

package/dist/src/components/control/action/contextmenu/CwContextMenu.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import styles from "./cw-context-menu.module.css";
+/**
+ * A context menu that is rendered when the user clicks on a button.
+ * @author NVS
+ * @example
+ * <ContextMenu
+ *  options={['Option 1', 'Option 2', 'Option 3']}
+ *  onSelect={(option) => console.log(`Selected: ${option}`)}
+ * >
+ *   <div>Right-click me!</div>
+ * </ContextMenu>
+ */
+export const CwContextMenu = ({ children, options, offset, onSelect }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [position, setPosition] = useState({ x: 0, y: 0 });
+    const menuRef = useRef(null);
+    const handleContextMenu = (event) => {
+        event.preventDefault();
+        setIsOpen(true);
+        setPosition({ x: event.clientX, y: event.clientY });
+    };
+    const handleOptionClick = (option) => {
+        onSelect(option);
+        setIsOpen(false);
+    };
+    useEffect(() => {
+        const handleOutsideClick = (event) => {
+            if (menuRef.current && !menuRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleOutsideClick);
+        return () => {
+            document.removeEventListener("mousedown", handleOutsideClick);
+        };
+    }, []);
+    return (_jsxs("div", { onContextMenu: handleContextMenu, children: [children, isOpen && (_jsx("div", { ref: menuRef, className: styles["context-menu"], style: {
+                    top: position.y + (offset?.y || 0),
+                    left: position.x + (offset?.x || 0),
+                }, children: options.map(option => (_jsx("div", { onClick: () => handleOptionClick(option), className: styles["context-menu-item"], children: option }, option))) }))] }));
+};

package/dist/src/components/control/action/contextual-menu/CwContextualMenu.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+export function CwDataItem(cwBoxItemsProps) {
+    return (_jsx("div", { id: cwBoxItemsProps.id, className: "cwelltBoxItems", style: cwBoxItemsProps.style, children: _jsx("span", { className: "cwelltBoxItemsText cwelltFont1em_required", style: cwBoxItemsProps.styleDataItem, children: cwBoxItemsProps.children }) }));
+}
+export function CwContextualMenu(CwelltRightClickProps) {
+    //#region Hooks
+    const [isVisibleContextMenu, setVisibleContextMenu] = useState(false);
+    const [resetClassName, setResetClassName] = useState("");
+    const [positionRightClick, setpositionRightClick] = useState({ x: 0, y: 0 });
+    //#endregion
+    //#region Functions
+    const onShowContextMenu = (e) => {
+        e.preventDefault();
+        setVisibleContextMenu(true);
+        const newPosition = {
+            x: e.clientX - e.currentTarget.getBoundingClientRect().left,
+            y: e.clientY - e.currentTarget.getBoundingClientRect().top
+        };
+        setpositionRightClick(newPosition);
+        toggleClassName();
+    };
+    const toggleClassName = () => {
+        setTimeout(() => {
+            setResetClassName("cwellt_fade_out");
+        });
+        setTimeout(() => {
+            setResetClassName("cwellt_fade_in");
+        }, 500);
+    };
+    const onMouseLeaveContextMenuContainer = () => {
+        setVisibleContextMenu(false);
+    };
+    const onClickContextMenuContainer = () => {
+        setVisibleContextMenu(false);
+        CwelltRightClickProps.onClick;
+    };
+    const onKeyUpContextMenu = (e) => {
+        if (e.key === "Escape") {
+            // context menu dissapear
+            setVisibleContextMenu(false);
+        }
+        if (e.key === "Enter") {
+            // context menu dissapear
+            setVisibleContextMenu(false);
+        }
+    };
+    //#endregion
+    return (_jsxs("div", { className: "cwelltContextMenu_container", onContextMenu: onShowContextMenu, onMouseLeave: onMouseLeaveContextMenuContainer, onClick: onClickContextMenuContainer, style: { position: "relative" }, onKeyUp: e => onKeyUpContextMenu(e), tabIndex: 0, children: [CwelltRightClickProps.children, _jsx("div", { id: "contextMenu", className: isVisibleContextMenu ? "cwelltContextMenu " + resetClassName : "cwelltContextMenuHide " + resetClassName, style: {
+                    top: positionRightClick.y,
+                    left: positionRightClick.x
+                }, children: CwelltRightClickProps.dataSourceContextMenu?.map(indexDataItem => {
+                    return (_jsx(CwDataItem, { id: indexDataItem.idDataItem, style: indexDataItem.style, styleDataItem: indexDataItem.styleDataItem, children: indexDataItem.dataItemContent }));
+                }) })] }));
+}

package/dist/src/components/control/action/search/CwSearch.d.ts

@@ -4,13 +4,13 @@ export interface CwSearchInputProps extends HTMLProps<HTMLDivElement> {
     selectList: Array<CwSelectList>;
     labelName?: string;
     labelPosition?: string;
-    labelClassName?: string;
     handleChange?: (value: any) => void;
     placeholder?: string;
     className?: string;
     style?: React.CSSProperties;
     disabled?: boolean;
     error?: boolean;
+    renderOption?: (option: CwSelectList) => React.ReactNode;
 }
 export declare function CwSearchInput(optionsProps: React.PropsWithChildren<CwSearchInputProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CwSearch.d.ts.map

package/dist/src/components/control/action/search/CwSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/action/search/CwSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAEvE,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACpE,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,2CAyHtF"}
+{"version":3,"file":"CwSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/action/search/CwSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAEvE,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACpE,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;CACzD;AAED,wBAAgB,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,2CAyItF"}

package/dist/src/components/control/action/search/CwSearch.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+export function CwSearchInput(optionsProps) {
+    const [searchText, setSearchText] = useState("");
+    const [filteredOptions, setFilteredOptions] = useState([]);
+    const [_selectedOption, setSelectedOption] = useState(null);
+    // Make default value selection when loading the component
+    useEffect(() => {
+        if (optionsProps.defaultValue && optionsProps.selectList && optionsProps.selectList.length > 0) {
+            const defaultOption = optionsProps.selectList.find(option => option.id === optionsProps.defaultValue?.toString());
+            if (defaultOption) {
+                setSearchText(defaultOption.description);
+                setSelectedOption(defaultOption);
+                // Notify the parent component if there is a handleChange
+                if (optionsProps.handleChange) {
+                    optionsProps.handleChange(defaultOption.id);
+                }
+            }
+        }
+    }, [optionsProps.defaultValue, optionsProps.selectList]);
+    const handleInputChange = (event) => {
+        const text = event.target.value;
+        setSearchText(text);
+        if (text === "") {
+            setFilteredOptions([]);
+            setSelectedOption(null);
+            // Notify that there is no selection
+            if (optionsProps.handleChange) {
+                optionsProps.handleChange("");
+            }
+        }
+        else {
+            // Filter options based on search text in any text property
+            const filtered = optionsProps.selectList.filter((option) => {
+                // Search all properties of the object
+                return Object.keys(option).some(key => {
+                    const value = option[key];
+                    // Verify that the value is a string or number and contains the search text
+                    return (typeof value === 'string' || typeof value === 'number') &&
+                        String(value).toLowerCase().includes(text.toLowerCase());
+                });
+            });
+            setFilteredOptions(filtered);
+        }
+    };
+    const handleOptionSelect = (option) => {
+        setSearchText(option.description);
+        setSelectedOption(option);
+        if (optionsProps.handleChange) {
+            optionsProps.handleChange(option.id);
+        }
+        // Remove the filtered options when selecting one
+        setFilteredOptions([]);
+    };
+    const handleClearClick = () => {
+        setSearchText("");
+        setFilteredOptions([]);
+        setSelectedOption(null);
+    };
+    return (_jsxs("div", { className: "cwSearchInputComp", style: optionsProps.style, id: optionsProps.id, children: [_jsxs("div", { className: optionsProps.labelPosition === "inline"
+                    ? "cw-flex-row "
+                    : optionsProps.labelPosition === "column"
+                        ? "cw-flex-column"
+                        : "cw-flex-row ", children: [optionsProps.labelName && (_jsx("label", { className: optionsProps.disabled === true
+                            ? "cw_label_text cw_label_text_disabled" + " " + optionsProps.labelClassName
+                            : "cw_label_text" + " " + optionsProps.labelClassName, children: optionsProps.labelName })), _jsx("input", { type: "text", value: searchText, onChange: handleInputChange, placeholder: "Search...", className: "cw_input_search", disabled: optionsProps.disabled }), searchText && (_jsx("button", { className: "cw-button-icon cwi-close cw-input-search-clear", onClick: handleClearClick }))] }), filteredOptions.length > 0 && (_jsx("div", { className: "cw-input-search-dropdown", children: _jsx("ul", { children: filteredOptions.map((option) => (_jsx("li", { onClick: () => handleOptionSelect(option), children: option.description }, option.id))) }) }))] }));
+}

package/dist/src/components/control/action/tooltip-dialog/CwTooltipDialog.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CwAlign } from "../../../../components/layout/align/CwAlign";
+export var CwTooltipDialogType;
+(function (CwTooltipDialogType) {
+    CwTooltipDialogType["warn"] = "exclamation-triangle";
+    CwTooltipDialogType["error"] = "times-circle";
+    CwTooltipDialogType["info"] = "info-circle";
+})(CwTooltipDialogType || (CwTooltipDialogType = {}));
+export default function CwTooltipDialog(props) {
+    return (_jsxs("div", { style: { position: "relative" }, children: [props.children, props.getIsOpen && (_jsxs("div", { className: "cw-tooltip-dialog", style: { width: props._width ?? "auto", height: props._height ?? "auto" }, children: [_jsx("span", { children: props.text }), _jsxs(CwAlign, { children: [...props.buttons] })] }))] }));
+}

package/dist/src/components/control/choice/checkbox/CwCheckbox.d.ts

@@ -5,7 +5,7 @@ export interface CwCheckboxProps {
     labelPosition?: string;
     labelClassName?: string;
     checked?: boolean;
-    onChange?: any;
+    onChange?: (event: boolean) => void;
     className?: string;
     classNameContainer?: string;
     style?: React.CSSProperties;

package/dist/src/components/control/choice/checkbox/CwCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwCheckbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/checkbox/CwCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,2CAuCnF"}
+{"version":3,"file":"CwCheckbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/checkbox/CwCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,2CA+CnF"}

package/dist/src/components/control/choice/checkbox/CwCheckbox.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CwCheckbox(CwCheckboxProps) {
+    const handleChange = (e) => {
+        CwCheckboxProps.onChange?.(e.target.checked);
+    };
+    const inputElement = (_jsx("input", { id: CwCheckboxProps.id, type: "checkbox", checked: CwCheckboxProps.checked, onChange: e => handleChange(e), className: CwCheckboxProps.className ?? '', style: CwCheckboxProps.style, disabled: CwCheckboxProps.disabled }));
+    if (!CwCheckboxProps.labelName) {
+        return inputElement;
+    }
+    return (_jsxs("div", { className: CwCheckboxProps.labelPosition === "inline"
+            ? "cw_checkboxContent cwellt_flex_row" + " " + CwCheckboxProps.classNameContainer
+            : CwCheckboxProps.labelPosition === "column"
+                ? "cw_checkboxContent cwellt_flex_column" + " " + CwCheckboxProps.classNameContainer
+                : "cw_checkboxContent cwellt_flex_row" + " " + CwCheckboxProps.classNameContainer, style: CwCheckboxProps.styleContainer, children: [inputElement, CwCheckboxProps.labelName ? (_jsx("label", { htmlFor: CwCheckboxProps.id, className: CwCheckboxProps.labelClassName, children: CwCheckboxProps.labelName })) : null] }));
+}