@cwellt_software/cwellt-reactjs-lib 1.3.2 → 1.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +336 -169
- package/dist/index.css +2 -2
- package/dist/index.d.ts +61 -7
- package/dist/index.es.js +336 -169
- package/dist/src/common/functions/colorManipulation.d.ts.map +1 -1
- package/dist/src/common/functions/useSingleAndDoubleClicks.d.ts.map +1 -1
- package/dist/src/components/control/choice/multi-filter/CwMultiFilter.d.ts +6 -0
- package/dist/src/components/control/choice/multi-filter/CwMultiFilter.d.ts.map +1 -1
- package/dist/src/components/control/input/file/CwFileUploadMultiple.d.ts +16 -0
- package/dist/src/components/control/input/file/CwFileUploadMultiple.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDatePicker.d.ts +10 -1
- package/dist/src/components/control/input/new-dates/CwDatePicker.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateTimePicker.d.ts +6 -1
- package/dist/src/components/control/input/new-dates/CwDateTimePicker.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateTimePickerCompact.d.ts +8 -1
- package/dist/src/components/control/input/new-dates/CwDateTimePickerCompact.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts +2 -0
- package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/row/IndicatorRow.d.ts +18 -0
- package/dist/src/components/custom/scheduler-new/presentation/components/row/IndicatorRow.d.ts.map +1 -0
- package/dist/src/components/custom/scheduler-new/presentation/components/row/SchedulerRow.d.ts +2 -0
- package/dist/src/components/custom/scheduler-new/presentation/components/row/SchedulerRow.d.ts.map +1 -1
- package/dist/src/components/custom/super-scheduler/SuperScheduler.d.ts +2 -0
- package/dist/src/components/custom/super-scheduler/SuperScheduler.d.ts.map +1 -1
- package/dist/src/components/display/data/table/CwTable.d.ts +2 -1
- package/dist/src/components/display/data/table/CwTable.d.ts.map +1 -1
- package/dist/src/components/display/text/message/CwMessage.d.ts +3 -2
- package/dist/src/components/display/text/message/CwMessage.d.ts.map +1 -1
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/main.d.ts +0 -1
- package/dist/src/main.d.ts.map +1 -1
- package/dist/src/playground/PlaygroundApp.d.ts +4 -0
- package/dist/src/playground/PlaygroundApp.d.ts.map +1 -0
- package/dist/src/playground/pages/ColorContrastPage.d.ts +3 -0
- package/dist/src/playground/pages/ColorContrastPage.d.ts.map +1 -0
- package/dist/src/playground/pages/DatePickerLocalePage.d.ts +3 -0
- package/dist/src/playground/pages/DatePickerLocalePage.d.ts.map +1 -0
- package/dist/src/playground/pages/TablePaginationPage.d.ts +3 -0
- package/dist/src/playground/pages/TablePaginationPage.d.ts.map +1 -0
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default, { HTMLProps, PropsWithChildren, FC, ReactNode, CSSProperties, ReactElement, HTMLAttributes, DetailedHTMLProps, TextareaHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, Component, ComponentType } from 'react';
|
|
4
4
|
import * as CSS from 'csstype';
|
|
5
|
+
import { DayPickerLocale } from 'react-day-picker/locale';
|
|
5
6
|
import { Matcher } from 'react-day-picker';
|
|
6
7
|
|
|
7
8
|
declare class CwSelectList {
|
|
@@ -107,6 +108,7 @@ interface CwMessageProps {
|
|
|
107
108
|
messageType?: CwMessageType;
|
|
108
109
|
duration?: number;
|
|
109
110
|
onClose?: () => void;
|
|
111
|
+
onClick?: () => void;
|
|
110
112
|
}
|
|
111
113
|
declare const CwMessage: FC<CwMessageProps>;
|
|
112
114
|
/**
|
|
@@ -146,7 +148,7 @@ declare class CwMessageManager {
|
|
|
146
148
|
root: any;
|
|
147
149
|
static getInstance(): CwMessageManager;
|
|
148
150
|
private init;
|
|
149
|
-
showMessage(message: string, type?: CwMessageType, duration?: number): void;
|
|
151
|
+
showMessage(message: string, type?: CwMessageType, duration?: number, onClick?: () => void): void;
|
|
150
152
|
private closeMessage;
|
|
151
153
|
}
|
|
152
154
|
/**
|
|
@@ -165,7 +167,7 @@ declare class CwMessageManager {
|
|
|
165
167
|
*
|
|
166
168
|
* @note For inline messages within components, use `CwNote` or `useCwMessage` hook instead
|
|
167
169
|
*/
|
|
168
|
-
declare function CwDisplayMessage(message: string, type?: CwMessageType, duration?: number): void;
|
|
170
|
+
declare function CwDisplayMessage(message: string, type?: CwMessageType, duration?: number, onClick?: () => void): void;
|
|
169
171
|
|
|
170
172
|
interface CwNoteProps {
|
|
171
173
|
/** Message content (used when no children provided) */
|
|
@@ -718,6 +720,7 @@ interface CwTableProps<T = any> {
|
|
|
718
720
|
loading?: boolean;
|
|
719
721
|
scrollHeight?: number | string;
|
|
720
722
|
stickyHeader?: boolean;
|
|
723
|
+
pageLabel?: string;
|
|
721
724
|
rowSelection?: {
|
|
722
725
|
selectedRowKeys?: T[keyof T][];
|
|
723
726
|
onChange?: (selectedKeys: T[keyof T][], selectedRows: T[]) => void;
|
|
@@ -793,7 +796,7 @@ interface CwTableProps<T = any> {
|
|
|
793
796
|
*
|
|
794
797
|
* @returns React component
|
|
795
798
|
*/
|
|
796
|
-
declare function CwTable<T = any>({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, textNoData, rowKey, loading, scrollHeight, stickyHeader, rowSelection }: Readonly<CwTableProps<T>>): react_jsx_runtime.JSX.Element;
|
|
799
|
+
declare function CwTable<T = any>({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, textNoData, rowKey, loading, scrollHeight, stickyHeader, pageLabel, rowSelection }: Readonly<CwTableProps<T>>): react_jsx_runtime.JSX.Element;
|
|
797
800
|
|
|
798
801
|
interface SortableColumn<T = any> {
|
|
799
802
|
/** Header label */
|
|
@@ -1356,6 +1359,21 @@ interface CwFileUploadProps {
|
|
|
1356
1359
|
}
|
|
1357
1360
|
declare function CwFileUpload(fileUploadProps: React__default.PropsWithChildren<CwFileUploadProps>): react_jsx_runtime.JSX.Element;
|
|
1358
1361
|
|
|
1362
|
+
interface CwFileUploadMultipleLabels {
|
|
1363
|
+
uploadDisabled: string;
|
|
1364
|
+
clickToUpload: string;
|
|
1365
|
+
acceptedFiles: (accept: string) => string;
|
|
1366
|
+
singleFileOnly: string;
|
|
1367
|
+
allTypesAccepted: string;
|
|
1368
|
+
changeFile: string;
|
|
1369
|
+
clearAll: string;
|
|
1370
|
+
addMoreFiles: string;
|
|
1371
|
+
filesSelected: (count: number) => string;
|
|
1372
|
+
fileTooLarge: (name: string, maxSize: number) => string;
|
|
1373
|
+
invalidFormat: (name: string, accepted: string) => string;
|
|
1374
|
+
invalidMimeType: (name: string, types: string) => string;
|
|
1375
|
+
alreadySelected: (name: string) => string;
|
|
1376
|
+
}
|
|
1359
1377
|
interface CwFileUploadMultipleProps {
|
|
1360
1378
|
name?: string;
|
|
1361
1379
|
accept?: string;
|
|
@@ -1367,6 +1385,7 @@ interface CwFileUploadMultipleProps {
|
|
|
1367
1385
|
className?: string;
|
|
1368
1386
|
disabled?: boolean;
|
|
1369
1387
|
initialFileName?: string;
|
|
1388
|
+
labels?: Partial<CwFileUploadMultipleLabels>;
|
|
1370
1389
|
}
|
|
1371
1390
|
declare function CwFileUploadMultiple(fileUploadProps: React__default.PropsWithChildren<CwFileUploadMultipleProps>): react_jsx_runtime.JSX.Element;
|
|
1372
1391
|
|
|
@@ -2115,6 +2134,12 @@ interface CwMultiFilterProps {
|
|
|
2115
2134
|
allTags: Set<ICwMultiFilterTag>;
|
|
2116
2135
|
/** Selected tags/filters passed as props */
|
|
2117
2136
|
selectedTags: Set<CwMultiFilterTagProps>;
|
|
2137
|
+
/** Placeholder text for the search input */
|
|
2138
|
+
placeholder?: string;
|
|
2139
|
+
/** Label for the "All categories" button */
|
|
2140
|
+
allCategoriesLabel?: string;
|
|
2141
|
+
/** Additional CSS class for the container */
|
|
2142
|
+
className?: string;
|
|
2118
2143
|
style?: React__default.CSSProperties;
|
|
2119
2144
|
}
|
|
2120
2145
|
/**
|
|
@@ -2440,8 +2465,15 @@ interface CwDatePickerProps {
|
|
|
2440
2465
|
/** Number of months to display (default: 1) */
|
|
2441
2466
|
numberOfMonths?: number;
|
|
2442
2467
|
showTodayButton?: boolean;
|
|
2468
|
+
locale?: DayPickerLocale;
|
|
2469
|
+
todayLabel?: string;
|
|
2470
|
+
/** Feedback messages shown below the input; accepts a single message or an array for multiple
|
|
2471
|
+
* @example feedback={{ type: "danger", message: "This field is required" }}
|
|
2472
|
+
* @example feedback={[{ type: "neutral", message: "Select a departure date" }, { type: "warning", message: "Date is in the past" }]}
|
|
2473
|
+
*/
|
|
2474
|
+
feedback?: CwInputFeedback | CwInputFeedback[];
|
|
2443
2475
|
}
|
|
2444
|
-
declare function CwDatePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, }: Readonly<CwDatePickerProps>): react_jsx_runtime.JSX.Element;
|
|
2476
|
+
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;
|
|
2445
2477
|
|
|
2446
2478
|
interface DateRangePreset {
|
|
2447
2479
|
key: string;
|
|
@@ -2554,10 +2586,14 @@ interface CwDateTimePickerProps {
|
|
|
2554
2586
|
numberOfMonths?: number;
|
|
2555
2587
|
/** Show "Now" button to select current date and time */
|
|
2556
2588
|
showNowButton?: boolean;
|
|
2589
|
+
/** Label for the "Now" button */
|
|
2590
|
+
nowLabel?: string;
|
|
2591
|
+
/** Locale for date formatting and calendar strings (default: enGB) */
|
|
2592
|
+
locale?: DayPickerLocale;
|
|
2557
2593
|
/** Numeric timezone offset in hours (e.g., 1, 5.5, -3) */
|
|
2558
2594
|
timezoneOffset?: number;
|
|
2559
2595
|
}
|
|
2560
|
-
declare function CwDateTimePicker({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, timezoneOffset, }: Readonly<CwDateTimePickerProps>): react_jsx_runtime.JSX.Element;
|
|
2596
|
+
declare function CwDateTimePicker({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, timezoneOffset, }: Readonly<CwDateTimePickerProps>): react_jsx_runtime.JSX.Element;
|
|
2561
2597
|
|
|
2562
2598
|
type DateMatcher = Matcher;
|
|
2563
2599
|
interface CwDateTimePickerCompactProps {
|
|
@@ -2598,8 +2634,14 @@ interface CwDateTimePickerCompactProps {
|
|
|
2598
2634
|
/** Number of months to display (default: 1) */
|
|
2599
2635
|
numberOfMonths?: number;
|
|
2600
2636
|
showTodayButton?: boolean;
|
|
2637
|
+
/** Label for the "Now" button */
|
|
2638
|
+
nowLabel?: string;
|
|
2639
|
+
/** Label for the time column header */
|
|
2640
|
+
timeLabel?: string;
|
|
2641
|
+
/** Locale for date formatting and calendar strings (default: enGB) */
|
|
2642
|
+
locale?: DayPickerLocale;
|
|
2601
2643
|
}
|
|
2602
|
-
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;
|
|
2644
|
+
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;
|
|
2603
2645
|
|
|
2604
2646
|
interface CwTimePickerProps {
|
|
2605
2647
|
/** Current selected time in format "HH:mm" (24h format) */
|
|
@@ -2903,6 +2945,15 @@ interface RowHeaderProps<T extends RowHeaderDm> {
|
|
|
2903
2945
|
}
|
|
2904
2946
|
declare const DefaultRowHeader: FC<RowHeaderProps<RowHeaderDm>>;
|
|
2905
2947
|
|
|
2948
|
+
interface IndicatorRowDm {
|
|
2949
|
+
id: string;
|
|
2950
|
+
rowId: string;
|
|
2951
|
+
start: Date;
|
|
2952
|
+
end: Date;
|
|
2953
|
+
color: string;
|
|
2954
|
+
tooltip?: ReactNode;
|
|
2955
|
+
}
|
|
2956
|
+
|
|
2906
2957
|
interface SchedulerState {
|
|
2907
2958
|
selectedDate: Date;
|
|
2908
2959
|
isUtc: boolean;
|
|
@@ -2924,6 +2975,7 @@ interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
|
|
|
2924
2975
|
EventComp: React__default.ComponentType<SchedulerEventState<P>>;
|
|
2925
2976
|
events: P[];
|
|
2926
2977
|
backgroundEvents: BackgroundEventDm[];
|
|
2978
|
+
indicatorRows?: IndicatorRowDm[];
|
|
2927
2979
|
rows: T[];
|
|
2928
2980
|
contextMenuItems: MenuOption[];
|
|
2929
2981
|
orderCategories?: OrderCategory<T>[];
|
|
@@ -2940,6 +2992,7 @@ declare const Scheduler: <T extends RowHeaderDm, P extends SchedulerEventDm>(pro
|
|
|
2940
2992
|
interface SchedulerRowProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
|
|
2941
2993
|
events: P[];
|
|
2942
2994
|
backgroundEvents: BackgroundEventDm[];
|
|
2995
|
+
indicatorRows: IndicatorRowDm[];
|
|
2943
2996
|
rowHeader: RowHeaderProps<T>;
|
|
2944
2997
|
contextMenuItems?: MenuOption[];
|
|
2945
2998
|
EventComp: ComponentType<SchedulerEventState<P>>;
|
|
@@ -2987,6 +3040,7 @@ interface SuperSchedulerProps {
|
|
|
2987
3040
|
rows: PinRowHeaderProps[];
|
|
2988
3041
|
events: SchedulerEventDm[];
|
|
2989
3042
|
backgroundEvents: BackgroundEventDm[];
|
|
3043
|
+
indicatorRows?: IndicatorRowDm[];
|
|
2990
3044
|
contextMenuItems: MenuOption[];
|
|
2991
3045
|
pinnedOrderCategory?: OrderCategory<PinRowHeaderProps>[];
|
|
2992
3046
|
unPinnedOrderCategory?: OrderCategory<PinRowHeaderProps>[];
|
|
@@ -3118,4 +3172,4 @@ declare class OnClickContextMenu implements UiEvent {
|
|
|
3118
3172
|
}
|
|
3119
3173
|
|
|
3120
3174
|
export { CblDragAndDrop$1 as CblDragAndDrop, CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwCard, CwCardList, CwCheck, CwCheckbox, CwCheckboxGroup, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDateRangePicker, CwDateTimePicker, CwDateTimePickerCompact, CwDialog, CwDialogManager, CwDigit, CwDisplayMessage, 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, 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 };
|
|
3121
|
-
export type { BackgroundEventDm, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, 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, CwTextAreaProps, CwTreeNode, DataItem, DateRangeValue, ICwMultiFilterTag, ImageItem, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, ServerSideTableState, SortableColumn, SortableTableDragState, SuperSchedulerProps, Tab, UseSortableTableReturn, Weekday, ZoomImageItem, cblEventCompProps, resourceCompProps2 };
|
|
3175
|
+
export type { BackgroundEventDm, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, 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, 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 };
|