@elliemae/ds-shuttle 1.60.0 → 2.0.0-alpha.12
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/cjs/AnimationState.js +26 -42
- package/cjs/DSShuttle.js +54 -146
- package/cjs/SearchState.js +10 -22
- package/cjs/Shuttle.actions.js +65 -73
- package/cjs/ShuttleContainer.js +49 -77
- package/cjs/ShuttleImpl.js +250 -338
- package/cjs/ShuttleRenderer.js +121 -184
- package/cjs/ShuttleState.js +22 -39
- package/cjs/animation/animationConfig.js +56 -63
- package/cjs/classedComponents.js +32 -35
- package/cjs/components/LoadingIndicator.js +11 -12
- package/cjs/components/OverflowList.js +33 -29
- package/cjs/components/ShuttleBreadcrumb.js +26 -32
- package/cjs/components/ShuttleInfiniteScrollIndicator.js +17 -13
- package/cjs/components/ShuttleListItem/ActionButtons.js +39 -34
- package/cjs/components/ShuttleListItem/ShuttleListItem.js +59 -58
- package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +40 -61
- package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +35 -50
- package/cjs/components/ShuttleListPanel.js +11 -23
- package/cjs/components/ShuttleSearchBox.js +79 -102
- package/cjs/components/ShuttleSource.js +99 -169
- package/cjs/components/ShuttleTarget.js +62 -82
- package/cjs/components/VirtualizedItem.js +28 -22
- package/cjs/components/VirtualizedList.js +52 -50
- package/cjs/components/VirtualizedSortableList.js +25 -23
- package/cjs/helper.js +52 -82
- package/cjs/index.js +1 -60
- package/cjs/updateShuttleStateFromProps.js +41 -40
- package/cjs/utils.js +9 -9
- package/cjs/withProviders.js +15 -16
- package/esm/AnimationState.js +25 -40
- package/esm/DSShuttle.js +51 -143
- package/esm/SearchState.js +9 -20
- package/esm/Shuttle.actions.js +64 -71
- package/esm/ShuttleContainer.js +47 -75
- package/esm/ShuttleImpl.js +254 -334
- package/esm/ShuttleRenderer.js +117 -179
- package/esm/ShuttleState.js +17 -32
- package/esm/animation/animationConfig.js +56 -63
- package/esm/classedComponents.js +30 -33
- package/esm/components/LoadingIndicator.js +10 -11
- package/esm/components/OverflowList.js +30 -26
- package/esm/components/ShuttleBreadcrumb.js +23 -29
- package/esm/components/ShuttleInfiniteScrollIndicator.js +16 -12
- package/esm/components/ShuttleListItem/ActionButtons.js +38 -33
- package/esm/components/ShuttleListItem/ShuttleListItem.js +56 -55
- package/esm/components/ShuttleListItem/ShuttleSourceListItem.js +36 -56
- package/esm/components/ShuttleListItem/ShuttleTargetListItem.js +31 -46
- package/esm/components/ShuttleListPanel.js +10 -22
- package/esm/components/ShuttleSearchBox.js +78 -95
- package/esm/components/ShuttleSource.js +89 -157
- package/esm/components/ShuttleTarget.js +55 -75
- package/esm/components/VirtualizedItem.js +26 -20
- package/esm/components/VirtualizedList.js +48 -46
- package/esm/components/VirtualizedSortableList.js +21 -18
- package/esm/helper.js +49 -77
- package/esm/index.js +0 -59
- package/esm/updateShuttleStateFromProps.js +40 -38
- package/esm/utils.js +6 -4
- package/esm/withProviders.js +13 -15
- package/package.json +163 -18
- package/types/AnimationState.d.ts +26 -0
- package/types/DSShuttle.d.ts +341 -0
- package/types/SearchState.d.ts +22 -0
- package/types/Shuttle.actions.d.ts +11 -0
- package/types/ShuttleContainer.d.ts +3 -0
- package/types/ShuttleImpl.d.ts +3 -0
- package/types/ShuttleRenderer.d.ts +37 -0
- package/types/ShuttleState.d.ts +53 -0
- package/types/animation/animationConfig.d.ts +68 -0
- package/types/classedComponents.d.ts +14 -0
- package/types/components/LoadingIndicator.d.ts +3 -0
- package/types/components/OverflowList.d.ts +7 -0
- package/types/components/ShuttleBreadcrumb.d.ts +7 -0
- package/types/components/ShuttleInfiniteScrollIndicator.d.ts +5 -0
- package/types/components/ShuttleListItem/ActionButtons.d.ts +4 -0
- package/types/components/ShuttleListItem/ShuttleListItem.d.ts +14 -0
- package/types/components/ShuttleListItem/ShuttleSourceListItem.d.ts +13 -0
- package/types/components/ShuttleListItem/ShuttleTargetListItem.d.ts +13 -0
- package/types/components/ShuttleListPanel.d.ts +7 -0
- package/types/components/ShuttleSearchBox.d.ts +20 -0
- package/types/components/ShuttleSource.d.ts +54 -0
- package/types/components/ShuttleTarget.d.ts +16 -0
- package/types/components/VirtualizedItem.d.ts +3 -0
- package/types/components/VirtualizedList.d.ts +12 -0
- package/types/components/VirtualizedSortableList.d.ts +6 -0
- package/types/helper.d.ts +16 -0
- package/types/index.d.ts +1 -0
- package/types/tests/DSShuttle.events.test.d.ts +1 -0
- package/types/tests/DSShuttle.test.d.ts +1 -0
- package/types/tests/utils.d.ts +116 -0
- package/types/updateShuttleStateFromProps.d.ts +1 -0
- package/types/utils.d.ts +2 -0
- package/types/withProviders.d.ts +3 -0
- package/AnimationState/package.json +0 -10
- package/DSShuttle/package.json +0 -10
- package/SearchState/package.json +0 -10
- package/Shuttle.actions/package.json +0 -10
- package/ShuttleContainer/package.json +0 -10
- package/ShuttleImpl/package.json +0 -10
- package/ShuttleRenderer/package.json +0 -10
- package/ShuttleState/package.json +0 -10
- package/animation/animationConfig/package.json +0 -10
- package/cjs/AnimationState.js.map +0 -1
- package/cjs/DSShuttle.js.map +0 -1
- package/cjs/SearchState.js.map +0 -1
- package/cjs/Shuttle.actions.js.map +0 -1
- package/cjs/ShuttleContainer.js.map +0 -1
- package/cjs/ShuttleImpl.js.map +0 -1
- package/cjs/ShuttleRenderer.js.map +0 -1
- package/cjs/ShuttleState.js.map +0 -1
- package/cjs/animation/animationConfig.js.map +0 -1
- package/cjs/classedComponents.js.map +0 -1
- package/cjs/components/LoadingIndicator.js.map +0 -1
- package/cjs/components/OverflowList.js.map +0 -1
- package/cjs/components/ShuttleBreadcrumb.js.map +0 -1
- package/cjs/components/ShuttleInfiniteScrollIndicator.js.map +0 -1
- package/cjs/components/ShuttleListItem/ActionButtons.js.map +0 -1
- package/cjs/components/ShuttleListItem/ShuttleListItem.js.map +0 -1
- package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -1
- package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -1
- package/cjs/components/ShuttleListPanel.js.map +0 -1
- package/cjs/components/ShuttleSearchBox.js.map +0 -1
- package/cjs/components/ShuttleSource.js.map +0 -1
- package/cjs/components/ShuttleTarget.js.map +0 -1
- package/cjs/components/VirtualizedItem.js.map +0 -1
- package/cjs/components/VirtualizedList.js.map +0 -1
- package/cjs/components/VirtualizedSortableList.js.map +0 -1
- package/cjs/helper.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/tests/utils.js +0 -1112
- package/cjs/tests/utils.js.map +0 -1
- package/cjs/updateShuttleStateFromProps.js.map +0 -1
- package/cjs/utils.js.map +0 -1
- package/cjs/withProviders.js.map +0 -1
- package/classedComponents/package.json +0 -10
- package/components/LoadingIndicator/package.json +0 -10
- package/components/OverflowList/package.json +0 -10
- package/components/ShuttleBreadcrumb/package.json +0 -10
- package/components/ShuttleInfiniteScrollIndicator/package.json +0 -10
- package/components/ShuttleListItem/ActionButtons/package.json +0 -10
- package/components/ShuttleListItem/ShuttleListItem/package.json +0 -10
- package/components/ShuttleListItem/ShuttleSourceListItem/package.json +0 -10
- package/components/ShuttleListItem/ShuttleTargetListItem/package.json +0 -10
- package/components/ShuttleListPanel/package.json +0 -10
- package/components/ShuttleSearchBox/package.json +0 -10
- package/components/ShuttleSource/package.json +0 -10
- package/components/ShuttleTarget/package.json +0 -10
- package/components/VirtualizedItem/package.json +0 -10
- package/components/VirtualizedList/package.json +0 -10
- package/components/VirtualizedSortableList/package.json +0 -10
- package/esm/AnimationState.js.map +0 -1
- package/esm/DSShuttle.js.map +0 -1
- package/esm/SearchState.js.map +0 -1
- package/esm/Shuttle.actions.js.map +0 -1
- package/esm/ShuttleContainer.js.map +0 -1
- package/esm/ShuttleImpl.js.map +0 -1
- package/esm/ShuttleRenderer.js.map +0 -1
- package/esm/ShuttleState.js.map +0 -1
- package/esm/animation/animationConfig.js.map +0 -1
- package/esm/classedComponents.js.map +0 -1
- package/esm/components/LoadingIndicator.js.map +0 -1
- package/esm/components/OverflowList.js.map +0 -1
- package/esm/components/ShuttleBreadcrumb.js.map +0 -1
- package/esm/components/ShuttleInfiniteScrollIndicator.js.map +0 -1
- package/esm/components/ShuttleListItem/ActionButtons.js.map +0 -1
- package/esm/components/ShuttleListItem/ShuttleListItem.js.map +0 -1
- package/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -1
- package/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -1
- package/esm/components/ShuttleListPanel.js.map +0 -1
- package/esm/components/ShuttleSearchBox.js.map +0 -1
- package/esm/components/ShuttleSource.js.map +0 -1
- package/esm/components/ShuttleTarget.js.map +0 -1
- package/esm/components/VirtualizedItem.js.map +0 -1
- package/esm/components/VirtualizedList.js.map +0 -1
- package/esm/components/VirtualizedSortableList.js.map +0 -1
- package/esm/helper.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/tests/utils.js +0 -1100
- package/esm/tests/utils.js.map +0 -1
- package/esm/updateShuttleStateFromProps.js.map +0 -1
- package/esm/utils.js.map +0 -1
- package/esm/withProviders.js.map +0 -1
- package/helper/package.json +0 -10
- package/tests/utils/package.json +0 -10
- package/updateShuttleStateFromProps/package.json +0 -10
- package/utils/package.json +0 -10
- package/withProviders/package.json +0 -10
|
@@ -0,0 +1,341 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
import utils from './utils';
|
|
4
|
+
declare const DSShuttle: {
|
|
5
|
+
({ containerProps, idField, parentIdField, showIcons, items, selectedItems, nonSelectedItems, onSearch, onSearchOpen, onSearchClose, onDrillDown, onDrillDownTarget, onTargetSortEnd, setGetStatus, targetSortable, sourceEmptyMessage, sourceRootTitle, targetEmptyMessage, targetRootTitle, composeSourceItemProps, composeTargetItemProps, onAddToTarget, onAddCheckedItems, onRemoveFromTarget, onRemoveAllFromTarget, onChange, renderSourceCounter, renderTargetCounter, sourceClearItemsText, targetClearItemsText, searchPlaceholder, loadingSource, loadingTarget, onGetMoreItems, hasNextPage, moreItemsLoading, }: {
|
|
6
|
+
containerProps?: {} | undefined;
|
|
7
|
+
idField?: string | undefined;
|
|
8
|
+
parentIdField?: string | undefined;
|
|
9
|
+
showIcons?: boolean | undefined;
|
|
10
|
+
items?: never[] | undefined;
|
|
11
|
+
selectedItems?: undefined;
|
|
12
|
+
nonSelectedItems?: undefined;
|
|
13
|
+
onSearch?: (() => void) | undefined;
|
|
14
|
+
onSearchOpen?: (() => void) | undefined;
|
|
15
|
+
onSearchClose?: (() => void) | undefined;
|
|
16
|
+
onDrillDown?: (() => void) | undefined;
|
|
17
|
+
onDrillDownTarget?: (() => void) | undefined;
|
|
18
|
+
onTargetSortEnd?: (() => void) | undefined;
|
|
19
|
+
setGetStatus?: (() => void) | undefined;
|
|
20
|
+
targetSortable?: boolean | undefined;
|
|
21
|
+
sourceEmptyMessage?: string | undefined;
|
|
22
|
+
sourceRootTitle?: string | undefined;
|
|
23
|
+
targetEmptyMessage?: string | undefined;
|
|
24
|
+
targetRootTitle?: string | undefined;
|
|
25
|
+
composeSourceItemProps?: (() => {}) | undefined;
|
|
26
|
+
composeTargetItemProps?: (() => {}) | undefined;
|
|
27
|
+
onAddToTarget?: (() => void) | undefined;
|
|
28
|
+
onAddCheckedItems?: (() => void) | undefined;
|
|
29
|
+
onRemoveFromTarget?: (() => void) | undefined;
|
|
30
|
+
onRemoveAllFromTarget?: (() => void) | undefined;
|
|
31
|
+
onChange?: (() => void) | undefined;
|
|
32
|
+
renderSourceCounter?: (() => void) | undefined;
|
|
33
|
+
renderTargetCounter?: (() => void) | undefined;
|
|
34
|
+
sourceClearItemsText?: string | undefined;
|
|
35
|
+
targetClearItemsText?: string | undefined;
|
|
36
|
+
searchPlaceholder?: string | undefined;
|
|
37
|
+
loadingSource?: boolean | undefined;
|
|
38
|
+
loadingTarget?: boolean | undefined;
|
|
39
|
+
onGetMoreItems?: (() => null) | undefined;
|
|
40
|
+
hasNextPage?: boolean | undefined;
|
|
41
|
+
moreItemsLoading: any;
|
|
42
|
+
}): JSX.Element;
|
|
43
|
+
propTypes: {
|
|
44
|
+
/** inject props to shuttle wrapper */
|
|
45
|
+
containerProps: {
|
|
46
|
+
defaultValue<T = unknown>(arg: T): {
|
|
47
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
50
|
+
};
|
|
51
|
+
/** The identifier field for the item object */
|
|
52
|
+
idField: {
|
|
53
|
+
defaultValue<T = unknown>(arg: T): {
|
|
54
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
55
|
+
};
|
|
56
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
57
|
+
};
|
|
58
|
+
/** The parent identifier field for the item object */
|
|
59
|
+
parentIdField: {
|
|
60
|
+
defaultValue<T = unknown>(arg: T): {
|
|
61
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
62
|
+
};
|
|
63
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
64
|
+
};
|
|
65
|
+
/** Whether to show the icons or not */
|
|
66
|
+
showIcons: {
|
|
67
|
+
defaultValue<T = unknown>(arg: T): {
|
|
68
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
69
|
+
};
|
|
70
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
71
|
+
};
|
|
72
|
+
/** List of items */
|
|
73
|
+
items: {
|
|
74
|
+
defaultValue<T = unknown>(arg: T): {
|
|
75
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
76
|
+
};
|
|
77
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
78
|
+
};
|
|
79
|
+
/** Array of item ids that are selected. If passed the component behaves as controlled */
|
|
80
|
+
selectedItems: {
|
|
81
|
+
defaultValue<T = unknown>(arg: T): {
|
|
82
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
83
|
+
};
|
|
84
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
85
|
+
};
|
|
86
|
+
/** Array of item ids that aren't selected. Should include ALL non selected items, even those not rendered */
|
|
87
|
+
nonSelectedItems: {
|
|
88
|
+
defaultValue<T = unknown>(arg: T): {
|
|
89
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
90
|
+
};
|
|
91
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
92
|
+
};
|
|
93
|
+
/** Handler on search */
|
|
94
|
+
onSearch: {
|
|
95
|
+
defaultValue<T = unknown>(arg: T): {
|
|
96
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
97
|
+
};
|
|
98
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
99
|
+
};
|
|
100
|
+
/** Handler when the searchbox is visible */
|
|
101
|
+
onSearchOpen: {
|
|
102
|
+
defaultValue<T = unknown>(arg: T): {
|
|
103
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
104
|
+
};
|
|
105
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
106
|
+
};
|
|
107
|
+
/** Handler when the searchbox is not visible */
|
|
108
|
+
onSearchClose: {
|
|
109
|
+
defaultValue<T = unknown>(arg: T): {
|
|
110
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
111
|
+
};
|
|
112
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
113
|
+
};
|
|
114
|
+
/** Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down") */
|
|
115
|
+
onDrillDown: {
|
|
116
|
+
defaultValue<T = unknown>(arg: T): {
|
|
117
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
118
|
+
};
|
|
119
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
120
|
+
};
|
|
121
|
+
/** Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down") */
|
|
122
|
+
onDrillDownTarget: {
|
|
123
|
+
defaultValue<T = unknown>(arg: T): {
|
|
124
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
125
|
+
};
|
|
126
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
127
|
+
};
|
|
128
|
+
/** Target handler when user stops dragging an item */
|
|
129
|
+
onTargetSortEnd: {
|
|
130
|
+
defaultValue<T = unknown>(arg: T): {
|
|
131
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
132
|
+
};
|
|
133
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
134
|
+
};
|
|
135
|
+
/** Callback function that gets more items for Infinite Scroll */
|
|
136
|
+
onGetMoreItems: {
|
|
137
|
+
defaultValue<T = unknown>(arg: T): {
|
|
138
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
139
|
+
};
|
|
140
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
141
|
+
};
|
|
142
|
+
/** Wheter there are mor items loading for Infinite Scroll */
|
|
143
|
+
moreItemsLoading: {
|
|
144
|
+
defaultValue<T = unknown>(arg: T): {
|
|
145
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
146
|
+
};
|
|
147
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
148
|
+
};
|
|
149
|
+
/** Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems */
|
|
150
|
+
hasNextPage: {
|
|
151
|
+
defaultValue<T = unknown>(arg: T): {
|
|
152
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
153
|
+
};
|
|
154
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
155
|
+
};
|
|
156
|
+
/** Function that takes as a parameter an internal getter for the state */
|
|
157
|
+
setGetStatus: {
|
|
158
|
+
defaultValue<T = unknown>(arg: T): {
|
|
159
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
160
|
+
};
|
|
161
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
162
|
+
};
|
|
163
|
+
/** Whether the target can be sortable with DnD */
|
|
164
|
+
targetSortable: {
|
|
165
|
+
defaultValue<T = unknown>(arg: T): {
|
|
166
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
167
|
+
};
|
|
168
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
169
|
+
};
|
|
170
|
+
/** Handler when the searchbox is visible */
|
|
171
|
+
sourceRootTitle: {
|
|
172
|
+
defaultValue<T = unknown>(arg: T): {
|
|
173
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
174
|
+
};
|
|
175
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
176
|
+
};
|
|
177
|
+
/** Source text when there is no items */
|
|
178
|
+
sourceEmptyMessage: {
|
|
179
|
+
defaultValue<T = unknown>(arg: T): {
|
|
180
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
181
|
+
};
|
|
182
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
183
|
+
};
|
|
184
|
+
/** Target text when there is no items */
|
|
185
|
+
targetEmptyMessage: {
|
|
186
|
+
defaultValue<T = unknown>(arg: T): {
|
|
187
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
188
|
+
};
|
|
189
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
190
|
+
};
|
|
191
|
+
/** Target text for the first hierarchy item */
|
|
192
|
+
targetRootTitle: {
|
|
193
|
+
defaultValue<T = unknown>(arg: T): {
|
|
194
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
195
|
+
};
|
|
196
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
197
|
+
};
|
|
198
|
+
/** Function that allow to compose the item props in the source */
|
|
199
|
+
composeSourceItemProps: {
|
|
200
|
+
defaultValue<T = unknown>(arg: T): {
|
|
201
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
202
|
+
};
|
|
203
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
204
|
+
};
|
|
205
|
+
/** Function that allow to compose the item props in the target */
|
|
206
|
+
composeTargetItemProps: {
|
|
207
|
+
defaultValue<T = unknown>(arg: T): {
|
|
208
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
209
|
+
};
|
|
210
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
211
|
+
};
|
|
212
|
+
/** Handler when a users moves an item to the target */
|
|
213
|
+
onAddToTarget: {
|
|
214
|
+
defaultValue<T = unknown>(arg: T): {
|
|
215
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
216
|
+
};
|
|
217
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
218
|
+
};
|
|
219
|
+
/** Handler when a users moves all the 'checked' items to the target */
|
|
220
|
+
onAddCheckedItems: {
|
|
221
|
+
defaultValue<T = unknown>(arg: T): {
|
|
222
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
223
|
+
};
|
|
224
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
225
|
+
};
|
|
226
|
+
/** Handler when a user removes an item from the target */
|
|
227
|
+
onRemoveFromTarget: {
|
|
228
|
+
defaultValue<T = unknown>(arg: T): {
|
|
229
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
230
|
+
};
|
|
231
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
232
|
+
};
|
|
233
|
+
/** Handler when a user removes all the items from the target */
|
|
234
|
+
onRemoveAllFromTarget: {
|
|
235
|
+
defaultValue<T = unknown>(arg: T): {
|
|
236
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
237
|
+
};
|
|
238
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
239
|
+
};
|
|
240
|
+
/** Handler for every change on the state */
|
|
241
|
+
onChange: {
|
|
242
|
+
defaultValue<T = unknown>(arg: T): {
|
|
243
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
244
|
+
};
|
|
245
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
246
|
+
};
|
|
247
|
+
/** Function that returns an element for the source counter */
|
|
248
|
+
renderSourceCounter: {
|
|
249
|
+
defaultValue<T = unknown>(arg: T): {
|
|
250
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
251
|
+
};
|
|
252
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
253
|
+
};
|
|
254
|
+
/** Function that returns an element for the target counter */
|
|
255
|
+
renderTargetCounter: {
|
|
256
|
+
defaultValue<T = unknown>(arg: T): {
|
|
257
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
258
|
+
};
|
|
259
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
260
|
+
};
|
|
261
|
+
/** Source text for the clear items button */
|
|
262
|
+
sourceClearItemsText: {
|
|
263
|
+
defaultValue<T = unknown>(arg: T): {
|
|
264
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
265
|
+
};
|
|
266
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
267
|
+
};
|
|
268
|
+
/** Target text for the clear items button */
|
|
269
|
+
targetClearItemsText: {
|
|
270
|
+
defaultValue<T = unknown>(arg: T): {
|
|
271
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
272
|
+
};
|
|
273
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
274
|
+
};
|
|
275
|
+
/** Searchbox placeholder */
|
|
276
|
+
searchPlaceholder: {
|
|
277
|
+
defaultValue<T = unknown>(arg: T): {
|
|
278
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
279
|
+
};
|
|
280
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
281
|
+
};
|
|
282
|
+
/** Displays loading indicator on source section */
|
|
283
|
+
loadingSource: {
|
|
284
|
+
defaultValue<T = unknown>(arg: T): {
|
|
285
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
286
|
+
};
|
|
287
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
288
|
+
};
|
|
289
|
+
/** Displays loading indicator on target section */
|
|
290
|
+
loadingTarget: {
|
|
291
|
+
defaultValue<T = unknown>(arg: T): {
|
|
292
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
293
|
+
};
|
|
294
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
295
|
+
};
|
|
296
|
+
};
|
|
297
|
+
};
|
|
298
|
+
declare const DSShuttleWithSchema: {
|
|
299
|
+
(props?: {
|
|
300
|
+
containerProps?: {} | undefined;
|
|
301
|
+
idField?: string | undefined;
|
|
302
|
+
parentIdField?: string | undefined;
|
|
303
|
+
showIcons?: boolean | undefined;
|
|
304
|
+
items?: never[] | undefined;
|
|
305
|
+
selectedItems?: undefined;
|
|
306
|
+
nonSelectedItems?: undefined;
|
|
307
|
+
onSearch?: (() => void) | undefined;
|
|
308
|
+
onSearchOpen?: (() => void) | undefined;
|
|
309
|
+
onSearchClose?: (() => void) | undefined;
|
|
310
|
+
onDrillDown?: (() => void) | undefined;
|
|
311
|
+
onDrillDownTarget?: (() => void) | undefined;
|
|
312
|
+
onTargetSortEnd?: (() => void) | undefined;
|
|
313
|
+
setGetStatus?: (() => void) | undefined;
|
|
314
|
+
targetSortable?: boolean | undefined;
|
|
315
|
+
sourceEmptyMessage?: string | undefined;
|
|
316
|
+
sourceRootTitle?: string | undefined;
|
|
317
|
+
targetEmptyMessage?: string | undefined;
|
|
318
|
+
targetRootTitle?: string | undefined;
|
|
319
|
+
composeSourceItemProps?: (() => {}) | undefined;
|
|
320
|
+
composeTargetItemProps?: (() => {}) | undefined;
|
|
321
|
+
onAddToTarget?: (() => void) | undefined;
|
|
322
|
+
onAddCheckedItems?: (() => void) | undefined;
|
|
323
|
+
onRemoveFromTarget?: (() => void) | undefined;
|
|
324
|
+
onRemoveAllFromTarget?: (() => void) | undefined;
|
|
325
|
+
onChange?: (() => void) | undefined;
|
|
326
|
+
renderSourceCounter?: (() => void) | undefined;
|
|
327
|
+
renderTargetCounter?: (() => void) | undefined;
|
|
328
|
+
sourceClearItemsText?: string | undefined;
|
|
329
|
+
targetClearItemsText?: string | undefined;
|
|
330
|
+
searchPlaceholder?: string | undefined;
|
|
331
|
+
loadingSource?: boolean | undefined;
|
|
332
|
+
loadingTarget?: boolean | undefined;
|
|
333
|
+
onGetMoreItems?: (() => null) | undefined;
|
|
334
|
+
hasNextPage?: boolean | undefined;
|
|
335
|
+
moreItemsLoading: any;
|
|
336
|
+
} | undefined): JSX.Element;
|
|
337
|
+
propTypes: unknown;
|
|
338
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
339
|
+
};
|
|
340
|
+
export { utils, DSShuttleWithSchema };
|
|
341
|
+
export default DSShuttle;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: import("constate/dist/ts/src/types").ContextHookReturn<unknown, {
|
|
3
|
+
state: {
|
|
4
|
+
searchTerm: string;
|
|
5
|
+
searching: boolean;
|
|
6
|
+
};
|
|
7
|
+
setSearchTerm: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
8
|
+
toggleSearchBox: (userVisible: any) => void;
|
|
9
|
+
reset: () => void;
|
|
10
|
+
}, [(value: {
|
|
11
|
+
state: {
|
|
12
|
+
searchTerm: string;
|
|
13
|
+
searching: boolean;
|
|
14
|
+
};
|
|
15
|
+
setSearchTerm: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
16
|
+
toggleSearchBox: (userVisible: any) => void;
|
|
17
|
+
reset: () => void;
|
|
18
|
+
}) => {
|
|
19
|
+
searchTerm: string;
|
|
20
|
+
searching: boolean;
|
|
21
|
+
}[]]>;
|
|
22
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export function toggleItemSelection(itemId: any): (state: any) => any;
|
|
2
|
+
export function navigateTo(item: any, dest: any): (state: any) => any;
|
|
3
|
+
export function moveItem(item: any): (state: any) => any;
|
|
4
|
+
export function addToTarget(itemToAdd: any, collection: any): (state: any, { idField }: {
|
|
5
|
+
idField: any;
|
|
6
|
+
}) => any;
|
|
7
|
+
export function removeFromTarget(itemToRemove: any): (state: any, { idField }: {
|
|
8
|
+
idField: any;
|
|
9
|
+
}) => any;
|
|
10
|
+
export function resetCheckedItems(): (state: any) => any;
|
|
11
|
+
export function resetMovedItems(): (state: any) => any;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare function ShuttleRenderer({ containerProps, onNavigateOnTargetTo, onNavigateOnSourceTo, onMoveItemToSource, onMoveItemToTarget, onClearMovedItems, onMoveCheckedItems, onClearCheckedItems, onToggleSearch, onSearch, onSearchClose, onSearchOpen, searching, onCheckItem, hierarchy, hierarchyDest, checkedItems, sourceItems, targetItems, sourceEmptyMessage, targetEmptyMessage, composeTargetItemProps, composeSourceItemProps, targetSortable, sourceSortable, onSourceSortEnd, onTargetSortEnd, loadingSource, loadingTarget, onGetMoreItems, moreItemsLoading, hasNextPage, ...otherProps }: {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
containerProps: any;
|
|
5
|
+
onNavigateOnTargetTo?: (() => void) | undefined;
|
|
6
|
+
onNavigateOnSourceTo?: (() => void) | undefined;
|
|
7
|
+
onMoveItemToSource?: (() => void) | undefined;
|
|
8
|
+
onMoveItemToTarget?: (() => void) | undefined;
|
|
9
|
+
onClearMovedItems?: (() => void) | undefined;
|
|
10
|
+
onMoveCheckedItems?: (() => void) | undefined;
|
|
11
|
+
onClearCheckedItems?: (() => void) | undefined;
|
|
12
|
+
onToggleSearch?: (() => void) | undefined;
|
|
13
|
+
onSearch?: (() => void) | undefined;
|
|
14
|
+
onSearchClose?: (() => void) | undefined;
|
|
15
|
+
onSearchOpen?: (() => void) | undefined;
|
|
16
|
+
searching?: boolean | undefined;
|
|
17
|
+
onCheckItem?: (() => void) | undefined;
|
|
18
|
+
hierarchy?: never[] | undefined;
|
|
19
|
+
hierarchyDest?: never[] | undefined;
|
|
20
|
+
checkedItems?: never[] | undefined;
|
|
21
|
+
sourceItems?: never[] | undefined;
|
|
22
|
+
targetItems?: never[] | undefined;
|
|
23
|
+
sourceEmptyMessage: any;
|
|
24
|
+
targetEmptyMessage: any;
|
|
25
|
+
composeTargetItemProps: any;
|
|
26
|
+
composeSourceItemProps: any;
|
|
27
|
+
targetSortable: any;
|
|
28
|
+
sourceSortable: any;
|
|
29
|
+
onSourceSortEnd: any;
|
|
30
|
+
onTargetSortEnd: any;
|
|
31
|
+
loadingSource?: boolean | undefined;
|
|
32
|
+
loadingTarget?: boolean | undefined;
|
|
33
|
+
onGetMoreItems?: (() => void) | undefined;
|
|
34
|
+
moreItemsLoading?: boolean | undefined;
|
|
35
|
+
hasNextPage?: boolean | undefined;
|
|
36
|
+
}): JSX.Element;
|
|
37
|
+
export default ShuttleRenderer;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
declare const _default: import("constate/dist/ts/src/types").ContextHookReturn<unknown, {
|
|
2
|
+
state: {
|
|
3
|
+
checkedItems: never[];
|
|
4
|
+
movedItems: {};
|
|
5
|
+
hierarchy: {
|
|
6
|
+
name: string;
|
|
7
|
+
id: null;
|
|
8
|
+
}[];
|
|
9
|
+
hierarchyDest: {
|
|
10
|
+
name: string;
|
|
11
|
+
id: null;
|
|
12
|
+
}[];
|
|
13
|
+
};
|
|
14
|
+
toggleItemSelection: (item: any) => void;
|
|
15
|
+
moveCheckedItems: (items: any, dest?: boolean) => void;
|
|
16
|
+
moveItem: (item: any, dest: any) => void;
|
|
17
|
+
resetMovedItems: () => void;
|
|
18
|
+
resetCheckedItems: () => void;
|
|
19
|
+
navigate: (item: any, dest: any) => void;
|
|
20
|
+
setMovedItems: (itemsIds?: never[], items?: never[]) => void;
|
|
21
|
+
}, [(value: {
|
|
22
|
+
state: {
|
|
23
|
+
checkedItems: never[];
|
|
24
|
+
movedItems: {};
|
|
25
|
+
hierarchy: {
|
|
26
|
+
name: string;
|
|
27
|
+
id: null;
|
|
28
|
+
}[];
|
|
29
|
+
hierarchyDest: {
|
|
30
|
+
name: string;
|
|
31
|
+
id: null;
|
|
32
|
+
}[];
|
|
33
|
+
};
|
|
34
|
+
toggleItemSelection: (item: any) => void;
|
|
35
|
+
moveCheckedItems: (items: any, dest?: boolean) => void;
|
|
36
|
+
moveItem: (item: any, dest: any) => void;
|
|
37
|
+
resetMovedItems: () => void;
|
|
38
|
+
resetCheckedItems: () => void;
|
|
39
|
+
navigate: (item: any, dest: any) => void;
|
|
40
|
+
setMovedItems: (itemsIds?: never[], items?: never[]) => void;
|
|
41
|
+
}) => {
|
|
42
|
+
checkedItems: never[];
|
|
43
|
+
movedItems: {};
|
|
44
|
+
hierarchy: {
|
|
45
|
+
name: string;
|
|
46
|
+
id: null;
|
|
47
|
+
}[];
|
|
48
|
+
hierarchyDest: {
|
|
49
|
+
name: string;
|
|
50
|
+
id: null;
|
|
51
|
+
}[];
|
|
52
|
+
}[]]>;
|
|
53
|
+
export default _default;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
export declare const animationConfig: {
|
|
2
|
+
slideRight: {
|
|
3
|
+
from: {
|
|
4
|
+
transform: string;
|
|
5
|
+
};
|
|
6
|
+
to: {
|
|
7
|
+
transform: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
slideLeft: {
|
|
11
|
+
from: {
|
|
12
|
+
transform: string;
|
|
13
|
+
};
|
|
14
|
+
to: {
|
|
15
|
+
transform: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
moveItem: (isMovingLeft: any) => {
|
|
19
|
+
config: {
|
|
20
|
+
duration: number;
|
|
21
|
+
};
|
|
22
|
+
enter: {
|
|
23
|
+
opacity: number;
|
|
24
|
+
transform: string;
|
|
25
|
+
};
|
|
26
|
+
from: {
|
|
27
|
+
opacity: number;
|
|
28
|
+
transform: string;
|
|
29
|
+
};
|
|
30
|
+
leave: {
|
|
31
|
+
transform: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
moveList: (isDrillingDown: any) => {
|
|
35
|
+
config: {
|
|
36
|
+
duration: number;
|
|
37
|
+
};
|
|
38
|
+
enter: {
|
|
39
|
+
opacity: number;
|
|
40
|
+
transform: string;
|
|
41
|
+
};
|
|
42
|
+
from: {
|
|
43
|
+
opacity: number;
|
|
44
|
+
transform: string;
|
|
45
|
+
};
|
|
46
|
+
leave: {
|
|
47
|
+
opacity: number;
|
|
48
|
+
transform: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
breadcrumb: () => {
|
|
52
|
+
config: {
|
|
53
|
+
duration: number;
|
|
54
|
+
};
|
|
55
|
+
enter: {
|
|
56
|
+
opacity: number;
|
|
57
|
+
transform: string;
|
|
58
|
+
};
|
|
59
|
+
from: {
|
|
60
|
+
opacity: number;
|
|
61
|
+
transform: string;
|
|
62
|
+
};
|
|
63
|
+
leave: {
|
|
64
|
+
opacity: number;
|
|
65
|
+
transform: string;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ShuttleContainer: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
3
|
+
export declare const ShuttleWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
4
|
+
export declare const ShuttleHeader: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
5
|
+
export declare const ShuttleHeaderBreadcrumb: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
6
|
+
export declare const ShuttleHeaderSearchToggle: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
7
|
+
export declare const ShuttleList: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
8
|
+
export declare const ShuttleListPanel: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
9
|
+
export declare const Overflow: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
10
|
+
export declare const EmptyMessage: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
11
|
+
export declare const LoadingList: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
12
|
+
export declare const ShuttleFooter: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
13
|
+
export declare const ShuttleFooterActions: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
14
|
+
export declare const ShuttleFooterCounter: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare function ShuttleBreadcrumb({ className, hierarchy, onNavigateTo }: {
|
|
3
|
+
className?: string | undefined;
|
|
4
|
+
hierarchy?: never[] | undefined;
|
|
5
|
+
onNavigateTo?: (() => null) | undefined;
|
|
6
|
+
}): JSX.Element;
|
|
7
|
+
export default ShuttleBreadcrumb;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare function ShuttleListItem({ item, showIcons, showIcon, onSelect, isChecked, style, showActions, actions, showSortHandler, ...rest }: {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
item?: {} | undefined;
|
|
5
|
+
showIcons?: undefined;
|
|
6
|
+
showIcon?: boolean | undefined;
|
|
7
|
+
onSelect?: (() => null) | undefined;
|
|
8
|
+
isChecked?: boolean | undefined;
|
|
9
|
+
style?: undefined;
|
|
10
|
+
showActions?: boolean | undefined;
|
|
11
|
+
actions?: never[] | undefined;
|
|
12
|
+
showSortHandler?: boolean | undefined;
|
|
13
|
+
}): JSX.Element;
|
|
14
|
+
export default ShuttleListItem;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare function ShuttleSourceListItem({ item, onItemCheck, onMoveToTarget, onNavigateOnSourceTo, isChecked, showMoveButton, showDrillDownButton, index, ...rest }: {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
item?: {} | undefined;
|
|
5
|
+
onItemCheck?: (() => null) | undefined;
|
|
6
|
+
onMoveToTarget?: (() => null) | undefined;
|
|
7
|
+
onNavigateOnSourceTo?: (() => null) | undefined;
|
|
8
|
+
isChecked?: boolean | undefined;
|
|
9
|
+
showMoveButton?: boolean | undefined;
|
|
10
|
+
showDrillDownButton?: boolean | undefined;
|
|
11
|
+
index: any;
|
|
12
|
+
}): JSX.Element;
|
|
13
|
+
export default ShuttleSourceListItem;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare function ShuttleTargetListItem({ item, onMoveToSource, onNavigateOnTargetTo, isRoot, showDeleteButton, showDrillDownButton, showActions, index, ...rest }: {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
item?: {} | undefined;
|
|
5
|
+
onMoveToSource?: (() => null) | undefined;
|
|
6
|
+
onNavigateOnTargetTo?: (() => null) | undefined;
|
|
7
|
+
isRoot?: boolean | undefined;
|
|
8
|
+
showDeleteButton?: boolean | undefined;
|
|
9
|
+
showDrillDownButton?: boolean | undefined;
|
|
10
|
+
showActions?: boolean | undefined;
|
|
11
|
+
index: any;
|
|
12
|
+
}): JSX.Element;
|
|
13
|
+
export default ShuttleTargetListItem;
|