@cwellt_software/cwellt-reactjs-lib 1.0.9 → 1.1.0

package/dist/src/components/custom/find-airport/CwFindAirportComp.d.ts

@@ -1,35 +1,18 @@
-import * as React from "react";
+import React from "react";
 import "./cw-find-airport.css";
+type DisplayMode = "default" | "icao-only" | "iata-only" | "full-text";
 export interface CwFindAirportProps {
     handleChange: (value: number) => void;
     searchType?: string;
     placeHolder?: string;
-    required: boolean;
+    required?: boolean;
     cblConfig: string;
-    className: string;
+    className?: string;
     value?: number;
     disabled?: boolean;
-    icaoText?: boolean;
-}
-interface State {
-    data: any[];
-    valueId: any;
-    valueText: string;
-    searchingAtProviders: boolean;
-    searchType: string;
-    airports: any[];
-}
-export declare class CwFindAirport extends React.Component<CwFindAirportProps, State> {
-    constructor(Props: CwFindAirportProps);
-    componentDidMount(): void;
-    componentDidUpdate(_previousProps: any, _previousState: State): void;
-    fetchAirportData(airportId: number): void;
-    handleSearch(value: any): void;
-    handleChange(value: number): void;
-    handleSelect(value: any): void;
-    onClick(): void;
-    getShortCode(text: string): string;
-    render(): import("react/jsx-runtime").JSX.Element;
+    displayMode?: DisplayMode;
+    width?: string;
 }
+export declare const CwFindAirport: React.FC<CwFindAirportProps>;
 export {};
 //# sourceMappingURL=CwFindAirportComp.d.ts.map

