ados-rcm 1.1.229 → 1.1.231
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/AModule/AComponents/AChip/AChip.d.ts +106 -0
- package/dist/AModule/AComponents/AFileBox/AFileBox.d.ts +6 -0
- package/dist/AModule/AComponents/ATheme/ATheme.d.ts +3 -1
- package/dist/index.cjs.js +27 -27
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +4584 -4440
- package/package.json +1 -1
@@ -0,0 +1,106 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TUseValues } from '../../AHooks/useValues';
|
3
|
+
import { TCanCallback } from '../../AUtils/cbF';
|
4
|
+
import { IABaseProps } from '../ABase/ABase';
|
5
|
+
import { TIcons } from '../AIcon/AIcon';
|
6
|
+
export interface IAChipsProps<T> extends IAChipInheritProps<T>, IABaseProps {
|
7
|
+
/**
|
8
|
+
* useValue? : TUseValues<T[]>
|
9
|
+
*
|
10
|
+
* Description : useValue of AChips
|
11
|
+
*/
|
12
|
+
useLabels?: TUseValues<T[]>;
|
13
|
+
/**
|
14
|
+
* alignItems? : React.CSSProperties['alignItems'] = 'flex-start'
|
15
|
+
*
|
16
|
+
* Description : alignItems of AChips
|
17
|
+
*/
|
18
|
+
alignItems?: React.CSSProperties['alignItems'];
|
19
|
+
/**
|
20
|
+
* gap? : number = 8
|
21
|
+
*
|
22
|
+
* Description : gap between chips
|
23
|
+
*/
|
24
|
+
gap?: number;
|
25
|
+
}
|
26
|
+
export interface IAChipInheritProps<T> {
|
27
|
+
/**
|
28
|
+
* ChipStyle? : React.CSSProperties
|
29
|
+
*
|
30
|
+
* Description : style of AChip
|
31
|
+
*/
|
32
|
+
ChipStyle?: TCanCallback<IAChipProps<T>, React.CSSProperties>;
|
33
|
+
/**
|
34
|
+
* ChipClassName? : string
|
35
|
+
*
|
36
|
+
* Description : className of AChip
|
37
|
+
*/
|
38
|
+
ChipClassName?: TCanCallback<IAChipProps<T>, string>;
|
39
|
+
/**
|
40
|
+
* ChipOnDelete?: (props: IAChipProps<T>) => void
|
41
|
+
*
|
42
|
+
* Description : onDelete of AChip
|
43
|
+
*/
|
44
|
+
ChipOnDelete?: (props: IAChipProps<T>) => void;
|
45
|
+
/**
|
46
|
+
* ChipOnClick? : (props: IAChipProps<T>) => void
|
47
|
+
*
|
48
|
+
* Description : onClick of AChip
|
49
|
+
*/
|
50
|
+
ChipOnClick?: (props: IAChipProps<T>) => void;
|
51
|
+
/**
|
52
|
+
* ChipIcon? : TIcons | Exclude<React.ReactNode, string>
|
53
|
+
*
|
54
|
+
* Description : icon of AChip
|
55
|
+
*/
|
56
|
+
ChipIcon?: TCanCallback<IAChipProps<T>, TIcons | Exclude<React.ReactNode, string>>;
|
57
|
+
/**
|
58
|
+
* ButtonRenderer? : (props: IAChipProps<T>) => React.ReactNode
|
59
|
+
*
|
60
|
+
* Description : ButtonRenderer of AChip, default cancel icon's width, height are 14px
|
61
|
+
*/
|
62
|
+
ButtonRenderer?: (props: IAChipProps<T>) => React.ReactNode;
|
63
|
+
}
|
64
|
+
export declare const AChips: <T>(props: IAChipsProps<T>) => React.ReactNode;
|
65
|
+
interface IAChipBaseProps<T> {
|
66
|
+
/**
|
67
|
+
* label : T
|
68
|
+
*
|
69
|
+
* Description : label of AChip
|
70
|
+
*/
|
71
|
+
label: T;
|
72
|
+
/**
|
73
|
+
* useValue? : TUseValues<T[]>
|
74
|
+
*
|
75
|
+
* Description : useValue of AChips
|
76
|
+
*/
|
77
|
+
useLabel?: TUseValues<T | undefined>;
|
78
|
+
}
|
79
|
+
export interface IAChipProps<T> extends IAChipBaseProps<T>, IABaseProps {
|
80
|
+
/**
|
81
|
+
* ButtonRenderer? : (props: IAChipProps<T>) => React.ReactNode
|
82
|
+
*
|
83
|
+
* Description : ButtonRenderer of AChip
|
84
|
+
*/
|
85
|
+
ButtonRenderer?: (props: IAChipProps<T>) => React.ReactNode;
|
86
|
+
/**
|
87
|
+
* width? : number | string = 'auto'
|
88
|
+
*
|
89
|
+
* Description : width of the AChip
|
90
|
+
*/
|
91
|
+
width?: number | string;
|
92
|
+
/**
|
93
|
+
* onDelete?: (props: IAChipBaseProps<T>) => void
|
94
|
+
*
|
95
|
+
* Description : onDelete of the AChip
|
96
|
+
*/
|
97
|
+
onDelete?: (props: IAChipBaseProps<T>) => void;
|
98
|
+
/**
|
99
|
+
* icon? : TIcons | Exclude<React.ReactNode, string> = 'Close'
|
100
|
+
*
|
101
|
+
* Description : icon of the AChip, default cancel icon's width, height are 14px
|
102
|
+
*/
|
103
|
+
icon?: TIcons | Exclude<React.ReactNode, string>;
|
104
|
+
}
|
105
|
+
export declare const AChip: <T>(props: IAChipProps<T>) => React.ReactElement;
|
106
|
+
export {};
|
@@ -47,6 +47,12 @@ export interface IAFileBoxProps extends IABaseProps {
|
|
47
47
|
* Description : callback function when file format is invalid (not in accept list)
|
48
48
|
*/
|
49
49
|
onInvalidFileFormat?: () => void;
|
50
|
+
/**
|
51
|
+
* fileSelectButtonClassName? : string
|
52
|
+
*
|
53
|
+
* Description : className of file select button
|
54
|
+
*/
|
55
|
+
fileSelectButtonClassName?: string;
|
50
56
|
}
|
51
57
|
/**
|
52
58
|
* AComponent : AFileBox
|
@@ -128,7 +128,9 @@ export declare const AWrapKeys: readonly ["AWrap_Error_color"];
|
|
128
128
|
export type TAWrapKeys = (typeof AWrapKeys)[number];
|
129
129
|
export declare const ARadioSelectKeys: readonly ["ARadioSelect_RadioButton_border", "ARadioSelect_RadioButton_InnerCircle_isChecked_background-color"];
|
130
130
|
export type TARadioSelectKeys = (typeof ARadioSelectKeys)[number];
|
131
|
-
export declare const
|
131
|
+
export declare const AChipKeys: readonly ["AChip_background-color", "AChip_color", "AChip_border", "AChip_hover_background-color", "AChip_hover_color", "AChip_DeleteButton_border", "AChip_DeleteButton_color", "AChip_DeleteButton_hover_border", "AChip_DeleteButton_hover_color"];
|
132
|
+
export type TAChipKeys = (typeof AChipKeys)[number];
|
133
|
+
export declare const componentStyleKeys: ("Body-background-color" | "Body-color" | "Body-transition" | "Font" | "Scrollbar-handle" | "Scrollbar-handle-hover" | "Scrollbar-handle-active" | "Scrollbar-track" | "Scrollbar-border-radius" | "Scrollbar-width" | "ABase_Dimming_background-color" | "ATooltip_background-color" | "ATooltip_color" | "AButton_Primary_border" | "AButton_Primary_background-color" | "AButton_Primary_color" | "AButton_Secondary_border" | "AButton_Secondary_background-color" | "AButton_Secondary_color" | "AButton_Alter_border" | "AButton_Alter_background-color" | "AButton_Alter_color" | "AInput_Primary_background-color" | "AInput_Primary_border" | "AInput_Primary_color" | "AInput_Primary_hover_border" | "AInput_Primary_focus_background-color" | "AInput_Primary_focus_border" | "AInput_Primary_placeholder_color" | "AInput_Secondary_background-color" | "AInput_Secondary_border" | "AInput_Secondary_color" | "AInput_Secondary_hover_border" | "AInput_Secondary_focus_border" | "AInput_Secondary_placeholder_color" | "AInput_ReadOnly_background-color" | "AInput_ReadOnly_border" | "AInput_ReadOnly_color" | "AInput_Error_HelperText_color" | "AInput_Error_background-color" | "AInput_Error_border" | "AInput_Error_color" | "AInput_Error_placeholder_color" | "ATextArea_Primary_background-color" | "ATextArea_Primary_border" | "ATextArea_Primary_color" | "ATextArea_Primary_hover_border" | "ATextArea_Primary_focus_background-color" | "ATextArea_Primary_focus_border" | "ATextArea_Secondary_background-color" | "ATextArea_Secondary_border" | "ATextArea_Secondary_color" | "ATextArea_Secondary_hover_border" | "ATextArea_Secondary_focus_border" | "ATextArea_ReadOnly_background-color" | "ATextArea_ReadOnly_border" | "ATextArea_ReadOnly_color" | "ATextArea_Error_background-color" | "ATextArea_Error_border" | "ATextArea_Error_color" | "ATextArea_Error_placeholder_color" | "ACheckBox_color" | "ADialog_Paper_background-color" | "ADialog_background-color" | "ADialog_border" | "ADialog_Action_background-color" | "ASelect_Placeholder_color" | "ASelect_Primary_border" | "ASelect_Primary_hover_border" | "ASelect_Primary_Arrow_color" | "ASelect_Primary_Options_background-color" | "ASelect_Primary_Options_border" | "ASelect_Primary_Option_hover_background-color" | "ASelect_Primary_Option_active_background-color" | "ASelect_Primary_Option_Selected_background-color" | "ASelect_Secondary_border" | "ASelect_Secondary_hover_border" | "ASelect_Secondary_Arrow_color" | "ASelect_Secondary_Options_background-color" | "ASelect_Secondary_Options_border" | "ASelect_Secondary_Option_hover_background-color" | "ASelect_Secondary_Option_active_background-color" | "ASelect_Secondary_Option_Selected_background-color" | "AMultiSelect_Placeholder_color" | "AMultiSelect_Primary_border" | "AMultiSelect_Primary_hover_border" | "AMultiSelect_Primary_Arrow_color" | "AMultiSelect_Primary_Options_background-color" | "AMultiSelect_Primary_Options_border" | "AMultiSelect_Primary_Option_hover_background-color" | "AMultiSelect_Primary_Option_active_background-color" | "AMultiSelect_Primary_Option_Selected_background-color" | "AMultiSelect_Secondary_border" | "AMultiSelect_Secondary_hover_border" | "AMultiSelect_Secondary_Arrow_color" | "AMultiSelect_Secondary_Options_background-color" | "AMultiSelect_Secondary_Options_border" | "AMultiSelect_Secondary_Option_hover_background-color" | "AMultiSelect_Secondary_Option_active_background-color" | "AMultiSelect_Secondary_Option_Selected_background-color" | "ATree_background-color" | "ATree_Indent_border" | "ATreeBodyHeader_border-bottom" | "ATreeItem_hover_background-color" | "ATreeItem_active_background-color" | "ATreeItem_select_background-color" | "ATreeItem_search_background-color" | "ATreeItem_search_border-top" | "ATreeItem_search_border-bottom" | "ATreeItem_select_color" | "ASwitch_Track_Falsy_border" | "ASwitch_Track_Truthy_border" | "ASwitch_Thumb_border" | "ATab_IndicatorTrack_Primary_border-bottom" | "ATab_Indicator_Primary_background-color" | "ATab_Option_Secondary_border" | "ATab_Option_Secondary_IsSelected_border-bottom" | "ATab_Option_Secondary_IsDisabled_border" | "ATab_IndicatorTrack_Tertiary_background-color" | "ATab_Indicator_Tertiary_background-color" | "ATab_ATab_Tertiary_color" | "ATab_ATab_Tertiary_Bold_color" | "AFileBox_border" | "AFileBox_background-color" | "AFileBox_SelectedFile_color" | "AFileBox_Dropping_color" | "AListView_border-top" | "AListView_Row_border-bottom" | "AListView_Label_border-left" | "AListView_Rendered_border-left" | "AListView_Rendered_border-right" | "AStepper_OutCircle_background-color" | "AStepper_OutCircle_IsOver_background-color" | "AStepper_InCircle_background-color" | "AStepper_InCircle_IsOver_background-color" | "AStepper_Line_background-color" | "AStepper_Line_IsOver_background-color" | "ADatePicker_Anchor_border" | "ADatePicker_Anchor_color" | "ADatePicker_Anchor_Placeholder_color" | "ADatePicker_Anchor_hover_border" | "ADatePicker_Anchor_focus_border" | "ADatePicker_Anchor_Icon_Primary_color" | "ADatePicker_Anchor_Icon_Secondary_color" | "ADatePicker_background-color" | "ADatePicker_border" | "ADatePicker_StringInputContainer_background-color" | "ADatePicker_String_border" | "ADatePicker_Prev_background-color" | "ADatePicker_Prev_border-right" | "ADatePicker_Next_background-color" | "ADatePicker_Next_border-left" | "ADatePicker_Cell_color" | "ADatePicker_Cell_IsNotCurrentMonth_color" | "ADatePicker_Cell_IsDisabled_color" | "ADatePicker_Cell_IsSelected_background-color" | "ADatePicker_Cell_IsSelected_color" | "ADatePicker_Cell_IsHovered_background-color" | "ADateRangePicker_Anchor_border" | "ADateRangePicker_Anchor_color" | "ADateRangePicker_Anchor_Placeholder_color" | "ADateRangePicker_Anchor_hover_border" | "ADateRangePicker_Anchor_focus_border" | "ADateRangePicker_Anchor_Icon_Primary_color" | "ADateRangePicker_Anchor_Icon_Secondary_color" | "ADateRangePicker_background-color" | "ADateRangePicker_border" | "ADateRangePicker_StringInputContainer_background-color" | "ADateRangePicker_String_border" | "ADateRangePicker_Prev_background-color" | "ADateRangePicker_Prev_border-right" | "ADateRangePicker_Next_background-color" | "ADateRangePicker_Next_border-left" | "ADateRangePicker_Cell_color" | "ADateRangePicker_Cell_IsNotCurrentMonth_color" | "ADateRangePicker_Cell_IsDisabled_color" | "ADateRangePicker_Cell_IsSelected_background-color" | "ADateRangePicker_Cell_IsSelected_color" | "ADateRangePicker_Cell_IsHovered_background-color" | "AIconButton_Primary_color" | "AIconButton_Primary_background-color" | "AIconButton_Primary_border" | "AIconButton_Primary_hover_border" | "ATableBody_TRow_border-bottom" | "ATableBody_TRow_IsSelected_background-color" | "ATableBody_TRow_IsSelectable_hover_background-color" | "ATableBody_TH_color" | "ATableBody_TD_IsMarked_background-color" | "ATableBody_Resizer_hover_ResizerCenter_background-color" | "ATableBody_Resizer_active_ResizerCenter_background-color" | "ATableBody_Resizer_active_ResizerOut_background-color" | "ATableBody_Resizer_active_ResizerIn_background-color" | "ATableFooter_Button_IsSelected_background-color" | "ATableFooter_Button_IsSelected_color" | "ATableFooter_Button_IsDisabled_color" | "ATableFilter_SubFilters_background-color" | "ATableFilter_SubFilters_border" | "ATableFilter_Icon_color" | "ATableFilter_Alert_color" | "ADivideFrame_DividerInner_background-color" | "AFloatMenu_background-color" | "AFloatMenu_hover_background-color" | "AFloatMenu_color" | "AFloatMenu_border" | "ALoadingBorder_background-color" | "ALoadingBorder_ProgressBar_background-color" | "ALoadingBorder_Cover_background-color" | "AWrap_Error_color" | "ARadioSelect_RadioButton_border" | "ARadioSelect_RadioButton_InnerCircle_isChecked_background-color" | "AChip_background-color" | "AChip_color" | "AChip_border" | "AChip_hover_background-color" | "AChip_hover_color" | "AChip_DeleteButton_border" | "AChip_DeleteButton_color" | "AChip_DeleteButton_hover_border" | "AChip_DeleteButton_hover_color")[];
|
132
134
|
export type TComponentStyleKeys = (typeof componentStyleKeys)[number];
|
133
135
|
export type TComponentStyle = {
|
134
136
|
[key in TComponentStyleKeys]: string;
|