@cwellt_software/cwellt-reactjs-lib 1.6.0 → 1.6.2
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/content/icons/IconLibrary.stories.tsx +18 -18
- package/dist/index.cjs.js +301 -196
- package/dist/index.css +2 -2
- package/dist/index.d.ts +78 -35
- package/dist/index.es.js +301 -196
- package/dist/src/common/functions/colorManipulation.d.ts.map +1 -1
- package/dist/src/common/interfaces/CwDataAttributes.d.ts +5 -0
- package/dist/src/common/interfaces/CwDataAttributes.d.ts.map +1 -0
- package/dist/src/components/control/action/button/CwButtonSwitch.d.ts +3 -3
- package/dist/src/components/control/action/button/CwButtonSwitch.d.ts.map +1 -1
- package/dist/src/components/control/action/search/CwSearchAsync.d.ts +7 -1
- package/dist/src/components/control/action/search/CwSearchAsync.d.ts.map +1 -1
- package/dist/src/components/control/action/search/CwSearchAsync.stories.d.ts +28 -0
- package/dist/src/components/control/action/search/CwSearchAsync.stories.d.ts.map +1 -1
- package/dist/src/components/control/choice/tree-view/CwTreeView.d.ts +4 -4
- package/dist/src/components/control/choice/tree-view/CwTreeView.d.ts.map +1 -1
- package/dist/src/components/control/choice/tree-view/CwTreeView.stories.d.ts +5 -7
- package/dist/src/components/control/choice/tree-view/CwTreeView.stories.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDatePicker.d.ts +3 -2
- package/dist/src/components/control/input/new-dates/CwDatePicker.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDatePicker.stories.d.ts +5 -1
- package/dist/src/components/control/input/new-dates/CwDatePicker.stories.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDatePickerTemporal.d.ts +3 -2
- package/dist/src/components/control/input/new-dates/CwDatePickerTemporal.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateRangePicker.d.ts +8 -2
- package/dist/src/components/control/input/new-dates/CwDateRangePicker.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateRangePicker.stories.d.ts +10 -12
- package/dist/src/components/control/input/new-dates/CwDateRangePicker.stories.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateRangePickerTemporal.d.ts +8 -2
- package/dist/src/components/control/input/new-dates/CwDateRangePickerTemporal.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateTimePicker.d.ts +8 -2
- package/dist/src/components/control/input/new-dates/CwDateTimePicker.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateTimePicker.stories.d.ts +12 -12
- package/dist/src/components/control/input/new-dates/CwDateTimePicker.stories.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateTimePickerCompact.d.ts +8 -2
- package/dist/src/components/control/input/new-dates/CwDateTimePickerCompact.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateTimePickerTemporal.d.ts +8 -2
- package/dist/src/components/control/input/new-dates/CwDateTimePickerTemporal.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwTimePicker.d.ts +8 -2
- package/dist/src/components/control/input/new-dates/CwTimePicker.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwTimePicker.stories.d.ts +15 -13
- package/dist/src/components/control/input/new-dates/CwTimePicker.stories.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/datePickerHelpers.d.ts +10 -0
- package/dist/src/components/control/input/new-dates/datePickerHelpers.d.ts.map +1 -1
- package/dist/src/components/control/input/weekday/CwWeekdaySelector.d.ts +2 -1
- package/dist/src/components/control/input/weekday/CwWeekdaySelector.d.ts.map +1 -1
- package/dist/src/components/control/input/weekday/CwWeekdaySelector.stories.d.ts +3 -0
- package/dist/src/components/control/input/weekday/CwWeekdaySelector.stories.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts +2 -1
- package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/Scheduler.stories.d.ts +5 -1
- package/dist/src/components/custom/scheduler-new/presentation/Scheduler.stories.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/row/Event.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/timeline/DivisionLine.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/timeline/TimeLine.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/timeline/WeekEndLine.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/logic/separateEventsToInnerRows.d.ts +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/logic/separateEventsToInnerRows.d.ts.map +1 -1
- package/dist/src/components/display/data/table/CwTable.stories.d.ts +2 -0
- package/dist/src/components/display/data/table/CwTable.stories.d.ts.map +1 -1
- package/dist/src/components/display/graphics/progress/CwProgress.d.ts +13 -8
- package/dist/src/components/display/graphics/progress/CwProgress.d.ts.map +1 -1
- package/dist/src/components/display/graphics/progress/CwProgress.stories.d.ts +21 -5
- package/dist/src/components/display/graphics/progress/CwProgress.stories.d.ts.map +1 -1
- package/dist/src/components/display/text/badge/CwBadge.d.ts +9 -1
- package/dist/src/components/display/text/badge/CwBadge.d.ts.map +1 -1
- package/dist/src/components/display/text/badge/CwBadge.stories.d.ts +5 -0
- package/dist/src/components/display/text/badge/CwBadge.stories.d.ts.map +1 -1
- package/dist/src/index.d.ts +2 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/storybook/pickerStoryArgs.d.ts +2 -18
- package/dist/src/storybook/pickerStoryArgs.d.ts.map +1 -1
- package/dist/test/common/functions/colorManipulation.test.d.ts +2 -0
- package/dist/test/common/functions/colorManipulation.test.d.ts.map +1 -0
- package/dist/test/components/custom/new-scheduler/presentation/logic/separateEventsToInnerRows.test.d.ts +2 -0
- package/dist/test/components/custom/new-scheduler/presentation/logic/separateEventsToInnerRows.test.d.ts.map +1 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -47,6 +47,11 @@ interface CwGroupLayoutProps {
|
|
|
47
47
|
itemLayout?: CwLayoutProps;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
+
/** Any `data-*` attribute (`data-testid`, `data-tour`, ...), forwarded to a component's root element. */
|
|
51
|
+
type CwDataAttributes = {
|
|
52
|
+
[key: `data-${string}`]: string | number | boolean | undefined;
|
|
53
|
+
};
|
|
54
|
+
|
|
50
55
|
declare function CwHeadingMain(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): React__default.JSX.Element;
|
|
51
56
|
|
|
52
57
|
declare function CwHeadingSecond(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): React__default.JSX.Element;
|
|
@@ -119,7 +124,7 @@ declare const CwChip: React__default.FC<CwChipProps>;
|
|
|
119
124
|
type BadgeColorScheme = 'primary' | 'danger' | 'warning' | 'success' | 'info' | 'neutral';
|
|
120
125
|
type BadgeVariant = 'soft' | 'solid';
|
|
121
126
|
type BadgeSize = 'small' | 'medium' | 'large';
|
|
122
|
-
interface CwBadgeProps {
|
|
127
|
+
interface CwBadgeProps extends CwDataAttributes {
|
|
123
128
|
/** Number shown inside the badge. Omit (with no `content`) to render a dot */
|
|
124
129
|
count?: number;
|
|
125
130
|
/** Text shown instead of a count, e.g. `"!"`. Wins over `count` */
|
|
@@ -154,6 +159,13 @@ interface CwBadgeProps {
|
|
|
154
159
|
* Precedence: `loading` > `content` > `count` > dot. While loading the badge renders regardless
|
|
155
160
|
* of `showZero`, and the spinner replaces it - circle, background and padding come off.
|
|
156
161
|
*
|
|
162
|
+
* Overlaid on a `CwButton` (its `badge` prop), the corner offset is a public custom-property API,
|
|
163
|
+
* settable on the button, an ancestor, or the badge's own `style`:
|
|
164
|
+
* - `--badge-offset-x` - distance from the button's right edge (`right`). Default
|
|
165
|
+
* `calc(var(--cw-spacing-small) * -1)`.
|
|
166
|
+
* - `--badge-offset-y` - distance from the button's top edge (`top`). Default
|
|
167
|
+
* `calc(var(--cw-spacing-tiny) * -1)`, `-0.125rem` on a large icon button.
|
|
168
|
+
*
|
|
157
169
|
* @example
|
|
158
170
|
* <CwBadge count={3} color="danger" />
|
|
159
171
|
* <CwBadge count={0} showZero={false} />
|
|
@@ -422,29 +434,33 @@ interface CwSkeletonProps {
|
|
|
422
434
|
*/
|
|
423
435
|
declare function CwSkeleton({ variant, width, height, count, radius, gap }: CwSkeletonProps): React__default.JSX.Element;
|
|
424
436
|
|
|
425
|
-
type
|
|
437
|
+
type CwProgressColor = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
|
|
426
438
|
type ProgressSize = 'small' | 'regular' | 'large';
|
|
427
|
-
interface CwProgressProps {
|
|
439
|
+
interface CwProgressProps extends CwDataAttributes {
|
|
428
440
|
/** Progress percentage, 0-100 (clamped). Ignored when indeterminate. */
|
|
429
441
|
value?: number;
|
|
430
442
|
/** Sweeping animation for unmeasurable progress. Respects prefers-reduced-motion (static partial fill). */
|
|
431
443
|
indeterminate?: boolean;
|
|
432
444
|
/** Label beside (row layout) or above (column layout) the bar. */
|
|
433
445
|
label?: string;
|
|
434
|
-
/** Right-side value label. Defaults to the rounded percent when value is set and not indeterminate. */
|
|
435
|
-
rightLabel?:
|
|
436
|
-
/**
|
|
446
|
+
/** Right-side value label, text or markup. Defaults to the rounded percent when value is set and not indeterminate. */
|
|
447
|
+
rightLabel?: React__default.ReactNode;
|
|
448
|
+
/** Small caption below the bar, under the track in both layouts. */
|
|
449
|
+
footer?: React__default.ReactNode;
|
|
450
|
+
/** Bar size; 'small' also shrinks the label and value text. Default 'regular'. */
|
|
437
451
|
size?: ProgressSize;
|
|
438
452
|
/** Label placement relative to the bar. Default 'row'. */
|
|
439
453
|
layout?: 'row' | 'column';
|
|
440
|
-
/** Semantic color. Default 'primary'. */
|
|
441
|
-
color?:
|
|
454
|
+
/** Semantic color; 'neutral' is an inert grey for "no data yet". Default 'primary'. */
|
|
455
|
+
color?: CwProgressColor;
|
|
442
456
|
/** Tabular figures for the value label so digits do not jump while counting. */
|
|
443
457
|
monoValue?: boolean;
|
|
444
458
|
/** Larger, bolder value label. */
|
|
445
459
|
prominent?: boolean;
|
|
446
460
|
/** Extra classes on the outermost element, e.g. a layout utility like `cw-flex-grow`. */
|
|
447
461
|
className?: string;
|
|
462
|
+
/** Inline styles on the outermost element, e.g. `{ "--progress-color": ... }` for a one-off color. */
|
|
463
|
+
style?: React__default.CSSProperties;
|
|
448
464
|
}
|
|
449
465
|
/**
|
|
450
466
|
* CwProgress - a determinate or indeterminate progress bar.
|
|
@@ -456,7 +472,7 @@ interface CwProgressProps {
|
|
|
456
472
|
* <CwProgress value={62} label="Import" color="success" />
|
|
457
473
|
* <CwProgress indeterminate label="Uploading" />
|
|
458
474
|
*/
|
|
459
|
-
declare function CwProgress({ value, indeterminate, label, rightLabel, size, layout, color, monoValue, prominent, className }: CwProgressProps): React__default.JSX.Element;
|
|
475
|
+
declare function CwProgress({ value, indeterminate, label, rightLabel, footer, size, layout, color, monoValue, prominent, className, style, ...dataAttributes }: CwProgressProps): React__default.JSX.Element;
|
|
460
476
|
|
|
461
477
|
type TooltipPosition = "top" | "bottom" | "left" | "right";
|
|
462
478
|
interface CwGenericTooltipProps {
|
|
@@ -2022,7 +2038,7 @@ interface CwImageAreaMethods {
|
|
|
2022
2038
|
*/
|
|
2023
2039
|
declare const CwImageArea: React__default.ForwardRefExoticComponent<CwImageAreaProps & React__default.RefAttributes<CwImageAreaMethods>>;
|
|
2024
2040
|
|
|
2025
|
-
interface CwWeekdaySelectorProps {
|
|
2041
|
+
interface CwWeekdaySelectorProps extends CwDataAttributes {
|
|
2026
2042
|
value?: string;
|
|
2027
2043
|
onChange?: (value: string) => void;
|
|
2028
2044
|
disabled?: boolean;
|
|
@@ -2722,13 +2738,13 @@ type CwTreeNode<T> = {
|
|
|
2722
2738
|
data: T;
|
|
2723
2739
|
children?: CwTreeNode<T>[];
|
|
2724
2740
|
};
|
|
2725
|
-
|
|
2741
|
+
interface TreeViewProps<T> extends CwDataAttributes {
|
|
2726
2742
|
data: CwTreeNode<T>[];
|
|
2727
2743
|
onSelect: (node: CwTreeNode<T>) => void;
|
|
2728
2744
|
allowParentSelection?: boolean;
|
|
2729
2745
|
selectedId?: string | number | null;
|
|
2730
|
-
}
|
|
2731
|
-
declare function CwTreeView<T>({ data, onSelect, allowParentSelection, selectedId: initialSelectedId }: TreeViewProps<T>): React$1.JSX.Element;
|
|
2746
|
+
}
|
|
2747
|
+
declare function CwTreeView<T>({ data, onSelect, allowParentSelection, selectedId: initialSelectedId, ...dataAttributes }: TreeViewProps<T>): React$1.JSX.Element;
|
|
2732
2748
|
|
|
2733
2749
|
interface CwNavItem {
|
|
2734
2750
|
/** Stable id, also the React key */
|
|
@@ -2886,7 +2902,7 @@ interface CwSearchAsyncOption {
|
|
|
2886
2902
|
data?: unknown;
|
|
2887
2903
|
}
|
|
2888
2904
|
/** Props for {@link CwSearchAsync}. */
|
|
2889
|
-
interface CwSearchAsyncProps {
|
|
2905
|
+
interface CwSearchAsyncProps extends CwDataAttributes {
|
|
2890
2906
|
/**
|
|
2891
2907
|
* Runs on each debounced keystroke once `text.length >= minChars`. Receives an
|
|
2892
2908
|
* `AbortSignal` — forward it to `fetch` so the engine can cancel superseded requests.
|
|
@@ -2938,6 +2954,10 @@ interface CwSearchAsyncProps {
|
|
|
2938
2954
|
/** Fixed CSS width for the input wrapper, e.g. `"400px"`. */
|
|
2939
2955
|
width?: string;
|
|
2940
2956
|
className?: string;
|
|
2957
|
+
/** Feedback messages shown below the input; accepts a single message or an array for multiple
|
|
2958
|
+
* @example feedback={{ type: "danger", message: "Select a city from the list" }}
|
|
2959
|
+
*/
|
|
2960
|
+
feedback?: CwInputFeedback | CwInputFeedback[];
|
|
2941
2961
|
}
|
|
2942
2962
|
/**
|
|
2943
2963
|
* Generic API-backed search input. Fetches matching options from a caller-supplied `onSearch`
|
|
@@ -3111,7 +3131,7 @@ interface CwButtonSwitchOption {
|
|
|
3111
3131
|
/** Disables this specific segment */
|
|
3112
3132
|
disabled?: boolean;
|
|
3113
3133
|
}
|
|
3114
|
-
interface CwButtonSwitchProps {
|
|
3134
|
+
interface CwButtonSwitchProps extends CwDataAttributes {
|
|
3115
3135
|
/** Options rendered as joined segments */
|
|
3116
3136
|
options: CwButtonSwitchOption[];
|
|
3117
3137
|
/** Currently selected value */
|
|
@@ -3136,7 +3156,6 @@ interface CwButtonSwitchProps {
|
|
|
3136
3156
|
"aria-label"?: string;
|
|
3137
3157
|
/** Accessible name for the radiogroup (there is no visible label on this inline control). */
|
|
3138
3158
|
"aria-labelledby"?: string;
|
|
3139
|
-
"data-testid"?: string;
|
|
3140
3159
|
}
|
|
3141
3160
|
/**
|
|
3142
3161
|
* CwButtonSwitch - Segmented single-select control: a strip of joined CwButtons.
|
|
@@ -3164,7 +3183,7 @@ interface CwButtonSwitchProps {
|
|
|
3164
3183
|
* onChange={setView}
|
|
3165
3184
|
* />
|
|
3166
3185
|
*/
|
|
3167
|
-
declare function CwButtonSwitch({ options, value, onChange, size, color, iconOnly, direction, disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby,
|
|
3186
|
+
declare function CwButtonSwitch({ options, value, onChange, size, color, iconOnly, direction, disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...dataAttributes }: CwButtonSwitchProps): React$1.JSX.Element;
|
|
3168
3187
|
|
|
3169
3188
|
/**
|
|
3170
3189
|
* Props for legacy icon button wrappers
|
|
@@ -3207,7 +3226,7 @@ declare function CwBtnApprove({ cw_btnOnclick, cw_btn_disabled, onClick, disable
|
|
|
3207
3226
|
declare function CwBtnCancel({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): React$1.JSX.Element;
|
|
3208
3227
|
|
|
3209
3228
|
type DateMatcher$4 = Matcher;
|
|
3210
|
-
interface CwDatePickerProps {
|
|
3229
|
+
interface CwDatePickerProps extends CwDataAttributes {
|
|
3211
3230
|
/** Current selected date */
|
|
3212
3231
|
value?: Date;
|
|
3213
3232
|
/** Callback when date changes */
|
|
@@ -3258,7 +3277,7 @@ interface CwDatePickerProps {
|
|
|
3258
3277
|
*/
|
|
3259
3278
|
feedback?: CwInputFeedback | CwInputFeedback[];
|
|
3260
3279
|
}
|
|
3261
|
-
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__default.JSX.Element;
|
|
3280
|
+
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, ...dataAttributes }: Readonly<CwDatePickerProps>): React__default.JSX.Element;
|
|
3262
3281
|
|
|
3263
3282
|
interface DateRangePreset {
|
|
3264
3283
|
key: string;
|
|
@@ -3274,7 +3293,7 @@ interface DateRangeValue {
|
|
|
3274
3293
|
from: Date | undefined;
|
|
3275
3294
|
to: Date | undefined;
|
|
3276
3295
|
}
|
|
3277
|
-
interface CwDateRangePickerProps {
|
|
3296
|
+
interface CwDateRangePickerProps extends CwDataAttributes {
|
|
3278
3297
|
/** Current selected date range */
|
|
3279
3298
|
value?: DateRangeValue;
|
|
3280
3299
|
/** Callback when date range changes */
|
|
@@ -3327,10 +3346,14 @@ interface CwDateRangePickerProps {
|
|
|
3327
3346
|
* Custom presets to add alongside library presets
|
|
3328
3347
|
*/
|
|
3329
3348
|
customPresets?: DateRangePreset[];
|
|
3349
|
+
/** Feedback messages shown below the inputs; accepts a single message or an array for multiple
|
|
3350
|
+
* @example feedback={{ type: "danger", message: "This field is required" }}
|
|
3351
|
+
*/
|
|
3352
|
+
feedback?: CwInputFeedback | CwInputFeedback[];
|
|
3330
3353
|
}
|
|
3331
|
-
declare function CwDateRangePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showPresets, presetKeys, customPresets, }: Readonly<CwDateRangePickerProps>): React$1.JSX.Element;
|
|
3354
|
+
declare function CwDateRangePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showPresets, presetKeys, customPresets, feedback, ...dataAttributes }: Readonly<CwDateRangePickerProps>): React$1.JSX.Element;
|
|
3332
3355
|
|
|
3333
|
-
interface CwDateTimePickerProps {
|
|
3356
|
+
interface CwDateTimePickerProps extends CwDataAttributes {
|
|
3334
3357
|
/** Current selected datetime */
|
|
3335
3358
|
value?: Date;
|
|
3336
3359
|
/** Callback when datetime changes */
|
|
@@ -3377,11 +3400,15 @@ interface CwDateTimePickerProps {
|
|
|
3377
3400
|
locale?: DayPickerLocale;
|
|
3378
3401
|
/** Numeric timezone offset in hours (e.g., 1, 5.5, -3) */
|
|
3379
3402
|
timezoneOffset?: number;
|
|
3403
|
+
/** Feedback messages shown below the inputs; accepts a single message or an array for multiple
|
|
3404
|
+
* @example feedback={{ type: "danger", message: "This field is required" }}
|
|
3405
|
+
*/
|
|
3406
|
+
feedback?: CwInputFeedback | CwInputFeedback[];
|
|
3380
3407
|
}
|
|
3381
|
-
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$1.JSX.Element;
|
|
3408
|
+
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, feedback, ...dataAttributes }: Readonly<CwDateTimePickerProps>): React$1.JSX.Element;
|
|
3382
3409
|
|
|
3383
3410
|
type DateMatcher$2 = Matcher;
|
|
3384
|
-
interface CwDateTimePickerCompactProps {
|
|
3411
|
+
interface CwDateTimePickerCompactProps extends CwDataAttributes {
|
|
3385
3412
|
/** Current selected datetime */
|
|
3386
3413
|
value?: Date;
|
|
3387
3414
|
/** Callback when datetime changes */
|
|
@@ -3432,10 +3459,14 @@ interface CwDateTimePickerCompactProps {
|
|
|
3432
3459
|
yearRangeStart?: number;
|
|
3433
3460
|
/** Last year shown in the year dropdown. Defaults to `maxDateTime`'s year, or 5 years after today when not set. */
|
|
3434
3461
|
yearRangeEnd?: number;
|
|
3462
|
+
/** Feedback messages shown below the input; accepts a single message or an array for multiple
|
|
3463
|
+
* @example feedback={{ type: "danger", message: "This field is required" }}
|
|
3464
|
+
*/
|
|
3465
|
+
feedback?: CwInputFeedback | CwInputFeedback[];
|
|
3435
3466
|
}
|
|
3436
|
-
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__default.JSX.Element;
|
|
3467
|
+
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, feedback, ...dataAttributes }: Readonly<CwDateTimePickerCompactProps>): React__default.JSX.Element;
|
|
3437
3468
|
|
|
3438
|
-
interface CwTimePickerProps {
|
|
3469
|
+
interface CwTimePickerProps extends CwDataAttributes {
|
|
3439
3470
|
/** Current selected time in format "HH:mm" (24h format) */
|
|
3440
3471
|
value?: string;
|
|
3441
3472
|
/** Callback when time changes - returns format "HH:mm" */
|
|
@@ -3468,11 +3499,15 @@ interface CwTimePickerProps {
|
|
|
3468
3499
|
* @default false on desktop, true on mobile
|
|
3469
3500
|
*/
|
|
3470
3501
|
useNative?: boolean;
|
|
3502
|
+
/** Feedback messages shown below the input; accepts a single message or an array for multiple
|
|
3503
|
+
* @example feedback={{ type: "danger", message: "This field is required" }}
|
|
3504
|
+
*/
|
|
3505
|
+
feedback?: CwInputFeedback | CwInputFeedback[];
|
|
3471
3506
|
}
|
|
3472
|
-
declare function CwTimePicker({ value, onChange, interval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, useNative, }: CwTimePickerProps): React__default.JSX.Element;
|
|
3507
|
+
declare function CwTimePicker({ value, onChange, interval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, useNative, feedback, ...dataAttributes }: CwTimePickerProps): React__default.JSX.Element;
|
|
3473
3508
|
|
|
3474
3509
|
type DateMatcher$1 = Matcher;
|
|
3475
|
-
interface CwDatePickerTemporalProps {
|
|
3510
|
+
interface CwDatePickerTemporalProps extends CwDataAttributes {
|
|
3476
3511
|
/** Current selected date */
|
|
3477
3512
|
value?: Temporal.PlainDate;
|
|
3478
3513
|
/** Callback when date changes */
|
|
@@ -3520,9 +3555,9 @@ interface CwDatePickerTemporalProps {
|
|
|
3520
3555
|
/** Feedback messages shown below the input */
|
|
3521
3556
|
feedback?: CwInputFeedback | CwInputFeedback[];
|
|
3522
3557
|
}
|
|
3523
|
-
declare function CwDatePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, }: Readonly<CwDatePickerTemporalProps>): React__default.JSX.Element;
|
|
3558
|
+
declare function CwDatePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, ...dataAttributes }: Readonly<CwDatePickerTemporalProps>): React__default.JSX.Element;
|
|
3524
3559
|
|
|
3525
|
-
interface CwDateTimePickerTemporalProps {
|
|
3560
|
+
interface CwDateTimePickerTemporalProps extends CwDataAttributes {
|
|
3526
3561
|
/** Current selected datetime (local wall-clock, no timezone) */
|
|
3527
3562
|
value?: Temporal.PlainDateTime;
|
|
3528
3563
|
/** Callback when datetime changes */
|
|
@@ -3567,8 +3602,12 @@ interface CwDateTimePickerTemporalProps {
|
|
|
3567
3602
|
nowLabel?: string;
|
|
3568
3603
|
/** Locale for date formatting and calendar strings (default: enGB) */
|
|
3569
3604
|
locale?: DayPickerLocale;
|
|
3605
|
+
/** Feedback messages shown below the inputs; accepts a single message or an array for multiple
|
|
3606
|
+
* @example feedback={{ type: "danger", message: "This field is required" }}
|
|
3607
|
+
*/
|
|
3608
|
+
feedback?: CwInputFeedback | CwInputFeedback[];
|
|
3570
3609
|
}
|
|
3571
|
-
declare function CwDateTimePickerTemporal({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, }: Readonly<CwDateTimePickerTemporalProps>): React$1.JSX.Element;
|
|
3610
|
+
declare function CwDateTimePickerTemporal({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, feedback, ...dataAttributes }: Readonly<CwDateTimePickerTemporalProps>): React$1.JSX.Element;
|
|
3572
3611
|
|
|
3573
3612
|
interface DateRangePresetTemporal {
|
|
3574
3613
|
key: string;
|
|
@@ -3591,7 +3630,7 @@ interface DateRangeValueTemporal {
|
|
|
3591
3630
|
from: Temporal.PlainDate | undefined;
|
|
3592
3631
|
to: Temporal.PlainDate | undefined;
|
|
3593
3632
|
}
|
|
3594
|
-
interface CwDateRangePickerTemporalProps {
|
|
3633
|
+
interface CwDateRangePickerTemporalProps extends CwDataAttributes {
|
|
3595
3634
|
/** Current selected date range */
|
|
3596
3635
|
value?: DateRangeValueTemporal;
|
|
3597
3636
|
/** Callback when date range changes */
|
|
@@ -3652,8 +3691,12 @@ interface CwDateRangePickerTemporalProps {
|
|
|
3652
3691
|
* Custom presets to add alongside library presets
|
|
3653
3692
|
*/
|
|
3654
3693
|
customPresets?: DateRangePresetTemporal[];
|
|
3694
|
+
/** Feedback messages shown below the inputs; accepts a single message or an array for multiple
|
|
3695
|
+
* @example feedback={{ type: "danger", message: "This field is required" }}
|
|
3696
|
+
*/
|
|
3697
|
+
feedback?: CwInputFeedback | CwInputFeedback[];
|
|
3655
3698
|
}
|
|
3656
|
-
declare function CwDateRangePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, locale, yearRangeStart, yearRangeEnd, showPresets, presetKeys, customPresets, }: Readonly<CwDateRangePickerTemporalProps>): React__default.JSX.Element;
|
|
3699
|
+
declare function CwDateRangePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, locale, yearRangeStart, yearRangeEnd, showPresets, presetKeys, customPresets, feedback, ...dataAttributes }: Readonly<CwDateRangePickerTemporalProps>): React__default.JSX.Element;
|
|
3657
3700
|
|
|
3658
3701
|
declare class UiEvent {
|
|
3659
3702
|
}
|
|
@@ -3751,7 +3794,7 @@ type LineState = {
|
|
|
3751
3794
|
};
|
|
3752
3795
|
|
|
3753
3796
|
type OrderCategory<T> = keyof T & string;
|
|
3754
|
-
interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
|
|
3797
|
+
interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> extends CwDataAttributes {
|
|
3755
3798
|
id: string;
|
|
3756
3799
|
state: SchedulerState;
|
|
3757
3800
|
header: SchedulerHeaderContent;
|
|
@@ -4019,4 +4062,4 @@ declare class OnClickContextMenu implements UiEvent {
|
|
|
4019
4062
|
}
|
|
4020
4063
|
|
|
4021
4064
|
export { CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBadge, CwBtnApprove, CwBtnCancel, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwButtonSplit, CwButtonSwitch, CwCard, CwCardList, CwCheck, CwCheckbox, CwCheckboxGroup, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDatePickerTemporal, CwDateRangePicker, CwDateRangePickerTemporal, CwDateTimePicker, CwDateTimePickerCompact, CwDateTimePickerTemporal, CwDialog, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownFilter, CwExpandable, CwFileUploadMultiple, CwFindAirport, CwFindCrewmember, CwGenericTooltip, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwMasterDetail, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalHover, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwNavMenu, CwNote, CwOption, CwPopoverButton, CwProgress, CwRadioGroup, CwReportModal, CwSearchAsync, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSkeleton, CwSortableList, CwSortableTable, 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, PRESET_LIBRARY_TEMPORAL, PinRowHeader, Scheduler, SchedulerEvent, SuperScheduler, TooltipConstraintContext, UiEvent, Weekdays, configureCwLoading, eventIsVisible, filterNavItems, filterVisibleEvents, getCwLoadingDefaults, getDefaultDivisions, getEventSizes, getPresetsByKeysTemporal, itemsToMultiFilterTags, sortNavItems, useCwMessage, useSortableList, useSortableTable, useTooltipConstraint };
|
|
4022
|
-
export type { BackgroundEventDm, BadgeColorScheme, BadgeSize, BadgeVariant, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwBadgeProps, CwButtonSplitAction, CwButtonSplitProps, CwButtonSwitchOption, CwButtonSwitchProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, CwDropdownOption, CwDropdownProps, CwExpandableProps, CwGroupLayoutProps, CwImageAreaMethods, CwImageAreaProps, CwInputDateTextProps, CwInputDatetimeProps, CwInputImageProps, CwInputNumberProps, CwInputPhoneProps, CwInputTextProps, CwInputTimeProps, CwKeyValueListProps, CwLabelProps, CwLayoutProps, CwLoadingDefaults, CwMasterDetailItem, CwMasterDetailProps, CwMessageProps, CwModalHoverProps, CwMultiFilterProps, CwMultiFilterTagProps, CwNavItem, CwNavMenuProps, CwNoteProps, CwPopoverButtonProps, CwProgressProps, CwRadioGroupProps, CwReportModalFunctionalProps, CwSearchAsyncOption, CwSearchAsyncProps, CwSelectListProps, CwSkeletonProps, CwSortableListProps, CwSortableTableProps, CwTableGroupedData, CwTableGroupedData_Group, CwTableGroupedData_Row, CwTableGroupedProps, CwTagSelectorOption, CwTagSelectorProps, CwTextAreaProps, CwTreeNode, DataItem, DateRangePresetTemporal, DateRangeValue, DateRangeValueTemporal, ICwMultiFilterTag, ImageItem, IndicatorRowDm, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, ServerSideTableState, SortableColumn, SortableTableDragState, SuperSchedulerProps, Tab, UseSortableTableReturn, Weekday, ZoomImageItem };
|
|
4065
|
+
export type { BackgroundEventDm, BadgeColorScheme, BadgeSize, BadgeVariant, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwBadgeProps, CwButtonSplitAction, CwButtonSplitProps, CwButtonSwitchOption, CwButtonSwitchProps, CwCardListProps, CwCardProps, CwChipProps, CwDataAttributes, CwDialogProps, CwDropdownOption, CwDropdownProps, CwExpandableProps, CwGroupLayoutProps, CwImageAreaMethods, CwImageAreaProps, CwInputDateTextProps, CwInputDatetimeProps, CwInputImageProps, CwInputNumberProps, CwInputPhoneProps, CwInputTextProps, CwInputTimeProps, CwKeyValueListProps, CwLabelProps, CwLayoutProps, CwLoadingDefaults, CwMasterDetailItem, CwMasterDetailProps, CwMessageProps, CwModalHoverProps, CwMultiFilterProps, CwMultiFilterTagProps, CwNavItem, CwNavMenuProps, CwNoteProps, CwPopoverButtonProps, CwProgressColor, CwProgressProps, CwRadioGroupProps, CwReportModalFunctionalProps, CwSearchAsyncOption, CwSearchAsyncProps, CwSelectListProps, CwSkeletonProps, CwSortableListProps, CwSortableTableProps, CwTableGroupedData, CwTableGroupedData_Group, CwTableGroupedData_Row, CwTableGroupedProps, CwTagSelectorOption, CwTagSelectorProps, CwTextAreaProps, CwTreeNode, DataItem, DateRangePresetTemporal, DateRangeValue, DateRangeValueTemporal, ICwMultiFilterTag, ImageItem, IndicatorRowDm, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, ServerSideTableState, SortableColumn, SortableTableDragState, SuperSchedulerProps, Tab, UseSortableTableReturn, Weekday, ZoomImageItem };
|