master-components-react 4.3.0 → 4.3.1
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/assets/Icons/IconEdit.d.ts +1 -0
- package/dist/assets/Icons/IconErrorDash.d.ts +4 -0
- package/dist/assets/Icons/IconLoading.d.ts +5 -0
- package/dist/assets/Icons/IconSuccess.d.ts +4 -0
- package/dist/components/Checkbox/Checkbox.d.ts +13 -0
- package/dist/components/DataGrid/Grid.d.ts +61 -0
- package/dist/components/DataGrid/components/DeleteAll.d.ts +2 -0
- package/dist/components/DatePicker/Calendar.d.ts +34 -0
- package/dist/components/DatePicker/DatePicker.d.ts +38 -0
- package/dist/components/Dropdown/Dropdown.d.ts +58 -0
- package/dist/components/FileUploader/FileBlock/FileBlock.d.ts +13 -0
- package/dist/components/FileUploader/Uploader/FileUploader.d.ts +31 -0
- package/dist/components/FilterWithTags/FilterWithTags.d.ts +34 -0
- package/dist/components/FilterWithTags/components/FilterTemplate/FilterTemplate.d.ts +16 -0
- package/dist/components/FormInput/FormInput.d.ts +53 -0
- package/dist/components/InlineLoading/InlineLoading.d.ts +8 -0
- package/dist/components/InputWithDropdown/InputWithDropdown.d.ts +31 -0
- package/dist/components/MainButton/MainButton.d.ts +20 -0
- package/dist/components/NotificationToast/NotificationToast.d.ts +2 -0
- package/dist/components/Popup/Popup.d.ts +17 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.d.ts +19 -0
- package/dist/components/ProgressSteps/ProgressSteps.d.ts +18 -0
- package/dist/components/Radio/Radio.d.ts +13 -0
- package/dist/components/Skeleton/Skeleton.d.ts +8 -0
- package/dist/components/Slider/Slider.d.ts +22 -0
- package/dist/components/Tabs/Tabs.d.ts +11 -0
- package/dist/components/Tag/Tag.d.ts +19 -0
- package/dist/components/Textarea/Textarea.d.ts +25 -0
- package/dist/components/TimePicker/TimePicker.d.ts +24 -0
- package/dist/components/Toggle/Toggle.d.ts +16 -0
- package/dist/components/Tooltip/Tooltip.d.ts +27 -0
- package/dist/components/TreeNode/TreeNode.d.ts +24 -0
- package/dist/context/NamespaceContext.d.ts +3 -0
- package/dist/index.d.ts +25 -0
- package/dist/index.js +1 -0
- package/package.json +5 -3
- package/dist/assets/index.D7UqcBmq.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function IconEdit(): import("react").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default Checkbox;
|
|
2
|
+
declare function Checkbox({ checked, change, disabled, required, multipleChecked, size, activeStyle, checkBoxStyle, withActive, theme, }: {
|
|
3
|
+
checked: any;
|
|
4
|
+
change: any;
|
|
5
|
+
disabled?: boolean | undefined;
|
|
6
|
+
required?: boolean | undefined;
|
|
7
|
+
multipleChecked?: boolean | undefined;
|
|
8
|
+
size?: string | undefined;
|
|
9
|
+
activeStyle: any;
|
|
10
|
+
checkBoxStyle: any;
|
|
11
|
+
withActive?: boolean | undefined;
|
|
12
|
+
theme?: string | undefined;
|
|
13
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
export default Grid;
|
|
2
|
+
declare function Grid({ data, customColumns, summary, keyExpr, theme, height, focusedRowEnabled, rowAlternationEnabled, columnAutoWidth, withCustomStore, withGrouping, groupDefaultCollapsed, storeKey, loadFunction, updateFunction, insertFunction, removeFunction, withColumnConfigure, withDeleteAll, withMasterDetail, detailTemplate, editingOptions, scrollMode, pagerOptions, selection, filterOptions, defaultPageIndex, searchPanel, onEvent, onPageChange, selectionChanged, focusedRowChanging, focusedRowChanged, onRowClick, onWheelClick, showPagination, refresh, diselectAll, customActions, onColumnConfigure, onDeleteAll, onDelete, onEdit, withCustomActions, multiExpand, onFilterValueChange, onRowExpand, onRowCollaps, onOptionChanged, onRowPrepared, onFocusedCellChanged, ShowLoader, noDataText, onLoading, hideActions, allowColumnResizing, disableOverflow, onActionExpand, }: {
|
|
3
|
+
data: any;
|
|
4
|
+
customColumns: any;
|
|
5
|
+
summary: any;
|
|
6
|
+
keyExpr: any;
|
|
7
|
+
theme: any;
|
|
8
|
+
height: any;
|
|
9
|
+
focusedRowEnabled?: boolean | undefined;
|
|
10
|
+
rowAlternationEnabled: any;
|
|
11
|
+
columnAutoWidth?: boolean | undefined;
|
|
12
|
+
withCustomStore: any;
|
|
13
|
+
withGrouping: any;
|
|
14
|
+
groupDefaultCollapsed: any;
|
|
15
|
+
storeKey: any;
|
|
16
|
+
loadFunction: any;
|
|
17
|
+
updateFunction: any;
|
|
18
|
+
insertFunction: any;
|
|
19
|
+
removeFunction: any;
|
|
20
|
+
withColumnConfigure: any;
|
|
21
|
+
withDeleteAll: any;
|
|
22
|
+
withMasterDetail: any;
|
|
23
|
+
detailTemplate: any;
|
|
24
|
+
editingOptions: any;
|
|
25
|
+
scrollMode: any;
|
|
26
|
+
pagerOptions: any;
|
|
27
|
+
selection: any;
|
|
28
|
+
filterOptions: any;
|
|
29
|
+
defaultPageIndex: any;
|
|
30
|
+
searchPanel: any;
|
|
31
|
+
onEvent: any;
|
|
32
|
+
onPageChange: any;
|
|
33
|
+
selectionChanged: any;
|
|
34
|
+
focusedRowChanging: any;
|
|
35
|
+
focusedRowChanged: any;
|
|
36
|
+
onRowClick: any;
|
|
37
|
+
onWheelClick: any;
|
|
38
|
+
showPagination?: boolean | undefined;
|
|
39
|
+
refresh: any;
|
|
40
|
+
diselectAll: any;
|
|
41
|
+
customActions: any;
|
|
42
|
+
onColumnConfigure: any;
|
|
43
|
+
onDeleteAll: any;
|
|
44
|
+
onDelete: any;
|
|
45
|
+
onEdit: any;
|
|
46
|
+
withCustomActions: any;
|
|
47
|
+
multiExpand: any;
|
|
48
|
+
onFilterValueChange: any;
|
|
49
|
+
onRowExpand: any;
|
|
50
|
+
onRowCollaps: any;
|
|
51
|
+
onOptionChanged: any;
|
|
52
|
+
onRowPrepared: any;
|
|
53
|
+
onFocusedCellChanged: any;
|
|
54
|
+
ShowLoader?: boolean | undefined;
|
|
55
|
+
noDataText: any;
|
|
56
|
+
onLoading: any;
|
|
57
|
+
hideActions: any;
|
|
58
|
+
allowColumnResizing?: boolean | undefined;
|
|
59
|
+
disableOverflow: any;
|
|
60
|
+
onActionExpand: any;
|
|
61
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export default Calendar;
|
|
3
|
+
declare function Calendar({ valueFormat, quickPick, onChange, CurrentMonth, setCurrentMonth, SelectedDate, namespace, customYears, setSelectedDate, IsFocused, setIsFocused, mode, RangeSelection, setRangeSelection, type, disabledDatesRange, disabledDatesTill, disabledDatesFrom, CalendarRef, defaultValue, selectedStyle, endDateStyle, startDateStyle, inRangeStyle, otherMonthStyle, todayStyle, weekDayStyle, quickPickStyle, monthStyle, theme, }: {
|
|
4
|
+
valueFormat: any;
|
|
5
|
+
quickPick: any;
|
|
6
|
+
onChange: any;
|
|
7
|
+
CurrentMonth: any;
|
|
8
|
+
setCurrentMonth: any;
|
|
9
|
+
SelectedDate: any;
|
|
10
|
+
namespace: any;
|
|
11
|
+
customYears: any;
|
|
12
|
+
setSelectedDate: any;
|
|
13
|
+
IsFocused: any;
|
|
14
|
+
setIsFocused: any;
|
|
15
|
+
mode: any;
|
|
16
|
+
RangeSelection: any;
|
|
17
|
+
setRangeSelection: any;
|
|
18
|
+
type: any;
|
|
19
|
+
disabledDatesRange: any;
|
|
20
|
+
disabledDatesTill: any;
|
|
21
|
+
disabledDatesFrom: any;
|
|
22
|
+
CalendarRef: any;
|
|
23
|
+
defaultValue: any;
|
|
24
|
+
selectedStyle: any;
|
|
25
|
+
endDateStyle: any;
|
|
26
|
+
startDateStyle: any;
|
|
27
|
+
inRangeStyle: any;
|
|
28
|
+
otherMonthStyle: any;
|
|
29
|
+
todayStyle: any;
|
|
30
|
+
weekDayStyle: any;
|
|
31
|
+
quickPickStyle: any;
|
|
32
|
+
monthStyle: any;
|
|
33
|
+
theme: any;
|
|
34
|
+
}): React.JSX.Element;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export default DatePicker;
|
|
3
|
+
declare function DatePicker({ label, required, msg, defaultValue, size, valueFormat, onlyIcon, onChange, onBlur, onFocus, customYears, fixedDropdown, disabledDatesFrom, disabledDatesTill, disabledDatesRange, datepickerStyle, placeholder, datepickerLabelStyle, requiredStyle, datepickerHelperTextStyle, selectedStyle, endDateStyle, startDateStyle, inRangeStyle, otherMonthStyle, todayStyle, weekDayStyle, quickPickStyle, monthStyle, quickPick, mode, type, theme, disabled, }: {
|
|
4
|
+
label: any;
|
|
5
|
+
required?: boolean | undefined;
|
|
6
|
+
msg: any;
|
|
7
|
+
defaultValue: any;
|
|
8
|
+
size?: string | undefined;
|
|
9
|
+
valueFormat?: string | undefined;
|
|
10
|
+
onlyIcon?: boolean | undefined;
|
|
11
|
+
onChange: any;
|
|
12
|
+
onBlur: any;
|
|
13
|
+
onFocus: any;
|
|
14
|
+
customYears: any;
|
|
15
|
+
fixedDropdown?: boolean | undefined;
|
|
16
|
+
disabledDatesFrom: any;
|
|
17
|
+
disabledDatesTill: any;
|
|
18
|
+
disabledDatesRange: any;
|
|
19
|
+
datepickerStyle: any;
|
|
20
|
+
placeholder: any;
|
|
21
|
+
datepickerLabelStyle: any;
|
|
22
|
+
requiredStyle: any;
|
|
23
|
+
datepickerHelperTextStyle: any;
|
|
24
|
+
selectedStyle: any;
|
|
25
|
+
endDateStyle: any;
|
|
26
|
+
startDateStyle: any;
|
|
27
|
+
inRangeStyle: any;
|
|
28
|
+
otherMonthStyle: any;
|
|
29
|
+
todayStyle: any;
|
|
30
|
+
weekDayStyle: any;
|
|
31
|
+
quickPickStyle: any;
|
|
32
|
+
monthStyle: any;
|
|
33
|
+
quickPick: any;
|
|
34
|
+
mode?: string | undefined;
|
|
35
|
+
type?: string | undefined;
|
|
36
|
+
theme?: string | undefined;
|
|
37
|
+
disabled?: boolean | undefined;
|
|
38
|
+
}): React.JSX.Element;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
export default Dropdown;
|
|
2
|
+
declare function Dropdown({ label, disabled, required, size, placeholder, msg, readOnly, searchValue, onClearAll, onSelectAll, onBottomScroll, withSearch, withTree, defaultCollapsed, checkboxProps, onCollapse, onFocus, onBlur, withClearAll, withSelectAll, withPlus, searchComponent, withFooter, data, onSelect, selectedOptionID, withFilter, withClose, fixedDropdown, onSearch, pagination, withMultiSelect, skipSelected, closeOnSelect, labelIcon, closeIcon, dropdownIcon, iconDown, onLabelIconClick, onLabelIconMouseEnter, onLabelIconMouseLeave, dropdownWrapperStyle, dropdownLabelStyle, requiredStyle, labelIconStyle, dropdownContainerStyle, placeHolderStyle, selectedTagsStyle, selectedListStyle, additionalStyle, additionalSpanStyle, dropdownListStyle, listStyle, treeProps, theme, }: {
|
|
3
|
+
label: any;
|
|
4
|
+
disabled: any;
|
|
5
|
+
required: any;
|
|
6
|
+
size?: string | undefined;
|
|
7
|
+
placeholder: any;
|
|
8
|
+
msg: any;
|
|
9
|
+
readOnly: any;
|
|
10
|
+
searchValue: any;
|
|
11
|
+
onClearAll: any;
|
|
12
|
+
onSelectAll: any;
|
|
13
|
+
onBottomScroll: any;
|
|
14
|
+
withSearch?: boolean | undefined;
|
|
15
|
+
withTree?: boolean | undefined;
|
|
16
|
+
defaultCollapsed?: boolean | undefined;
|
|
17
|
+
checkboxProps: any;
|
|
18
|
+
onCollapse: any;
|
|
19
|
+
onFocus: any;
|
|
20
|
+
onBlur: any;
|
|
21
|
+
withClearAll?: boolean | undefined;
|
|
22
|
+
withSelectAll?: boolean | undefined;
|
|
23
|
+
withPlus?: boolean | undefined;
|
|
24
|
+
searchComponent?: boolean | undefined;
|
|
25
|
+
withFooter?: boolean | undefined;
|
|
26
|
+
data: any;
|
|
27
|
+
onSelect: any;
|
|
28
|
+
selectedOptionID: any;
|
|
29
|
+
withFilter?: boolean | undefined;
|
|
30
|
+
withClose?: boolean | undefined;
|
|
31
|
+
fixedDropdown?: boolean | undefined;
|
|
32
|
+
onSearch: any;
|
|
33
|
+
pagination: any;
|
|
34
|
+
withMultiSelect?: boolean | undefined;
|
|
35
|
+
skipSelected: any;
|
|
36
|
+
closeOnSelect?: boolean | undefined;
|
|
37
|
+
labelIcon: any;
|
|
38
|
+
closeIcon: any;
|
|
39
|
+
dropdownIcon: any;
|
|
40
|
+
iconDown: any;
|
|
41
|
+
onLabelIconClick: any;
|
|
42
|
+
onLabelIconMouseEnter: any;
|
|
43
|
+
onLabelIconMouseLeave: any;
|
|
44
|
+
dropdownWrapperStyle: any;
|
|
45
|
+
dropdownLabelStyle: any;
|
|
46
|
+
requiredStyle: any;
|
|
47
|
+
labelIconStyle: any;
|
|
48
|
+
dropdownContainerStyle: any;
|
|
49
|
+
placeHolderStyle: any;
|
|
50
|
+
selectedTagsStyle: any;
|
|
51
|
+
selectedListStyle: any;
|
|
52
|
+
additionalStyle: any;
|
|
53
|
+
additionalSpanStyle: any;
|
|
54
|
+
dropdownListStyle: any;
|
|
55
|
+
listStyle: any;
|
|
56
|
+
treeProps: any;
|
|
57
|
+
theme?: string | undefined;
|
|
58
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default FileBlock;
|
|
2
|
+
declare function FileBlock({ theme, file, onDelete, fileBlockWrapperStyle, fileNameStyle, textsStyle, nameStyle, sizeStyle, clearIcon, fileIcon }: {
|
|
3
|
+
theme: any;
|
|
4
|
+
file: any;
|
|
5
|
+
onDelete: any;
|
|
6
|
+
fileBlockWrapperStyle: any;
|
|
7
|
+
fileNameStyle: any;
|
|
8
|
+
textsStyle: any;
|
|
9
|
+
nameStyle: any;
|
|
10
|
+
sizeStyle: any;
|
|
11
|
+
clearIcon: any;
|
|
12
|
+
fileIcon: any;
|
|
13
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export default FileUploader;
|
|
2
|
+
declare function FileUploader({ multiple, onChange, maxSize, withFileValidation, acceptedFileFormats, title, subTitle, withResults, onFormatError, onMaxSizeError, defaultValue, type, withIcon, uploadIcon, fileUploaderWrapperStyle, fileUploaderContentStyle, draganddropStyle, labelsStyle, titleStyle, clickToUploadStyle, subTitleStyle, fileBlockWrapperStyle, fileNameStyle, textsStyle, nameStyle, sizeStyle, clearIcon, theme, }: {
|
|
3
|
+
multiple?: boolean | undefined;
|
|
4
|
+
onChange: any;
|
|
5
|
+
maxSize: any;
|
|
6
|
+
withFileValidation: any;
|
|
7
|
+
acceptedFileFormats: any;
|
|
8
|
+
title: any;
|
|
9
|
+
subTitle: any;
|
|
10
|
+
withResults?: boolean | undefined;
|
|
11
|
+
onFormatError: any;
|
|
12
|
+
onMaxSizeError: any;
|
|
13
|
+
defaultValue: any;
|
|
14
|
+
type?: string | undefined;
|
|
15
|
+
withIcon?: boolean | undefined;
|
|
16
|
+
uploadIcon: any;
|
|
17
|
+
fileUploaderWrapperStyle: any;
|
|
18
|
+
fileUploaderContentStyle: any;
|
|
19
|
+
draganddropStyle: any;
|
|
20
|
+
labelsStyle: any;
|
|
21
|
+
titleStyle: any;
|
|
22
|
+
clickToUploadStyle: any;
|
|
23
|
+
subTitleStyle: any;
|
|
24
|
+
fileBlockWrapperStyle: any;
|
|
25
|
+
fileNameStyle: any;
|
|
26
|
+
textsStyle: any;
|
|
27
|
+
nameStyle: any;
|
|
28
|
+
sizeStyle: any;
|
|
29
|
+
clearIcon: any;
|
|
30
|
+
theme: any;
|
|
31
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export default FilterWithTags;
|
|
2
|
+
declare function FilterWithTags({ onApply, filterOptions, modalSize, buttonStyle, tagPosition, rowReverse, filterIcon, withSearch, searchProps, onSearch, visibleTagsNumber, children, onClearAll, theme, buttonLoading, resultNumber, popupMode, onSingleChange, loaded, onFilterClick, popupWidth, fieldGap, labels, singleFieldStyle, buttonLabel, initialApply, withTags, clickOutside, width, popupProps, tagsProps, }: {
|
|
3
|
+
onApply: any;
|
|
4
|
+
filterOptions: any;
|
|
5
|
+
modalSize: any;
|
|
6
|
+
buttonStyle: any;
|
|
7
|
+
tagPosition?: string | undefined;
|
|
8
|
+
rowReverse?: boolean | undefined;
|
|
9
|
+
filterIcon: any;
|
|
10
|
+
withSearch?: boolean | undefined;
|
|
11
|
+
searchProps: any;
|
|
12
|
+
onSearch: any;
|
|
13
|
+
visibleTagsNumber: any;
|
|
14
|
+
children: any;
|
|
15
|
+
onClearAll: any;
|
|
16
|
+
theme: any;
|
|
17
|
+
buttonLoading: any;
|
|
18
|
+
resultNumber: any;
|
|
19
|
+
popupMode?: string | undefined;
|
|
20
|
+
onSingleChange: any;
|
|
21
|
+
loaded: any;
|
|
22
|
+
onFilterClick: any;
|
|
23
|
+
popupWidth: any;
|
|
24
|
+
fieldGap: any;
|
|
25
|
+
labels: any;
|
|
26
|
+
singleFieldStyle: any;
|
|
27
|
+
buttonLabel: any;
|
|
28
|
+
initialApply?: boolean | undefined;
|
|
29
|
+
withTags?: boolean | undefined;
|
|
30
|
+
clickOutside?: boolean | undefined;
|
|
31
|
+
width: any;
|
|
32
|
+
popupProps: any;
|
|
33
|
+
tagsProps: any;
|
|
34
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export function FilterTemplate({ options, filterOptions, selectedDropdown, deleteDate, setdeleteDate, setdeleteTime, deleteTime, renderComp, isLastElement, theme, onSingleChange, fieldGap, fieldStyle, MultiselectKey, }: {
|
|
2
|
+
options: any;
|
|
3
|
+
filterOptions: any;
|
|
4
|
+
selectedDropdown: any;
|
|
5
|
+
deleteDate: any;
|
|
6
|
+
setdeleteDate: any;
|
|
7
|
+
setdeleteTime: any;
|
|
8
|
+
deleteTime: any;
|
|
9
|
+
renderComp: any;
|
|
10
|
+
isLastElement: any;
|
|
11
|
+
theme: any;
|
|
12
|
+
onSingleChange: any;
|
|
13
|
+
fieldGap: any;
|
|
14
|
+
fieldStyle: any;
|
|
15
|
+
MultiselectKey: any;
|
|
16
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
export default FormInput;
|
|
2
|
+
declare function FormInput({ value, label, placeholder, required, disabled, type, size, onChange, onFocus, onBlur, msg, readOnly, maxLength, onlyText, tagValues, customAction, onRightIconIconClick, onRightIconIconMouseEnter, onRightIconIconMouseLeave, onLeftIconIconClick, onLeftIconIconMouseEnter, onLeftIconIconMouseLeave, onPressEnter, rightIcon, leftIcon, fixedDropdown, withDropDown, dropdownData, dropDownPosition, onSelectData, withTags, tagProps, withLink, withCopy, onCopy, inputWrapperStyle, inputLabelStyle, requiredStyle, inputContainerStyle, leftIconStyle, customActionStyle, inputDropDownStyle, ulStyle, liStyle, httpStyle, inputStyle, rightIconStyle, withCopyStyle, inputHelperTextStyle, theme, }: {
|
|
3
|
+
value: any;
|
|
4
|
+
label: any;
|
|
5
|
+
placeholder: any;
|
|
6
|
+
required: any;
|
|
7
|
+
disabled: any;
|
|
8
|
+
type: any;
|
|
9
|
+
size: any;
|
|
10
|
+
onChange: any;
|
|
11
|
+
onFocus: any;
|
|
12
|
+
onBlur: any;
|
|
13
|
+
msg: any;
|
|
14
|
+
readOnly: any;
|
|
15
|
+
maxLength: any;
|
|
16
|
+
onlyText: any;
|
|
17
|
+
tagValues: any;
|
|
18
|
+
customAction: any;
|
|
19
|
+
onRightIconIconClick: any;
|
|
20
|
+
onRightIconIconMouseEnter: any;
|
|
21
|
+
onRightIconIconMouseLeave: any;
|
|
22
|
+
onLeftIconIconClick: any;
|
|
23
|
+
onLeftIconIconMouseEnter: any;
|
|
24
|
+
onLeftIconIconMouseLeave: any;
|
|
25
|
+
onPressEnter: any;
|
|
26
|
+
rightIcon: any;
|
|
27
|
+
leftIcon: any;
|
|
28
|
+
fixedDropdown?: boolean | undefined;
|
|
29
|
+
withDropDown: any;
|
|
30
|
+
dropdownData: any;
|
|
31
|
+
dropDownPosition?: string | undefined;
|
|
32
|
+
onSelectData: any;
|
|
33
|
+
withTags: any;
|
|
34
|
+
tagProps: any;
|
|
35
|
+
withLink: any;
|
|
36
|
+
withCopy: any;
|
|
37
|
+
onCopy: any;
|
|
38
|
+
inputWrapperStyle: any;
|
|
39
|
+
inputLabelStyle: any;
|
|
40
|
+
requiredStyle: any;
|
|
41
|
+
inputContainerStyle: any;
|
|
42
|
+
leftIconStyle: any;
|
|
43
|
+
customActionStyle: any;
|
|
44
|
+
inputDropDownStyle: any;
|
|
45
|
+
ulStyle: any;
|
|
46
|
+
liStyle: any;
|
|
47
|
+
httpStyle: any;
|
|
48
|
+
inputStyle: any;
|
|
49
|
+
rightIconStyle: any;
|
|
50
|
+
withCopyStyle: any;
|
|
51
|
+
inputHelperTextStyle: any;
|
|
52
|
+
theme?: string | undefined;
|
|
53
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export default InputWithDropdown;
|
|
2
|
+
declare function InputWithDropdown({ label, value, placeholder, required, disabled, disableDropdown, maxLength, currencyData, type, readOnly, msg, size, dropdownType, fixedDropdown, dropdownPosition, defaultCountry, inputWithDropdownWrapperStyle, inputLabelStyle, requiredStyle, inputWithDropdownStyle, inputContainerStyle, inputStyle, theme, onChange, onFocus, onBlur, onPressEnter, onSelectCountry, }: {
|
|
3
|
+
label: any;
|
|
4
|
+
value: any;
|
|
5
|
+
placeholder: any;
|
|
6
|
+
required: any;
|
|
7
|
+
disabled: any;
|
|
8
|
+
disableDropdown: any;
|
|
9
|
+
maxLength: any;
|
|
10
|
+
currencyData: any;
|
|
11
|
+
type?: string | undefined;
|
|
12
|
+
readOnly: any;
|
|
13
|
+
msg: any;
|
|
14
|
+
size?: string | undefined;
|
|
15
|
+
dropdownType?: string | undefined;
|
|
16
|
+
fixedDropdown?: boolean | undefined;
|
|
17
|
+
dropdownPosition?: string | undefined;
|
|
18
|
+
defaultCountry: any;
|
|
19
|
+
inputWithDropdownWrapperStyle: any;
|
|
20
|
+
inputLabelStyle: any;
|
|
21
|
+
requiredStyle: any;
|
|
22
|
+
inputWithDropdownStyle: any;
|
|
23
|
+
inputContainerStyle: any;
|
|
24
|
+
inputStyle: any;
|
|
25
|
+
theme?: string | undefined;
|
|
26
|
+
onChange: any;
|
|
27
|
+
onFocus: any;
|
|
28
|
+
onBlur: any;
|
|
29
|
+
onPressEnter: any;
|
|
30
|
+
onSelectCountry: any;
|
|
31
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export default MainButton;
|
|
2
|
+
declare function MainButton({ label, type, buttonType, onClick, size, disabled, loading, withIcons, iconOne, iconTwo, onlyIcon, buttonStyle, labelStyle, disabledButtonStyle, buttonSlotStyle, loadingColor, theme, }: {
|
|
3
|
+
label: any;
|
|
4
|
+
type?: string | undefined;
|
|
5
|
+
buttonType?: string | undefined;
|
|
6
|
+
onClick: any;
|
|
7
|
+
size?: string | undefined;
|
|
8
|
+
disabled?: boolean | undefined;
|
|
9
|
+
loading: any;
|
|
10
|
+
withIcons: any;
|
|
11
|
+
iconOne: any;
|
|
12
|
+
iconTwo: any;
|
|
13
|
+
onlyIcon: any;
|
|
14
|
+
buttonStyle: any;
|
|
15
|
+
labelStyle: any;
|
|
16
|
+
disabledButtonStyle: any;
|
|
17
|
+
buttonSlotStyle: any;
|
|
18
|
+
loadingColor: any;
|
|
19
|
+
theme?: string | undefined;
|
|
20
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export default Popup;
|
|
2
|
+
declare function Popup({ visible, template, options, children, onClickOutside, onClose, widthType, modalOverlayStyle, popupContainerStyle, templateWrapperStyle, popupHeaderStyle, popupTitleStyle, closeButtonStyle, theme, }: {
|
|
3
|
+
visible: any;
|
|
4
|
+
template: any;
|
|
5
|
+
options: any;
|
|
6
|
+
children: any;
|
|
7
|
+
onClickOutside: any;
|
|
8
|
+
onClose: any;
|
|
9
|
+
widthType: any;
|
|
10
|
+
modalOverlayStyle: any;
|
|
11
|
+
popupContainerStyle: any;
|
|
12
|
+
templateWrapperStyle: any;
|
|
13
|
+
popupHeaderStyle: any;
|
|
14
|
+
popupTitleStyle: any;
|
|
15
|
+
closeButtonStyle: any;
|
|
16
|
+
theme: any;
|
|
17
|
+
}): any;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default ProgressIndicator;
|
|
2
|
+
declare function ProgressIndicator({ progress, withPercentage, label, withLabel, progressType, labelPosition, progressSize, withTooltip, progressContainerStyle, progressBarStyle, progressFillStyle, progressTextStyle, tooltipProps, onMouseEnter, onMouseLeave, theme, }: {
|
|
3
|
+
progress?: number | undefined;
|
|
4
|
+
withPercentage?: boolean | undefined;
|
|
5
|
+
label: any;
|
|
6
|
+
withLabel?: boolean | undefined;
|
|
7
|
+
progressType?: string | undefined;
|
|
8
|
+
labelPosition?: string | undefined;
|
|
9
|
+
progressSize?: string | undefined;
|
|
10
|
+
withTooltip?: boolean | undefined;
|
|
11
|
+
progressContainerStyle: any;
|
|
12
|
+
progressBarStyle: any;
|
|
13
|
+
progressFillStyle: any;
|
|
14
|
+
progressTextStyle: any;
|
|
15
|
+
tooltipProps: any;
|
|
16
|
+
onMouseEnter: any;
|
|
17
|
+
onMouseLeave: any;
|
|
18
|
+
theme?: string | undefined;
|
|
19
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export default ProgressSteps;
|
|
2
|
+
declare function ProgressSteps({ currentStep, stepsData, onStepClick, independentStep, fillIcon, stepIcon, emptyIcon, gap, vertical, stepsStyle, currentStepStyle, progressBarStyle, singleStepStyle, textsStyle, theme, }: {
|
|
3
|
+
currentStep: any;
|
|
4
|
+
stepsData: any;
|
|
5
|
+
onStepClick: any;
|
|
6
|
+
independentStep: any;
|
|
7
|
+
fillIcon: any;
|
|
8
|
+
stepIcon: any;
|
|
9
|
+
emptyIcon: any;
|
|
10
|
+
gap?: number | undefined;
|
|
11
|
+
vertical?: boolean | undefined;
|
|
12
|
+
stepsStyle: any;
|
|
13
|
+
currentStepStyle: any;
|
|
14
|
+
progressBarStyle: any;
|
|
15
|
+
singleStepStyle: any;
|
|
16
|
+
textsStyle: any;
|
|
17
|
+
theme: any;
|
|
18
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default Radio;
|
|
2
|
+
declare function Radio({ checked, change, disabled, required, withUncheckState, size, radioWrapperStyle, radioStateStyle, innerCircleStyle, theme, }: {
|
|
3
|
+
checked: any;
|
|
4
|
+
change: any;
|
|
5
|
+
disabled: any;
|
|
6
|
+
required: any;
|
|
7
|
+
withUncheckState?: boolean | undefined;
|
|
8
|
+
size: any;
|
|
9
|
+
radioWrapperStyle: any;
|
|
10
|
+
radioStateStyle: any;
|
|
11
|
+
innerCircleStyle: any;
|
|
12
|
+
theme?: string | undefined;
|
|
13
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export default Slider;
|
|
3
|
+
declare function Slider({ minValue, maxValue, min, max, label, showLabels, withPercent, debounceTime, onChange, theme, sliderContainerStyle, sliderStyle, sliderProgressStyle, thumbValuesStyle, thumbValueStyle, thumbStyle, hoverStyle, isDraggingStyle, }: {
|
|
4
|
+
minValue: any;
|
|
5
|
+
maxValue: any;
|
|
6
|
+
min?: number | undefined;
|
|
7
|
+
max?: number | undefined;
|
|
8
|
+
label?: string | undefined;
|
|
9
|
+
showLabels?: boolean | undefined;
|
|
10
|
+
withPercent?: boolean | undefined;
|
|
11
|
+
debounceTime: any;
|
|
12
|
+
onChange: any;
|
|
13
|
+
theme: any;
|
|
14
|
+
sliderContainerStyle: any;
|
|
15
|
+
sliderStyle: any;
|
|
16
|
+
sliderProgressStyle: any;
|
|
17
|
+
thumbValuesStyle: any;
|
|
18
|
+
thumbValueStyle: any;
|
|
19
|
+
thumbStyle: any;
|
|
20
|
+
hoverStyle: any;
|
|
21
|
+
isDraggingStyle: any;
|
|
22
|
+
}): React.JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export default Tabs;
|
|
3
|
+
declare function Tabs({ tabsData, type, vertical, onItemClick, tabContainerStyle, singleTabStyle, theme, }: {
|
|
4
|
+
tabsData: any;
|
|
5
|
+
type?: string | undefined;
|
|
6
|
+
vertical?: boolean | undefined;
|
|
7
|
+
onItemClick: any;
|
|
8
|
+
tabContainerStyle: any;
|
|
9
|
+
singleTabStyle: any;
|
|
10
|
+
theme: any;
|
|
11
|
+
}): React.JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default Tag;
|
|
2
|
+
declare function Tag({ id, label, icon, withClose, withCheckbox, withNumber, number, checkboxProps, disable, size, onClose, tagContainerStyle, tagLabelStyle, tagNumberStyle, tagCloseStlye, theme, }: {
|
|
3
|
+
id: any;
|
|
4
|
+
label: any;
|
|
5
|
+
icon: any;
|
|
6
|
+
withClose: any;
|
|
7
|
+
withCheckbox: any;
|
|
8
|
+
withNumber: any;
|
|
9
|
+
number: any;
|
|
10
|
+
checkboxProps: any;
|
|
11
|
+
disable: any;
|
|
12
|
+
size: any;
|
|
13
|
+
onClose: any;
|
|
14
|
+
tagContainerStyle: any;
|
|
15
|
+
tagLabelStyle: any;
|
|
16
|
+
tagNumberStyle: any;
|
|
17
|
+
tagCloseStlye: any;
|
|
18
|
+
theme: any;
|
|
19
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export default Textarea;
|
|
2
|
+
declare function Textarea({ placeholder, label, msg, cols, rows, value, withEmoji, maxLength, withResize, onChange, onFocus, onBlur, disabled, required, textareaContainerStyle, textareaLabelStyle, requiredStyle, textareaStyle, focusStyle, textareaHelperTextStyle, labelIcon, theme, }: {
|
|
3
|
+
placeholder: any;
|
|
4
|
+
label: any;
|
|
5
|
+
msg: any;
|
|
6
|
+
cols: any;
|
|
7
|
+
rows: any;
|
|
8
|
+
value: any;
|
|
9
|
+
withEmoji?: boolean | undefined;
|
|
10
|
+
maxLength: any;
|
|
11
|
+
withResize?: boolean | undefined;
|
|
12
|
+
onChange: any;
|
|
13
|
+
onFocus: any;
|
|
14
|
+
onBlur: any;
|
|
15
|
+
disabled: any;
|
|
16
|
+
required: any;
|
|
17
|
+
textareaContainerStyle: any;
|
|
18
|
+
textareaLabelStyle: any;
|
|
19
|
+
requiredStyle: any;
|
|
20
|
+
textareaStyle: any;
|
|
21
|
+
focusStyle: any;
|
|
22
|
+
textareaHelperTextStyle: any;
|
|
23
|
+
labelIcon: any;
|
|
24
|
+
theme: any;
|
|
25
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export default TimePicker;
|
|
2
|
+
declare function TimePicker({ label, required, placeholder, format, defaultHour, defaultMinute, defaultValue, size, msg, onTimeChange, onFocus, onBlur, timepickerStyle, dropdownListStyle, hoursListStyle, minutesListStyle, timepickerHelperTextStyle, timepickerLabelStyle, requiredStyle, fixedDropdown, theme, }: {
|
|
3
|
+
label: any;
|
|
4
|
+
required: any;
|
|
5
|
+
placeholder: any;
|
|
6
|
+
format?: string | undefined;
|
|
7
|
+
defaultHour: any;
|
|
8
|
+
defaultMinute: any;
|
|
9
|
+
defaultValue: any;
|
|
10
|
+
size?: string | undefined;
|
|
11
|
+
msg: any;
|
|
12
|
+
onTimeChange: any;
|
|
13
|
+
onFocus: any;
|
|
14
|
+
onBlur: any;
|
|
15
|
+
timepickerStyle: any;
|
|
16
|
+
dropdownListStyle: any;
|
|
17
|
+
hoursListStyle: any;
|
|
18
|
+
minutesListStyle: any;
|
|
19
|
+
timepickerHelperTextStyle: any;
|
|
20
|
+
timepickerLabelStyle: any;
|
|
21
|
+
requiredStyle: any;
|
|
22
|
+
fixedDropdown?: boolean | undefined;
|
|
23
|
+
theme: any;
|
|
24
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export default Toggle;
|
|
2
|
+
declare function Toggle({ checked, change, disabled, required, withActive, activeStyle, bgStyle, checkedBgStyle, disabledBgStyle, circleStyle, checkedCircleStyle, disabledCircleStyle, theme, }: {
|
|
3
|
+
checked: any;
|
|
4
|
+
change: any;
|
|
5
|
+
disabled?: boolean | undefined;
|
|
6
|
+
required: any;
|
|
7
|
+
withActive?: boolean | undefined;
|
|
8
|
+
activeStyle: any;
|
|
9
|
+
bgStyle: any;
|
|
10
|
+
checkedBgStyle: any;
|
|
11
|
+
disabledBgStyle: any;
|
|
12
|
+
circleStyle: any;
|
|
13
|
+
checkedCircleStyle: any;
|
|
14
|
+
disabledCircleStyle: any;
|
|
15
|
+
theme?: string | undefined;
|
|
16
|
+
}): import("react").JSX.Element;
|