@cwellt_software/cwellt-reactjs-lib 1.1.7 → 1.2.0
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/new-cw-icons/NewCwIcons.html +13 -3
- package/dist/content/icons/new-cw-icons/NewCwIcons.json +10 -1
- package/dist/content/icons/new-cw-icons/css/new-cw-icons.css +39 -2
- package/dist/content/icons/new-cw-icons/fonts/NewCwIcons.woff +0 -0
- package/dist/index.cjs.js +891 -1373
- package/dist/index.css +1 -7
- package/dist/index.d.ts +218 -328
- package/dist/index.es.js +893 -1327
- package/dist/src/components/control/action/button/CwButton.d.ts +5 -2
- package/dist/src/components/control/action/button/CwButton.d.ts.map +1 -1
- package/dist/src/components/control/action/buttons/CwButtons.d.ts +24 -54
- package/dist/src/components/control/action/buttons/CwButtons.d.ts.map +1 -1
- package/dist/src/components/control/action/contextmenu/CwAnchoredMenu.d.ts +80 -0
- package/dist/src/components/control/action/contextmenu/CwAnchoredMenu.d.ts.map +1 -0
- package/dist/src/components/control/action/contextmenu/CwContextMenu.d.ts +0 -11
- package/dist/src/components/control/action/contextmenu/CwContextMenu.d.ts.map +1 -1
- package/dist/src/components/control/action/search/CwSearch.d.ts +6 -2
- package/dist/src/components/control/action/search/CwSearch.d.ts.map +1 -1
- package/dist/src/components/control/choice/multi-filter/CwMultiFilter.d.ts +1 -5
- package/dist/src/components/control/choice/multi-filter/CwMultiFilter.d.ts.map +1 -1
- package/dist/src/components/control/choice/multi-filter/components/tag/CwMultiFilterTag.d.ts +2 -2
- package/dist/src/components/control/choice/multi-filter/components/tag/CwMultiFilterTag.d.ts.map +1 -1
- package/dist/src/components/control/choice/toggle/CwToggle.d.ts.map +1 -1
- package/dist/src/components/control/input/file/CwFileUploadMultiple.d.ts +1 -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 +5 -3
- package/dist/src/components/control/input/new-dates/CwDatePicker.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateRangePicker.d.ts +3 -1
- package/dist/src/components/control/input/new-dates/CwDateRangePicker.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/CwDateTimePicker.d.ts +2 -2
- package/dist/src/components/control/input/new-dates/CwDateTimePicker.d.ts.map +1 -1
- package/dist/src/components/control/input/new-dates/dateRangePresets.d.ts.map +1 -1
- package/dist/src/components/control/input/text/CwInputText.d.ts.map +1 -1
- package/dist/src/components/custom/find-airport/CwFindAirportComp.d.ts +4 -1
- package/dist/src/components/custom/find-airport/CwFindAirportComp.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler/components/ResourceListRender.d.ts +1 -1
- package/dist/src/components/custom/scheduler/components/ResourceListRender.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts +3 -4
- package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/row/DefaultRowHeader.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/row/Event.d.ts +2 -2
- 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/row/SchedulerRow.d.ts +2 -2
- package/dist/src/components/custom/scheduler-new/presentation/components/row/SchedulerRow.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/logic/getPercentageFromMouseEvent.d.ts +1 -0
- package/dist/src/components/custom/scheduler-new/presentation/logic/getPercentageFromMouseEvent.d.ts.map +1 -1
- package/dist/src/components/custom/super-scheduler/PinRowHeader.d.ts +2 -2
- package/dist/src/components/custom/super-scheduler/PinRowHeader.d.ts.map +1 -1
- package/dist/src/components/custom/super-scheduler/SuperScheduler.d.ts +2 -2
- package/dist/src/components/custom/super-scheduler/SuperScheduler.d.ts.map +1 -1
- package/dist/src/components/display/data/generic_tooltip/CwGenericTooltip.d.ts +1 -0
- package/dist/src/components/display/data/generic_tooltip/CwGenericTooltip.d.ts.map +1 -1
- package/dist/src/components/display/data/table/CwTable.d.ts +25 -20
- package/dist/src/components/display/data/table/CwTable.d.ts.map +1 -1
- package/dist/src/components/display/graphics/icon/CwIcon.d.ts.map +1 -1
- package/dist/src/components/display/graphics/icon/svg-icons.d.ts +6 -0
- package/dist/src/components/display/graphics/icon/svg-icons.d.ts.map +1 -0
- package/dist/src/components/display/text/label/CwLabel.d.ts +1 -4
- package/dist/src/components/display/text/label/CwLabel.d.ts.map +1 -1
- package/dist/src/components/display/text/tag/CwChip.d.ts.map +1 -1
- package/dist/src/components/layout/dialog/CwDialog.d.ts.map +1 -1
- package/dist/src/components/layout/modal/CwModalReportFunctional.d.ts.map +1 -1
- package/dist/src/components/layout/modal/legacy/cw_modal.d.ts +4 -0
- package/dist/src/components/layout/modal/legacy/cw_modal.d.ts.map +1 -1
- package/dist/src/components/layout/tabs/CwTabs.d.ts +2 -0
- package/dist/src/components/layout/tabs/CwTabs.d.ts.map +1 -1
- package/dist/src/index.d.ts +2 -11
- package/dist/src/index.d.ts.map +1 -1
- package/package.json +6 -11
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, {
|
|
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
5
|
import { FormInstance } from 'antd/lib/form';
|
|
6
6
|
import { Matcher } from 'react-day-picker';
|
|
7
|
-
import { ItemType } from 'antd/lib/menu/hooks/useItems';
|
|
8
7
|
|
|
9
8
|
declare class CwSelectList {
|
|
10
9
|
type: string;
|
|
@@ -36,58 +35,6 @@ declare function CwHeadingMain(props: React__default.PropsWithChildren<React__de
|
|
|
36
35
|
|
|
37
36
|
declare function CwHeadingSecond(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): react_jsx_runtime.JSX.Element;
|
|
38
37
|
|
|
39
|
-
interface CwAlignProps extends Omit<PropsWithChildren<HTMLProps<HTMLDivElement>>, "className" | "style"> {
|
|
40
|
-
alignContent?: CSS.Property.AlignContent;
|
|
41
|
-
alignItems?: CSS.Property.AlignItems;
|
|
42
|
-
alignSelf?: CSS.Property.AlignSelf;
|
|
43
|
-
bottom?: CSS.Property.Bottom;
|
|
44
|
-
display?: CSS.Property.Display;
|
|
45
|
-
flexBasis?: CSS.Property.FlexBasis;
|
|
46
|
-
flexDirection?: CSS.Property.FlexDirection;
|
|
47
|
-
flexGrow?: CSS.Property.FlexGrow;
|
|
48
|
-
flexShrink?: CSS.Property.FlexShrink;
|
|
49
|
-
flexWrap?: CSS.Property.FlexWrap;
|
|
50
|
-
cssHeight?: CSS.Property.Height;
|
|
51
|
-
justifyContent?: CSS.Property.JustifyContent;
|
|
52
|
-
left?: CSS.Property.Left;
|
|
53
|
-
margin?: CSS.Property.Margin;
|
|
54
|
-
order?: CSS.Property.Order;
|
|
55
|
-
padding?: CSS.Property.Padding;
|
|
56
|
-
position?: CSS.Property.Position;
|
|
57
|
-
right?: CSS.Property.Right;
|
|
58
|
-
top?: CSS.Property.Top;
|
|
59
|
-
cssWidth?: CSS.Property.Width;
|
|
60
|
-
gap?: CSS.Property.Gap;
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* General purpose aligner flex container, useful for column or row view.
|
|
64
|
-
* @remarks
|
|
65
|
-
* ```txt
|
|
66
|
-
* flexDirection="row" (default):
|
|
67
|
-
*
|
|
68
|
-
* <Row A> | - item 1 - item 2 - item 3 |
|
|
69
|
-
* <Row B> | - item 1 - item 2 - item 3 |
|
|
70
|
-
*
|
|
71
|
-
* flexDirection="column":
|
|
72
|
-
*
|
|
73
|
-
* <Col A> <Col B>
|
|
74
|
-
* | - item 1 | - item 1 |
|
|
75
|
-
* | - item 2 | - item 2 |
|
|
76
|
-
* | - item 3 | - item 3 |
|
|
77
|
-
*
|
|
78
|
-
* ```
|
|
79
|
-
* @example
|
|
80
|
-
* <CwAlign flexDirection="column">
|
|
81
|
-
* <div>
|
|
82
|
-
* <h2>ColumnA</h2>
|
|
83
|
-
* </div>
|
|
84
|
-
* <div>
|
|
85
|
-
* <h2>ColumnB</h2>
|
|
86
|
-
* </div>
|
|
87
|
-
* </CwAlign>
|
|
88
|
-
*/
|
|
89
|
-
declare function CwAlign(props: CwAlignProps): react_jsx_runtime.JSX.Element;
|
|
90
|
-
|
|
91
38
|
interface CwLabelProps extends Omit<HTMLProps<PropsWithChildren<HTMLLabelElement>>, "className"> {
|
|
92
39
|
/** Text to display on the label; Same as props.children
|
|
93
40
|
* @example text="Name:" */
|
|
@@ -101,14 +48,12 @@ interface CwLabelProps extends Omit<HTMLProps<PropsWithChildren<HTMLLabelElement
|
|
|
101
48
|
labelWidth?: CSS.Property.Width;
|
|
102
49
|
/** css height */
|
|
103
50
|
labelHeight?: CSS.Property.Height;
|
|
104
|
-
/** CwAlign properties */
|
|
105
|
-
alignProps?: CwAlignProps;
|
|
106
51
|
}
|
|
107
52
|
/**
|
|
108
53
|
* Label for form controls.
|
|
109
54
|
* @example
|
|
110
55
|
* ```tsx
|
|
111
|
-
* <
|
|
56
|
+
* <CwLabel justify="right" >Username:</CwLabel>
|
|
112
57
|
* ```
|
|
113
58
|
*/
|
|
114
59
|
declare function CwLabel(props: CwLabelProps): react_jsx_runtime.JSX.Element;
|
|
@@ -154,20 +99,6 @@ interface CwChipProps {
|
|
|
154
99
|
**/
|
|
155
100
|
declare const CwChip: React__default.FC<CwChipProps>;
|
|
156
101
|
|
|
157
|
-
interface CwTagProps {
|
|
158
|
-
children?: any;
|
|
159
|
-
styleTag?: React$1.CSSProperties;
|
|
160
|
-
styleTag_description?: React$1.CSSProperties;
|
|
161
|
-
closableTag?: boolean;
|
|
162
|
-
className?: string;
|
|
163
|
-
onClickTag?: (clickEvent: React$1.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
|
|
164
|
-
onClickClosableTag?: (clickEvent: React$1.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
|
|
165
|
-
idTag?: string;
|
|
166
|
-
ref?: any;
|
|
167
|
-
styleClosableButton?: React$1.CSSProperties;
|
|
168
|
-
}
|
|
169
|
-
declare function CwTag(tagProps: React$1.PropsWithChildren<CwTagProps>): react_jsx_runtime.JSX.Element;
|
|
170
|
-
|
|
171
102
|
declare enum CwMessageType {
|
|
172
103
|
ERROR = "close-circle",
|
|
173
104
|
WARN = "warning",
|
|
@@ -422,6 +353,7 @@ interface CwGenericTooltipProps {
|
|
|
422
353
|
position?: TooltipPosition;
|
|
423
354
|
overlayStyle?: CSSProperties;
|
|
424
355
|
showDelay?: number;
|
|
356
|
+
displayInline?: boolean;
|
|
425
357
|
}
|
|
426
358
|
declare const CwGenericTooltip: FC<CwGenericTooltipProps>;
|
|
427
359
|
|
|
@@ -444,6 +376,10 @@ interface CwModalProps {
|
|
|
444
376
|
custButtonTitle?: string;
|
|
445
377
|
custColorButtonTooltip?: string;
|
|
446
378
|
}
|
|
379
|
+
/**
|
|
380
|
+
* **Note:** For new development, we recommend using {@link CwDialog} instead. CwModal remains supported for existing code.
|
|
381
|
+
* @see {@link CwDialog}
|
|
382
|
+
*/
|
|
447
383
|
declare function CwModal(custModalProps: React__default.PropsWithChildren<CwModalProps>): react_jsx_runtime.JSX.Element;
|
|
448
384
|
|
|
449
385
|
interface ConfirmationPopupProps {
|
|
@@ -458,40 +394,6 @@ interface ConfirmationPopupProps {
|
|
|
458
394
|
}
|
|
459
395
|
declare function CwConfirmationPopup(props: ConfirmationPopupProps): react_jsx_runtime.JSX.Element;
|
|
460
396
|
|
|
461
|
-
interface CwModalConfirmProps {
|
|
462
|
-
modalStateConfirm?: boolean;
|
|
463
|
-
children?: any;
|
|
464
|
-
classNameModalOverlay?: string;
|
|
465
|
-
classNameModalConfirm?: string;
|
|
466
|
-
widthModalConfirm?: string | number;
|
|
467
|
-
headerTextConfirm?: string;
|
|
468
|
-
onCloseModalConfirm?: any;
|
|
469
|
-
descriptionModalConfirm?: string;
|
|
470
|
-
onClickActionModalConfirm?: any;
|
|
471
|
-
confirmClassName?: string;
|
|
472
|
-
confirmText?: string;
|
|
473
|
-
}
|
|
474
|
-
declare function CwModalConfirm(custModalProps: React__default.PropsWithChildren<CwModalConfirmProps>): react_jsx_runtime.JSX.Element;
|
|
475
|
-
|
|
476
|
-
interface CwModalIframeProps {
|
|
477
|
-
url: string;
|
|
478
|
-
title: string;
|
|
479
|
-
width: number;
|
|
480
|
-
height: number;
|
|
481
|
-
visible: boolean;
|
|
482
|
-
SET_IFRAME_VISIBLE: (visible: boolean) => void;
|
|
483
|
-
cblConfig: string;
|
|
484
|
-
}
|
|
485
|
-
interface State$5 {
|
|
486
|
-
disabled: boolean;
|
|
487
|
-
}
|
|
488
|
-
declare class CwModalIframe extends React$1.Component<CwModalIframeProps, State$5> {
|
|
489
|
-
constructor(Props: CwModalIframeProps);
|
|
490
|
-
draggableRef: React$1.RefObject<HTMLDivElement>;
|
|
491
|
-
handleCancel: () => void;
|
|
492
|
-
render(): react_jsx_runtime.JSX.Element;
|
|
493
|
-
}
|
|
494
|
-
|
|
495
397
|
interface CwReportModalFunctionalProps {
|
|
496
398
|
content: string;
|
|
497
399
|
name: string;
|
|
@@ -519,7 +421,7 @@ interface CwReportModalProps {
|
|
|
519
421
|
SET_MODAL_REPORT_VISIBLE: (visible: boolean) => void;
|
|
520
422
|
isModal?: boolean;
|
|
521
423
|
}
|
|
522
|
-
interface State$
|
|
424
|
+
interface State$3 {
|
|
523
425
|
disabled: boolean;
|
|
524
426
|
modalPosition: {
|
|
525
427
|
top: number;
|
|
@@ -529,7 +431,7 @@ interface State$4 {
|
|
|
529
431
|
};
|
|
530
432
|
isModal: boolean;
|
|
531
433
|
}
|
|
532
|
-
declare class CwReportModal extends React$1.Component<CwReportModalProps, State$
|
|
434
|
+
declare class CwReportModal extends React$1.Component<CwReportModalProps, State$3> {
|
|
533
435
|
formRef: React$1.RefObject<FormInstance<any>>;
|
|
534
436
|
constructor(props: Readonly<CwReportModalProps>);
|
|
535
437
|
render(): react_jsx_runtime.JSX.Element;
|
|
@@ -592,6 +494,58 @@ declare class CwDialogManager {
|
|
|
592
494
|
static GetOpenDialogCount(): number;
|
|
593
495
|
}
|
|
594
496
|
|
|
497
|
+
interface CwAlignProps extends Omit<PropsWithChildren<HTMLProps<HTMLDivElement>>, "className" | "style"> {
|
|
498
|
+
alignContent?: CSS.Property.AlignContent;
|
|
499
|
+
alignItems?: CSS.Property.AlignItems;
|
|
500
|
+
alignSelf?: CSS.Property.AlignSelf;
|
|
501
|
+
bottom?: CSS.Property.Bottom;
|
|
502
|
+
display?: CSS.Property.Display;
|
|
503
|
+
flexBasis?: CSS.Property.FlexBasis;
|
|
504
|
+
flexDirection?: CSS.Property.FlexDirection;
|
|
505
|
+
flexGrow?: CSS.Property.FlexGrow;
|
|
506
|
+
flexShrink?: CSS.Property.FlexShrink;
|
|
507
|
+
flexWrap?: CSS.Property.FlexWrap;
|
|
508
|
+
cssHeight?: CSS.Property.Height;
|
|
509
|
+
justifyContent?: CSS.Property.JustifyContent;
|
|
510
|
+
left?: CSS.Property.Left;
|
|
511
|
+
margin?: CSS.Property.Margin;
|
|
512
|
+
order?: CSS.Property.Order;
|
|
513
|
+
padding?: CSS.Property.Padding;
|
|
514
|
+
position?: CSS.Property.Position;
|
|
515
|
+
right?: CSS.Property.Right;
|
|
516
|
+
top?: CSS.Property.Top;
|
|
517
|
+
cssWidth?: CSS.Property.Width;
|
|
518
|
+
gap?: CSS.Property.Gap;
|
|
519
|
+
}
|
|
520
|
+
/**
|
|
521
|
+
* General purpose aligner flex container, useful for column or row view.
|
|
522
|
+
* @remarks
|
|
523
|
+
* ```txt
|
|
524
|
+
* flexDirection="row" (default):
|
|
525
|
+
*
|
|
526
|
+
* <Row A> | - item 1 - item 2 - item 3 |
|
|
527
|
+
* <Row B> | - item 1 - item 2 - item 3 |
|
|
528
|
+
*
|
|
529
|
+
* flexDirection="column":
|
|
530
|
+
*
|
|
531
|
+
* <Col A> <Col B>
|
|
532
|
+
* | - item 1 | - item 1 |
|
|
533
|
+
* | - item 2 | - item 2 |
|
|
534
|
+
* | - item 3 | - item 3 |
|
|
535
|
+
*
|
|
536
|
+
* ```
|
|
537
|
+
* @example
|
|
538
|
+
* <CwAlign flexDirection="column">
|
|
539
|
+
* <div>
|
|
540
|
+
* <h2>ColumnA</h2>
|
|
541
|
+
* </div>
|
|
542
|
+
* <div>
|
|
543
|
+
* <h2>ColumnB</h2>
|
|
544
|
+
* </div>
|
|
545
|
+
* </CwAlign>
|
|
546
|
+
*/
|
|
547
|
+
declare function CwAlign(props: CwAlignProps): react_jsx_runtime.JSX.Element;
|
|
548
|
+
|
|
595
549
|
type CardChip = Omit<CwChipProps, 'closable' | 'onClose' | 'className' | 'style'>;
|
|
596
550
|
interface CwCardProps {
|
|
597
551
|
/*** Unique identifier for the card **/
|
|
@@ -714,7 +668,7 @@ interface CwTableProps<T = any> {
|
|
|
714
668
|
onExpand?: (record: T) => void;
|
|
715
669
|
classNameContainer?: string;
|
|
716
670
|
className?: string;
|
|
717
|
-
classNameRow?: string;
|
|
671
|
+
classNameRow?: string | ((record: T) => string);
|
|
718
672
|
style?: React__default.CSSProperties;
|
|
719
673
|
id?: string;
|
|
720
674
|
textNoData?: string;
|
|
@@ -722,6 +676,11 @@ interface CwTableProps<T = any> {
|
|
|
722
676
|
loading?: boolean;
|
|
723
677
|
scrollHeight?: number | string;
|
|
724
678
|
stickyHeader?: boolean;
|
|
679
|
+
rowSelection?: {
|
|
680
|
+
selectedRowKeys?: T[keyof T][];
|
|
681
|
+
onChange?: (selectedKeys: T[keyof T][], selectedRows: T[]) => void;
|
|
682
|
+
type?: "single" | "multiple";
|
|
683
|
+
};
|
|
725
684
|
}
|
|
726
685
|
/**
|
|
727
686
|
* A reusable and customizable table component.
|
|
@@ -731,23 +690,23 @@ interface CwTableProps<T = any> {
|
|
|
731
690
|
* @example
|
|
732
691
|
* const columns: Column<User>[] = [
|
|
733
692
|
* {
|
|
734
|
-
* title:
|
|
735
|
-
* dataIndex:
|
|
736
|
-
* key:
|
|
693
|
+
* title: "Name",
|
|
694
|
+
* dataIndex: "name",
|
|
695
|
+
* key: "name",
|
|
737
696
|
* sortable: true, // Column is sortable
|
|
738
697
|
* width: 100 // You can define the width of the column
|
|
739
698
|
* },
|
|
740
699
|
* {
|
|
741
|
-
* title:
|
|
742
|
-
* dataIndex:
|
|
743
|
-
* key:
|
|
700
|
+
* title: "Age",
|
|
701
|
+
* dataIndex: "age",
|
|
702
|
+
* key: "age",
|
|
744
703
|
* sortable: true,
|
|
745
704
|
* render: (item) => <span>{item.age} years</span> // Custom rendering
|
|
746
705
|
* },
|
|
747
706
|
* {
|
|
748
|
-
* title:
|
|
749
|
-
* dataIndex:
|
|
750
|
-
* key:
|
|
707
|
+
* title: "Address",
|
|
708
|
+
* dataIndex: "address",
|
|
709
|
+
* key: "address",
|
|
751
710
|
* render: (item) => (
|
|
752
711
|
* <a href={`https://maps.google.com/?q=${encodeURIComponent(item.address)}`} target="_blank" rel="noreferrer">
|
|
753
712
|
* {item.address}
|
|
@@ -757,12 +716,12 @@ interface CwTableProps<T = any> {
|
|
|
757
716
|
* ];
|
|
758
717
|
*
|
|
759
718
|
* const data:User[] = [
|
|
760
|
-
* { key:
|
|
761
|
-
* { key:
|
|
762
|
-
* { key:
|
|
763
|
-
* { key:
|
|
764
|
-
* { key:
|
|
765
|
-
* { key:
|
|
719
|
+
* { key: "1", name: "Mike", age: 32, address: "10 Downing Street" },
|
|
720
|
+
* { key: "2", name: "John", age: 42, address: "11 Downing Street" },
|
|
721
|
+
* { key: "3", name: "Andres", age: 33, address: "12 Downing Street" },
|
|
722
|
+
* { key: "4", name: "Gabriel", age: 22, address: "13 Downing Street" },
|
|
723
|
+
* { key: "5", name: "Sergio", age: 47, address: "14 Downing Street" },
|
|
724
|
+
* { key: "6", name: "Zacarias", age: 61, address: "15 Downing Street" }
|
|
766
725
|
* ];
|
|
767
726
|
*
|
|
768
727
|
* const generateExpandedContent = (record) => (
|
|
@@ -777,8 +736,8 @@ interface CwTableProps<T = any> {
|
|
|
777
736
|
* pagination={true}
|
|
778
737
|
* pageSizeOptions={[3, 5, 10]} // Optional, defaults to [5, 10, 20, 50]
|
|
779
738
|
* expandedRowRender={generateExpandedContent}
|
|
780
|
-
* onExpand={(item) => console.log(
|
|
781
|
-
* rowKey="key" // Optional, defaults to
|
|
739
|
+
* onExpand={(item) => console.log("Expanded:", item)}
|
|
740
|
+
* rowKey="key" // Optional, defaults to "key"
|
|
782
741
|
* textNoData="No data available" // Optional message when no data
|
|
783
742
|
* loading={false} // Optional, shows loading indicator
|
|
784
743
|
* scrollHeight={300} // Optional scroll height, defaults to 300
|
|
@@ -787,12 +746,12 @@ interface CwTableProps<T = any> {
|
|
|
787
746
|
* className="my-table" // Optional table class
|
|
788
747
|
* classNameRow="my-table-row" // Optional class for each row
|
|
789
748
|
* id="custom-table-id" // Optional ID for the container
|
|
790
|
-
* style={{ border:
|
|
749
|
+
* style={{ border: "1px solid #ccc" }} // Optional inline styles
|
|
791
750
|
* />
|
|
792
751
|
*
|
|
793
752
|
* @returns React component
|
|
794
753
|
*/
|
|
795
|
-
declare function CwTable<T = any>({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, textNoData, rowKey, loading, scrollHeight, stickyHeader, }: Readonly<CwTableProps<T>>): react_jsx_runtime.JSX.Element;
|
|
754
|
+
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;
|
|
796
755
|
|
|
797
756
|
interface Tab {
|
|
798
757
|
key: string;
|
|
@@ -800,6 +759,8 @@ interface Tab {
|
|
|
800
759
|
content: React__default.ReactNode;
|
|
801
760
|
icon?: React__default.ReactNode | string;
|
|
802
761
|
iconClassName?: string;
|
|
762
|
+
badge?: number | string;
|
|
763
|
+
badgeColor?: string;
|
|
803
764
|
}
|
|
804
765
|
interface CwTabsProps {
|
|
805
766
|
id?: string;
|
|
@@ -1111,6 +1072,7 @@ interface CwFileUploadMultipleProps {
|
|
|
1111
1072
|
onError?: (error: string) => void;
|
|
1112
1073
|
className?: string;
|
|
1113
1074
|
disabled?: boolean;
|
|
1075
|
+
initialFileName?: string;
|
|
1114
1076
|
}
|
|
1115
1077
|
declare function CwFileUploadMultiple(fileUploadProps: React__default.PropsWithChildren<CwFileUploadMultipleProps>): react_jsx_runtime.JSX.Element;
|
|
1116
1078
|
|
|
@@ -1138,12 +1100,14 @@ declare function CwInput(CwInputProps: React__default.PropsWithChildren<CwInputP
|
|
|
1138
1100
|
* @param color - Color theme: 'primary' (default), 'danger', or 'neutral'
|
|
1139
1101
|
* @param icon - Icon identifier for CSS classes (cwi-{icon})
|
|
1140
1102
|
* @param className - Additional CSS classes
|
|
1103
|
+
* @param title - Built-in tooltip
|
|
1104
|
+
* @param tooltipPosition - Tooltip position: 'top', 'bottom' (default), 'left', 'right'
|
|
1141
1105
|
* @param children - Custom button content (overrides text and icon rendering)
|
|
1142
1106
|
*
|
|
1143
1107
|
* @example
|
|
1144
1108
|
* <CwButton text="Save" />
|
|
1145
1109
|
* <CwButton text="Delete" variant="outline" color="danger" />
|
|
1146
|
-
* <CwButton variant="icon" icon="edit" />
|
|
1110
|
+
* <CwButton variant="icon" icon="edit" title="Edit item" />
|
|
1147
1111
|
* <CwButton icon="star" text="Favorite" color="primary" />
|
|
1148
1112
|
* <CwButton className="custom-class">Custom content</CwButton>
|
|
1149
1113
|
*/
|
|
@@ -1152,9 +1116,10 @@ interface CwButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
1152
1116
|
variant?: 'solid' | 'outline' | 'icon';
|
|
1153
1117
|
color?: 'primary' | 'danger' | 'neutral';
|
|
1154
1118
|
icon?: string;
|
|
1119
|
+
tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
|
|
1155
1120
|
ref?: React.LegacyRef<HTMLButtonElement>;
|
|
1156
1121
|
}
|
|
1157
|
-
declare function CwButton({ text, variant, color, className, icon, children, ...buttonProps }: CwButtonProps): react_jsx_runtime.JSX.Element;
|
|
1122
|
+
declare function CwButton({ text, variant, color, className, icon, title, tooltipPosition, children, ...buttonProps }: CwButtonProps): react_jsx_runtime.JSX.Element;
|
|
1158
1123
|
|
|
1159
1124
|
interface CwDigitProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
|
|
1160
1125
|
/** Props to define alignment and size; undefined == column
|
|
@@ -1657,38 +1622,6 @@ interface CwOptionProps extends Omit<HTMLProps<PropsWithChildren<HTMLOptionEleme
|
|
|
1657
1622
|
*/
|
|
1658
1623
|
declare function CwOption(props: CwOptionProps): react_jsx_runtime.JSX.Element;
|
|
1659
1624
|
|
|
1660
|
-
interface CwDropdownProps extends HTMLProps<HTMLDivElement> {
|
|
1661
|
-
selectList: Array<CwSelectList>;
|
|
1662
|
-
labelName: string;
|
|
1663
|
-
labelPosition?: string;
|
|
1664
|
-
labelClassName?: string;
|
|
1665
|
-
handleChange?: (value: any) => void;
|
|
1666
|
-
placeholder?: string;
|
|
1667
|
-
className?: string;
|
|
1668
|
-
style?: React__default.CSSProperties;
|
|
1669
|
-
styleSelect?: React__default.CSSProperties;
|
|
1670
|
-
styleOption?: React__default.CSSProperties;
|
|
1671
|
-
disabled?: boolean;
|
|
1672
|
-
error?: boolean;
|
|
1673
|
-
defaultSelected?: any;
|
|
1674
|
-
}
|
|
1675
|
-
declare function CwDropdown(optionsProps: React__default.PropsWithChildren<CwDropdownProps>): react_jsx_runtime.JSX.Element;
|
|
1676
|
-
|
|
1677
|
-
interface CwDropdownContainerProps {
|
|
1678
|
-
dropDownState?: boolean;
|
|
1679
|
-
idDropDownContainer?: string;
|
|
1680
|
-
children?: any;
|
|
1681
|
-
listItems?: Array<OptionListItems>;
|
|
1682
|
-
onKeyDownDropDownContainer?: any;
|
|
1683
|
-
onMouseLeaveDropDownContainer?: any;
|
|
1684
|
-
className?: string;
|
|
1685
|
-
}
|
|
1686
|
-
interface OptionListItems {
|
|
1687
|
-
idListOption?: string | number | any;
|
|
1688
|
-
childrenOptionList?: string | any;
|
|
1689
|
-
}
|
|
1690
|
-
declare function CwDropdownContainer(dropDownContainerProps: React$1.PropsWithChildren<CwDropdownContainerProps>): react_jsx_runtime.JSX.Element;
|
|
1691
|
-
|
|
1692
1625
|
interface CwDropdownListItems {
|
|
1693
1626
|
IdDropDown_filter?: string | number | any;
|
|
1694
1627
|
dropDownFilter_desc?: string | any;
|
|
@@ -1705,27 +1638,6 @@ interface CwDropdownFilterProps {
|
|
|
1705
1638
|
}
|
|
1706
1639
|
declare function CwDropdownFilter(props: React$1.PropsWithChildren<CwDropdownFilterProps>): react_jsx_runtime.JSX.Element;
|
|
1707
1640
|
|
|
1708
|
-
interface MultiselectProps {
|
|
1709
|
-
selectLists: Array<Array<CwSelectList>>;
|
|
1710
|
-
handleChange?: (value: any, test: any) => void;
|
|
1711
|
-
selectedItems?: Array<CwSelectList>;
|
|
1712
|
-
}
|
|
1713
|
-
interface State$3 {
|
|
1714
|
-
selected: any;
|
|
1715
|
-
isVisibleDropDown: any;
|
|
1716
|
-
activeClassName: string;
|
|
1717
|
-
}
|
|
1718
|
-
declare class MultiSelect extends React$1.Component<MultiselectProps, State$3> {
|
|
1719
|
-
constructor(Props: MultiselectProps);
|
|
1720
|
-
componentDidMount(): void;
|
|
1721
|
-
onClickSelect: () => void;
|
|
1722
|
-
handleOnDropDownVisibleChange: () => void;
|
|
1723
|
-
onKeyUpSelect: (e_KeyUp_select: any) => void;
|
|
1724
|
-
onMouseHoverDropDownActive: () => boolean;
|
|
1725
|
-
onMouseLeaveMultiSelect: (event_mouseLeave: any) => void;
|
|
1726
|
-
render(): react_jsx_runtime.JSX.Element;
|
|
1727
|
-
}
|
|
1728
|
-
|
|
1729
1641
|
interface CwMultiFilterTagProps {
|
|
1730
1642
|
/** Make sure each ID is unique */
|
|
1731
1643
|
ID: string;
|
|
@@ -1741,8 +1653,8 @@ interface CwMultiFilterTagProps {
|
|
|
1741
1653
|
g: number;
|
|
1742
1654
|
b: number;
|
|
1743
1655
|
};
|
|
1744
|
-
/**
|
|
1745
|
-
OnPrimaryColor
|
|
1656
|
+
/** @deprecated No longer used. Color contrast is calculated automatically. Will be removed in future version. */
|
|
1657
|
+
OnPrimaryColor?: {
|
|
1746
1658
|
r: number;
|
|
1747
1659
|
g: number;
|
|
1748
1660
|
b: number;
|
|
@@ -1768,46 +1680,6 @@ declare function itemsToMultiFilterTags(items: Array<any>, nameKey: string, valu
|
|
|
1768
1680
|
b: number;
|
|
1769
1681
|
}): Set<ICwMultiFilterTag>;
|
|
1770
1682
|
|
|
1771
|
-
interface CwHeadFilterProps {
|
|
1772
|
-
style?: React$1.CSSProperties;
|
|
1773
|
-
className?: string;
|
|
1774
|
-
placeholder_desc?: string;
|
|
1775
|
-
children?: any;
|
|
1776
|
-
onShowDropDown?: any;
|
|
1777
|
-
onChangeSearch?: any;
|
|
1778
|
-
Id?: string;
|
|
1779
|
-
tagValueContent?: any;
|
|
1780
|
-
onClearValue?: any;
|
|
1781
|
-
onKeypressInput?: any;
|
|
1782
|
-
onMouseLeave?: any;
|
|
1783
|
-
onBlur?: any;
|
|
1784
|
-
}
|
|
1785
|
-
declare function CwHeadFilter(cwelltFilterTabMultiSelectProps: React$1.PropsWithChildren<CwHeadFilterProps>): react_jsx_runtime.JSX.Element;
|
|
1786
|
-
|
|
1787
|
-
interface CwFilterTabProps {
|
|
1788
|
-
id?: string;
|
|
1789
|
-
idDropDownContainer?: string;
|
|
1790
|
-
style?: React__default.CSSProperties;
|
|
1791
|
-
placeholder?: string;
|
|
1792
|
-
onclickHandleChange?: any;
|
|
1793
|
-
selectListsItems?: Array<Array<CwSelectListProps>>;
|
|
1794
|
-
selectedListsItems?: Array<CwSelectListProps>;
|
|
1795
|
-
}
|
|
1796
|
-
declare function CwMultiselect(CwelltCustomFilterTabProps: React__default.PropsWithChildren<CwFilterTabProps>): JSX.Element;
|
|
1797
|
-
|
|
1798
|
-
interface CwOptionListProps {
|
|
1799
|
-
children?: any;
|
|
1800
|
-
value?: string;
|
|
1801
|
-
title?: string;
|
|
1802
|
-
onClick?: any;
|
|
1803
|
-
idOptionList?: string | number | any;
|
|
1804
|
-
onKeyPress?: any;
|
|
1805
|
-
onChangeOptionList?: any;
|
|
1806
|
-
isSelected?: boolean;
|
|
1807
|
-
style?: React$1.CSSProperties;
|
|
1808
|
-
}
|
|
1809
|
-
declare function CwOptionList(optionListProps: React$1.PropsWithChildren<CwOptionListProps>): react_jsx_runtime.JSX.Element;
|
|
1810
|
-
|
|
1811
1683
|
interface CwMultiFilterProps {
|
|
1812
1684
|
/** Classic HTML id, needed to simplify UI testing */
|
|
1813
1685
|
id: string;
|
|
@@ -1832,7 +1704,7 @@ interface CwMultiFilterProps {
|
|
|
1832
1704
|
* - `Category`: Group the filter belongs to
|
|
1833
1705
|
* - `ID`: Unique identifier for the filter
|
|
1834
1706
|
* - `PrimaryColor`: Background color of the tag
|
|
1835
|
-
* - `OnPrimaryColor`: Text color of the tag
|
|
1707
|
+
* - `OnPrimaryColor`: (Optional, deprecated) Text color of the tag - contrast is now calculated automatically
|
|
1836
1708
|
*
|
|
1837
1709
|
* ```
|
|
1838
1710
|
* ╭───────────────────────────────────────────────────────────────╮
|
|
@@ -1874,7 +1746,6 @@ interface CwMultiFilterProps {
|
|
|
1874
1746
|
* Value: "admin",
|
|
1875
1747
|
* Category: "Roles",
|
|
1876
1748
|
* ID: "Roles_admin",
|
|
1877
|
-
* OnPrimaryColor: hexToRGB("#2050a8"),
|
|
1878
1749
|
* PrimaryColor: hexToRGB("#cedcff")
|
|
1879
1750
|
* },
|
|
1880
1751
|
* {
|
|
@@ -1882,7 +1753,6 @@ interface CwMultiFilterProps {
|
|
|
1882
1753
|
* Value: "user",
|
|
1883
1754
|
* Category: "Roles",
|
|
1884
1755
|
* ID: "Roles_user",
|
|
1885
|
-
* OnPrimaryColor: hexToRGB("#2050a8"),
|
|
1886
1756
|
* PrimaryColor: hexToRGB("#cedcff")
|
|
1887
1757
|
* },
|
|
1888
1758
|
* {
|
|
@@ -1890,7 +1760,6 @@ interface CwMultiFilterProps {
|
|
|
1890
1760
|
* Value: "IT",
|
|
1891
1761
|
* Category: "Departments",
|
|
1892
1762
|
* ID: "Departments_IT",
|
|
1893
|
-
* OnPrimaryColor: hexToRGB("#a82037"),
|
|
1894
1763
|
* PrimaryColor: hexToRGB("#ffceda")
|
|
1895
1764
|
* },
|
|
1896
1765
|
* {
|
|
@@ -1898,7 +1767,6 @@ interface CwMultiFilterProps {
|
|
|
1898
1767
|
* Value: "HR",
|
|
1899
1768
|
* Category: "Departments",
|
|
1900
1769
|
* ID: "Departments_HR",
|
|
1901
|
-
* OnPrimaryColor: hexToRGB("#a82037"),
|
|
1902
1770
|
* PrimaryColor: hexToRGB("#ffceda")
|
|
1903
1771
|
* }
|
|
1904
1772
|
* ]);
|
|
@@ -1980,8 +1848,9 @@ declare function CwTreeView<T>({ data, onSelect, allowParentSelection, selectedI
|
|
|
1980
1848
|
|
|
1981
1849
|
interface CwSearchInputProps extends HTMLProps<HTMLDivElement> {
|
|
1982
1850
|
selectList: Array<CwSelectList>;
|
|
1983
|
-
|
|
1984
|
-
|
|
1851
|
+
labelProps?: CwLabelProps;
|
|
1852
|
+
iconProps?: CwIconProps;
|
|
1853
|
+
alignProps?: CwAlignProps;
|
|
1985
1854
|
handleChange?: (value: any) => void;
|
|
1986
1855
|
placeholder?: string;
|
|
1987
1856
|
className?: string;
|
|
@@ -1992,6 +1861,84 @@ interface CwSearchInputProps extends HTMLProps<HTMLDivElement> {
|
|
|
1992
1861
|
}
|
|
1993
1862
|
declare function CwSearchInput(optionsProps: React__default.PropsWithChildren<CwSearchInputProps>): react_jsx_runtime.JSX.Element;
|
|
1994
1863
|
|
|
1864
|
+
type Placement = 'bottom' | 'top' | 'left' | 'right';
|
|
1865
|
+
interface MenuOption {
|
|
1866
|
+
key: string;
|
|
1867
|
+
label: string | React__default.ReactNode;
|
|
1868
|
+
disabled?: boolean;
|
|
1869
|
+
icon?: React__default.ReactNode;
|
|
1870
|
+
}
|
|
1871
|
+
/**
|
|
1872
|
+
* Advanced context menu anchored to an element with arrow indicator.
|
|
1873
|
+
* Opens on right-click and positions itself relative to the trigger element.
|
|
1874
|
+
* Supports controlled state, complex options with icons, automatic viewport adjustment, and smart placement flipping.
|
|
1875
|
+
* Optimized for Scheduler / Timelines / Datagrids.
|
|
1876
|
+
*
|
|
1877
|
+
* @example
|
|
1878
|
+
* // Basic usage with simple string options
|
|
1879
|
+
* <CwAnchoredMenu
|
|
1880
|
+
* options={['Edit', 'Delete', 'Copy']}
|
|
1881
|
+
* onSelect={(key) => handleAction(key)}
|
|
1882
|
+
* placement="bottom"
|
|
1883
|
+
* >
|
|
1884
|
+
* <div>Right-click me!</div>
|
|
1885
|
+
* </CwAnchoredMenu>
|
|
1886
|
+
*
|
|
1887
|
+
* @example
|
|
1888
|
+
* // Advanced usage with MenuOption objects
|
|
1889
|
+
* <CwAnchoredMenu
|
|
1890
|
+
* options={[
|
|
1891
|
+
* { key: 'edit', label: 'Edit item', icon: <EditIcon /> },
|
|
1892
|
+
* { key: 'delete', label: 'Delete item', disabled: false },
|
|
1893
|
+
* { key: 'info', label: <span style={{color: 'blue'}}>Info</span> }
|
|
1894
|
+
* ]}
|
|
1895
|
+
* onSelect={(key) => handleAction(key)}
|
|
1896
|
+
* placement="bottom"
|
|
1897
|
+
* >
|
|
1898
|
+
* <div>Right-click me!</div>
|
|
1899
|
+
* </CwAnchoredMenu>
|
|
1900
|
+
*
|
|
1901
|
+
* @example
|
|
1902
|
+
* // Controlled mode for complex UIs (schedulers, timelines)
|
|
1903
|
+
* const [isOpen, setIsOpen] = useState(false);
|
|
1904
|
+
*
|
|
1905
|
+
* <CwAnchoredMenu
|
|
1906
|
+
* open={isOpen}
|
|
1907
|
+
* onOpenChange={setIsOpen}
|
|
1908
|
+
* onContextMenu={(e) => {
|
|
1909
|
+
* console.log('Menu opened at', e.clientX, e.clientY);
|
|
1910
|
+
* // Handle custom logic here
|
|
1911
|
+
* }}
|
|
1912
|
+
* options={menuOptions}
|
|
1913
|
+
* onSelect={(key) => handleAction(key)}
|
|
1914
|
+
* placement="bottom"
|
|
1915
|
+
* >
|
|
1916
|
+
* <div className="scheduler-event">Event</div>
|
|
1917
|
+
* </CwAnchoredMenu>
|
|
1918
|
+
*
|
|
1919
|
+
* @remarks
|
|
1920
|
+
* - Automatically flips placement when reaching viewport edges (bottom↔top, left↔right)
|
|
1921
|
+
* - Menu centers on click position for better UX
|
|
1922
|
+
* - Arrow always points to trigger element center
|
|
1923
|
+
* - Uses useLayoutEffect to prevent visual flickering
|
|
1924
|
+
* - Works with complex nested elements (e.g., positioned absolute children)
|
|
1925
|
+
*/
|
|
1926
|
+
interface CwAnchoredMenuProps extends React__default.PropsWithChildren {
|
|
1927
|
+
/** Array of menu options (strings or MenuOption objects) */
|
|
1928
|
+
options: (string | MenuOption)[];
|
|
1929
|
+
/** Callback when an option is selected */
|
|
1930
|
+
onSelect: (key: string) => void;
|
|
1931
|
+
/** Preferred placement of the menu (will auto-flip if no space) @default 'bottom' */
|
|
1932
|
+
placement?: Placement;
|
|
1933
|
+
/** Controlled open state */
|
|
1934
|
+
open?: boolean;
|
|
1935
|
+
/** Callback when open state changes (for controlled mode) */
|
|
1936
|
+
onOpenChange?: (open: boolean) => void;
|
|
1937
|
+
/** Callback when context menu is triggered (right-click) */
|
|
1938
|
+
onContextMenu?: (event: React__default.MouseEvent) => void;
|
|
1939
|
+
}
|
|
1940
|
+
declare const CwAnchoredMenu: React__default.FC<CwAnchoredMenuProps>;
|
|
1941
|
+
|
|
1995
1942
|
interface ContextMenuProps extends React__default.PropsWithChildren {
|
|
1996
1943
|
options: string[];
|
|
1997
1944
|
offset?: {
|
|
@@ -2000,98 +1947,35 @@ interface ContextMenuProps extends React__default.PropsWithChildren {
|
|
|
2000
1947
|
};
|
|
2001
1948
|
onSelect: (option: string) => void;
|
|
2002
1949
|
}
|
|
2003
|
-
/**
|
|
2004
|
-
* A context menu that is rendered when the user clicks on a button.
|
|
2005
|
-
* @author NVS
|
|
2006
|
-
* @example
|
|
2007
|
-
* <ContextMenu
|
|
2008
|
-
* options={['Option 1', 'Option 2', 'Option 3']}
|
|
2009
|
-
* onSelect={(option) => console.log(`Selected: ${option}`)}
|
|
2010
|
-
* >
|
|
2011
|
-
* <div>Right-click me!</div>
|
|
2012
|
-
* </ContextMenu>
|
|
2013
|
-
*/
|
|
2014
1950
|
declare const CwContextMenu: React__default.FC<ContextMenuProps>;
|
|
2015
1951
|
|
|
2016
|
-
interface CwContextualMenuProps {
|
|
2017
|
-
children?: any;
|
|
2018
|
-
handleContextMenu?: any;
|
|
2019
|
-
onClick?: any;
|
|
2020
|
-
dataSourceContextMenu?: Array<CwDataItemsListProps>;
|
|
2021
|
-
dataSourceContextMenu_schd?: Array<CwDataItemsListSchdProps>;
|
|
2022
|
-
}
|
|
2023
|
-
interface CwDataItemsListProps {
|
|
2024
|
-
idDataItem?: string | number | any;
|
|
2025
|
-
dataItemContent?: string | any;
|
|
2026
|
-
style?: React$1.CSSProperties;
|
|
2027
|
-
styleDataItem?: React$1.CSSProperties;
|
|
2028
|
-
}
|
|
2029
|
-
interface CwDataItemsListSchdProps {
|
|
2030
|
-
key?: string;
|
|
2031
|
-
text?: string;
|
|
2032
|
-
icon?: string;
|
|
2033
|
-
color?: string;
|
|
2034
|
-
}
|
|
2035
|
-
declare function CwContextualMenu(CwelltRightClickProps: React$1.PropsWithChildren<CwContextualMenuProps>): react_jsx_runtime.JSX.Element;
|
|
2036
|
-
|
|
2037
1952
|
/**
|
|
2038
|
-
*
|
|
2039
|
-
* @
|
|
2040
|
-
*
|
|
2041
|
-
*
|
|
1953
|
+
* Props for legacy icon button wrappers
|
|
1954
|
+
* @deprecated These wrappers exist for backward compatibility.
|
|
1955
|
+
* New code should use <CwButton variant="icon" icon="..." /> directly.
|
|
1956
|
+
* Migration happens organically as files are modified.
|
|
2042
1957
|
*/
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
1958
|
+
interface cw_btnProps extends Omit<CwButtonProps, 'variant' | 'icon' | 'color'> {
|
|
1959
|
+
/** @deprecated Use onClick instead */
|
|
1960
|
+
cw_btnOnclick?: () => void;
|
|
1961
|
+
/** @deprecated Use disabled instead */
|
|
2047
1962
|
cw_btn_disabled?: boolean;
|
|
2048
1963
|
}
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
declare function
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
declare function CwBtnDelete({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2064
|
-
declare function CwBtnRefresh({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2065
|
-
declare function CwBtnHide({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2066
|
-
declare function CwBtnSelect({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2067
|
-
declare function CwBtnShare({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2068
|
-
declare function CwBtnFiles({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2069
|
-
declare function CwBtnAirport({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2070
|
-
declare function CwBtnDownLoadAllInfo({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2071
|
-
declare function CwBtnPropertyFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2072
|
-
declare function CwBtnAddFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2073
|
-
declare function CwBtnEditFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2074
|
-
declare function CwBtnUploadFiles({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2075
|
-
declare function CwBtnGoBackFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2076
|
-
declare function CwBtnBookMark({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2077
|
-
declare function CwBtnPublish({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2078
|
-
declare function CwBtnApprove({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2079
|
-
declare function CwBtnBulkDuty({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2080
|
-
declare function CwBtnDropDownMenu({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2081
|
-
declare function CwBtnAlert({ cw_btnOnclick, cw_btn_disabled, cw_name }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2082
|
-
declare function CwBtnNavFirstItemView({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2083
|
-
declare function CwBtnNavLastItemView({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2084
|
-
declare function CwBtnNavPreviewItem({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2085
|
-
declare function CwBtnNavNextDay({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2086
|
-
declare function CwBtnStatistic({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2087
|
-
declare function CwBtnCrewPlanning({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2088
|
-
declare function CwBtnReleasePeriod({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2089
|
-
declare function CwBtnGeneratePairing({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2090
|
-
declare function CwBtnImportRequests({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2091
|
-
declare function CwBtnPairing({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2092
|
-
declare function CwBtnVacations({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2093
|
-
declare function CwBtnMVT({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2094
|
-
declare function CwBtnDelay({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
1964
|
+
/**
|
|
1965
|
+
* Save button wrapper
|
|
1966
|
+
* @deprecated Use <CwButton variant="icon" icon="save" onClick={...} /> instead
|
|
1967
|
+
*/
|
|
1968
|
+
declare function CwBtnSave({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
1969
|
+
/**
|
|
1970
|
+
* Edit button wrapper
|
|
1971
|
+
* @deprecated Use <CwButton variant="icon" icon="edit" onClick={...} /> instead
|
|
1972
|
+
*/
|
|
1973
|
+
declare function CwBtnEdit({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
1974
|
+
/**
|
|
1975
|
+
* Delete button wrapper
|
|
1976
|
+
* @deprecated Use <CwButton variant="icon" icon="delete" color="danger" onClick={...} /> instead
|
|
1977
|
+
*/
|
|
1978
|
+
declare function CwBtnDelete({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
|
|
2095
1979
|
|
|
2096
1980
|
type DateMatcher$2 = Matcher;
|
|
2097
1981
|
interface CwDatePickerProps {
|
|
@@ -2107,6 +1991,8 @@ interface CwDatePickerProps {
|
|
|
2107
1991
|
disabledDates?: Date[];
|
|
2108
1992
|
/** Function to determine if a date should be disabled */
|
|
2109
1993
|
disabledMatcher?: DateMatcher$2;
|
|
1994
|
+
/** Default month to display when calendar opens */
|
|
1995
|
+
defaultMonth?: Date;
|
|
2110
1996
|
/** Props for label component */
|
|
2111
1997
|
labelProps?: CwLabelProps;
|
|
2112
1998
|
/** Props for alignment */
|
|
@@ -2129,7 +2015,7 @@ interface CwDatePickerProps {
|
|
|
2129
2015
|
numberOfMonths?: number;
|
|
2130
2016
|
showTodayButton?: boolean;
|
|
2131
2017
|
}
|
|
2132
|
-
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;
|
|
2018
|
+
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;
|
|
2133
2019
|
|
|
2134
2020
|
interface DateRangePreset {
|
|
2135
2021
|
key: string;
|
|
@@ -2160,6 +2046,8 @@ interface CwDateRangePickerProps {
|
|
|
2160
2046
|
disabledMatcher?: DateMatcher$1;
|
|
2161
2047
|
/** Maximum number of days allowed in range (optional) */
|
|
2162
2048
|
maxRangeDays?: number;
|
|
2049
|
+
/** Default month to display when calendar opens */
|
|
2050
|
+
defaultMonth?: Date;
|
|
2163
2051
|
/** Props for label component */
|
|
2164
2052
|
labelProps?: CwLabelProps;
|
|
2165
2053
|
/** Props for alignment */
|
|
@@ -2197,7 +2085,7 @@ interface CwDateRangePickerProps {
|
|
|
2197
2085
|
*/
|
|
2198
2086
|
customPresets?: DateRangePreset[];
|
|
2199
2087
|
}
|
|
2200
|
-
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;
|
|
2088
|
+
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_jsx_runtime.JSX.Element;
|
|
2201
2089
|
|
|
2202
2090
|
interface CwDateTimePickerProps {
|
|
2203
2091
|
/** Current selected datetime */
|
|
@@ -2205,9 +2093,9 @@ interface CwDateTimePickerProps {
|
|
|
2205
2093
|
/** Callback when datetime changes */
|
|
2206
2094
|
onChange: (datetime: Date | undefined) => void;
|
|
2207
2095
|
/** Minimum selectable datetime */
|
|
2208
|
-
minDateTime?: Date;
|
|
2096
|
+
minDateTime?: Date | string;
|
|
2209
2097
|
/** Maximum selectable datetime */
|
|
2210
|
-
maxDateTime?: Date;
|
|
2098
|
+
maxDateTime?: Date | string;
|
|
2211
2099
|
/** Array of specific dates to disable */
|
|
2212
2100
|
disabledDates?: Date[];
|
|
2213
2101
|
/** Function to determine if a date should be disabled */
|
|
@@ -2688,7 +2576,7 @@ interface SchedulerEventDm {
|
|
|
2688
2576
|
icons?: ReactElement;
|
|
2689
2577
|
rectangleColors?: string[];
|
|
2690
2578
|
tooltip?: ReactNode;
|
|
2691
|
-
contextMenuItems?:
|
|
2579
|
+
contextMenuItems?: MenuOption[];
|
|
2692
2580
|
primaryTimeMarkerColor?: string;
|
|
2693
2581
|
secondaryTimeMarkerColor?: string;
|
|
2694
2582
|
eventType?: number;
|
|
@@ -2741,7 +2629,7 @@ interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
|
|
|
2741
2629
|
events: P[];
|
|
2742
2630
|
backgroundEvents: BackgroundEventDm[];
|
|
2743
2631
|
rows: T[];
|
|
2744
|
-
contextMenuItems:
|
|
2632
|
+
contextMenuItems: MenuOption[];
|
|
2745
2633
|
orderCategories?: OrderCategory<T>[];
|
|
2746
2634
|
useOrderCategory?: boolean;
|
|
2747
2635
|
RowTitleComp: React__default.ComponentType<RowHeaderProps<T>>;
|
|
@@ -2756,7 +2644,7 @@ interface SchedulerRowProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
|
|
|
2756
2644
|
events: P[];
|
|
2757
2645
|
backgroundEvents: BackgroundEventDm[];
|
|
2758
2646
|
rowHeader: RowHeaderProps<T>;
|
|
2759
|
-
contextMenuItems?:
|
|
2647
|
+
contextMenuItems?: MenuOption[];
|
|
2760
2648
|
EventComp: ComponentType<SchedulerEventState<P>>;
|
|
2761
2649
|
RowTitleComp: ComponentType<RowHeaderProps<T>>;
|
|
2762
2650
|
BackgroundEventComp: ComponentType<SchedulerEventState<BackgroundEventDm>>;
|
|
@@ -2785,7 +2673,7 @@ type resourceCompProps2 = {
|
|
|
2785
2673
|
|
|
2786
2674
|
interface PinRowHeaderProps extends RowHeaderDm {
|
|
2787
2675
|
isPinned: boolean;
|
|
2788
|
-
contextMenuItems:
|
|
2676
|
+
contextMenuItems: MenuOption[];
|
|
2789
2677
|
isLoading: boolean;
|
|
2790
2678
|
highlightColor?: string;
|
|
2791
2679
|
tooltip?: ReactNode;
|
|
@@ -2801,7 +2689,7 @@ interface SuperSchedulerProps {
|
|
|
2801
2689
|
rows: PinRowHeaderProps[];
|
|
2802
2690
|
events: SchedulerEventDm[];
|
|
2803
2691
|
backgroundEvents: BackgroundEventDm[];
|
|
2804
|
-
contextMenuItems:
|
|
2692
|
+
contextMenuItems: MenuOption[];
|
|
2805
2693
|
pinnedOrderCategory?: OrderCategory<PinRowHeaderProps>[];
|
|
2806
2694
|
unPinnedOrderCategory?: OrderCategory<PinRowHeaderProps>[];
|
|
2807
2695
|
onEvent: OnEvent;
|
|
@@ -2832,6 +2720,8 @@ interface CwFindAirportProps {
|
|
|
2832
2720
|
disabled?: boolean;
|
|
2833
2721
|
displayMode?: DisplayMode;
|
|
2834
2722
|
width?: string;
|
|
2723
|
+
labelProps?: CwLabelProps;
|
|
2724
|
+
alignProps?: CwAlignProps;
|
|
2835
2725
|
}
|
|
2836
2726
|
declare const CwFindAirport: React__default.FC<CwFindAirportProps>;
|
|
2837
2727
|
|
|
@@ -2912,5 +2802,5 @@ declare class OnClickContextMenu implements UiEvent {
|
|
|
2912
2802
|
constructor(id: string, clickedMenu: string);
|
|
2913
2803
|
}
|
|
2914
2804
|
|
|
2915
|
-
export { CblDragAndDrop$1 as CblDragAndDrop, CwAccordionContainer, CwAlign,
|
|
2916
|
-
export type { BackgroundEventDm, CardChip, ChipColorScheme, ChipVariant, Column, ConfirmationPopupProps, CwAlignProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, CwExpandableProps,
|
|
2805
|
+
export { CblDragAndDrop$1 as CblDragAndDrop, CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwCard, CwCardList, CwCheckbox, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDateRangePicker, CwDateTimePicker, CwDateTimePickerCompact, CwDialog, CwDialogManager, CwDigit, CwDisplayMessage, CwDropdownFilter, CwExpandable, CwFileUpload, CwFileUploadMultiple, CwFindAirport, CwGenericTooltip, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDate, CwInputDatePicker, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalHover, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwNote, CwOption, CwReportModal, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSortableList, CwSuperScheduler, CwTable, CwTableGrouped, CwTabs, CwTextArea, CwTime, CwTimePicker, CwToggle, CwTooltip, 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, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, useCwMessage, useSortableList };
|
|
2806
|
+
export type { BackgroundEventDm, CardChip, ChipColorScheme, ChipVariant, Column, ConfirmationPopupProps, CwAlignProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, CwExpandableProps, 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, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, SuperSchedulerProps, Tab, Weekday, ZoomImageItem, cblEventCompProps, resourceCompProps2 };
|