@qoretechnologies/reqore 0.28.6 → 0.29.0
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/.vscode/settings.json +2 -1
- package/__tests__/multiselect.test.tsx +361 -0
- package/__tests__/popover.test.tsx +35 -8
- package/dist/components/Collection/item.js +2 -2
- package/dist/components/Collection/item.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts +3 -4
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +7 -9
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +2 -1
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +3 -3
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts +6 -3
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +19 -1
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Effect/index.d.ts +3 -1
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +24 -19
- package/dist/components/Effect/index.js.map +1 -1
- package/dist/components/Input/index.js +3 -3
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InputClearButton/index.d.ts.map +1 -1
- package/dist/components/InputClearButton/index.js +1 -1
- package/dist/components/InputClearButton/index.js.map +1 -1
- package/dist/components/InternalPopover/index.js +3 -3
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/Menu/divider.d.ts +3 -2
- package/dist/components/Menu/divider.d.ts.map +1 -1
- package/dist/components/Menu/divider.js +2 -2
- package/dist/components/Menu/divider.js.map +1 -1
- package/dist/components/Menu/index.js +4 -3
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +32 -0
- package/dist/components/MultiSelect/index.d.ts.map +1 -0
- package/dist/components/MultiSelect/index.js +177 -0
- package/dist/components/MultiSelect/index.js.map +1 -0
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +1 -1
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +5 -2
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Table/row.js +2 -2
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Tabs/item.js +1 -1
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.d.ts.map +1 -1
- package/dist/components/Tabs/list.js +5 -4
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/group.d.ts +3 -3
- package/dist/components/Tag/group.d.ts.map +1 -1
- package/dist/components/Tag/group.js +6 -3
- package/dist/components/Tag/group.js.map +1 -1
- package/dist/components/Tag/index.js +5 -5
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Tree/index.js +1 -1
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/containers/PopoverProvider.d.ts.map +1 -1
- package/dist/containers/PopoverProvider.js +28 -3
- package/dist/containers/PopoverProvider.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +6 -5
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +1 -0
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/PopoverContext.d.ts +1 -0
- package/dist/context/PopoverContext.d.ts.map +1 -1
- package/dist/context/PopoverContext.js.map +1 -1
- package/dist/context/ReqoreContext.d.ts +1 -0
- package/dist/context/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js +2 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/helpers/colors.d.ts +3 -0
- package/dist/helpers/colors.d.ts.map +1 -1
- package/dist/helpers/colors.js +27 -3
- package/dist/helpers/colors.js.map +1 -1
- package/dist/hooks/usePopover.d.ts +8 -1
- package/dist/hooks/usePopover.d.ts.map +1 -1
- package/dist/hooks/usePopover.js +12 -7
- package/dist/hooks/usePopover.js.map +1 -1
- package/dist/hooks/useReqore.d.ts +3 -0
- package/dist/hooks/useReqore.d.ts.map +1 -0
- package/dist/hooks/useReqore.js +17 -0
- package/dist/hooks/useReqore.js.map +1 -0
- package/dist/hooks/useTheme.d.ts +1 -1
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/hooks/useTheme.js +3 -0
- package/dist/hooks/useTheme.js.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Collection/item.tsx +2 -2
- package/src/components/ControlGroup/index.tsx +46 -35
- package/src/components/Dropdown/index.tsx +5 -0
- package/src/components/Dropdown/list.tsx +29 -15
- package/src/components/Effect/index.tsx +58 -51
- package/src/components/Input/index.tsx +3 -3
- package/src/components/InputClearButton/index.tsx +1 -0
- package/src/components/InternalPopover/index.tsx +3 -3
- package/src/components/Menu/divider.tsx +15 -4
- package/src/components/Menu/index.tsx +3 -3
- package/src/components/MultiSelect/index.tsx +283 -0
- package/src/components/Panel/index.tsx +6 -4
- package/src/components/Popover/index.tsx +8 -3
- package/src/components/Table/row.tsx +2 -2
- package/src/components/Tabs/item.tsx +1 -1
- package/src/components/Tabs/list.tsx +11 -11
- package/src/components/Tag/group.tsx +10 -2
- package/src/components/Tag/index.tsx +7 -7
- package/src/components/Tree/index.tsx +3 -3
- package/src/containers/PopoverProvider.tsx +35 -3
- package/src/containers/ReqoreProvider.tsx +6 -4
- package/src/containers/UIProvider.tsx +1 -0
- package/src/context/PopoverContext.tsx +1 -0
- package/src/context/ReqoreContext.tsx +2 -0
- package/src/helpers/colors.ts +52 -4
- package/src/hooks/usePopover.tsx +24 -10
- package/src/hooks/useReqore.ts +12 -0
- package/src/hooks/useTheme.ts +6 -1
- package/src/index.tsx +3 -0
- package/src/mock/multiSelect.ts +61 -0
- package/src/stories/Button/Button.stories.tsx +20 -8
- package/src/stories/ControlGroup/ControlGroup.stories.tsx +7 -2
- package/src/stories/Dropdown/Dropdown.stories.tsx +6 -1
- package/src/stories/Input/Input.stories.tsx +25 -0
- package/src/stories/Menu/Menu.stories.tsx +3 -2
- package/src/stories/MultiSelect/MultiSelect.stories.tsx +99 -0
- package/src/stories/Tabs/Tabs.stories.tsx +23 -3
- package/src/stories/Tag/Tag.stories.tsx +8 -1
- package/tests.json +1 -1
package/.vscode/settings.json
CHANGED
|
@@ -0,0 +1,361 @@
|
|
|
1
|
+
import { act, fireEvent, render, screen } from '@testing-library/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ReqoreMultiSelect, ReqoreUIProvider } from '../src';
|
|
4
|
+
import { MultiSelectItems } from '../src/mock/multiSelect';
|
|
5
|
+
|
|
6
|
+
beforeAll(() => {
|
|
7
|
+
jest.setTimeout(30000);
|
|
8
|
+
jest.useFakeTimers();
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
test('Renders empty <ReqoreMultiSelect />', () => {
|
|
12
|
+
act(() => {
|
|
13
|
+
render(
|
|
14
|
+
<ReqoreUIProvider>
|
|
15
|
+
<ReqoreMultiSelect items={MultiSelectItems} />
|
|
16
|
+
</ReqoreUIProvider>
|
|
17
|
+
);
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
jest.advanceTimersByTime(1);
|
|
21
|
+
|
|
22
|
+
expect(screen.getByText('No items selected')).toBeTruthy();
|
|
23
|
+
expect(document.querySelectorAll('.reqore-input')?.length).toBe(1);
|
|
24
|
+
expect(document.querySelector('.reqore-input')?.getAttribute('disabled')).toBe(null);
|
|
25
|
+
// Because input is clearable
|
|
26
|
+
expect(document.querySelectorAll('.reqore-button').length).toBe(1);
|
|
27
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
28
|
+
// No items tag
|
|
29
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
test('Renders <ReqoreMultiSelect /> with default value', () => {
|
|
33
|
+
act(() => {
|
|
34
|
+
render(
|
|
35
|
+
<ReqoreUIProvider>
|
|
36
|
+
<ReqoreMultiSelect
|
|
37
|
+
items={MultiSelectItems}
|
|
38
|
+
value={['Existing item 1', 'Existing item 2']}
|
|
39
|
+
/>
|
|
40
|
+
</ReqoreUIProvider>
|
|
41
|
+
);
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
jest.advanceTimersByTime(1);
|
|
45
|
+
|
|
46
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(2);
|
|
47
|
+
expect(screen.getByText('Existing item 1')).toBeTruthy();
|
|
48
|
+
expect(screen.getByText('Existing item 2')).toBeTruthy();
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
test('Renders <ReqoreMultiSelect /> with default value, items can be removed', () => {
|
|
52
|
+
act(() => {
|
|
53
|
+
render(
|
|
54
|
+
<ReqoreUIProvider>
|
|
55
|
+
<ReqoreMultiSelect
|
|
56
|
+
items={MultiSelectItems}
|
|
57
|
+
value={['Existing item 1', 'Existing item 2']}
|
|
58
|
+
canRemoveItems
|
|
59
|
+
/>
|
|
60
|
+
</ReqoreUIProvider>
|
|
61
|
+
);
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
jest.advanceTimersByTime(1);
|
|
65
|
+
|
|
66
|
+
fireEvent.click(document.querySelectorAll('.reqore-tag-remove')[0]!);
|
|
67
|
+
|
|
68
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
69
|
+
expect(screen.getByText('Existing item 2')).toBeTruthy();
|
|
70
|
+
});
|
|
71
|
+
|
|
72
|
+
test('Renders disabled <ReqoreMultiSelect /> when items are empty and items CANNOT be created', () => {
|
|
73
|
+
act(() => {
|
|
74
|
+
render(
|
|
75
|
+
<ReqoreUIProvider>
|
|
76
|
+
<ReqoreMultiSelect />
|
|
77
|
+
</ReqoreUIProvider>
|
|
78
|
+
);
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
fireEvent.focus(document.querySelector('.reqore-input')!);
|
|
82
|
+
|
|
83
|
+
expect(document.querySelector('.reqore-input')?.getAttribute('disabled')).toBe('');
|
|
84
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
85
|
+
});
|
|
86
|
+
|
|
87
|
+
test('Renders empty <ReqoreMultiSelect /> when items are empty and items CAN be created', () => {
|
|
88
|
+
act(() => {
|
|
89
|
+
render(
|
|
90
|
+
<ReqoreUIProvider>
|
|
91
|
+
<ReqoreMultiSelect canCreateItems />
|
|
92
|
+
</ReqoreUIProvider>
|
|
93
|
+
);
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
fireEvent.focus(document.querySelector('.reqore-input')!);
|
|
97
|
+
|
|
98
|
+
jest.advanceTimersByTime(1);
|
|
99
|
+
|
|
100
|
+
expect(document.querySelector('.reqore-input')?.getAttribute('disabled')).toBe(null);
|
|
101
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
102
|
+
expect(screen.getAllByText('No items exist')).toBeTruthy();
|
|
103
|
+
});
|
|
104
|
+
|
|
105
|
+
test('Renders <ReqoreMultiSelect /> and selects / deselects items from the list', () => {
|
|
106
|
+
act(() => {
|
|
107
|
+
render(
|
|
108
|
+
<ReqoreUIProvider>
|
|
109
|
+
<ReqoreMultiSelect items={MultiSelectItems} />
|
|
110
|
+
</ReqoreUIProvider>
|
|
111
|
+
);
|
|
112
|
+
});
|
|
113
|
+
|
|
114
|
+
fireEvent.focus(document.querySelector('.reqore-input')!);
|
|
115
|
+
|
|
116
|
+
jest.advanceTimersByTime(1);
|
|
117
|
+
|
|
118
|
+
fireEvent.click(screen.getAllByText('Existing item 3')[1]);
|
|
119
|
+
|
|
120
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
121
|
+
expect(screen.getAllByText('Existing item 3')).toBeTruthy();
|
|
122
|
+
// Keeps the list open
|
|
123
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
124
|
+
|
|
125
|
+
fireEvent.click(screen.getAllByText('Disabled item')[1]);
|
|
126
|
+
|
|
127
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
128
|
+
|
|
129
|
+
// Deselect an item from the list
|
|
130
|
+
fireEvent.click(screen.getAllByText('Existing item 3')[1]);
|
|
131
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
132
|
+
expect(screen.getAllByText('No items selected')).toBeTruthy();
|
|
133
|
+
});
|
|
134
|
+
|
|
135
|
+
test('Renders <ReqoreMultiSelect /> and items can be searched, opens up the list', () => {
|
|
136
|
+
act(() => {
|
|
137
|
+
render(
|
|
138
|
+
<ReqoreUIProvider>
|
|
139
|
+
<ReqoreMultiSelect items={MultiSelectItems} />
|
|
140
|
+
</ReqoreUIProvider>
|
|
141
|
+
);
|
|
142
|
+
});
|
|
143
|
+
|
|
144
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
145
|
+
|
|
146
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
147
|
+
target: { value: 'Existing item' },
|
|
148
|
+
});
|
|
149
|
+
|
|
150
|
+
jest.advanceTimersByTime(1);
|
|
151
|
+
|
|
152
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
153
|
+
// 4 items + 1 button for clearable input
|
|
154
|
+
expect(document.querySelectorAll('.reqore-button').length).toBe(5);
|
|
155
|
+
|
|
156
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
157
|
+
target: { value: 'Nothing' },
|
|
158
|
+
});
|
|
159
|
+
|
|
160
|
+
expect(document.querySelectorAll('.reqore-button').length).toBe(2);
|
|
161
|
+
expect(screen.getAllByText('No existing items found')).toBeTruthy();
|
|
162
|
+
});
|
|
163
|
+
|
|
164
|
+
test('Renders <ReqoreMultiSelect /> and items can be searched and created, opens up the list', () => {
|
|
165
|
+
act(() => {
|
|
166
|
+
render(
|
|
167
|
+
<ReqoreUIProvider>
|
|
168
|
+
<ReqoreMultiSelect items={MultiSelectItems} canCreateItems />
|
|
169
|
+
</ReqoreUIProvider>
|
|
170
|
+
);
|
|
171
|
+
});
|
|
172
|
+
|
|
173
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
174
|
+
|
|
175
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
176
|
+
target: { value: 'Existing item 1' },
|
|
177
|
+
});
|
|
178
|
+
|
|
179
|
+
jest.advanceTimersByTime(1);
|
|
180
|
+
|
|
181
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
182
|
+
// 4 items + 1 button for clearable input
|
|
183
|
+
expect(document.querySelectorAll('.reqore-button').length).toBe(2);
|
|
184
|
+
|
|
185
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
186
|
+
target: { value: 'Existing item' },
|
|
187
|
+
});
|
|
188
|
+
|
|
189
|
+
expect(document.querySelectorAll('.reqore-button').length).toBe(6);
|
|
190
|
+
expect(screen.getAllByText('Create new "Existing item"')).toBeTruthy();
|
|
191
|
+
|
|
192
|
+
// This has to fail because we do not allow creating items with ENTER key
|
|
193
|
+
fireEvent.keyDown(document.querySelector('.reqore-input')!, {
|
|
194
|
+
key: 'Enter',
|
|
195
|
+
});
|
|
196
|
+
|
|
197
|
+
expect(screen.getByText('No items selected')).toBeTruthy();
|
|
198
|
+
|
|
199
|
+
// Create the item by clicking
|
|
200
|
+
fireEvent.click(screen.getAllByText('Create new "Existing item"')[1]);
|
|
201
|
+
|
|
202
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
203
|
+
expect(screen.getAllByText('Existing item')).toBeTruthy();
|
|
204
|
+
|
|
205
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
206
|
+
target: { value: 'Existing item' },
|
|
207
|
+
});
|
|
208
|
+
|
|
209
|
+
// 6 again because the item is already created, so the Create button is not there
|
|
210
|
+
expect(document.querySelectorAll('.reqore-button').length).toBe(6);
|
|
211
|
+
});
|
|
212
|
+
|
|
213
|
+
test('Renders <ReqoreMultiSelect /> and items can be searched and created using the ENTER key, opens up the list', () => {
|
|
214
|
+
act(() => {
|
|
215
|
+
render(
|
|
216
|
+
<ReqoreUIProvider>
|
|
217
|
+
<ReqoreMultiSelect items={MultiSelectItems} canCreateItems enterKeySelects />
|
|
218
|
+
</ReqoreUIProvider>
|
|
219
|
+
);
|
|
220
|
+
});
|
|
221
|
+
|
|
222
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
223
|
+
|
|
224
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
225
|
+
target: { value: 'Existing item 1' },
|
|
226
|
+
});
|
|
227
|
+
|
|
228
|
+
jest.advanceTimersByTime(1);
|
|
229
|
+
|
|
230
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
231
|
+
// 4 items + 1 button for clearable input
|
|
232
|
+
expect(document.querySelectorAll('.reqore-button').length).toBe(2);
|
|
233
|
+
|
|
234
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
235
|
+
target: { value: 'Existing item' },
|
|
236
|
+
});
|
|
237
|
+
|
|
238
|
+
expect(document.querySelectorAll('.reqore-button').length).toBe(6);
|
|
239
|
+
expect(screen.getAllByText('Create new "Existing item"')).toBeTruthy();
|
|
240
|
+
|
|
241
|
+
// Create the item by pressing ENTER key
|
|
242
|
+
fireEvent.keyDown(document.querySelector('.reqore-input')!, {
|
|
243
|
+
key: 'Enter',
|
|
244
|
+
});
|
|
245
|
+
|
|
246
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
247
|
+
expect(screen.getAllByText('Existing item')).toBeTruthy();
|
|
248
|
+
|
|
249
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
250
|
+
target: { value: 'Existing item' },
|
|
251
|
+
});
|
|
252
|
+
|
|
253
|
+
// 6 again because the item is already created, so the Create button is not there
|
|
254
|
+
expect(document.querySelectorAll('.reqore-button').length).toBe(6);
|
|
255
|
+
});
|
|
256
|
+
|
|
257
|
+
test('Renders <ReqoreMultiSelect /> and deselects an item using the ENTER key', () => {
|
|
258
|
+
act(() => {
|
|
259
|
+
render(
|
|
260
|
+
<ReqoreUIProvider>
|
|
261
|
+
<ReqoreMultiSelect
|
|
262
|
+
items={MultiSelectItems}
|
|
263
|
+
canCreateItems
|
|
264
|
+
enterKeySelects
|
|
265
|
+
value={['Existing item 3']}
|
|
266
|
+
/>
|
|
267
|
+
</ReqoreUIProvider>
|
|
268
|
+
);
|
|
269
|
+
});
|
|
270
|
+
|
|
271
|
+
// The item is already selected
|
|
272
|
+
expect(screen.getAllByText('Existing item 3')).toBeTruthy();
|
|
273
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
274
|
+
|
|
275
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
276
|
+
target: { value: 'Existing item 3' },
|
|
277
|
+
});
|
|
278
|
+
|
|
279
|
+
jest.advanceTimersByTime(1);
|
|
280
|
+
|
|
281
|
+
// Deselect the item by pressing ENTER key
|
|
282
|
+
fireEvent.keyDown(document.querySelector('.reqore-input')!, {
|
|
283
|
+
key: 'Enter',
|
|
284
|
+
});
|
|
285
|
+
|
|
286
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
287
|
+
expect(screen.getAllByText('No items selected')).toBeTruthy();
|
|
288
|
+
});
|
|
289
|
+
|
|
290
|
+
test('Renders <ReqoreMultiSelect /> and calls onValueChange when value changes', () => {
|
|
291
|
+
const onValueChange = jest.fn();
|
|
292
|
+
|
|
293
|
+
act(() => {
|
|
294
|
+
render(
|
|
295
|
+
<ReqoreUIProvider>
|
|
296
|
+
<ReqoreMultiSelect
|
|
297
|
+
items={MultiSelectItems}
|
|
298
|
+
canCreateItems
|
|
299
|
+
enterKeySelects
|
|
300
|
+
onValueChange={onValueChange}
|
|
301
|
+
value={['Existing item 3']}
|
|
302
|
+
/>
|
|
303
|
+
</ReqoreUIProvider>
|
|
304
|
+
);
|
|
305
|
+
});
|
|
306
|
+
|
|
307
|
+
// The item is already selected
|
|
308
|
+
expect(screen.getAllByText('Existing item 3')).toBeTruthy();
|
|
309
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
310
|
+
|
|
311
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
312
|
+
target: { value: 'Existing item 3' },
|
|
313
|
+
});
|
|
314
|
+
|
|
315
|
+
jest.advanceTimersByTime(1);
|
|
316
|
+
|
|
317
|
+
// Deselect the item by pressing ENTER key
|
|
318
|
+
fireEvent.keyDown(document.querySelector('.reqore-input')!, {
|
|
319
|
+
key: 'Enter',
|
|
320
|
+
});
|
|
321
|
+
|
|
322
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
323
|
+
expect(screen.getAllByText('No items selected')).toBeTruthy();
|
|
324
|
+
expect(onValueChange).toHaveBeenNthCalledWith(1, []);
|
|
325
|
+
|
|
326
|
+
fireEvent.click(screen.getAllByText('Existing item 1')[1]);
|
|
327
|
+
|
|
328
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
329
|
+
expect(screen.getAllByText('Existing item 1')).toBeTruthy();
|
|
330
|
+
expect(onValueChange).toHaveBeenNthCalledWith(2, ['Existing item 1']);
|
|
331
|
+
});
|
|
332
|
+
|
|
333
|
+
test('Renders <ReqoreMultiSelect /> and calls onItemClick when an item is clicked', () => {
|
|
334
|
+
const onItemClick = jest.fn();
|
|
335
|
+
|
|
336
|
+
act(() => {
|
|
337
|
+
render(
|
|
338
|
+
<ReqoreUIProvider>
|
|
339
|
+
<ReqoreMultiSelect
|
|
340
|
+
items={MultiSelectItems}
|
|
341
|
+
canCreateItems
|
|
342
|
+
enterKeySelects
|
|
343
|
+
onItemClick={onItemClick}
|
|
344
|
+
value={['Existing item 3', 'Disabled item']}
|
|
345
|
+
/>
|
|
346
|
+
</ReqoreUIProvider>
|
|
347
|
+
);
|
|
348
|
+
});
|
|
349
|
+
|
|
350
|
+
// The item is already selected
|
|
351
|
+
fireEvent.click(screen.getByText('Existing item 3'));
|
|
352
|
+
|
|
353
|
+
expect(onItemClick).toHaveBeenNthCalledWith(
|
|
354
|
+
1,
|
|
355
|
+
MultiSelectItems.find((item) => item.value === 'Existing item 3')
|
|
356
|
+
);
|
|
357
|
+
|
|
358
|
+
fireEvent.click(screen.getByText('Disabled item'));
|
|
359
|
+
|
|
360
|
+
expect(onItemClick).toHaveBeenCalledTimes(1);
|
|
361
|
+
});
|
|
@@ -173,24 +173,51 @@ test('Shows the hoverStay popover after a delay and stays, ', async () => {
|
|
|
173
173
|
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
174
174
|
});
|
|
175
175
|
|
|
176
|
-
test('
|
|
176
|
+
test('Correctly passes popover data for non-opened popover', async () => {
|
|
177
|
+
const fn = jest.fn();
|
|
178
|
+
|
|
177
179
|
render(
|
|
178
180
|
<ReqoreUIProvider>
|
|
179
|
-
<
|
|
181
|
+
<ReqorePopover
|
|
182
|
+
component='p'
|
|
183
|
+
content={'Tooltip content'}
|
|
184
|
+
passPopoverData={(data) => {
|
|
185
|
+
fn(data.isOpen());
|
|
186
|
+
}}
|
|
187
|
+
isReqoreComponent
|
|
188
|
+
>
|
|
189
|
+
Hover me
|
|
190
|
+
</ReqorePopover>
|
|
180
191
|
</ReqoreUIProvider>
|
|
181
192
|
);
|
|
182
193
|
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
jest.advanceTimersByTime(100);
|
|
194
|
+
jest.advanceTimersByTime(1);
|
|
186
195
|
|
|
187
196
|
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
197
|
+
expect(fn).toHaveBeenCalledWith(false);
|
|
198
|
+
});
|
|
188
199
|
|
|
189
|
-
|
|
200
|
+
test('Correctly passes popover data for opened popover', async () => {
|
|
201
|
+
const fn = jest.fn();
|
|
190
202
|
|
|
191
|
-
|
|
203
|
+
render(
|
|
204
|
+
<ReqoreUIProvider>
|
|
205
|
+
<ReqorePopover
|
|
206
|
+
component='p'
|
|
207
|
+
content={'Tooltip content'}
|
|
208
|
+
passPopoverData={(data) => {
|
|
209
|
+
fn(data.isOpen());
|
|
210
|
+
}}
|
|
211
|
+
openOnMount
|
|
212
|
+
isReqoreComponent
|
|
213
|
+
>
|
|
214
|
+
Hover me
|
|
215
|
+
</ReqorePopover>
|
|
216
|
+
</ReqoreUIProvider>
|
|
217
|
+
);
|
|
192
218
|
|
|
193
|
-
|
|
219
|
+
jest.advanceTimersByTime(1);
|
|
194
220
|
|
|
195
221
|
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
222
|
+
expect(fn).toHaveBeenCalledWith(true);
|
|
196
223
|
});
|
|
@@ -152,7 +152,7 @@ var ReqoreCollectionItem = function (_a) {
|
|
|
152
152
|
}
|
|
153
153
|
setIsSelected(!isSelected);
|
|
154
154
|
}
|
|
155
|
-
(_j = rest
|
|
155
|
+
(_j = rest.onClick) === null || _j === void 0 ? void 0 : _j.call(rest, event);
|
|
156
156
|
};
|
|
157
157
|
var actualContent = expandedContent && isSelected ? expandedContent : content;
|
|
158
158
|
var actualActions = isSelected
|
|
@@ -164,7 +164,7 @@ var ReqoreCollectionItem = function (_a) {
|
|
|
164
164
|
: undefined;
|
|
165
165
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [position && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: __assign({}, originalDimensions.current) }), (0, jsx_runtime_1.jsx)(Drawer_1.StyledBackdrop, { zIndex: getAndIncreaseZIndex(), blur: 5, closable: true, onClick: handleItemClick })] })), (0, jsx_runtime_1.jsxs)(Panel_1.ReqorePanel, __assign({ flat: flat, headerSize: headerSize, ref: ref, minimal: minimal }, rest, { bottomActions: isSelected ? expandedActions : undefined, style: __assign(__assign(__assign(__assign({}, style), { position: position, zIndex: isSelected ? getAndIncreaseZIndex() : undefined }), dimensions), { transformOrigin: 'center' }), onClick: (expandable && !isSelected) || rest.onClick ? handleItemClick : undefined, actions: actualActions, className: "reqore-collection-item ".concat(rest.className || '') }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledCollectionItemContent, __assign({ theme: theme, opacity: rest.opacity, providedHeight: isSelected ? undefined : maxContentHeight, contentOverflows: !isSelected && (sizes === null || sizes === void 0 ? void 0 : sizes.height) > maxContentHeight }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: contentRef }, { children: actualContent })) })), (0, lodash_1.size)(tags) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { height: 10 }), (0, jsx_runtime_1.jsx)(group_1["default"], __assign({ size: isSelected ? 'normal' : 'small' }, { children: (0, lodash_1.map)(tags, function (tagProps, index) { return ((0, jsx_runtime_1.jsx)(Tag_1["default"], __assign({}, tagProps), index)); }) }))] })) : null] }))] }));
|
|
166
166
|
};
|
|
167
|
-
return
|
|
167
|
+
return renderContent();
|
|
168
168
|
};
|
|
169
169
|
exports.ReqoreCollectionItem = ReqoreCollectionItem;
|
|
170
170
|
var templateObject_1, templateObject_2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Collection/item.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Collection/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreTheme } from '../../constants/theme';
|
|
4
|
-
|
|
4
|
+
import { IWithReqoreFlat, IWithReqoreMinimal, IWithReqoreSize } from '../../types/global';
|
|
5
|
+
export interface IReqoreControlGroupProps extends React.HTMLAttributes<HTMLDivElement>, IWithReqoreFlat, IWithReqoreSize, IWithReqoreMinimal {
|
|
5
6
|
stack?: boolean;
|
|
6
|
-
minimal?: boolean;
|
|
7
|
-
size?: TSizes;
|
|
8
7
|
children: any;
|
|
9
8
|
fluid?: boolean;
|
|
10
9
|
rounded?: boolean;
|
|
@@ -15,6 +14,6 @@ export interface IReqoreControlGroupStyle extends IReqoreControlGroupProps {
|
|
|
15
14
|
theme: IReqoreTheme;
|
|
16
15
|
}
|
|
17
16
|
export declare const StyledReqoreControlGroup: any;
|
|
18
|
-
declare const ReqoreControlGroup:
|
|
17
|
+
declare const ReqoreControlGroup: React.ForwardRefExoticComponent<IReqoreControlGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
18
|
export default ReqoreControlGroup;
|
|
20
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAmC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1F,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,eAAe,EACf,eAAe,EACf,kBAAkB;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,wBAAwB,KA2EpC,CAAC;AAEF,QAAA,MAAM,kBAAkB,iGAuCvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -48,13 +48,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
48
48
|
}
|
|
49
49
|
return t;
|
|
50
50
|
};
|
|
51
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
-
};
|
|
54
51
|
exports.__esModule = true;
|
|
55
52
|
exports.StyledReqoreControlGroup = void 0;
|
|
56
53
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
57
|
-
var react_1 =
|
|
54
|
+
var react_1 = __importStar(require("react"));
|
|
58
55
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
59
56
|
var sizes_1 = require("../../constants/sizes");
|
|
60
57
|
exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex: 0 auto;\n width: ", ";\n align-items: ", ";\n flex-flow: ", ";\n\n > .reqore-control-wrapper .reqore-control {\n border-radius: ", ";\n }\n\n ", "\n"], ["\n display: flex;\n flex: 0 auto;\n width: ", ";\n align-items: ", ";\n flex-flow: ", ";\n\n > .reqore-control-wrapper .reqore-control {\n border-radius: ", ";\n }\n\n ", "\n"])), function (_a) {
|
|
@@ -104,21 +101,22 @@ exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateOb
|
|
|
104
101
|
return rounded && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &:first-child {\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n }\n\n &:last-child {\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n "], ["\n &:first-child {\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n }\n\n &:last-child {\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n "])), sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size]);
|
|
105
102
|
});
|
|
106
103
|
});
|
|
107
|
-
var ReqoreControlGroup = function (_a) {
|
|
108
|
-
var children = _a.children, className = _a.className, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.gapSize, gapSize = _c === void 0 ? 'normal' : _c, fluid = _a.fluid, _d = _a.rounded, rounded = _d === void 0 ? true : _d, rest = __rest(_a, ["children", "className", "minimal", "size", "gapSize", "fluid", "rounded"]);
|
|
109
|
-
return ((0, jsx_runtime_1.jsx)(exports.StyledReqoreControlGroup, __assign({}, rest, { size: size, gapSize: gapSize, rounded: rounded, fluid: fluid, className: "".concat(className || '', " reqore-control-group") }, { children: react_1["default"].Children.map(children, function (child) {
|
|
110
|
-
var _a, _b, _c;
|
|
104
|
+
var ReqoreControlGroup = (0, react_1.forwardRef)(function (_a, ref) {
|
|
105
|
+
var children = _a.children, className = _a.className, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.gapSize, gapSize = _c === void 0 ? 'normal' : _c, fluid = _a.fluid, flat = _a.flat, _d = _a.rounded, rounded = _d === void 0 ? true : _d, rest = __rest(_a, ["children", "className", "minimal", "size", "gapSize", "fluid", "flat", "rounded"]);
|
|
106
|
+
return ((0, jsx_runtime_1.jsx)(exports.StyledReqoreControlGroup, __assign({}, rest, { size: size, gapSize: gapSize, ref: ref, rounded: rounded, fluid: fluid, className: "".concat(className || '', " reqore-control-group") }, { children: react_1["default"].Children.map(children, function (child) {
|
|
107
|
+
var _a, _b, _c, _d, _e;
|
|
111
108
|
return child
|
|
112
109
|
? react_1["default"].cloneElement(child, {
|
|
113
110
|
minimal: ((_a = child.props) === null || _a === void 0 ? void 0 : _a.minimal) || ((_b = child.props) === null || _b === void 0 ? void 0 : _b.minimal) === false
|
|
114
111
|
? child.props.minimal
|
|
115
112
|
: minimal,
|
|
116
113
|
size: ((_c = child.props) === null || _c === void 0 ? void 0 : _c.size) || size,
|
|
114
|
+
flat: ((_d = child.props) === null || _d === void 0 ? void 0 : _d.flat) || ((_e = child.props) === null || _e === void 0 ? void 0 : _e.flat) === false ? child.props.flat : flat,
|
|
117
115
|
fluid: fluid
|
|
118
116
|
})
|
|
119
117
|
: null;
|
|
120
118
|
}) })));
|
|
121
|
-
};
|
|
119
|
+
});
|
|
122
120
|
exports["default"] = ReqoreControlGroup;
|
|
123
121
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
124
122
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,13 +13,14 @@ export interface IReqoreDropdownProps extends Partial<IPopoverOptions> {
|
|
|
13
13
|
label?: any;
|
|
14
14
|
children?: any;
|
|
15
15
|
listWidth?: string;
|
|
16
|
+
listHeight?: string;
|
|
16
17
|
icon?: IReqoreIconName;
|
|
17
18
|
rightIcon?: IReqoreIconName;
|
|
18
19
|
caretPosition?: 'left' | 'right';
|
|
19
20
|
isDefaultOpen?: boolean;
|
|
20
21
|
onItemSelect?: TDropdownItemOnClick;
|
|
21
22
|
}
|
|
22
|
-
declare function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, content, delay, maxHeight, maxWidth, noArrow, transparent, openOnMount, show, targetElement, useTargetWidth, listWidth, ...rest }: IReqoreDropdownProps & T): JSX.Element;
|
|
23
|
+
declare function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, content, delay, maxHeight, maxWidth, noArrow, transparent, openOnMount, show, targetElement, useTargetWidth, listWidth, listHeight, passPopoverData, ...rest }: IReqoreDropdownProps & T): JSX.Element;
|
|
23
24
|
declare const _default: typeof ReqoreDropdown;
|
|
24
25
|
export default _default;
|
|
25
26
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,kBAAkB,EAAE,EAC9D,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,WAAW,EACX,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,kBAAkB,EAAE,EAC9D,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,WAAW,EACX,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,eAmD1B;;AAED,wBAA6D"}
|
|
@@ -32,14 +32,14 @@ var __1 = require("../..");
|
|
|
32
32
|
var Button_1 = __importDefault(require("../Button"));
|
|
33
33
|
var list_1 = __importDefault(require("./list"));
|
|
34
34
|
function ReqoreDropdown(_a) {
|
|
35
|
-
var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, content = _a.content, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent, openOnMount = _a.openOnMount, show = _a.show, targetElement = _a.targetElement, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "content", "delay", "maxHeight", "maxWidth", "noArrow", "transparent", "openOnMount", "show", "targetElement", "useTargetWidth", "listWidth"]);
|
|
35
|
+
var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, content = _a.content, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent, openOnMount = _a.openOnMount, show = _a.show, targetElement = _a.targetElement, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, listHeight = _a.listHeight, passPopoverData = _a.passPopoverData, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "content", "delay", "maxHeight", "maxWidth", "noArrow", "transparent", "openOnMount", "show", "targetElement", "useTargetWidth", "listWidth", "listHeight", "passPopoverData"]);
|
|
36
36
|
var componentProps = (0, react_1.useMemo)(function () {
|
|
37
37
|
return (__assign(__assign({}, rest), { icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle, disabled: !(0, lodash_1.size)(items), className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-dropdown-control") }));
|
|
38
38
|
}, [items, icon, rightIcon, buttonStyle, caretPosition, rest]);
|
|
39
39
|
var popoverContent = (0, react_1.useMemo)(function () {
|
|
40
|
-
return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, items: items, filterable: filterable, onItemSelect: onItemSelect })) : undefined;
|
|
40
|
+
return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, height: listHeight, items: items, filterable: filterable, onItemSelect: onItemSelect })) : undefined;
|
|
41
41
|
}, [items]);
|
|
42
|
-
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, transparent: transparent, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent }, { children: children || label })));
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, transparent: transparent, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent, passPopoverData: passPopoverData }, { children: children || label })));
|
|
43
43
|
}
|
|
44
44
|
exports["default"] = (0, react_1.memo)(ReqoreDropdown);
|
|
45
45
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAA6C;AAC7C,2BAAsC;AAGtC,qDAA6D;AAC7D,gDAAuF;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"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"}
|