package/dist/src/components/custom/find-airport/CwFindAirportComp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwFindAirportComp.d.ts","sourceRoot":"","sources":["../../../../../src/components/custom/find-airport/CwFindAirportComp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,KAAK;IACd,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,GAAG,EAAE,CAAC;CAChB;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,KAAK,CAAC;gBAChE,KAAK,EAAE,kBAAkB;IAarC,iBAAiB;IAejB,kBAAkB,CAAC,cAAc,EAAE,GAAG,EAAE,cAAc,EAAE,KAAK;IAc7D,gBAAgB,CAAC,SAAS,EAAE,MAAM;IAoBlC,YAAY,CAAC,KAAK,EAAE,GAAG;IAwCvB,YAAY,CAAC,KAAK,EAAE,MAAM;IAK1B,YAAY,CAAC,KAAK,EAAE,GAAG;IA+BvB,OAAO;IA4BP,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAQlC,MAAM;CA6DN"}
+{"version":3,"file":"CwFindAirportComp.d.ts","sourceRoot":"","sources":["../../../../../src/components/custom/find-airport/CwFindAirportComp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,uBAAuB,CAAC;AAgB/B,KAAK,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;AAEvE,MAAM,WAAW,kBAAkB;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4VtD,CAAC"}

package/dist/src/components/custom/find-airport/CwFindAirportComp.js

@@ -0,0 +1,240 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { CwButton } from "../../control/action/button/CwButton";
+import { CwIcon } from "../../display/graphics/icon/CwIcon";
+import "./cw-find-airport.css";
+export const CwFindAirport = ({ handleChange, searchType = "OnlyDatabase", placeHolder = "Search airport…", required = false, cblConfig, className = "", value, disabled = false, displayMode, width }) => {
+    // State
+    const [inputValue, setInputValue] = useState("");
+    const [options, setOptions] = useState([]);
+    const [airports, setAirports] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isInitialLoading, setIsInitialLoading] = useState(false);
+    const [showDropdown, setShowDropdown] = useState(false);
+    const [highlightedIndex, setHighlightedIndex] = useState(-1);
+    const [tooltipText, setTooltipText] = useState("");
+    // Refs
+    const inputRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const searchTimeoutRef = useRef();
+    // Utility function to extract ICAO from DisplayAirportText
+    const extractIcao = useCallback((displayText) => {
+        const match = displayText.match(/^([A-Z]{4})\(/);
+        return match ? match[1] : displayText;
+    }, []);
+    // Utility function to extract IATA from DisplayAirportText
+    const extractIata = useCallback((displayText) => {
+        const match = displayText.match(/\(([A-Z]{3})\)/);
+        return match ? match[1] : displayText;
+    }, []);
+    // Utility function to get short code (ICAO(IATA) format - original behavior)
+    const getShortCode = useCallback((displayText) => {
+        const match = displayText.match(/([A-Z]{4})\(([A-Z]{3})\)/);
+        if (match && match.length >= 3) {
+            return `${match[1]}(${match[2]})`;
+        }
+        return displayText;
+    }, []);
+    // Utility function to get display text for INPUT based on mode
+    const getInputDisplayText = useCallback((airport) => {
+        const fullText = airport.DisplayAirportText;
+        switch (displayMode) {
+            case "icao-only":
+                return extractIcao(fullText);
+            case "iata-only":
+                return extractIata(fullText);
+            case "full-text":
+                return fullText;
+            case "default":
+            default:
+                // Default: ICAO(IATA) - same as original getShortCode behavior
+                return getShortCode(fullText);
+        }
+    }, [displayMode, extractIcao, extractIata, getShortCode]);
+    // Utility function to get display text for DROPDOWN (always full text)
+    const getDropdownDisplayText = useCallback((airport) => {
+        return airport.DisplayAirportText;
+    }, []);
+    // Fetch airport data by ID
+    const fetchAirportData = useCallback(async (airportId) => {
+        setIsInitialLoading(true);
+        try {
+            const response = await fetch(`${cblConfig}api/data/airport?airportId=${airportId}`);
+            const result = await response.json();
+            const airport = result;
+            const inputText = getInputDisplayText(airport);
+            const dropdownText = getDropdownDisplayText(airport);
+            setAirports([airport]);
+            setOptions([{ value: airport.AptKey, text: dropdownText }]);
+            setInputValue(inputText);
+            setTooltipText(airport.DisplayAirportText);
+        }
+        catch (error) {
+            console.error("Error fetching airport data:", error);
+        }
+        finally {
+            setIsInitialLoading(false);
+        }
+    }, [cblConfig, getInputDisplayText, getDropdownDisplayText]);
+    // Map searchType string to number for API
+    const getSearchTypeNumber = useCallback((type) => {
+        switch (type) {
+            case "OnlyDatabase": return 0;
+            case "DatabaseAndProviders": return 1;
+            case "OnlyProviders": return 2;
+            default: return 0;
+        }
+    }, []);
+    // Search airports
+    const searchAirports = useCallback(async (searchText) => {
+        if (searchText.length < 2) {
+            setOptions([]);
+            setAirports([]);
+            setShowDropdown(false);
+            return;
+        }
+        setIsLoading(true);
+        try {
+            const searchTypeNumber = getSearchTypeNumber(searchType);
+            const response = await fetch(`${cblConfig}controls/cblFindAirport/cblFindAirport/SearchAirportCodeName?text=${searchText}&searchType=${searchTypeNumber}`);
+            const results = await response.json();
+            const newOptions = [];
+            const newAirports = [];
+            results.forEach((airport) => {
+                const displayText = getDropdownDisplayText(airport);
+                newOptions.push({ value: airport.AptKey, text: displayText });
+                newAirports.push(airport);
+            });
+            setOptions(newOptions);
+            setAirports(newAirports);
+            setShowDropdown(newOptions.length > 0);
+            setHighlightedIndex(-1);
+        }
+        catch (error) {
+            console.error("Error searching airports:", error);
+            setOptions([]);
+            setAirports([]);
+            setShowDropdown(false);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [cblConfig, getDropdownDisplayText, searchType, getSearchTypeNumber]);
+    // Debounced search
+    const debouncedSearch = useCallback((searchText) => {
+        if (searchTimeoutRef.current) {
+            window.clearTimeout(searchTimeoutRef.current);
+        }
+        searchTimeoutRef.current = window.setTimeout(() => {
+            searchAirports(searchText);
+        }, 300); // 300ms debounce
+    }, [searchAirports]);
+    // Handle input change
+    const handleInputChange = (e) => {
+        const newValue = e.target.value;
+        setInputValue(newValue);
+        if (newValue !== inputValue) {
+            debouncedSearch(newValue);
+        }
+    };
+    // Handle option selection
+    const handleOptionSelect = async (optionValue) => {
+        const selectedAirport = airports.find(apt => apt.AptKey === optionValue);
+        if (!selectedAirport)
+            return;
+        setShowDropdown(false);
+        // Handle provider airports (keeping original logic)
+        if (selectedAirport.isAirportFromProvider) {
+            try {
+                const response = await fetch(`${cblConfig}controls/cblFindAirport/cblFindAirport/GetCblAirport?IATAICAO=${selectedAirport.AptIcao}&update=false`);
+                const result = await response.json();
+                const resultAirport = result;
+                const inputText = getInputDisplayText(resultAirport);
+                const dropdownText = getDropdownDisplayText(resultAirport);
+                setInputValue(inputText);
+                setTooltipText(result.DisplayAirportText);
+                setAirports([result]);
+                setOptions([{ value: result.AptKey, text: dropdownText }]);
+                handleChange(result.AptKey);
+            }
+            catch (error) {
+                console.error("Error fetching provider airport:", error);
+            }
+        }
+        else {
+            const inputText = getInputDisplayText(selectedAirport);
+            setInputValue(inputText);
+            setTooltipText(getDropdownDisplayText(selectedAirport));
+            handleChange(optionValue);
+        }
+    };
+    // Handle keyboard navigation
+    const handleKeyDown = (e) => {
+        if (!showDropdown || options.length === 0)
+            return;
+        switch (e.key) {
+            case "ArrowDown":
+                e.preventDefault();
+                setHighlightedIndex(prev => prev < options.length - 1 ? prev + 1 : 0);
+                break;
+            case "ArrowUp":
+                e.preventDefault();
+                setHighlightedIndex(prev => prev > 0 ? prev - 1 : options.length - 1);
+                break;
+            case "Enter":
+                e.preventDefault();
+                if (highlightedIndex >= 0 && highlightedIndex < options.length) {
+                    handleOptionSelect(options[highlightedIndex].value);
+                }
+                break;
+            case "Escape":
+                setShowDropdown(false);
+                setHighlightedIndex(-1);
+                break;
+        }
+    };
+    // Handle clicks outside dropdown
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target) &&
+                !inputRef.current?.contains(event.target)) {
+                setShowDropdown(false);
+                setHighlightedIndex(-1);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    // Load initial value
+    useEffect(() => {
+        if (value && value !== 0 && value !== -1) {
+            fetchAirportData(value);
+        }
+    }, [value, fetchAirportData]);
+    useEffect(() => {
+        if (!value || value === 0 || value === -1) {
+            setInputValue("");
+            setTooltipText("");
+            setOptions([]);
+            setAirports([]);
+        }
+    }, [value]);
+    // Handle input focus
+    const handleInputFocus = () => {
+        if (options.length > 0) {
+            setShowDropdown(true);
+        }
+    };
+    // Clear selection
+    const handleClear = () => {
+        setInputValue("");
+        setTooltipText("");
+        setOptions([]);
+        setAirports([]);
+        setShowDropdown(false);
+        handleChange(0); // or -1, depending on API expectations
+        inputRef.current?.focus();
+    };
+    return (_jsxs("div", { className: `cw-find-airport ${className}`, style: width ? { width } : undefined, children: [_jsxs("div", { className: "cw-find-airport-input-wrapper", children: [_jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onFocus: handleInputFocus, placeholder: isInitialLoading ? "Loading…" : placeHolder, disabled: disabled, required: required, autoComplete: "off", "aria-expanded": showDropdown, "aria-haspopup": "listbox", role: "combobox", title: tooltipText }), (isLoading || isInitialLoading) && (_jsx("div", { className: "cw-find-airport-loading", children: _jsx(CwIcon, { iconId: "spinner" }) })), inputValue && !disabled && !isInitialLoading && (_jsx(CwButton, { type: "button", onClick: handleClear, "aria-label": "Clear selected airport", variant: "icon", icon: "close", color: "neutral" }))] }), showDropdown && options.length > 0 && (_jsx("div", { ref: dropdownRef, className: "cw-find-airport-dropdown", role: "listbox", children: options.map((option, index) => (_jsx("div", { className: `cw-find-airport-option ${index === highlightedIndex ? "highlighted" : ""}`, onClick: () => handleOptionSelect(option.value), role: "option", "aria-selected": index === highlightedIndex, children: option.text }, option.value))) }))] }));
+};

