@cwellt_software/cwellt-reactjs-lib 1.4.5 → 1.4.6

package/dist/index.d.ts

@@ -31,6 +31,23 @@ interface CwSelectListProps {
     active?: boolean;
 }
 
+interface CwLayoutProps {
+    /** Main axis direction: 'row' = elements side by side | 'column' = elements stacked */
+    direction?: 'row' | 'column';
+    /** Alignment on the perpendicular axis: vertical when direction is 'row', horizontal when 'column' */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Distribution along the main axis (same direction as direction prop) */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+    /** Space between internal elements */
+    gap?: 'none' | 'small' | 'medium' | 'large';
+}
+interface CwGroupLayoutProps {
+    /** Layout of the group container (how items are arranged relative to each other) */
+    groupLayout?: CwLayoutProps;
+    /** Layout of each individual item (how label relates to its control) */
+    itemLayout?: CwLayoutProps;
+}
+
 declare function CwHeadingMain(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): react_jsx_runtime.JSX.Element;
 
 declare function CwHeadingSecond(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): react_jsx_runtime.JSX.Element;
@@ -192,6 +209,8 @@ interface CwNoteProps {
     style?: React__default.CSSProperties;
     /** Custom message content (overrides content but not icon) */
     children?: React__default.ReactNode;
+    /** Layout configuration: icon position relative to content */
+    layout?: CwLayoutProps;
 }
 /**
  * CwNote - Inline note component for instructions and contextual content
@@ -267,19 +286,13 @@ declare function CwImageZoom(image: ZoomImageItem): react_jsx_runtime.JSX.Elemen
 interface CwIconProps extends Omit<HTMLProps<HTMLSpanElement>, "className" | "size"> {
     /** Icon identifier */
     iconId: string;
-    /** Source of the icon: 'fontawesome' or 'cwellt'. Defaults to 'cwellt' */
-    source?: 'fontawesome' | 'cwellt';
     /** Color variant **/
     color?: 'primary' | 'danger' | 'success' | 'neutral';
     /** Size options **/
-    size?: 'small' | 'regular' | 'medium' | 'large';
+    size?: 'small' | 'regular' | 'medium' | 'large' | 'huge';
+    /** Tooltip position **/
+    tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
 }
-/**
- * Icon component that supports both FontAwesome 4 and cwellt icon font
- * @example
- * <CwIcon iconId="house" /> // Uses cwellt icon font
- * <CwIcon iconId="house" source="fontawesome" /> // Uses FontAwesome
- */
 declare function CwIcon(props: CwIconProps): react_jsx_runtime.JSX.Element;
 
 type LoadingSize = 'small' | 'regular' | 'large';
@@ -373,6 +386,8 @@ interface CwTooltipProps {
     overlayStyle?: CSSProperties;
     showDelay?: number;
     displayInline?: boolean;
+    /** Explicit constraint element. Falls back to the nearest TooltipConstraintContext (e.g. provided by NewScheduler). */
+    constraintElement?: HTMLElement | null;
 }
 /**
  * Tooltip component backed by the global CwTooltipManager singleton.
@@ -400,6 +415,17 @@ declare const CwTooltipNew: FC<CwTooltipProps>;
  */
 declare const CwTooltipManager: React__default.FC;
 
