@cwellt_software/cwellt-reactjs-lib 1.1.4 → 1.1.6

package/dist/index.d.ts

@@ -2682,4 +2682,6 @@ declare class OnClickContextMenu implements UiEvent {
     constructor(id: string, clickedMenu: string);
 }
 
-export { type BackgroundEventDm, type CardChip, CblDragAndDrop$1 as CblDragAndDrop, type ChipColorScheme, type ChipVariant, type Column, type ConfirmationPopupProps, CwAccordionContainer, CwAlign, type CwAlignProps, CwBtnAdd, CwBtnAddFolder, CwBtnAirport, CwBtnAlert, CwBtnApprove, CwBtnBookMark, CwBtnBulkDuty, CwBtnCancel, CwBtnCrewPlanning, CwBtnDelay, CwBtnDelete, CwBtnDownLoadAllInfo, CwBtnDownload, CwBtnDropDownMenu, CwBtnEdit, CwBtnEditFolder, CwBtnFiles, CwBtnGeneratePairing, CwBtnGoBackFolder, CwBtnHide, CwBtnImportRequests, CwBtnMVT, CwBtnNavFirstItemView, CwBtnNavLastItemView, CwBtnNavNextDay, CwBtnNavPreviewItem, CwBtnPairing, CwBtnPrint, CwBtnPropertyFolder, CwBtnPublish, CwBtnRefresh, CwBtnReleasePeriod, CwBtnSave, CwBtnSearch, CwBtnSelect, CwBtnShare, CwBtnStatistic, CwBtnUploadFiles, CwBtnVacations, CwBtnView, CwButton, CwButtonDef, CwCard, CwCardList, type CwCardListProps, type CwCardProps, CwCheckbox, CwChip, type CwChipProps, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwContextualMenu, CwDialog, CwDialogManager, type CwDialogProps, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownContainer, CwDropdownFilter, CwExpandable, type CwExpandableProps, CwFileUpload, CwFileUploadMultiple, type CwFilterTabProps, CwFindAirport, CwFloatingButton, CwGenericTooltip, CwHeadFilter, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, type CwImageAreaMethods, type CwImageAreaProps, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDate, CwInputDatePicker, type CwInputDatePickerProps, type CwInputDateProps, CwInputDateText, type CwInputDateTextProps, CwInputDatetime, type CwInputDatetimeProps, CwInputImage, type CwInputImageProps, CwInputNumber, type CwInputNumberProps, CwInputPhone, type CwInputPhoneProps, CwInputText, type CwInputTextProps, type CwInputTimeProps, CwKeyValueList, type CwKeyValueListProps, CwLabel, type CwLabelProps, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, type CwMessageProps, CwMessageType, CwModal, CwModalConfirm, CwModalHover, type CwModalHoverProps, CwModalIframe, CwModalReportFunctional, CwMultiFilter, type CwMultiFilterProps, CwMultiFilterTag, type CwMultiFilterTagProps, CwMultiselect, CwNote, type CwNoteProps, CwOption, CwOptionList, CwReportModal, type CwReportModalFunctionalProps, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, type CwSelectListProps, CwSortableList, type CwSortableListProps, CwSuperScheduler, CwTable, CwTableGrouped, type CwTableGroupedData, type CwTableGroupedData_Group, type CwTableGroupedData_Row, type CwTableGroupedProps, CwTabs, CwTag, CwTextArea, type CwTextAreaProps, CwTime, CwToggle, CwTooltip, type CwTreeNode, CwTreeView, CwWeekdaySelector, type DataItem, DefaultRowHeader, type ICwMultiFilterTag, type ImageItem, MultiSelect, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, type OnEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, type PinRowHeaderProps, Resource, type RowHeaderDm, type RowHeaderProps, Scheduler, SchedulerEvent, type SchedulerEventDm, type SchedulerEventState, type SchedulerRowProps, type SchedulerState, SuperScheduler, type SuperSchedulerProps, type Tab, UiEvent, type Weekday, Weekdays, type ZoomImageItem, cblEvent, type cblEventCompProps, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, type resourceCompProps2, useCwMessage, useSortableList };
+declare const CwPaletteTree: () => react_jsx_runtime.JSX.Element;
+
+export { type BackgroundEventDm, type CardChip, CblDragAndDrop$1 as CblDragAndDrop, type ChipColorScheme, type ChipVariant, type Column, type ConfirmationPopupProps, CwAccordionContainer, CwAlign, type CwAlignProps, CwBtnAdd, CwBtnAddFolder, CwBtnAirport, CwBtnAlert, CwBtnApprove, CwBtnBookMark, CwBtnBulkDuty, CwBtnCancel, CwBtnCrewPlanning, CwBtnDelay, CwBtnDelete, CwBtnDownLoadAllInfo, CwBtnDownload, CwBtnDropDownMenu, CwBtnEdit, CwBtnEditFolder, CwBtnFiles, CwBtnGeneratePairing, CwBtnGoBackFolder, CwBtnHide, CwBtnImportRequests, CwBtnMVT, CwBtnNavFirstItemView, CwBtnNavLastItemView, CwBtnNavNextDay, CwBtnNavPreviewItem, CwBtnPairing, CwBtnPrint, CwBtnPropertyFolder, CwBtnPublish, CwBtnRefresh, CwBtnReleasePeriod, CwBtnSave, CwBtnSearch, CwBtnSelect, CwBtnShare, CwBtnStatistic, CwBtnUploadFiles, CwBtnVacations, CwBtnView, CwButton, CwButtonDef, CwCard, CwCardList, type CwCardListProps, type CwCardProps, CwCheckbox, CwChip, type CwChipProps, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwContextualMenu, CwDialog, CwDialogManager, type CwDialogProps, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownContainer, CwDropdownFilter, CwExpandable, type CwExpandableProps, CwFileUpload, CwFileUploadMultiple, type CwFilterTabProps, CwFindAirport, CwFloatingButton, CwGenericTooltip, CwHeadFilter, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, type CwImageAreaMethods, type CwImageAreaProps, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDate, CwInputDatePicker, type CwInputDatePickerProps, type CwInputDateProps, CwInputDateText, type CwInputDateTextProps, CwInputDatetime, type CwInputDatetimeProps, CwInputImage, type CwInputImageProps, CwInputNumber, type CwInputNumberProps, CwInputPhone, type CwInputPhoneProps, CwInputText, type CwInputTextProps, type CwInputTimeProps, CwKeyValueList, type CwKeyValueListProps, CwLabel, type CwLabelProps, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, type CwMessageProps, CwMessageType, CwModal, CwModalConfirm, CwModalHover, type CwModalHoverProps, CwModalIframe, CwModalReportFunctional, CwMultiFilter, type CwMultiFilterProps, CwMultiFilterTag, type CwMultiFilterTagProps, CwMultiselect, CwNote, type CwNoteProps, CwOption, CwOptionList, CwPaletteTree, CwReportModal, type CwReportModalFunctionalProps, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, type CwSelectListProps, CwSortableList, type CwSortableListProps, CwSuperScheduler, CwTable, CwTableGrouped, type CwTableGroupedData, type CwTableGroupedData_Group, type CwTableGroupedData_Row, type CwTableGroupedProps, CwTabs, CwTag, CwTextArea, type CwTextAreaProps, CwTime, CwToggle, CwTooltip, type CwTreeNode, CwTreeView, CwWeekdaySelector, type DataItem, DefaultRowHeader, type ICwMultiFilterTag, type ImageItem, MultiSelect, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, type OnEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, type PinRowHeaderProps, Resource, type RowHeaderDm, type RowHeaderProps, Scheduler, SchedulerEvent, type SchedulerEventDm, type SchedulerEventState, type SchedulerRowProps, type SchedulerState, SuperScheduler, type SuperSchedulerProps, type Tab, UiEvent, type Weekday, Weekdays, type ZoomImageItem, cblEvent, type cblEventCompProps, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, type resourceCompProps2, useCwMessage, useSortableList };

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.es.js