package/dist/src/components/custom/scheduler/CwSchedulerComp.js

@@ -0,0 +1,211 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import moment from "moment";
+import { Component } from "react";
+import { ResourcesTitleList } from "./components/resources_title_list/ResourcesTitleList";
+import { SchedulerContentArea } from "./components/scheduler_content_area/SchedulerContentArea";
+import { SchedulerHeader } from "./components/scheduler_header/SchedulerHeader";
+import { addMinutesToDateFromPx } from "./logic/dates/addMinutesToDateFromPx";
+import { daysBetweenTwoDates } from "./logic/dates/daysBetweenTwoDates";
+import { daysBetweenTwoDatesIncludingBoth } from "./logic/dates/daysBetweenTwoDatesWithoutCeil";
+import { getUtcToday } from "./logic/dates/getUtcToday";
+import { calculateDivisions } from "./logic/divisions/calculateDivisions";
+import { filterEvents } from "./logic/filtering/filterEvents";
+import { filterResources } from "./logic/filtering/filterResources";
+import { heightScheduler } from "./logic/pixels/heightScheduler";
+import { getEventsInInnerRows } from "./logic/ui/getEventsOfResource";
+import { getTimeHeaders } from "./logic/ui/getTimeHeaders";
+export class CwScheduler extends Component {
+    contentArea;
+    calculateMaxPx = () => {
+        const mainElement = document.body;
+        const mainRect = mainElement.getBoundingClientRect();
+        return Math.floor(mainRect.width - 190);
+    };
+    constructor(props) {
+        super(props);
+        const maxPx = this.calculateMaxPx();
+        const timeHeaders = getTimeHeaders(props.startDate, props.endDate);
+        const dayPx = maxPx / Math.floor(daysBetweenTwoDates(props.startDate, props.endDate));
+        const hourPx = dayPx / 24;
+        const minutePx = dayPx / 1440;
+        window?.addEventListener("resize", this.handleResize);
+        const divisions = calculateDivisions(this.props.startDate, this.props.endDate);
+        const divisionsLeftPx = timeHeaders
+            .filter((_, index) => {
+            return index != 0 && index % (24 / divisions) == 0;
+        })
+            .map((date) => {
+            const daysDiff = daysBetweenTwoDatesIncludingBoth(date, props.startDate);
+            const pixels = daysDiff * 24 * hourPx;
+            return pixels;
+        });
+        this.state = {
+            maxPx: maxPx,
+            dayPx: dayPx,
+            hourPx: hourPx,
+            minutePx: minutePx,
+            timeHeaders: timeHeaders,
+            divisionsLeftPx: divisionsLeftPx,
+            eventHeight: 30,
+            resources: props.resources,
+            lineStyle: 0,
+            nowUtc: getUtcToday(),
+            division: divisions,
+            divisionType: "",
+            pinnedResources: props.pinnedResources ? props.pinnedResources : [],
+            selectedEvents: [],
+            showConsoleLogs: false, // Change to false to not show the console.log(...)
+        };
+    }
+    handleResize = () => {
+        const maxPx = this.calculateMaxPx();
+        const days = Math.floor(daysBetweenTwoDates(this.props.startDate, this.props.endDate));
+        const dayPx = maxPx / days;
+        const hourPx = dayPx / 24;
+        const updated = { ...this.state, maxPx: maxPx, hourPx: hourPx, dayPx: dayPx };
+        this.setState(updated);
+    };
+    objectsEqual = (o1, o2) => {
+        Object.keys(o1).length === Object.keys(o2).length && Object.keys(o1).every((p) => o1[p] === o2[p]);
+    };
+    objectsEqualDeep = (o1, o2) => typeof o1 === "object" && Object.keys(o1).length > 0
+        ? Object.keys(o1).length === Object.keys(o2).length &&
+            Object.keys(o1).every((p) => this.objectsEqual(o1[p], o2[p]))
+        : o1 === o2;
+    arraysEqual = (a1, a2) => a1.length === a2.length && a1.every((o, idx) => this.objectsEqualDeep(o, a2[idx]));
+    componentWillReceiveProps(_nextProps) {
+        if (this.state.showConsoleLogs) {
+            console.log("Schedule - componentWillReceiveProps, start: ", moment(new Date()).toString());
+            console.log("Schedule - componentWillReceiveProps - has changes, start: ", moment(new Date()).toString());
+        }
+        const dateChange = _nextProps.startDate.toISOString() !== this.props.startDate.toISOString() ||
+            _nextProps.endDate.toISOString() !== this.props.endDate.toISOString();
+        if (dateChange) {
+            const startDate = _nextProps.startDate;
+            const endDate = _nextProps.endDate;
+            const maxPx = this.calculateMaxPx();
+            const timeHeaders = getTimeHeaders(startDate, endDate);
+            const days = Math.floor(daysBetweenTwoDates(startDate, endDate));
+            const dayPx = maxPx / days;
+            const hourPx = dayPx / 24;
+            const minutePx = dayPx / 1440;
+            const now = getUtcToday();
+            const isInDateRange = now >= startDate && now <= endDate && this.contentArea !== undefined;
+            const lineStyle = isInDateRange ? daysBetweenTwoDatesIncludingBoth(startDate, now) * dayPx : 0;
+            const divisions = calculateDivisions(startDate, endDate);
+            const divisionsLeftPx = timeHeaders
+                .filter((_, index) => {
+                return index != 0 && index % (24 / divisions) == 0;
+            })
+                .map((date) => {
+                const daysDiff = daysBetweenTwoDatesIncludingBoth(date, startDate);
+                const pixels = daysDiff * dayPx;
+                return pixels;
+            });
+            this.setState({
+                maxPx: maxPx, // window.screen.width * 0.9,
+                dayPx: dayPx,
+                hourPx: hourPx,
+                minutePx: minutePx,
+                timeHeaders: timeHeaders,
+                divisionsLeftPx: divisionsLeftPx,
+                resources: this.getNewResources(_nextProps, dayPx),
+                lineStyle: lineStyle,
+                nowUtc: now,
+                division: divisions,
+                divisionType: "",
+                pinnedResources: this.props.pinnedResources ?? [],
+            });
+            if (this.state.showConsoleLogs) {
+                console.log("Schedule - componentWillReceiveProps - print on schedule, end: ", moment(new Date()).toString());
+                console.log("Schedule - componentWillReceiveProps, end: ", moment(new Date()).toString());
+            }
+            return;
+        }
+        const areSameEvents = this.arraysEqual(_nextProps.events, this.props.events);
+        const areSameRows = this.arraysEqual(_nextProps.resources, this.props.resources);
+        if (!areSameEvents || !areSameRows) {
+            const startDate = _nextProps.startDate;
+            const endDate = _nextProps.endDate;
+            const maxPx = this.calculateMaxPx();
+            const days = Math.floor(daysBetweenTwoDates(startDate, endDate));
+            const dayPx = maxPx / days;
+            this.setState({
+                resources: this.getNewResources(_nextProps, dayPx),
+            });
+            return;
+        }
+    }
+    getNewResources = (_nextProps, dayPx) => {
+        const mappedEvents = filterEvents(_nextProps.events, _nextProps.startDate, _nextProps.endDate, this.props.id, this.props.module)
+            .filter((event) => {
+            const outOfRange = event.end <= this.props.startDate || event.start >= this.props.endDate;
+            return !outOfRange;
+        });
+        const resources = filterResources(this.props.module, this.props.resourceName, _nextProps.resources, this.props.groupByFunction, _nextProps.endDate, _nextProps.startDate, this.props.id);
+        const newResources = resources
+            .map((resource) => {
+            return {
+                ...resource,
+                events: mappedEvents.filter((event) => event.resourceId === resource.id),
+            };
+        })
+            .map((resource) => {
+            const tops = getEventsInInnerRows(resource, this.state.eventHeight, dayPx, _nextProps.startDate);
+            const height = tops.length === 0 ? this.state.eventHeight : tops.length * this.state.eventHeight;
+            let flatMapEvents = [];
+            for (let h = 0; h < tops.length; h++) {
+                flatMapEvents = flatMapEvents.concat(tops[h]);
+            }
+            return {
+                ...resource,
+                maxTop: height,
+                events: flatMapEvents,
+            };
+        });
+        return newResources;
+    };
+    handleOnClickContextMenuResourceScheduler = (_clickEvent, _resource) => {
+        let datetime = new Date();
+        const _ca = this.contentArea;
+        if (_clickEvent.domEvent.currentTarget !== undefined) {
+            const leftPos = _clickEvent.domEvent.currentTarget.parentElement.getBoundingClientRect().left -
+                (_ca?.getBoundingClientRect()?.left ?? 0) -
+                window.scrollX;
+            datetime = addMinutesToDateFromPx(this.props.startDate, leftPos, this.state.minutePx);
+        }
+        if (this.props.scheduler_handleOnClickContextMenuResource) {
+            this.props.scheduler_handleOnClickContextMenuResource(datetime, _resource, _clickEvent.key, this.props.id);
+        }
+    };
+    handleCrewPinning = (resource, text) => {
+        if (this.props.scheduler_handlePinned) {
+            this.props.scheduler_handlePinned.call(this.props.parent, resource.id, text, this.props.id);
+        }
+    };
+    render() {
+        const isInDateRange = this.state.nowUtc >= this.props.startDate &&
+            this.state.nowUtc <= this.props.endDate &&
+            this.contentArea !== undefined;
+        const showTimeline = isInDateRange && this.state.lineStyle < this.state.maxPx;
+        const isPinnedTable = this.props.id.toLowerCase().includes("pinned");
+        const schedulerHeight = heightScheduler(this.state.resources, this.props.height, this.props.id === "crewAssignmentsScheduler");
+        return (_jsx("div", { id: this.props.id, style: {
+                maxHeight: isPinnedTable ? "auto" : schedulerHeight,
+            }, className: this.state.resources.length > 0 ? "cwellt_tb_con" : "cwellt_tb_con cw_tb_con_emptyValues", children: _jsxs("table", { id: "cwelltTableScheduler", children: [this.props.id !== "crewAssignmentsScheduler" && (_jsx(SchedulerHeader, { timelineProps: {
+                            maxPx: this.state.maxPx,
+                            hoursList: this.state.timeHeaders,
+                            pxPerHour: this.state.hourPx,
+                            startDate: this.props.startDate,
+                            endDate: this.props.endDate,
+                            headerName: this.props.resourceName,
+                        }, descriptionColumn: this.props.descriptionColumn })), _jsx("tbody", { style: {
+                            width: this.state.maxPx + 150,
+                            maxHeight: isPinnedTable ? "auto" : schedulerHeight,
+                        }, className: isPinnedTable ? "fc-body cw-fc-body-pinned" : "fc-body", children: _jsxs("tr", { className: "fc_body_row", children: [_jsx(ResourcesTitleList, { resources: this.state.resources, canBePinned: this.props.canBePinned ?? false, includesPinned: this.props.id.toLowerCase().includes("pinned"), onCrewPinning: this.handleCrewPinning, onClickResourceContextMenu: (_e, resource) => {
+                                        if (this.props.scheduler_handleOnClickResourceContextMenu) {
+                                            this.props.scheduler_handleOnClickResourceContextMenu(_e, resource);
+                                        }
+                                    }, ResourceTitleComponent: this.props.resourceComp }), _jsx("td", { className: "dividerArea" }), _jsx(SchedulerContentArea, { now: this.state.nowUtc, showTimeline: showTimeline, timeSeparatorLeftPx: this.state.divisionsLeftPx, timeLineLeftPx: this.state.lineStyle, resources: this.state.resources, contextMenuContents: this.props.resourceContextMenuContents, scheduler: this, onEmptyClick: this.props.scheduler_handleEmptyClick, setContentArea: (n) => (this.contentArea = n), onClickContextMenu: this.handleOnClickContextMenuResourceScheduler })] }) })] }) }));
+    }
+}

