master-components-react-ts 2.2.12 → 2.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/index.d.ts +3 -0
- package/dist/components/ActionDropdown/ActionDropdown.types.d.ts +3 -4
- package/dist/components/Dropdown/DropDown.types.d.ts +2 -3
- package/dist/components/FilterWithTags/FilterWithTags.d.ts +6 -1
- package/dist/components/FilterWithTags/FilterWithTags.types.d.ts +3 -3
- package/dist/components/Table/Table.types.d.ts +11 -2
- package/dist/components/TreeNode/TreeNode.types.d.ts +11 -11
- package/dist/index.d.ts +5 -17
- package/dist/index.js +824 -820
- package/package.json +1 -1
|
@@ -21,3 +21,6 @@ export { IconLeft } from './IconLeft';
|
|
|
21
21
|
export { IconRight } from './IconRight';
|
|
22
22
|
export { IconHelpCircle } from './IconHelpCircle';
|
|
23
23
|
export { IconCloseBackground } from './IconCloseBackground';
|
|
24
|
+
export { IconColumnConfig } from './IconColumnConfig';
|
|
25
|
+
export { IconFilterLines } from './IconFilterLines';
|
|
26
|
+
export { IconDragandDrop } from './IconDragandDrop';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
type
|
|
1
|
+
export type ActionDataType = {
|
|
2
2
|
id: string;
|
|
3
3
|
label: string;
|
|
4
4
|
icon: React.ReactNode;
|
|
@@ -6,7 +6,6 @@ type DataType = {
|
|
|
6
6
|
};
|
|
7
7
|
export interface ActionDropdownProps {
|
|
8
8
|
title?: string;
|
|
9
|
-
data:
|
|
10
|
-
onSelect?: (object:
|
|
9
|
+
data: ActionDataType[];
|
|
10
|
+
onSelect?: (object: ActionDataType) => void;
|
|
11
11
|
}
|
|
12
|
-
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FormInputProps } from '../FormInput/FormInput.types';
|
|
2
2
|
import { TreeNodeProps } from '../TreeNode/TreeNode.types';
|
|
3
|
-
type
|
|
3
|
+
export type DropdownItemType = {
|
|
4
4
|
id: string | number;
|
|
5
5
|
label: string;
|
|
6
6
|
customLabel?: React.ReactNode | ((item: any) => React.ReactNode);
|
|
@@ -9,7 +9,7 @@ type DropdownItem = {
|
|
|
9
9
|
[key: string]: any;
|
|
10
10
|
};
|
|
11
11
|
export interface DropdownProps extends FormInputProps {
|
|
12
|
-
data?:
|
|
12
|
+
data?: DropdownItemType[];
|
|
13
13
|
withFilter?: boolean;
|
|
14
14
|
withClose?: boolean;
|
|
15
15
|
disableAll?: boolean;
|
|
@@ -38,4 +38,3 @@ export interface DropdownProps extends FormInputProps {
|
|
|
38
38
|
onValueChange?: (value: string) => void;
|
|
39
39
|
treeProps?: TreeNodeProps;
|
|
40
40
|
}
|
|
41
|
-
export {};
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import { FilterWithTagsProps } from './FilterWithTags.types';
|
|
2
|
-
declare const FilterWithTags:
|
|
2
|
+
declare const FilterWithTags: {
|
|
3
|
+
({ filterOptions, customOpenPopup, onApply, onClearAll, mainButtonProps, popupProps }: FilterWithTagsProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
propKeys: readonly ["filterOptions", "customOpenPopup", "onApply", "onClearAll", "mainButtonProps", "popupProps"];
|
|
5
|
+
displayName: string;
|
|
6
|
+
description: string;
|
|
7
|
+
};
|
|
3
8
|
export default FilterWithTags;
|
|
@@ -6,13 +6,13 @@ export type Options = {
|
|
|
6
6
|
component?: React.ComponentType<any> | React.FC<any>;
|
|
7
7
|
props?: any;
|
|
8
8
|
};
|
|
9
|
-
export type
|
|
9
|
+
export type FilterOptionsTypes = {
|
|
10
10
|
title?: string;
|
|
11
11
|
style?: React.CSSProperties;
|
|
12
12
|
options: Options[];
|
|
13
13
|
};
|
|
14
14
|
export interface FilterWithTagsProps {
|
|
15
|
-
filterOptions:
|
|
15
|
+
filterOptions: FilterOptionsTypes[];
|
|
16
16
|
customOpenPopup?: boolean;
|
|
17
17
|
withSearch?: boolean;
|
|
18
18
|
onApply?: () => void;
|
|
@@ -21,5 +21,5 @@ export interface FilterWithTagsProps {
|
|
|
21
21
|
popupProps?: PopupProps;
|
|
22
22
|
}
|
|
23
23
|
export interface FilterContentProps {
|
|
24
|
-
filterOptions:
|
|
24
|
+
filterOptions: FilterOptionsTypes[];
|
|
25
25
|
}
|
|
@@ -5,13 +5,22 @@ export type ColumnType = {
|
|
|
5
5
|
render?: (row: any) => React.ReactNode;
|
|
6
6
|
[key: string]: any;
|
|
7
7
|
};
|
|
8
|
+
export type SortType = {
|
|
9
|
+
selector: string;
|
|
10
|
+
desc: boolean;
|
|
11
|
+
};
|
|
12
|
+
export type RowActionType = {
|
|
13
|
+
icon?: string;
|
|
14
|
+
text?: string;
|
|
15
|
+
onClick?: (row: any, rowIndex: number) => void;
|
|
16
|
+
};
|
|
8
17
|
/**Table Component Props */
|
|
9
18
|
export interface TableProps {
|
|
10
19
|
columns?: ColumnType[];
|
|
11
20
|
data?: any[];
|
|
12
21
|
onRowClick?: (row: any, rowIndex: number) => void;
|
|
13
22
|
onHeaderClick?: (key: string | number) => void;
|
|
14
|
-
sort?:
|
|
23
|
+
sort?: SortType[];
|
|
15
24
|
selectedRows?: any[];
|
|
16
25
|
onSelectionChange?: (selectedRows: any[]) => void;
|
|
17
26
|
withSelectAll?: boolean;
|
|
@@ -38,5 +47,5 @@ export interface TableProps {
|
|
|
38
47
|
endItem?: number;
|
|
39
48
|
onRowEdit?: (row: any, rowIndex: number) => void;
|
|
40
49
|
onRowDelete?: (row: any, rowIndex: number) => void;
|
|
41
|
-
rowActions?:
|
|
50
|
+
rowActions?: RowActionType[];
|
|
42
51
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
2
|
import { CheckboxProps } from '../Checkbox/Checkbox.types';
|
|
3
|
-
export type
|
|
3
|
+
export type TreeNodeDataType = {
|
|
4
4
|
id: string | number;
|
|
5
5
|
label: string;
|
|
6
|
-
children?:
|
|
6
|
+
children?: TreeNodeDataType[];
|
|
7
7
|
customLabel?: React.ReactNode | ((item: any) => React.ReactNode);
|
|
8
8
|
selected?: boolean;
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
[key: string]: any;
|
|
11
11
|
};
|
|
12
12
|
export interface TreeNodeProps {
|
|
13
|
-
data?:
|
|
13
|
+
data?: TreeNodeDataType[];
|
|
14
14
|
defaultCollapsed?: boolean;
|
|
15
15
|
checkboxProps?: CheckboxProps;
|
|
16
|
-
onCollapse?: (collapsed: boolean, node:
|
|
17
|
-
onSelect?: (selectedNodes:
|
|
16
|
+
onCollapse?: (collapsed: boolean, node: TreeNodeDataType) => void;
|
|
17
|
+
onSelect?: (selectedNodes: TreeNodeDataType[]) => void;
|
|
18
18
|
fromDropdown?: boolean;
|
|
19
19
|
withSelectAll?: boolean;
|
|
20
20
|
withClearAll?: boolean;
|
|
21
|
-
expandedNodes?:
|
|
21
|
+
expandedNodes?: TreeNodeDataType[];
|
|
22
22
|
SearchValue?: string;
|
|
23
|
-
SelectedData?:
|
|
23
|
+
SelectedData?: TreeNodeDataType[];
|
|
24
24
|
treeContainerStyle?: CSSProperties;
|
|
25
25
|
treeNodeItemStyle?: CSSProperties;
|
|
26
26
|
treeFooterStyle?: CSSProperties;
|
|
@@ -30,15 +30,15 @@ export interface TreeNodeProps {
|
|
|
30
30
|
collapseToggleStyle?: CSSProperties;
|
|
31
31
|
}
|
|
32
32
|
export interface TreeNodeItemProps {
|
|
33
|
-
node:
|
|
33
|
+
node: TreeNodeDataType;
|
|
34
34
|
onSelect: (id: string | number, selected: boolean) => void;
|
|
35
35
|
defaultCollapsed?: boolean;
|
|
36
36
|
checkboxProps?: CheckboxProps;
|
|
37
|
-
onCollapse?: (collapsed: boolean, node:
|
|
37
|
+
onCollapse?: (collapsed: boolean, node: TreeNodeDataType) => void;
|
|
38
38
|
depth: number;
|
|
39
|
-
expandedNodes?:
|
|
39
|
+
expandedNodes?: TreeNodeDataType[];
|
|
40
40
|
SearchValue?: string;
|
|
41
|
-
SelectedData?:
|
|
41
|
+
SelectedData?: TreeNodeDataType[];
|
|
42
42
|
treeContainerStyle?: CSSProperties;
|
|
43
43
|
treeNodeItemStyle?: CSSProperties;
|
|
44
44
|
treeFooterStyle?: CSSProperties;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,38 +1,26 @@
|
|
|
1
1
|
export { default as MainButton } from './components/MainButton/MainButton';
|
|
2
|
-
export type { MainButtonProps } from './components/MainButton/MainButton.types';
|
|
3
2
|
export { default as FormInput } from './components/FormInput/FormInput';
|
|
4
|
-
export type { FormInputProps } from './components/FormInput/FormInput.types';
|
|
5
3
|
export { default as Textarea } from './components/Textarea/Textarea';
|
|
6
|
-
export type { TextareaProps } from './components/Textarea/Textarea.types';
|
|
7
4
|
export { default as Toggle } from './components/Toggle/Toggle';
|
|
8
|
-
export type { ToggleProps } from './components/Toggle/Toggle.types';
|
|
9
5
|
export { default as Checkbox } from './components/Checkbox/CheckBox';
|
|
10
|
-
export type { CheckboxProps } from './components/Checkbox/Checkbox.types';
|
|
11
6
|
export { default as Dropdown } from './components/Dropdown/DropDown';
|
|
12
|
-
export type {
|
|
7
|
+
export type { DropdownItemType } from './components/Dropdown/DropDown.types';
|
|
13
8
|
export { default as Radio } from './components/Radio/Radio';
|
|
14
|
-
export type { RadioProps } from './components/Radio/Radio.types';
|
|
15
9
|
export { default as Tooltip } from './components/Tooltip/Tooltip';
|
|
16
|
-
export type { TooltipProps } from './components/Tooltip/Tooltip.types';
|
|
17
10
|
export { default as Popup } from './components/Popup/Popup';
|
|
18
|
-
export type { PopupProps } from './components/Popup/Popup.types';
|
|
19
11
|
export { default as ToastProvider } from './components/NotificationToast/NotificationContext';
|
|
20
12
|
export { default as createNotificationToast } from './components/NotificationToast/createNotificationToast';
|
|
21
|
-
export type { NotificationToastProps } from './components/NotificationToast/NotificationToast.types';
|
|
22
13
|
export { default as TimePicker } from './components/TimePicker/TimePicker';
|
|
23
|
-
export type { TimePickerProps } from './components/TimePicker/TimePicker.types';
|
|
24
14
|
export { default as DatePicker } from './components/DatePicker/DatePicker';
|
|
25
|
-
export type { DatePickerProps } from './components/DatePicker/DatePicker.types';
|
|
26
15
|
export { default as Skeleton } from './components/Skeleton/Skeleton';
|
|
27
|
-
export type { SkeletonProps } from './components/Skeleton/Skeleton.types';
|
|
28
16
|
export { default as ActionDropdown } from './components/ActionDropdown/ActionDropdown';
|
|
29
|
-
export type {
|
|
17
|
+
export type { ActionDataType } from './components/ActionDropdown/ActionDropdown.types';
|
|
30
18
|
export { default as InlineLoading } from './components/InlineLoading/InlineLoading';
|
|
31
19
|
export type { Loading, Success, Error } from './components/InlineLoading/InlineLoading.types';
|
|
32
20
|
export { default as Slider } from './components/Slider/Slider';
|
|
33
21
|
export { default as TreeNode } from './components/TreeNode/TreeNode';
|
|
34
|
-
export type {
|
|
22
|
+
export type { TreeNodeDataType } from './components/TreeNode/TreeNode.types';
|
|
35
23
|
export { default as FilterWithTags } from './components/FilterWithTags/FilterWithTags';
|
|
36
|
-
export type {
|
|
24
|
+
export type { FilterOptionsTypes } from './components/FilterWithTags/FilterWithTags.types';
|
|
37
25
|
export { default as Table } from './components/Table/Table';
|
|
38
|
-
export type {
|
|
26
|
+
export type { ColumnType, SortType, RowActionType } from './components/Table/Table.types';
|