@cwellt_software/cwellt-reactjs-lib 1.2.14 → 1.2.15

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

@@ -1,14 +0,0 @@
-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

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

@@ -1,76 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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

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

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

@@ -1,13 +0,0 @@
-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

@@ -1,188 +0,0 @@
-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

@@ -1,43 +0,0 @@
-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

@@ -1,55 +0,0 @@
-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.js

@@ -1,67 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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.js

@@ -1,15 +0,0 @@
-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] }));
-}