@@ -8,6 +8,7 @@ import Draggable from 'react-draggable';
 import moment from 'moment';
 import lodash from 'lodash';
 import { VariableSizeList } from 'react-window';
+import { Palette, Category, Component as Component$1, Variant } from '@react-buddy/ide-toolbox';
 
 class CwSelectList {
     type;
@@ -7067,6 +7068,10 @@ class OnClickRowHeader {
         this.id = id;
     }
 }
+class UpdateApi {
+    constructor() {
+    }
+}
 class OnClickUtc {
     constructor() {
     }
@@ -7723,6 +7728,205 @@ const getWeekendsDaysInDateRange = (initialDate, visibleDays) => {
 
 class UiEvent {
 }
+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;
+}
+
+const getListOfNumbers = (len) => Array(len)
+    .fill(0)
+    .map((_, idx) => idx);
+const getRandomColor = () => {
+    return "#" + (0x1000000 + Math.random() * 0xffffff).toString(16).substr(1, 6);
+};
+const getRandomEvents = (date, visibleDays, resourceId) => {
+    return getListOfNumbers(visibleDays).map((e) => {
+        const len1 = Math.floor(Math.random() * 24) + 1;
+        const moment1 = moment(date).add(e, "days").add(e, "minutes");
+        const len2 = Math.floor(Math.random() * 25) + 1;
+        return {
+            id: crypto.randomUUID(),
+            rowId: resourceId.toString(),
+            name: "API Design",
+            color: getRandomColor(),
+            startDate: moment1.add(-len1, "hour").toDate(),
+            endDate: moment1.add(len2, "hour").toDate(),
+        };
+    });
+};
+
+const eventToUiState = (it, selectedDate, visibleDays, tooltip) => {
+    const { left, width } = getEventSizes(selectedDate, visibleDays, it.startDate, it.endDate);
+    const eventState = {
+        ...it,
+        left,
+        width,
+        tooltip: tooltip,
+        selected: false,
+        isResizable: false,
+        isDraggable: false,
+    };
+    return eventState;
+};
+const SchedulerPresenter = () => {
+    const [events, setEvents] = useState([]);
+    const [backgroundEvents, setBackgroundEvents] = useState([]);
+    const [uiState, setUiState] = useState(() => {
+        const visibleDays = 1;
+        const selectedDate = new Date("2024-12-03");
+        const isHeaderVisible = true;
+        return {
+            isUtc: false,
+            selectedDate: selectedDate,
+            isHeaderVisible: isHeaderVisible,
+            visibleDays: visibleDays,
+            rowsHeight: 2,
+            visibleRows: 8,
+        };
+    });
+    const [resources, setResources] = useState([]);
+    const selectedEventRef = useRef("");
+    useEffect(() => {
+        updateDataFromApi();
+    }, []);
+    const updateDataFromApi = () => {
+        const rows = 1;
+        // api call here to events
+        const apiEvents = getListOfNumbers(rows).flatMap((e) => {
+            return getRandomEvents(uiState.selectedDate, uiState.visibleDays * 3, e);
+        });
+        const eventsWithSizes = apiEvents.map((it) => {
+            return eventToUiState(it, uiState.selectedDate, uiState.visibleDays, jsxs("div", { children: [it.startDate.getHours() + ":" + it.startDate.getMinutes(), " -", it.endDate.getHours() + ":" + it.endDate.getMinutes()] }));
+        });
+        const visibleEvents = eventsWithSizes.filter((event) => {
+            return eventIsVisible(event.startDate, event.endDate, uiState.selectedDate, uiState.visibleDays);
+        });
+        setEvents(visibleEvents);
+        const apiBackgroundEvents = getListOfNumbers(1).map((e) => {
+            const backgroundEvent = {
+                id: e.toString(),
+                rowId: e.toString(),
+                color: "orange",
+                isResizable: false,
+                isDraggable: false,
+                width: 100 / uiState.visibleDays,
+                name: "Birthday",
+                icons: jsx(CwIcon, { iconId: "house", style: { padding: "0.5rem" } }, "cosa"),
+                startDate: new Date(),
+                left: 0,
+                endDate: new Date(),
+                isVisible: true,
+                selected: false,
+            };
+            return backgroundEvent;
+        });
+        setBackgroundEvents(apiBackgroundEvents);
+        // api call here to rows
+        const apiRows = getListOfNumbers(rows).map((e) => {
+            return {
+                resourceId: e.toString(),
+                title: "JAC" + e,
+            };
+        });
+        const headerProps = apiRows.map((row) => {
+            return {
+                rowId: row.resourceId,
+                title: row.title,
+            };
+        });
+        setResources(headerProps);
+    };
+    const onEvent = (event) => {
+        when(event)
+            .case(OnClickEvent, (event) => {
+            console.log("onClick event: " + event.id);
+        })
+            .case(OnDoubleClickEvent, (event) => {
+            const eventData = resources
+                .map((resource) => {
+                const element = events
+                    .filter((it) => {
+                    return it.rowId === resource.rowId;
+                })
+                    .find((it) => it.id == event.id);
+                return element;
+            })
+                .filter((it) => it !== undefined)[0];
+            console.log("found", eventData?.startDate, eventData?.endDate);
+        })
+            .case(OnDragEvent, (event) => {
+            console.log("onDrag event: " + event.id);
+            selectedEventRef.current = event.id;
+            console.log("selectedEvent set to: " + selectedEventRef.current);
+        })
+            .case(OnDropEvent, (event) => {
+            console.log("onDrop event: " + selectedEventRef.current + " to row: " + event.id);
+            setEvents((prevEvents) => {
+                // Find the index of the event to be updated
+                const eventIndex = prevEvents.findIndex((e) => e.id === selectedEventRef.current);
+                // If event is found, create a new array with the updated event
+                const updatedEvents = [...prevEvents];
+                updatedEvents[eventIndex] = {
+                    ...updatedEvents[eventIndex],
+                    rowId: event.id,
+                };
+                return updatedEvents;
+            });
+            console.log("drop on");
+            selectedEventRef.current = ""; // Reset the selected event ref
+        })
+            .case(OnDropCtrlEvent, (event) => {
+            alert(`Clicked row is ${event.id}`);
+        })
+            .case(OnClickRowEvent, (event) => {
+            alert(`Clicked row is ${event.id}`);
+        })
+            .case(OnRightClickEvent, (event) => {
+            alert(`RightClick event ${event.id}`);
+        })
+            .case(OnRightClickRow, (event) => {
+            alert(`RightClick row ${event.id}`);
+        })
+            .case(OnLeftDragStart, (event) => {
+            alert(`Start left Drag ${event.id}`);
+        })
+            .case(OnRightDragStart, (event) => {
+            alert(`Start Right Drag ${event.id}`);
+        })
+            .case(UpdateApi, () => {
+            updateDataFromApi();
+        })
+            .case(OnClickRowHeader, (event) => {
+            console.log(`Clicked row ${event.id}`);
+        })
+            .case(OnClickUtc, () => {
+            setUiState((old) => {
+                return { ...old, isUtc: !old.isUtc };
+            });
+        });
+    };
+    return {
+        state: uiState,
+        resources: resources,
+        events,
+        backgroundEvents,
+        onEvent: onEvent,
+    };
+};
 
 const getNow = (isUtc) => {
     let now = new Date();
@@ -7823,6 +8027,10 @@ const height = (events, rows, rowsNumber) => {
     });
     return flatMapped.length;
 };