package/dist/src/components/custom/scheduler/CwSuperSchedulerComp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwSuperSchedulerComp.d.ts","sourceRoot":"","sources":["../../../../../src/components/custom/scheduler/CwSuperSchedulerComp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC/B,QAAQ,EAAE,QAAQ,CAAC;IACnB,6BAA6B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAChC,QAAQ,EAAE,QAAQ,CAAC;IACnB,gCAAgC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC7E,CAAC;AAEF,MAAM,WAAW,mBAAmB;IACnC,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,cAAc,EAAE,QAAQ,EAAE,CAAC;IAC3B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,6BAA6B,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,kCAAkC,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACvF,mCAAmC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACvF,yCAAyC,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtG,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IAC1C,uCAAuC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC/E,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC3C,0CAA0C,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnG,2BAA2B,CAAC,EAAE,KAAK,CAAC;QACnC,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;IACH,6CAA6C,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC7E,0BAA0B,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,8BAA8B,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE,iCAAiC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,oBAAoB,EAAE,GAAG,KAAK,IAAI,CAAC;IACpF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC,EAAE,MAAM,IAAI,CAAC;IAChD,kCAAkC,EAAE,CACnC,UAAU,EAAE,MAAM,EAAE,EACpB,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,MAAM,KACjB,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC1B,0CAA0C,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,KAAK;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,EAAE,CAAC;CAC1B;AAGD,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,KAAK,CAAC;gBACpE,KAAK,EAAE,mBAAmB;IAUtC,kBAAkB,CAAC,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,KAAK;IAwB7E,6BAA6B,aAAc,QAAQ,eAAe,MAAM,UAEtE;IAEF,kCAAkC,aAAc,QAAQ,eAAe,MAAM,UAI3E;IAEF,mCAAmC,aAAc,QAAQ,eAAe,MAAM,UAE5E;IAEF,sCAAsC,WAAY,MAAM,EAAE,eAAe,MAAM,iBAAiB,MAAM,UAEpG;IAEF,2BAA2B,UAAW,MAAM,QAAQ,MAAM,eAAe,MAAM,UAI7E;IAEF,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM;;;;IA0D1D,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ;IAU5D,gCAAgC,SAAU,IAAI,YAAY,QAAQ,OAAO,MAAM,eAAe,MAAM,UAwHlG;IAEF,aAAa,CAAC,IAAI,EAAE,GAAG;IAWvB,MAAM;CAsFN;AAED,qBAAa,cAAc;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACxB,aAAa,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,aAAa,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;gBAGzB,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,EACvB,aAAa,GAAE,IAAI,GAAG,IAAW,EACjC,eAAe,GAAE,OAAO,GAAG,IAAW,EACtC,aAAa,GAAE,OAAO,GAAG,IAAW,EACpC,SAAS,GAAE,OAAO,GAAG,IAAW;CAUjC"}
+{"version":3,"file":"CwSuperSchedulerComp.d.ts","sourceRoot":"","sources":["../../../../../src/components/custom/scheduler/CwSuperSchedulerComp.tsx"],"names":[],"mappings":"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"}