@unifiedsoftware/react-components 1.0.8 → 1.0.10
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/index.d.mts +97 -7
- package/dist/index.d.ts +97 -7
- package/dist/index.js +1175 -98
- package/dist/index.mjs +1160 -74
- package/package.json +3 -3
package/dist/index.d.mts
CHANGED
|
@@ -4,6 +4,96 @@ import { ReactNode, FC } from 'react';
|
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
5
|
import * as _unifiedsoftware_react_router from '@unifiedsoftware/react-router';
|
|
6
6
|
|
|
7
|
+
type SelectItem = {
|
|
8
|
+
key: any;
|
|
9
|
+
text: string;
|
|
10
|
+
} | any;
|
|
11
|
+
type SelectData<TSelectItem = SelectItem> = {
|
|
12
|
+
items: TSelectItem[];
|
|
13
|
+
total: number;
|
|
14
|
+
};
|
|
15
|
+
type SelectState = {
|
|
16
|
+
skip: number;
|
|
17
|
+
filter: string;
|
|
18
|
+
};
|
|
19
|
+
interface VirtualScrollerProps$1 {
|
|
20
|
+
pageSize?: number;
|
|
21
|
+
}
|
|
22
|
+
type SelectBaseProps<TSelectItem = SelectItem> = {
|
|
23
|
+
data: SelectData<TSelectItem>;
|
|
24
|
+
value?: TSelectItem | null;
|
|
25
|
+
placeholder?: string;
|
|
26
|
+
keyField?: string;
|
|
27
|
+
textField?: string;
|
|
28
|
+
filterable?: boolean;
|
|
29
|
+
filter?: string;
|
|
30
|
+
virtual?: VirtualScrollerProps$1;
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
loading?: boolean;
|
|
33
|
+
className?: string;
|
|
34
|
+
onFilterChange?: (filter: string) => void;
|
|
35
|
+
onChange: (value: any) => void;
|
|
36
|
+
renderItem?: (item: TSelectItem) => React.ReactNode;
|
|
37
|
+
};
|
|
38
|
+
type SelectClientProps<TSelectItem = SelectItem> = {
|
|
39
|
+
filterMode: 'client';
|
|
40
|
+
page?: number;
|
|
41
|
+
pageSize?: number;
|
|
42
|
+
} & SelectBaseProps<TSelectItem>;
|
|
43
|
+
type SelectServerProps<TSelectItem = SelectItem> = {
|
|
44
|
+
filterMode: 'server';
|
|
45
|
+
onDataChange: (data: SelectData) => void;
|
|
46
|
+
getData: (state: SelectState) => Promise<SelectData<TSelectItem>>;
|
|
47
|
+
} & SelectBaseProps<TSelectItem>;
|
|
48
|
+
type SelectProps<TSelectItem = SelectItem> = SelectClientProps<TSelectItem> | SelectServerProps<TSelectItem>;
|
|
49
|
+
|
|
50
|
+
declare const Select: (props: SelectProps) => react_jsx_runtime.JSX.Element;
|
|
51
|
+
|
|
52
|
+
type MultiSelectItem = {
|
|
53
|
+
value: any;
|
|
54
|
+
label: string;
|
|
55
|
+
} | any;
|
|
56
|
+
type MultiSelectData<TMultiSelectItem = MultiSelectItem> = {
|
|
57
|
+
items: TMultiSelectItem[];
|
|
58
|
+
total: number;
|
|
59
|
+
};
|
|
60
|
+
type MultiSelectState = {
|
|
61
|
+
skip: number;
|
|
62
|
+
filter: string;
|
|
63
|
+
};
|
|
64
|
+
interface VirtualScrollerProps {
|
|
65
|
+
pageSize?: number;
|
|
66
|
+
}
|
|
67
|
+
type MultiSelectBaseProps<TMultiSelectItem = MultiSelectItem> = {
|
|
68
|
+
data: MultiSelectData<TMultiSelectItem>;
|
|
69
|
+
value?: TMultiSelectItem[];
|
|
70
|
+
placeholder?: string;
|
|
71
|
+
keyField?: string;
|
|
72
|
+
textField?: string;
|
|
73
|
+
filterable?: boolean;
|
|
74
|
+
filter?: string;
|
|
75
|
+
virtual?: VirtualScrollerProps;
|
|
76
|
+
disabled?: boolean;
|
|
77
|
+
loading?: boolean;
|
|
78
|
+
className?: string;
|
|
79
|
+
onFilterChange?: (filter: string) => void;
|
|
80
|
+
onChange: (value: TMultiSelectItem[]) => void;
|
|
81
|
+
};
|
|
82
|
+
type MultiSelectClientProps<TMultiSelectItem = MultiSelectItem> = {
|
|
83
|
+
filterMode: 'client';
|
|
84
|
+
page?: number;
|
|
85
|
+
pageSize?: number;
|
|
86
|
+
onPageChange?: (page: number) => void;
|
|
87
|
+
} & MultiSelectBaseProps<TMultiSelectItem>;
|
|
88
|
+
type MultiSelectServerProps<TMultiSelectItem = MultiSelectItem> = {
|
|
89
|
+
filterMode: 'server';
|
|
90
|
+
onDataChange: (data: MultiSelectData) => void;
|
|
91
|
+
getData: (state: MultiSelectState) => Promise<MultiSelectData<TMultiSelectItem>>;
|
|
92
|
+
} & MultiSelectBaseProps<TMultiSelectItem>;
|
|
93
|
+
type MultiSelectProps<TMultiSelectItem = MultiSelectItem> = MultiSelectClientProps<TMultiSelectItem> | MultiSelectServerProps<TMultiSelectItem>;
|
|
94
|
+
|
|
95
|
+
declare const MultiSelect: (props: MultiSelectProps) => react_jsx_runtime.JSX.Element;
|
|
96
|
+
|
|
7
97
|
interface IDropEnumList {
|
|
8
98
|
dataEnum: object;
|
|
9
99
|
description: Map<any, Map<number, string>>;
|
|
@@ -159,26 +249,26 @@ declare const MenuItem: styled_components.StyledComponent<react.ForwardRefExotic
|
|
|
159
249
|
declare const MenuTitle: styled_components.StyledComponent<"p", any, {}, never>;
|
|
160
250
|
|
|
161
251
|
interface NavbarProps {
|
|
162
|
-
gradient?: boolean;
|
|
252
|
+
$gradient?: boolean;
|
|
163
253
|
}
|
|
164
254
|
declare const Navbar: styled_components.StyledComponent<"nav", any, NavbarProps, never>;
|
|
165
255
|
|
|
166
256
|
declare const MenuOptions: styled_components.StyledComponent<"div", any, {}, never>;
|
|
167
257
|
|
|
168
258
|
interface SidebarProps {
|
|
169
|
-
width?: string;
|
|
170
|
-
active?: boolean;
|
|
171
|
-
fixed?: boolean;
|
|
172
|
-
shadow?: boolean;
|
|
259
|
+
$width?: string;
|
|
260
|
+
$active?: boolean;
|
|
261
|
+
$fixed?: boolean;
|
|
262
|
+
$shadow?: boolean;
|
|
173
263
|
}
|
|
174
264
|
declare const ItemSidebar: styled_components.StyledComponent<"div", any, {}, never>;
|
|
175
265
|
declare const SidebarNavigation: styled_components.StyledComponent<"nav", any, SidebarProps, never>;
|
|
176
266
|
declare const ItemLinkSidebar: styled_components.StyledComponent<react.ForwardRefExoticComponent<_unifiedsoftware_react_router.LinkProps & react.RefAttributes<HTMLAnchorElement>>, any, {}, never>;
|
|
177
267
|
|
|
178
268
|
interface MainProps {
|
|
179
|
-
activeDrawer: boolean;
|
|
269
|
+
$activeDrawer: boolean;
|
|
180
270
|
}
|
|
181
271
|
declare const Main: styled_components.StyledComponent<"main", any, MainProps, never>;
|
|
182
272
|
declare const CloseIcon: styled_components.StyledComponent<"button", any, {}, never>;
|
|
183
273
|
|
|
184
|
-
export { AppBreadCrumb, AppBreadCrumbNav, AppLoader, BreadCrumbContext, BreadCrumbContextProvider, BreadCrumbTitle, Breadcrumb, CloseIcon, CustomBtns, CustomExcel, DrawerContext, DrawerContextProvider, DropEnumList, GlobalProps, GlobalProvider, HistoryContext, HistoryContextProvider, IBreadCrumbContext, ICustomizeColumns, ILoaderProps, ItemLinkSidebar, ItemSidebar, LoaderGrid, LoadingType, Main, MenuItem as MenuItems, MenuOptions, MenuTitle, NavOptions, NavOptionsProps, Navbar, SidebarMainContext, SidebarMainContextProvider, SidebarNavigation, Title };
|
|
274
|
+
export { AppBreadCrumb, AppBreadCrumbNav, AppLoader, BreadCrumbContext, BreadCrumbContextProvider, BreadCrumbTitle, Breadcrumb, CloseIcon, CustomBtns, CustomExcel, DrawerContext, DrawerContextProvider, DropEnumList, GlobalProps, GlobalProvider, HistoryContext, HistoryContextProvider, IBreadCrumbContext, ICustomizeColumns, ILoaderProps, ItemLinkSidebar, ItemSidebar, LoaderGrid, LoadingType, Main, MenuItem as MenuItems, MenuOptions, MenuTitle, MultiSelect, MultiSelectData, MultiSelectItem, MultiSelectProps, MultiSelectState, NavOptions, NavOptionsProps, Navbar, Select, SelectData, SelectItem, SelectProps, SelectState, SidebarMainContext, SidebarMainContextProvider, SidebarNavigation, Title };
|
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,96 @@ import { ReactNode, FC } from 'react';
|
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
5
|
import * as _unifiedsoftware_react_router from '@unifiedsoftware/react-router';
|
|
6
6
|
|
|
7
|
+
type SelectItem = {
|
|
8
|
+
key: any;
|
|
9
|
+
text: string;
|
|
10
|
+
} | any;
|
|
11
|
+
type SelectData<TSelectItem = SelectItem> = {
|
|
12
|
+
items: TSelectItem[];
|
|
13
|
+
total: number;
|
|
14
|
+
};
|
|
15
|
+
type SelectState = {
|
|
16
|
+
skip: number;
|
|
17
|
+
filter: string;
|
|
18
|
+
};
|
|
19
|
+
interface VirtualScrollerProps$1 {
|
|
20
|
+
pageSize?: number;
|
|
21
|
+
}
|
|
22
|
+
type SelectBaseProps<TSelectItem = SelectItem> = {
|
|
23
|
+
data: SelectData<TSelectItem>;
|
|
24
|
+
value?: TSelectItem | null;
|
|
25
|
+
placeholder?: string;
|
|
26
|
+
keyField?: string;
|
|
27
|
+
textField?: string;
|
|
28
|
+
filterable?: boolean;
|
|
29
|
+
filter?: string;
|
|
30
|
+
virtual?: VirtualScrollerProps$1;
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
loading?: boolean;
|
|
33
|
+
className?: string;
|
|
34
|
+
onFilterChange?: (filter: string) => void;
|
|
35
|
+
onChange: (value: any) => void;
|
|
36
|
+
renderItem?: (item: TSelectItem) => React.ReactNode;
|
|
37
|
+
};
|
|
38
|
+
type SelectClientProps<TSelectItem = SelectItem> = {
|
|
39
|
+
filterMode: 'client';
|
|
40
|
+
page?: number;
|
|
41
|
+
pageSize?: number;
|
|
42
|
+
} & SelectBaseProps<TSelectItem>;
|
|
43
|
+
type SelectServerProps<TSelectItem = SelectItem> = {
|
|
44
|
+
filterMode: 'server';
|
|
45
|
+
onDataChange: (data: SelectData) => void;
|
|
46
|
+
getData: (state: SelectState) => Promise<SelectData<TSelectItem>>;
|
|
47
|
+
} & SelectBaseProps<TSelectItem>;
|
|
48
|
+
type SelectProps<TSelectItem = SelectItem> = SelectClientProps<TSelectItem> | SelectServerProps<TSelectItem>;
|
|
49
|
+
|
|
50
|
+
declare const Select: (props: SelectProps) => react_jsx_runtime.JSX.Element;
|
|
51
|
+
|
|
52
|
+
type MultiSelectItem = {
|
|
53
|
+
value: any;
|
|
54
|
+
label: string;
|
|
55
|
+
} | any;
|
|
56
|
+
type MultiSelectData<TMultiSelectItem = MultiSelectItem> = {
|
|
57
|
+
items: TMultiSelectItem[];
|
|
58
|
+
total: number;
|
|
59
|
+
};
|
|
60
|
+
type MultiSelectState = {
|
|
61
|
+
skip: number;
|
|
62
|
+
filter: string;
|
|
63
|
+
};
|
|
64
|
+
interface VirtualScrollerProps {
|
|
65
|
+
pageSize?: number;
|
|
66
|
+
}
|
|
67
|
+
type MultiSelectBaseProps<TMultiSelectItem = MultiSelectItem> = {
|
|
68
|
+
data: MultiSelectData<TMultiSelectItem>;
|
|
69
|
+
value?: TMultiSelectItem[];
|
|
70
|
+
placeholder?: string;
|
|
71
|
+
keyField?: string;
|
|
72
|
+
textField?: string;
|
|
73
|
+
filterable?: boolean;
|
|
74
|
+
filter?: string;
|
|
75
|
+
virtual?: VirtualScrollerProps;
|
|
76
|
+
disabled?: boolean;
|
|
77
|
+
loading?: boolean;
|
|
78
|
+
className?: string;
|
|
79
|
+
onFilterChange?: (filter: string) => void;
|
|
80
|
+
onChange: (value: TMultiSelectItem[]) => void;
|
|
81
|
+
};
|
|
82
|
+
type MultiSelectClientProps<TMultiSelectItem = MultiSelectItem> = {
|
|
83
|
+
filterMode: 'client';
|
|
84
|
+
page?: number;
|
|
85
|
+
pageSize?: number;
|
|
86
|
+
onPageChange?: (page: number) => void;
|
|
87
|
+
} & MultiSelectBaseProps<TMultiSelectItem>;
|
|
88
|
+
type MultiSelectServerProps<TMultiSelectItem = MultiSelectItem> = {
|
|
89
|
+
filterMode: 'server';
|
|
90
|
+
onDataChange: (data: MultiSelectData) => void;
|
|
91
|
+
getData: (state: MultiSelectState) => Promise<MultiSelectData<TMultiSelectItem>>;
|
|
92
|
+
} & MultiSelectBaseProps<TMultiSelectItem>;
|
|
93
|
+
type MultiSelectProps<TMultiSelectItem = MultiSelectItem> = MultiSelectClientProps<TMultiSelectItem> | MultiSelectServerProps<TMultiSelectItem>;
|
|
94
|
+
|
|
95
|
+
declare const MultiSelect: (props: MultiSelectProps) => react_jsx_runtime.JSX.Element;
|
|
96
|
+
|
|
7
97
|
interface IDropEnumList {
|
|
8
98
|
dataEnum: object;
|
|
9
99
|
description: Map<any, Map<number, string>>;
|
|
@@ -159,26 +249,26 @@ declare const MenuItem: styled_components.StyledComponent<react.ForwardRefExotic
|
|
|
159
249
|
declare const MenuTitle: styled_components.StyledComponent<"p", any, {}, never>;
|
|
160
250
|
|
|
161
251
|
interface NavbarProps {
|
|
162
|
-
gradient?: boolean;
|
|
252
|
+
$gradient?: boolean;
|
|
163
253
|
}
|
|
164
254
|
declare const Navbar: styled_components.StyledComponent<"nav", any, NavbarProps, never>;
|
|
165
255
|
|
|
166
256
|
declare const MenuOptions: styled_components.StyledComponent<"div", any, {}, never>;
|
|
167
257
|
|
|
168
258
|
interface SidebarProps {
|
|
169
|
-
width?: string;
|
|
170
|
-
active?: boolean;
|
|
171
|
-
fixed?: boolean;
|
|
172
|
-
shadow?: boolean;
|
|
259
|
+
$width?: string;
|
|
260
|
+
$active?: boolean;
|
|
261
|
+
$fixed?: boolean;
|
|
262
|
+
$shadow?: boolean;
|
|
173
263
|
}
|
|
174
264
|
declare const ItemSidebar: styled_components.StyledComponent<"div", any, {}, never>;
|
|
175
265
|
declare const SidebarNavigation: styled_components.StyledComponent<"nav", any, SidebarProps, never>;
|
|
176
266
|
declare const ItemLinkSidebar: styled_components.StyledComponent<react.ForwardRefExoticComponent<_unifiedsoftware_react_router.LinkProps & react.RefAttributes<HTMLAnchorElement>>, any, {}, never>;
|
|
177
267
|
|
|
178
268
|
interface MainProps {
|
|
179
|
-
activeDrawer: boolean;
|
|
269
|
+
$activeDrawer: boolean;
|
|
180
270
|
}
|
|
181
271
|
declare const Main: styled_components.StyledComponent<"main", any, MainProps, never>;
|
|
182
272
|
declare const CloseIcon: styled_components.StyledComponent<"button", any, {}, never>;
|
|
183
273
|
|
|
184
|
-
export { AppBreadCrumb, AppBreadCrumbNav, AppLoader, BreadCrumbContext, BreadCrumbContextProvider, BreadCrumbTitle, Breadcrumb, CloseIcon, CustomBtns, CustomExcel, DrawerContext, DrawerContextProvider, DropEnumList, GlobalProps, GlobalProvider, HistoryContext, HistoryContextProvider, IBreadCrumbContext, ICustomizeColumns, ILoaderProps, ItemLinkSidebar, ItemSidebar, LoaderGrid, LoadingType, Main, MenuItem as MenuItems, MenuOptions, MenuTitle, NavOptions, NavOptionsProps, Navbar, SidebarMainContext, SidebarMainContextProvider, SidebarNavigation, Title };
|
|
274
|
+
export { AppBreadCrumb, AppBreadCrumbNav, AppLoader, BreadCrumbContext, BreadCrumbContextProvider, BreadCrumbTitle, Breadcrumb, CloseIcon, CustomBtns, CustomExcel, DrawerContext, DrawerContextProvider, DropEnumList, GlobalProps, GlobalProvider, HistoryContext, HistoryContextProvider, IBreadCrumbContext, ICustomizeColumns, ILoaderProps, ItemLinkSidebar, ItemSidebar, LoaderGrid, LoadingType, Main, MenuItem as MenuItems, MenuOptions, MenuTitle, MultiSelect, MultiSelectData, MultiSelectItem, MultiSelectProps, MultiSelectState, NavOptions, NavOptionsProps, Navbar, Select, SelectData, SelectItem, SelectProps, SelectState, SidebarMainContext, SidebarMainContextProvider, SidebarNavigation, Title };
|