+const SchedulerPreview = () => {
+    const { state, resources, events, backgroundEvents, onEvent } = SchedulerPresenter();
+    return (jsxs("div", { children: [jsx("button", { onClick: (_) => onEvent(new UpdateApi()), children: "update" }), jsx("button", { onClick: (_) => onEvent(new OnClickUtc()), children: state.isUtc ? "set Local" : "set UTC" }), jsx(Scheduler, { id: "test", state: state, header: { title: "Flights", classification: "ACFT" }, rows: resources, onEvent: onEvent, EventComp: SchedulerEvent, RowTitleComp: DefaultRowHeader, events: events, backgroundEvents: backgroundEvents, contextMenuItems: [] })] }));
+};
 
 let topsCounter = 0;
 class CwSuperScheduler extends React.Component {
@@ -8437,4 +8645,41 @@ const CwFindAirport = ({ handleChange, searchType = "OnlyDatabase", placeHolder
     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))) }))] }));
 };
 
-export { CblDragAndDrop, CwAccordionContainer, CwAlign, CwBtnAdd, CwBtnAddFolder, CwBtnAirport, CwBtnAlert, CwBtnApprove, CwBtnBookMark, CwBtnBulkDuty, CwBtnCancel, CwBtnCrewPlanning, CwBtnDelay, CwBtnDelete, CwBtnDownLoadAllInfo, CwBtnDownload, CwBtnDropDownMenu, CwBtnEdit, CwBtnEditFolder, CwBtnFiles, CwBtnGeneratePairing, CwBtnGoBackFolder, CwBtnHide, CwBtnImportRequests, CwBtnMVT, CwBtnNavFirstItemView, CwBtnNavLastItemView, CwBtnNavNextDay, CwBtnNavPreviewItem, CwBtnPairing, CwBtnPrint, CwBtnPropertyFolder, CwBtnPublish, CwBtnRefresh, CwBtnReleasePeriod, CwBtnSave, CwBtnSearch, CwBtnSelect, CwBtnShare, CwBtnStatistic, CwBtnUploadFiles, CwBtnVacations, CwBtnView, CwButton, CwButtonDef, CwCard, CwCardList, CwCheckbox, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwContextualMenu, CwDialog, CwDialogManager, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownContainer, CwDropdownFilter, CwExpandable, CwFileUpload, CwFileUploadMultiple, CwFindAirport, CwFloatingButton, CwGenericTooltip, CwHeadFilter, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDate, CwInputDatePicker, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalConfirm, CwModalHover, CwModalIframe, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwMultiselect, CwNote, CwOption, CwOptionList, CwReportModal, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSortableList, CwSuperScheduler, CwTable, CwTableGrouped, CwTabs, CwTag, CwTextArea, CwTime, CwToggle, CwTooltip, CwTreeView, CwWeekdaySelector, DefaultRowHeader, MultiSelect, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, Resource, Scheduler, SchedulerEvent, SuperScheduler, UiEvent, Weekdays, cblEvent, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, useCwMessage, useSortableList };
+const CwPaletteTree = () => (jsxs(Palette, { children: [jsx(Category, { name: "buttons", children: jsxs(Component$1, { name: "CwButton", children: [jsx(Variant, { name: "solid", children: jsx(CwButton, { variant: "solid", text: "Button" }) }), jsx(Variant, { name: "outline", children: jsx(CwButton, { variant: "outline", text: "Button" }) }), jsx(Variant, { name: "Icon", children: jsx(CwButton, { variant: "icon", icon: "save" }) }), jsx(Variant, { name: "Example", children: jsxs(CwButton, { variant: "solid", color: "danger", children: [jsx("span", { children: "Example" }), jsx("span", { children: "texmple 2" })] }) })] }) }), jsx(Category, { name: "search", children: jsx(Component$1, { name: "CwSearchInput", children: jsx(Variant, { children: jsx(CwSearchInput, { placeholder: "Search", selectList: [
+                            new CwSelectList("Search", "1", "Search something", "red")
+                        ] }) }) }) }), jsxs(Category, { name: "Scheduler-headers", children: [jsx(Component$1, { name: "DefaultRowHeader", children: jsx(Variant, { children: jsx(DefaultRowHeader, { value: {
+                                rowId: "1",
+                                title: "JAC",
+                                title2: "CMD",
+                                subtitle: "ICAO",
+                                subtitle2: "IATA"
+                            }, 
+                            // color={"red"}
+                            width: 180, onEvent: () => {
+                            } }) }) }), jsxs(Component$1, { name: "PinRowHeader", children: [jsx(Variant, { children: jsx(PinRowHeader, { value: {
+                                    rowId: "1",
+                                    title: "JAC",
+                                    title2: "CMD",
+                                    subtitle: "ICAO",
+                                    subtitle2: "IATA",
+                                    isPinned: true,
+                                    contextMenuItems: [],
+                                    isLoading: false,
+                                }, 
+                                // color={"red"}
+                                width: 180, onEvent: () => {
+                                } }) }), jsx(Variant, { name: "pinned", children: jsx(PinRowHeader, { value: {
+                                    rowId: "1",
+                                    title: "JAC",
+                                    title2: "CMD",
+                                    subtitle: "ICAO",
+                                    subtitle2: "IATA",
+                                    isPinned: true,
+                                    contextMenuItems: [],
+                                    isLoading: false,
+                                }, 
+                                // color={"red"}
+                                width: 180, onEvent: () => {
+                                } }) })] })] }), jsx(Category, { name: "Scheduler", children: jsx(Component$1, { name: "Scheduler", children: jsx(Variant, { children: jsx(SchedulerPreview, {}) }) }) })] }));
+
+export { CblDragAndDrop, CwAccordionContainer, CwAlign, CwBtnAdd, CwBtnAddFolder, CwBtnAirport, CwBtnAlert, CwBtnApprove, CwBtnBookMark, CwBtnBulkDuty, CwBtnCancel, CwBtnCrewPlanning, CwBtnDelay, CwBtnDelete, CwBtnDownLoadAllInfo, CwBtnDownload, CwBtnDropDownMenu, CwBtnEdit, CwBtnEditFolder, CwBtnFiles, CwBtnGeneratePairing, CwBtnGoBackFolder, CwBtnHide, CwBtnImportRequests, CwBtnMVT, CwBtnNavFirstItemView, CwBtnNavLastItemView, CwBtnNavNextDay, CwBtnNavPreviewItem, CwBtnPairing, CwBtnPrint, CwBtnPropertyFolder, CwBtnPublish, CwBtnRefresh, CwBtnReleasePeriod, CwBtnSave, CwBtnSearch, CwBtnSelect, CwBtnShare, CwBtnStatistic, CwBtnUploadFiles, CwBtnVacations, CwBtnView, CwButton, CwButtonDef, CwCard, CwCardList, CwCheckbox, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwContextualMenu, CwDialog, CwDialogManager, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownContainer, CwDropdownFilter, CwExpandable, CwFileUpload, CwFileUploadMultiple, CwFindAirport, CwFloatingButton, CwGenericTooltip, CwHeadFilter, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDate, CwInputDatePicker, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalConfirm, CwModalHover, CwModalIframe, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwMultiselect, CwNote, CwOption, CwOptionList, CwPaletteTree, CwReportModal, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSortableList, CwSuperScheduler, CwTable, CwTableGrouped, CwTabs, CwTag, CwTextArea, CwTime, CwToggle, CwTooltip, CwTreeView, CwWeekdaySelector, DefaultRowHeader, MultiSelect, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, Resource, Scheduler, SchedulerEvent, SuperScheduler, UiEvent, Weekdays, cblEvent, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, useCwMessage, useSortableList };