+/**
+ * Provides a constraint element for tooltip positioning within a container.
+ * When set, CwTooltipNew will keep tooltips within the container's bounds
+ * instead of the full window — useful when a sidebar or panel reduces the
+ * visible area (e.g. the OpsTool right sidebar next to the scheduler).
+ *
+ * NewScheduler automatically provides its own container via this context.
+ */
+declare const TooltipConstraintContext: React$1.Context<HTMLElement | null>;
+declare const useTooltipConstraint: () => HTMLElement | null;
+
 interface CwModalProps {
     modalState?: boolean;
     classNameModalOverlay?: string;
@@ -1126,7 +1152,7 @@ declare const CwMasterDetail: React__default.FC<CwMasterDetailProps>;
 /**
  * Props for the CwKeyValueList component
  */
-interface CwKeyValueListProps extends HTMLAttributes<HTMLDListElement> {
+interface CwKeyValueListProps extends HTMLAttributes<HTMLDListElement>, CwGroupLayoutProps {
     items: Array<{
         key: string;
         label: string;
@@ -1136,7 +1162,9 @@ interface CwKeyValueListProps extends HTMLAttributes<HTMLDListElement> {
     }>;
     className?: string;
     emptyValue?: React__default.ReactNode;
-    /** Direction of flex layout: 'row' or 'column' @default "row" **/
+    /** Direction of flex layout for each item: 'row' or 'column' @default "row"
+     * @deprecated use itemLayout.direction instead
+     **/
     direction?: 'row' | 'column';
 }
 /**
@@ -1805,6 +1833,8 @@ declare function CwInputImage(props: CwInputImageProps): react_jsx_runtime.JSX.E
 interface CwImageAreaProps extends Omit<HTMLProps<HTMLImageElement>, "className" | "ref" | "onMouseDown" | "onMouseMove" | "onMouseUp" | "onDragStart"> {
     /** Not implemented */
     initialSelectionArea?: DOMRect;
+    /** Constrain the selection rectangle to a fixed width/height ratio (e.g. 16/9) */
+    aspectratio?: number;
     /** Hide the selection area right after selecting */
     selectionAreaAttenuation?: CSS.Property.Opacity;
     /** Called when the selection ends, return true to continue, false to abort */
@@ -1821,6 +1851,8 @@ interface CwImageAreaProps extends Omit<HTMLProps<HTMLImageElement>, "className"
 interface CwImageAreaMethods {
     /** Returns the current selected area as an image, or undefined if no selection has been made */
     getSelectedImage: () => string | undefined;
+    /** Programmatically clears the current selection */
+    clearSelection: () => void;
 }
 /**
  * An image with a selectable rectangle region, useful for cropping or selecting a section of the image
@@ -2613,6 +2645,13 @@ interface CwDatePickerProps {
     /** Number of months to display (default: 1) */
     numberOfMonths?: number;
     showTodayButton?: boolean;
+    /**
+     * First year shown in the year dropdown.
+     * Defaults to `minDate`'s year, or 10 years before today when not set.
+     */
+    yearRangeStart?: number;
+    /** Last year shown in the year dropdown. Defaults to `maxDate`'s year, or 5 years after today when not set. */
+    yearRangeEnd?: number;
     locale?: DayPickerLocale;
     todayLabel?: string;
     /** Feedback messages shown below the input; accepts a single message or an array for multiple
@@ -2621,7 +2660,7 @@ interface CwDatePickerProps {
      */
     feedback?: CwInputFeedback | CwInputFeedback[];
 }
-declare function CwDatePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, feedback, }: Readonly<CwDatePickerProps>): react_jsx_runtime.JSX.Element;
+declare function CwDatePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, }: Readonly<CwDatePickerProps>): react_jsx_runtime.JSX.Element;
 
 interface DateRangePreset {
     key: string;
@@ -2788,8 +2827,15 @@ interface CwDateTimePickerCompactProps {
     timeLabel?: string;
     /** Locale for date formatting and calendar strings (default: enGB) */
     locale?: DayPickerLocale;
+    /**
+     * First year shown in the year dropdown.
+     * Defaults to `minDateTime`'s year, or 10 years before today when not set.
+     */
+    yearRangeStart?: number;
+    /** Last year shown in the year dropdown. Defaults to `maxDateTime`'s year, or 5 years after today when not set. */
+    yearRangeEnd?: number;
 }
-declare function CwDateTimePickerCompact({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, nowLabel, timeLabel, locale, }: Readonly<CwDateTimePickerCompactProps>): react_jsx_runtime.JSX.Element;
+declare function CwDateTimePickerCompact({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, nowLabel, timeLabel, locale, yearRangeStart, yearRangeEnd, }: Readonly<CwDateTimePickerCompactProps>): react_jsx_runtime.JSX.Element;
 
 interface CwTimePickerProps {
     /** Current selected time in format "HH:mm" (24h format) */
@@ -3109,6 +3155,8 @@ interface SchedulerEventDm {
     secondaryTimeMarkerColor?: string;
     eventType?: number;
     alpha?: number;
+    /** Extra inline styles applied to the event box. Merged last — overrides computed styles. */
+    style?: React.CSSProperties;
 }
 interface SchedulerEventState<T extends SchedulerEventDm> {
     value: T;
@@ -3425,5 +3473,5 @@ declare class OnClickContextMenu implements UiEvent {
     constructor(id: string, clickedMenu: string);
 }
 
-export { CblDragAndDrop$1 as CblDragAndDrop, CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwCard, CwCardList, CwCheck, CwCheckbox, CwCheckboxGroup, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDatePickerTemporal, CwDateRangePicker, CwDateTimePicker, CwDateTimePickerCompact, CwDialog, CwDialogManager, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownFilter, CwExpandable, CwFileUpload, CwFileUploadMultiple, CwFindAirport, CwFindCrewmember, CwGenericTooltip, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDate, CwInputDatePicker, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwLoadingSmall, CwMasterDetail, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalHover, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwNote, CwOption, CwPopoverButton, CwReportModal, CwScheduler, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSortableList, CwSortableTable, CwSuperScheduler, CwTable, CwTableGrouped, CwTableServerSide, CwTabs, CwTagSelector, CwTextArea, CwTime, CwTimePicker, CwToggle, CwTooltipManager, CwTooltipNew, CwTreeView, CwWeekdaySelector, DefaultRowHeader, 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, filterVisibleEvents, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, useCwMessage, useSortableList, useSortableTable };
-export type { BackgroundEventDm, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, CwDropdownOption, CwDropdownProps, CwExpandableProps, CwImageAreaMethods, CwImageAreaProps, CwInputDatePickerProps, CwInputDateProps, CwInputDateTextProps, CwInputDatetimeProps, CwInputImageProps, CwInputNumberProps, CwInputPhoneProps, CwInputTextProps, CwInputTimeProps, CwKeyValueListProps, CwLabelProps, CwMasterDetailItem, CwMasterDetailProps, CwMessageProps, CwModalHoverProps, CwMultiFilterProps, CwMultiFilterTagProps, CwNoteProps, CwPopoverButtonProps, CwReportModalFunctionalProps, CwSelectListProps, CwSortableListProps, CwSortableTableProps, CwTableGroupedData, CwTableGroupedData_Group, CwTableGroupedData_Row, CwTableGroupedProps, CwTagSelectorOption, CwTagSelectorProps, CwTextAreaProps, CwTreeNode, DataItem, DateRangeValue, ICwMultiFilterTag, ImageItem, IndicatorRowDm, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, ServerSideTableState, SortableColumn, SortableTableDragState, SuperSchedulerProps, Tab, UseSortableTableReturn, Weekday, ZoomImageItem, cblEventCompProps, resourceCompProps2 };
+export { CblDragAndDrop$1 as CblDragAndDrop, CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwCard, CwCardList, CwCheck, CwCheckbox, CwCheckboxGroup, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDatePickerTemporal, CwDateRangePicker, CwDateTimePicker, CwDateTimePickerCompact, CwDialog, CwDialogManager, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownFilter, CwExpandable, CwFileUpload, CwFileUploadMultiple, CwFindAirport, CwFindCrewmember, CwGenericTooltip, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDate, CwInputDatePicker, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwLoadingSmall, CwMasterDetail, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalHover, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwNote, CwOption, CwPopoverButton, CwReportModal, CwScheduler, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSortableList, CwSortableTable, CwSuperScheduler, CwTable, CwTableGrouped, CwTableServerSide, CwTabs, CwTagSelector, CwTextArea, CwTime, CwTimePicker, CwToggle, CwTooltipManager, CwTooltipNew, CwTreeView, CwWeekdaySelector, DefaultRowHeader, 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, TooltipConstraintContext, UiEvent, Weekdays, cblEvent, eventIsVisible, filterVisibleEvents, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, useCwMessage, useSortableList, useSortableTable, useTooltipConstraint };
+export type { BackgroundEventDm, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, CwDropdownOption, CwDropdownProps, CwExpandableProps, CwGroupLayoutProps, CwImageAreaMethods, CwImageAreaProps, CwInputDatePickerProps, CwInputDateProps, CwInputDateTextProps, CwInputDatetimeProps, CwInputImageProps, CwInputNumberProps, CwInputPhoneProps, CwInputTextProps, CwInputTimeProps, CwKeyValueListProps, CwLabelProps, CwLayoutProps, CwMasterDetailItem, CwMasterDetailProps, CwMessageProps, CwModalHoverProps, CwMultiFilterProps, CwMultiFilterTagProps, CwNoteProps, CwPopoverButtonProps, CwReportModalFunctionalProps, CwSelectListProps, CwSortableListProps, CwSortableTableProps, CwTableGroupedData, CwTableGroupedData_Group, CwTableGroupedData_Row, CwTableGroupedProps, CwTagSelectorOption, CwTagSelectorProps, CwTextAreaProps, CwTreeNode, DataItem, DateRangeValue, ICwMultiFilterTag, ImageItem, IndicatorRowDm, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, ServerSideTableState, SortableColumn, SortableTableDragState, SuperSchedulerProps, Tab, UseSortableTableReturn, Weekday, ZoomImageItem, cblEventCompProps, resourceCompProps2 };