@cwellt_software/cwellt-reactjs-lib 1.1.6 → 1.1.7

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren, HTMLProps, FC, ReactNode, CSSProperties, ReactElement, DetailedHTMLProps, TextareaHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, Component, ComponentType } from 'react';
+import React__default, { PropsWithChildren, HTMLProps, FC, ReactNode, CSSProperties, ReactElement, HTMLAttributes, DetailedHTMLProps, TextareaHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, Component, ComponentType } from 'react';
 import * as CSS from 'csstype';
 import { FormInstance } from 'antd/lib/form';
+import { Matcher } from 'react-day-picker';
 import { ItemType } from 'antd/lib/menu/hooks/useItems';
 
 declare class CwSelectList {
@@ -861,7 +862,7 @@ declare const CwExpandable: FC<CwExpandableProps>;
 /**
  * Props for the CwKeyValueList component
  */
-interface CwKeyValueListProps {
+interface CwKeyValueListProps extends HTMLAttributes<HTMLDListElement> {
     items: Array<{
         key: string;
         label: string;
@@ -2092,6 +2093,234 @@ declare function CwBtnVacations({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps)
 declare function CwBtnMVT({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
 declare function CwBtnDelay({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
 
+type DateMatcher$2 = Matcher;
+interface CwDatePickerProps {
+    /** Current selected date */
+    value?: Date;
+    /** Callback when date changes */
+    onChange: (date: Date | undefined) => void;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Array of specific dates to disable */
+    disabledDates?: Date[];
+    /** Function to determine if a date should be disabled */
+    disabledMatcher?: DateMatcher$2;
+    /** Props for label component */
+    labelProps?: CwLabelProps;
+    /** Props for alignment */
+    alignProps?: CwAlignProps;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Display format for the input (default: dd/MM/yyyy) */
+    displayFormat?: string;
+    /** Is the input disabled */
+    disabled?: boolean;
+    /** Is the input required */
+    required?: boolean;
+    /** Additional CSS class for container */
+    className?: string;
+    /** Show clear button */
+    showClear?: boolean;
+    /** Pop Up Position */
+    popupPosition?: "left-bottom" | "left-top" | "right-top" | "right-bottom";
+    /** Number of months to display (default: 1) */
+    numberOfMonths?: number;
+    showTodayButton?: boolean;
+}
+declare function CwDatePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, }: Readonly<CwDatePickerProps>): react_jsx_runtime.JSX.Element;
+
+interface DateRangePreset {
+    key: string;
+    label: string;
+    getValue: () => {
+        from: Date;
+        to: Date;
+    };
+}
+
+type DateMatcher$1 = Matcher;
+interface DateRangeValue {
+    from: Date | undefined;
+    to: Date | undefined;
+}
+interface CwDateRangePickerProps {
+    /** Current selected date range */
+    value?: DateRangeValue;
+    /** Callback when date range changes */
+    onChange: (range: DateRangeValue | undefined) => void;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Array of specific dates to disable */
+    disabledDates?: Date[];
+    /** Function to determine if a date should be disabled */
+    disabledMatcher?: DateMatcher$1;
+    /** Maximum number of days allowed in range (optional) */
+    maxRangeDays?: number;
+    /** Props for label component */
+    labelProps?: CwLabelProps;
+    /** Props for alignment */
+    alignProps?: CwAlignProps;
+    /** Placeholder text for "from" input */
+    placeholderFrom?: string;
+    /** Placeholder text for "to" input */
+    placeholderTo?: string;
+    /** Display format for the inputs (default: dd.MM.yyyy) */
+    displayFormat?: string;
+    /** Is the input disabled */
+    disabled?: boolean;
+    /** Is the input required */
+    required?: boolean;
+    /** Additional CSS class for container */
+    className?: string;
+    /** Show clear buttons */
+    showClear?: boolean;
+    /** Pop Up Position */
+    popupPosition?: "left-bottom" | "left-top" | "right-top" | "right-bottom";
+    /** Number of months to display (default: 2 for ranges) */
+    numberOfMonths?: number;
+    /**
+     * Show preset buttons
+     * @default false
+     */
+    showPresets?: boolean;
+    /**
+     * Keys of presets to display from PRESET_LIBRARY
+     * @example ['thisWeek', 'past7Days', 'past30Days']
+     */
+    presetKeys?: string[];
+    /**
+     * Custom presets to add alongside library presets
+     */
+    customPresets?: DateRangePreset[];
+}
+declare function CwDateRangePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showPresets, presetKeys, customPresets, }: Readonly<CwDateRangePickerProps>): react_jsx_runtime.JSX.Element;
+
+interface CwDateTimePickerProps {
+    /** Current selected datetime */
+    value?: Date;
+    /** Callback when datetime changes */
+    onChange: (datetime: Date | undefined) => void;
+    /** Minimum selectable datetime */
+    minDateTime?: Date;
+    /** Maximum selectable datetime */
+    maxDateTime?: Date;
+    /** Array of specific dates to disable */
+    disabledDates?: Date[];
+    /** Function to determine if a date should be disabled */
+    disabledMatcher?: DateMatcher$2;
+    /** Interval in minutes for time selection (default: 15) */
+    timeInterval?: 5 | 10 | 15 | 30 | 60;
+    /** Minimum selectable time in format "HH:mm" */
+    minTime?: string;
+    /** Maximum selectable time in format "HH:mm" */
+    maxTime?: string;
+    /** Props for label component (applies to the container) */
+    labelProps?: CwLabelProps;
+    /** Props for alignment (applies to the container) */
+    alignProps?: CwAlignProps;
+    /** Placeholder text for date input */
+    datePlaceholder?: string;
+    /** Placeholder text for time input */
+    timePlaceholder?: string;
+    /** Is the input disabled */
+    disabled?: boolean;
+    /** Is the input required */
+    required?: boolean;
+    /** Additional CSS class for container */
+    className?: string;
+    /** Show clear buttons on individual inputs */
+    showClear?: boolean;
+    /** Pop Up Position */
+    popupPosition?: "left-bottom" | "left-top" | "right-top" | "right-bottom";
+    /** Number of months to display in calendar (default: 1) */
+    numberOfMonths?: number;
+    /** Show "Now" button to select current date and time */
+    showNowButton?: boolean;
+}
+declare function CwDateTimePicker({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, }: Readonly<CwDateTimePickerProps>): react_jsx_runtime.JSX.Element;
+
+type DateMatcher = Matcher;
+interface CwDateTimePickerCompactProps {
+    /** Current selected datetime */
+    value?: Date;
+    /** Callback when datetime changes */
+    onChange: (datetime: Date | undefined) => void;
+    /** Minimum selectable datetime */
+    minDateTime?: Date;
+    /** Maximum selectable datetime */
+    maxDateTime?: Date;
+    /** Array of specific dates to disable */
+    disabledDates?: Date[];
+    /** Function to determine if a date should be disabled */
+    disabledMatcher?: DateMatcher;
+    /** Interval in minutes for time selection (default: 15) */
+    timeInterval?: 5 | 10 | 15 | 30 | 60;
+    /** Minimum selectable time in format "HH:mm" */
+    minTime?: string;
+    /** Maximum selectable time in format "HH:mm" */
+    maxTime?: string;
+    /** Props for label component */
+    labelProps?: CwLabelProps;
+    /** Props for alignment */
+    alignProps?: CwAlignProps;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Is the input disabled */
+    disabled?: boolean;
+    /** Is the input required */
+    required?: boolean;
+    /** Additional CSS class for container */
+    className?: string;
+    /** Show clear button */
+    showClear?: boolean;
+    /** Pop Up Position */
+    popupPosition?: "left-bottom" | "left-top" | "right-top" | "right-bottom";
+    /** Number of months to display (default: 1) */
+    numberOfMonths?: number;
+    showTodayButton?: boolean;
+}
+declare function CwDateTimePickerCompact({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, }: Readonly<CwDateTimePickerCompactProps>): react_jsx_runtime.JSX.Element;
+
+interface CwTimePickerProps {
+    /** Current selected time in format "HH:mm" (24h format) */
+    value?: string;
+    /** Callback when time changes - returns format "HH:mm" */
+    onChange: (time: string | undefined) => void;
+    /** Interval in minutes for time selection (default: 15) */
+    interval?: 5 | 10 | 15 | 30 | 60;
+    /** Minimum selectable time in format "HH:mm" */
+    minTime?: string;
+    /** Maximum selectable time in format "HH:mm" */
+    maxTime?: string;
+    /** Props for label component */
+    labelProps?: CwLabelProps;
+    /** Props for alignment */
+    alignProps?: CwAlignProps;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Is the input disabled */
+    disabled?: boolean;
+    /** Is the input required */
+    required?: boolean;
+    /** Additional CSS class for container */
+    className?: string;
+    /** Show clear button */
+    showClear?: boolean;
+    /** Pop Up Position */
+    popupPosition?: "left-bottom" | "left-top" | "right-bottom" | "right-top";
+    /**
+     * Use native time input instead of custom picker
+     * Recommended for mobile devices and better accessibility
+     * @default false on desktop, true on mobile
+     */
+    useNative?: boolean;
+}
+declare function CwTimePicker({ value, onChange, interval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, useNative, }: CwTimePickerProps): react_jsx_runtime.JSX.Element;
+
 declare class cblEvent$1 {
     id: string;
     start: Date;
@@ -2624,7 +2853,8 @@ declare class OnDoubleClickEvent implements UiEvent {
 }
 declare class OnDragEvent implements UiEvent {
     readonly id: string;
-    constructor(id: string);
+    readonly crewId: string;
+    constructor(id: string, crewId: string);
 }
 declare class OnDropEvent implements UiEvent {
     readonly id: string;
@@ -2682,6 +2912,5 @@ declare class OnClickContextMenu implements UiEvent {
     constructor(id: string, clickedMenu: string);
 }
 
-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 };
+export { CblDragAndDrop$1 as 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, CwDatePicker, CwDateRangePicker, CwDateTimePicker, CwDateTimePickerCompact, 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, CwTimePicker, 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 };
+export type { BackgroundEventDm, CardChip, ChipColorScheme, ChipVariant, Column, ConfirmationPopupProps, CwAlignProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, CwExpandableProps, CwFilterTabProps, CwImageAreaMethods, CwImageAreaProps, CwInputDatePickerProps, CwInputDateProps, CwInputDateTextProps, CwInputDatetimeProps, CwInputImageProps, CwInputNumberProps, CwInputPhoneProps, CwInputTextProps, CwInputTimeProps, CwKeyValueListProps, CwLabelProps, CwMessageProps, CwModalHoverProps, CwMultiFilterProps, CwMultiFilterTagProps, CwNoteProps, CwReportModalFunctionalProps, CwSelectListProps, CwSortableListProps, CwTableGroupedData, CwTableGroupedData_Group, CwTableGroupedData_Row, CwTableGroupedProps, CwTextAreaProps, CwTreeNode, DataItem, DateRangeValue, ICwMultiFilterTag, ImageItem, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, SuperSchedulerProps, Tab, Weekday, ZoomImageItem, cblEventCompProps, resourceCompProps2 };