@qoretechnologies/reqore 0.21.0 → 0.23.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/__tests__/dropdown.test.tsx +9 -0
- package/__tests__/popover.test.tsx +119 -28
- package/__tests__/table.test.tsx +20 -18
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Breadcrumbs/index.js.map +1 -1
- package/dist/components/Table/headerCell.js +2 -2
- package/dist/components/Table/headerCell.js.map +1 -1
- package/dist/components/Table/index.d.ts +7 -8
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +5 -4
- package/dist/components/Table/index.js.map +1 -1
- package/dist/hooks/usePopover.d.ts +2 -1
- package/dist/hooks/usePopover.d.ts.map +1 -1
- package/dist/hooks/usePopover.js +32 -13
- package/dist/hooks/usePopover.js.map +1 -1
- package/dist/types/global.d.ts +14 -0
- package/dist/types/global.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Breadcrumbs/index.tsx +1 -0
- package/src/components/Table/headerCell.tsx +2 -2
- package/src/components/Table/index.tsx +18 -10
- package/src/hooks/usePopover.tsx +43 -14
- package/src/mock/data.json +11000 -0
- package/src/mock/tableData.ts +5 -14
- package/src/stories/Popover/Popover.stories.tsx +16 -1
- package/src/stories/Table/Table.stories.tsx +12 -1
- package/src/types/global.ts +15 -0
- package/tests.json +1 -1
|
@@ -9,8 +9,13 @@ import {
|
|
|
9
9
|
ReqoreUIProvider,
|
|
10
10
|
} from '../src';
|
|
11
11
|
|
|
12
|
+
beforeAll(() => {
|
|
13
|
+
jest.useFakeTimers();
|
|
14
|
+
});
|
|
15
|
+
|
|
12
16
|
test('Renders <Dropdown /> properly', () => {
|
|
13
17
|
act(() => {
|
|
18
|
+
jest.advanceTimersByTime(1);
|
|
14
19
|
render(
|
|
15
20
|
<ReqoreUIProvider>
|
|
16
21
|
<ReqoreLayoutContent>
|
|
@@ -40,6 +45,7 @@ test('Renders <Dropdown /> properly', () => {
|
|
|
40
45
|
});
|
|
41
46
|
|
|
42
47
|
fireEvent.click(document.querySelector('.reqore-button')!);
|
|
48
|
+
jest.advanceTimersByTime(1);
|
|
43
49
|
|
|
44
50
|
expect(document.querySelector('.reqore-button')?.getAttribute('disabled')).toBe(null);
|
|
45
51
|
expect(document.querySelectorAll('.reqore-button').length).toBe(5);
|
|
@@ -106,6 +112,7 @@ test('Renders <Dropdown /> with custom component and custom handler', () => {
|
|
|
106
112
|
|
|
107
113
|
if (component) {
|
|
108
114
|
fireEvent.focus(component);
|
|
115
|
+
jest.advanceTimersByTime(1);
|
|
109
116
|
}
|
|
110
117
|
|
|
111
118
|
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
@@ -148,6 +155,7 @@ test('Renders <Dropdown /> is opened by default', () => {
|
|
|
148
155
|
</ReqoreLayoutContent>
|
|
149
156
|
</ReqoreUIProvider>
|
|
150
157
|
);
|
|
158
|
+
jest.advanceTimersByTime(1);
|
|
151
159
|
});
|
|
152
160
|
|
|
153
161
|
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
@@ -186,6 +194,7 @@ test('Renders filterable <Dropdown /> and filters items correctly', () => {
|
|
|
186
194
|
});
|
|
187
195
|
|
|
188
196
|
fireEvent.click(document.querySelector('.reqore-button')!);
|
|
197
|
+
jest.advanceTimersByTime(1);
|
|
189
198
|
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
190
199
|
target: { value: 'how' },
|
|
191
200
|
});
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { act, fireEvent, render, screen } from
|
|
2
|
-
import React from
|
|
3
|
-
import { ReqorePopover, ReqoreUIProvider } from
|
|
1
|
+
import { act, fireEvent, render, screen } from '@testing-library/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ReqorePopover, ReqoreUIProvider } from '../src/index';
|
|
4
4
|
|
|
5
5
|
const SimpleContent = (props: any) => {
|
|
6
6
|
return (
|
|
7
7
|
<ReqorePopover
|
|
8
|
-
component=
|
|
9
|
-
content={props.content ||
|
|
8
|
+
component='p'
|
|
9
|
+
content={props.content || 'Tooltip content'}
|
|
10
10
|
handler={props.type}
|
|
11
|
+
delay={props.delay}
|
|
11
12
|
isReqoreComponent
|
|
12
13
|
>
|
|
13
14
|
Hover me
|
|
@@ -18,9 +19,9 @@ const SimpleContent = (props: any) => {
|
|
|
18
19
|
const FullContent = (props: any) => {
|
|
19
20
|
return (
|
|
20
21
|
<ReqorePopover
|
|
21
|
-
component=
|
|
22
|
-
content={props.content ||
|
|
23
|
-
placement=
|
|
22
|
+
component='p'
|
|
23
|
+
content={props.content || 'test'}
|
|
24
|
+
placement='right'
|
|
24
25
|
componentProps={{ onMouseEnter: () => props.fn() }}
|
|
25
26
|
>
|
|
26
27
|
Hover me
|
|
@@ -32,45 +33,47 @@ beforeAll(() => {
|
|
|
32
33
|
jest.useFakeTimers();
|
|
33
34
|
});
|
|
34
35
|
|
|
35
|
-
test(
|
|
36
|
+
test('Shows popover on hover, hides on leave', async () => {
|
|
36
37
|
render(
|
|
37
38
|
<ReqoreUIProvider>
|
|
38
39
|
<SimpleContent />
|
|
39
40
|
</ReqoreUIProvider>
|
|
40
41
|
);
|
|
41
42
|
|
|
42
|
-
fireEvent.mouseEnter(screen.getByText(
|
|
43
|
+
fireEvent.mouseEnter(screen.getByText('Hover me'));
|
|
44
|
+
jest.advanceTimersByTime(1);
|
|
43
45
|
|
|
44
|
-
expect(document.querySelectorAll(
|
|
46
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
45
47
|
|
|
46
|
-
fireEvent.mouseLeave(screen.getByText(
|
|
48
|
+
fireEvent.mouseLeave(screen.getByText('Hover me'));
|
|
47
49
|
|
|
48
|
-
expect(document.querySelectorAll(
|
|
50
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
49
51
|
});
|
|
50
52
|
|
|
51
|
-
test(
|
|
53
|
+
test('Shows popover on click, hides only on click away', async () => {
|
|
52
54
|
act(() => {
|
|
53
55
|
render(
|
|
54
56
|
<ReqoreUIProvider>
|
|
55
|
-
<SimpleContent type=
|
|
57
|
+
<SimpleContent type='click' />
|
|
56
58
|
</ReqoreUIProvider>
|
|
57
59
|
);
|
|
58
60
|
});
|
|
59
61
|
|
|
60
|
-
fireEvent.click(screen.getByText(
|
|
62
|
+
fireEvent.click(screen.getByText('Hover me'));
|
|
63
|
+
jest.advanceTimersByTime(1);
|
|
61
64
|
|
|
62
|
-
expect(document.querySelectorAll(
|
|
65
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
63
66
|
|
|
64
|
-
fireEvent.click(screen.getByText(
|
|
67
|
+
fireEvent.click(screen.getByText('Tooltip content'));
|
|
65
68
|
|
|
66
|
-
expect(document.querySelectorAll(
|
|
69
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
67
70
|
|
|
68
|
-
fireEvent.click(screen.getByText(
|
|
71
|
+
fireEvent.click(screen.getByText('Hover me'));
|
|
69
72
|
|
|
70
|
-
expect(document.querySelectorAll(
|
|
73
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
71
74
|
});
|
|
72
75
|
|
|
73
|
-
test(
|
|
76
|
+
test('Shows custom content', async () => {
|
|
74
77
|
act(() => {
|
|
75
78
|
render(
|
|
76
79
|
<ReqoreUIProvider>
|
|
@@ -79,14 +82,15 @@ test("Shows custom content", async () => {
|
|
|
79
82
|
);
|
|
80
83
|
});
|
|
81
84
|
|
|
82
|
-
fireEvent.mouseEnter(screen.getByText(
|
|
85
|
+
fireEvent.mouseEnter(screen.getByText('Hover me'));
|
|
86
|
+
jest.advanceTimersByTime(1);
|
|
83
87
|
|
|
84
|
-
expect(document.querySelectorAll(
|
|
88
|
+
expect(document.querySelectorAll('h1').length).toBe(1);
|
|
85
89
|
|
|
86
|
-
fireEvent.mouseLeave(screen.getByText(
|
|
90
|
+
fireEvent.mouseLeave(screen.getByText('Hover me'));
|
|
87
91
|
});
|
|
88
92
|
|
|
89
|
-
test(
|
|
93
|
+
test('Runs callback function', async () => {
|
|
90
94
|
const fn = jest.fn();
|
|
91
95
|
|
|
92
96
|
act(() => {
|
|
@@ -97,9 +101,96 @@ test("Runs callback function", async () => {
|
|
|
97
101
|
);
|
|
98
102
|
});
|
|
99
103
|
|
|
100
|
-
fireEvent.mouseEnter(screen.getByText(
|
|
104
|
+
fireEvent.mouseEnter(screen.getByText('Hover me'));
|
|
105
|
+
jest.advanceTimersByTime(1);
|
|
101
106
|
|
|
102
107
|
expect(fn).toHaveBeenCalled();
|
|
103
108
|
|
|
104
|
-
fireEvent.mouseLeave(screen.getByText(
|
|
109
|
+
fireEvent.mouseLeave(screen.getByText('Hover me'));
|
|
110
|
+
});
|
|
111
|
+
|
|
112
|
+
test('Shows the popover after a delay', async () => {
|
|
113
|
+
render(
|
|
114
|
+
<ReqoreUIProvider>
|
|
115
|
+
<SimpleContent delay={500} />
|
|
116
|
+
</ReqoreUIProvider>
|
|
117
|
+
);
|
|
118
|
+
|
|
119
|
+
fireEvent.mouseEnter(screen.getByText('Hover me'));
|
|
120
|
+
|
|
121
|
+
jest.advanceTimersByTime(100);
|
|
122
|
+
|
|
123
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
124
|
+
|
|
125
|
+
jest.advanceTimersByTime(400);
|
|
126
|
+
|
|
127
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
128
|
+
|
|
129
|
+
fireEvent.mouseLeave(screen.getByText('Hover me'));
|
|
130
|
+
|
|
131
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
132
|
+
});
|
|
133
|
+
|
|
134
|
+
test('Does not show the popover with delay if time not reached', async () => {
|
|
135
|
+
render(
|
|
136
|
+
<ReqoreUIProvider>
|
|
137
|
+
<SimpleContent delay={500} />
|
|
138
|
+
</ReqoreUIProvider>
|
|
139
|
+
);
|
|
140
|
+
|
|
141
|
+
fireEvent.mouseEnter(screen.getByText('Hover me'));
|
|
142
|
+
|
|
143
|
+
jest.advanceTimersByTime(100);
|
|
144
|
+
|
|
145
|
+
fireEvent.mouseLeave(screen.getByText('Hover me'));
|
|
146
|
+
|
|
147
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
148
|
+
|
|
149
|
+
jest.advanceTimersByTime(500);
|
|
150
|
+
|
|
151
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
152
|
+
});
|
|
153
|
+
|
|
154
|
+
test('Shows the hoverStay popover after a delay and stays, ', async () => {
|
|
155
|
+
render(
|
|
156
|
+
<ReqoreUIProvider>
|
|
157
|
+
<SimpleContent delay={500} type='hoverStay' />
|
|
158
|
+
</ReqoreUIProvider>
|
|
159
|
+
);
|
|
160
|
+
|
|
161
|
+
fireEvent.mouseEnter(screen.getByText('Hover me'));
|
|
162
|
+
|
|
163
|
+
jest.advanceTimersByTime(100);
|
|
164
|
+
|
|
165
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
166
|
+
|
|
167
|
+
jest.advanceTimersByTime(400);
|
|
168
|
+
|
|
169
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
170
|
+
|
|
171
|
+
fireEvent.mouseLeave(screen.getByText('Hover me'));
|
|
172
|
+
|
|
173
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
174
|
+
});
|
|
175
|
+
|
|
176
|
+
test('Shows the hoverStay popover after a delay and stays, ', async () => {
|
|
177
|
+
render(
|
|
178
|
+
<ReqoreUIProvider>
|
|
179
|
+
<SimpleContent delay={500} type='hoverStay' />
|
|
180
|
+
</ReqoreUIProvider>
|
|
181
|
+
);
|
|
182
|
+
|
|
183
|
+
fireEvent.mouseEnter(screen.getByText('Hover me'));
|
|
184
|
+
|
|
185
|
+
jest.advanceTimersByTime(100);
|
|
186
|
+
|
|
187
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
|
|
188
|
+
|
|
189
|
+
jest.advanceTimersByTime(500);
|
|
190
|
+
|
|
191
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
192
|
+
|
|
193
|
+
fireEvent.mouseLeave(screen.getByText('Hover me'));
|
|
194
|
+
|
|
195
|
+
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
105
196
|
});
|
package/__tests__/table.test.tsx
CHANGED
|
@@ -103,7 +103,7 @@ test('Renders <Table /> with custom content', () => {
|
|
|
103
103
|
const firstRow = document.querySelector('.reqore-table-row');
|
|
104
104
|
const idCell = firstRow.querySelector('.reqore-table-cell');
|
|
105
105
|
|
|
106
|
-
expect(idCell.textContent).toBe('ID
|
|
106
|
+
expect(idCell.textContent).toBe('ID 1');
|
|
107
107
|
});
|
|
108
108
|
|
|
109
109
|
test('Renders <Table /> with predefined content', () => {
|
|
@@ -186,7 +186,7 @@ test('Sorting on <Table /> works properly', () => {
|
|
|
186
186
|
sortable: true,
|
|
187
187
|
},
|
|
188
188
|
{ dataId: 'firstName', header: 'First Name', width: 150 },
|
|
189
|
-
{ dataId: 'lastName', header: 'Last Name', width: 150 },
|
|
189
|
+
{ dataId: 'lastName', header: 'Last Name', width: 150, sortable: true },
|
|
190
190
|
{ dataId: 'address', header: 'Address', width: 300, grow: 2 },
|
|
191
191
|
{
|
|
192
192
|
dataId: 'age',
|
|
@@ -217,20 +217,22 @@ test('Sorting on <Table /> works properly', () => {
|
|
|
217
217
|
const firstRow = document.querySelector('.reqore-table-row');
|
|
218
218
|
const idCell = firstRow.querySelector('.reqore-table-cell');
|
|
219
219
|
|
|
220
|
-
expect(idCell.textContent).toBe('
|
|
220
|
+
expect(idCell.textContent).toBe('1000');
|
|
221
221
|
|
|
222
|
-
|
|
222
|
+
const lastNameHeaderCell = document.querySelectorAll('.reqore-table-header-cell')[2];
|
|
223
223
|
|
|
224
|
-
|
|
224
|
+
fireEvent.click(lastNameHeaderCell);
|
|
225
|
+
expect(fn).toHaveBeenCalledWith({ by: 'lastName', direction: 'desc' });
|
|
225
226
|
|
|
226
|
-
|
|
227
|
-
|
|
227
|
+
const lastNameCell = firstRow.querySelectorAll('.reqore-table-cell')[2];
|
|
228
|
+
|
|
229
|
+
expect(lastNameCell.textContent).toBe('Zold');
|
|
228
230
|
|
|
229
|
-
fireEvent.click(document.querySelectorAll('.reqore-table-header-cell')[
|
|
231
|
+
fireEvent.click(document.querySelectorAll('.reqore-table-header-cell')[2]);
|
|
230
232
|
|
|
231
|
-
expect(fn).toHaveBeenLastCalledWith({ by: '
|
|
232
|
-
expect(
|
|
233
|
-
expect(idCell.textContent).toBe('
|
|
233
|
+
expect(fn).toHaveBeenLastCalledWith({ by: 'lastName', direction: 'asc' });
|
|
234
|
+
expect(lastNameCell.textContent).toBe('Abbess');
|
|
235
|
+
expect(idCell.textContent).toBe('543');
|
|
234
236
|
});
|
|
235
237
|
|
|
236
238
|
test('Rows on <Table /> can be selected', () => {
|
|
@@ -254,14 +256,14 @@ test('Rows on <Table /> can be selected', () => {
|
|
|
254
256
|
|
|
255
257
|
fireEvent.click(firstCheckCell);
|
|
256
258
|
|
|
257
|
-
expect(fn).toHaveBeenCalledWith([
|
|
259
|
+
expect(fn).toHaveBeenCalledWith([1]);
|
|
258
260
|
|
|
259
261
|
const secondRow = document.querySelectorAll('.reqore-table-row')[1];
|
|
260
262
|
const secondCheckCell = secondRow.querySelector('.reqore-table-cell');
|
|
261
263
|
|
|
262
264
|
fireEvent.click(secondCheckCell);
|
|
263
265
|
|
|
264
|
-
expect(fn).toHaveBeenLastCalledWith([
|
|
266
|
+
expect(fn).toHaveBeenLastCalledWith([1, 2]);
|
|
265
267
|
});
|
|
266
268
|
|
|
267
269
|
test('Rows on <Table /> cannot be selected if _selectId is missing', () => {
|
|
@@ -280,10 +282,10 @@ test('Rows on <Table /> cannot be selected if _selectId is missing', () => {
|
|
|
280
282
|
</ReqoreUIProvider>
|
|
281
283
|
);
|
|
282
284
|
|
|
283
|
-
const
|
|
284
|
-
const
|
|
285
|
+
const thirdRow = document.querySelectorAll('.reqore-table-row')[2];
|
|
286
|
+
const thirdCheckCell = thirdRow.querySelector('.reqore-table-cell');
|
|
285
287
|
|
|
286
|
-
fireEvent.click(
|
|
288
|
+
fireEvent.click(thirdCheckCell);
|
|
287
289
|
|
|
288
290
|
const fourthRow = document.querySelectorAll('.reqore-table-row')[3];
|
|
289
291
|
const fourthCheckCell = fourthRow.querySelector('.reqore-table-cell');
|
|
@@ -314,7 +316,7 @@ test('Rows on <Table /> are all selected/deselected when clicking on header', ()
|
|
|
314
316
|
|
|
315
317
|
fireEvent.click(firstHeaderCell);
|
|
316
318
|
|
|
317
|
-
const selectableData:
|
|
319
|
+
const selectableData: number[] = tableData.data
|
|
318
320
|
.filter((datum) => datum._selectId ?? false)
|
|
319
321
|
.map((datum) => datum._selectId);
|
|
320
322
|
|
|
@@ -410,5 +412,5 @@ test('Cells on <Table /> are interactive', () => {
|
|
|
410
412
|
|
|
411
413
|
fireEvent.click(firstCheckCell);
|
|
412
414
|
|
|
413
|
-
expect(fn).toHaveBeenCalledWith(
|
|
415
|
+
expect(fn).toHaveBeenCalledWith(1);
|
|
414
416
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAI7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAkHD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAI7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAkHD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoHxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -144,7 +144,7 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
144
144
|
return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), margin: 'both' }, 'icon' + index), (0, jsx_runtime_1.jsx)(__1.ReqorePopover, { component: item_3["default"], isReqoreComponent: true, componentProps: {
|
|
145
145
|
icon: 'MoreFill',
|
|
146
146
|
interactive: true
|
|
147
|
-
}, handler: 'hoverStay', content: (0, jsx_runtime_1.jsx)(Menu_1["default"], { children: item.map(function (_a) {
|
|
147
|
+
}, handler: 'hoverStay', delay: 500, content: (0, jsx_runtime_1.jsx)(Menu_1["default"], { children: item.map(function (_a) {
|
|
148
148
|
var icon = _a.icon, label = _a.label, as = _a.as, tooltip = _a.tooltip, props = _a.props;
|
|
149
149
|
return ((0, react_1.createElement)(item_1["default"], __assign({}, props, { icon: icon, as: as, onClick: function (_itemId, event) {
|
|
150
150
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -58,7 +58,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
58
58
|
var react_1 = require("react");
|
|
59
59
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
60
60
|
var colors_1 = require("../../helpers/colors");
|
|
61
|
-
var
|
|
61
|
+
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
62
62
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
63
63
|
var row_1 = require("./row");
|
|
64
64
|
exports.StyledTableHeader = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n\n ", "\n\n ", ";\n"], ["\n ", ";\n\n ", "\n\n ", ";\n"])), function (_a) {
|
|
@@ -75,7 +75,7 @@ var StyledTableHeaderLabel = styled_components_1["default"].span(templateObject_
|
|
|
75
75
|
var ReqoreTableHeaderCell = function (_a) {
|
|
76
76
|
var width = _a.width, grow = _a.grow, align = _a.align, header = _a.header, onSortChange = _a.onSortChange, dataId = _a.dataId, sortable = _a.sortable, sortData = _a.sortData, onClick = _a.onClick, className = _a.className, icon = _a.icon, iconSize = _a.iconSize, tooltip = _a.tooltip, props = __rest(_a, ["width", "grow", "align", "header", "onSortChange", "dataId", "sortable", "sortData", "onClick", "className", "icon", "iconSize", "tooltip"]);
|
|
77
77
|
var _b = (0, react_1.useState)(null), ref = _b[0], setRef = _b[1];
|
|
78
|
-
(0,
|
|
78
|
+
(0, useTooltip_1.useTooltip)(ref, { content: tooltip || header, delay: 300 });
|
|
79
79
|
return ((0, jsx_runtime_1.jsxs)(exports.StyledTableHeader, __assign({}, props, { className: "".concat(className || '', " reqore-table-header-cell"), ref: setRef, width: width, grow: grow, align: align, interactive: sortable || !!onClick, onClick: function (event) {
|
|
80
80
|
if (sortable) {
|
|
81
81
|
onSortChange(dataId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,WAAW;AACX,+BAAwC;AACxC,qEAAgD;AAGhD,+CAAyE;AACzE,
|
|
1
|
+
{"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
|
-
import {
|
|
3
|
+
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
4
|
+
import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFlat } from '../../types/global';
|
|
4
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
5
6
|
export declare type TReqoreTableColumnContent = React.FC<{
|
|
6
7
|
[key: string]: any;
|
|
7
8
|
_selectId?: string;
|
|
8
9
|
}> | 'time-ago' | 'tag' | `tag:${TReqoreIntent}` | `tag:#${string}` | 'title' | `title:${TReqoreIntent}` | 'text' | `text:${TReqoreIntent}`;
|
|
9
|
-
export interface IReqoreTableColumn {
|
|
10
|
+
export interface IReqoreTableColumn extends IReqoreIntent {
|
|
10
11
|
dataId: string;
|
|
11
12
|
header?: string | JSX.Element;
|
|
12
13
|
grow?: 1 | 2 | 3 | 4;
|
|
@@ -19,7 +20,6 @@ export interface IReqoreTableColumn {
|
|
|
19
20
|
icon?: IReqoreIconName;
|
|
20
21
|
iconSize?: string;
|
|
21
22
|
tooltip?: string;
|
|
22
|
-
intent?: TReqoreIntent;
|
|
23
23
|
cellTooltip?: (data: {
|
|
24
24
|
[key: string]: any;
|
|
25
25
|
_selectId?: string;
|
|
@@ -37,7 +37,7 @@ export interface IReqoreTableRowData {
|
|
|
37
37
|
}
|
|
38
38
|
export declare type IReqoreTableRowClick = (data: IReqoreTableRowData) => void;
|
|
39
39
|
export declare type IReqoreTableData = IReqoreTableRowData[];
|
|
40
|
-
export interface IReqoreTableProps extends React.HTMLAttributes<HTMLDivElement
|
|
40
|
+
export interface IReqoreTableProps extends React.HTMLAttributes<HTMLDivElement>, IReqoreIntent, IWithReqoreFlat, IWithReqoreCustomTheme {
|
|
41
41
|
columns: IReqoreTableColumn[];
|
|
42
42
|
data?: IReqoreTableData;
|
|
43
43
|
className?: string;
|
|
@@ -52,15 +52,14 @@ export interface IReqoreTableProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
52
52
|
onSelectedChange?: (selected?: any[]) => void;
|
|
53
53
|
selectToggleTooltip?: string;
|
|
54
54
|
onRowClick?: IReqoreTableRowClick;
|
|
55
|
-
customTheme?: IReqoreCustomTheme;
|
|
56
|
-
intent?: TReqoreIntent;
|
|
57
55
|
rounded?: boolean;
|
|
58
|
-
flat?: boolean;
|
|
59
56
|
size?: TSizes;
|
|
57
|
+
fill?: boolean;
|
|
60
58
|
}
|
|
61
59
|
export interface IReqoreTableStyle {
|
|
62
60
|
theme: IReqoreTheme;
|
|
63
61
|
width?: number;
|
|
62
|
+
fill?: number;
|
|
64
63
|
striped?: boolean;
|
|
65
64
|
selectable?: boolean;
|
|
66
65
|
rounded?: boolean;
|
|
@@ -70,6 +69,6 @@ export interface IReqoreTableSort {
|
|
|
70
69
|
by?: string;
|
|
71
70
|
direction?: 'asc' | 'desc';
|
|
72
71
|
}
|
|
73
|
-
declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, customTheme, rounded, onRowClick, striped, selectedRowIntent, size, intent, ...rest }: IReqoreTableProps) => JSX.Element;
|
|
72
|
+
declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, customTheme, rounded, onRowClick, striped, selectedRowIntent, size, intent, fill, ...rest }: IReqoreTableProps) => JSX.Element;
|
|
74
73
|
export default ReqoreTable;
|
|
75
74
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -76,19 +76,20 @@ var header_1 = __importStar(require("./header"));
|
|
|
76
76
|
var headerCell_1 = require("./headerCell");
|
|
77
77
|
var helpers_1 = require("./helpers");
|
|
78
78
|
var StyledTableWrapper = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
79
|
-
var theme = _a.theme, width = _a.width, rounded = _a.rounded, flat = _a.flat;
|
|
80
|
-
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: ", ";\n\n position: relative;\n clear: both;\n overflow: hidden;\n z-index: 1;\n\n display: flex;\n flex-flow: column;\n\n border-radius: ", ";\n\n background-color: ", ";\n color: ", ";\n\n ", "\n "], ["\n width: ", ";\n\n position: relative;\n clear: both;\n overflow: hidden;\n z-index: 1;\n\n display: flex;\n flex-flow: column;\n\n border-radius: ", ";\n\n background-color: ", ";\n color: ", ";\n\n ", "\n "])), width ? "".concat(width, "px") : '100%', rounded ? '10px' : undefined, theme.main, (0, colors_1.getReadableColor)(theme, undefined, undefined, true), !flat && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ", ", " {\n ", "\n }\n "], ["\n ", ", ", " {\n ", "\n }\n "])), headerCell_1.StyledTableHeader, header_1.StyledColumnGroupHeader, function (_a) {
|
|
79
|
+
var theme = _a.theme, width = _a.width, rounded = _a.rounded, flat = _a.flat, fill = _a.fill;
|
|
80
|
+
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n\n position: relative;\n clear: both;\n overflow: hidden;\n z-index: 1;\n\n display: flex;\n flex-flow: column;\n\n border-radius: ", ";\n\n background-color: ", ";\n color: ", ";\n\n ", "\n "], ["\n width: ", ";\n height: ", ";\n\n position: relative;\n clear: both;\n overflow: hidden;\n z-index: 1;\n\n display: flex;\n flex-flow: column;\n\n border-radius: ", ";\n\n background-color: ", ";\n color: ", ";\n\n ", "\n "])), width ? "".concat(width, "px") : '100%', fill ? '100%' : 'auto', rounded ? '10px' : undefined, theme.main, (0, colors_1.getReadableColor)(theme, undefined, undefined, true), !flat && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ", ", " {\n ", "\n }\n "], ["\n ", ", ", " {\n ", "\n }\n "])), headerCell_1.StyledTableHeader, header_1.StyledColumnGroupHeader, function (_a) {
|
|
81
81
|
var theme = _a.theme;
|
|
82
82
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n "], ["\n border-bottom: 1px solid ", ";\n "])), (0, colors_1.changeLightness)(theme.main, 0.07));
|
|
83
83
|
}));
|
|
84
84
|
});
|
|
85
85
|
var ReqoreTable = function (_a) {
|
|
86
|
-
var className = _a.className, _b = _a.height, height = _b === void 0 ? 300 : _b, width = _a.width, columns = _a.columns, _c = _a.data, data = _c === void 0 ? [] : _c, sort = _a.sort, onSortChange = _a.onSortChange, selectable = _a.selectable, selected = _a.selected, onSelectedChange = _a.onSelectedChange, selectToggleTooltip = _a.selectToggleTooltip, customTheme = _a.customTheme, rounded = _a.rounded, onRowClick = _a.onRowClick, striped = _a.striped, selectedRowIntent = _a.selectedRowIntent, size = _a.size, intent = _a.intent, rest = __rest(_a, ["className", "height", "width", "columns", "data", "sort", "onSortChange", "selectable", "selected", "onSelectedChange", "selectToggleTooltip", "customTheme", "rounded", "onRowClick", "striped", "selectedRowIntent", "size", "intent"]);
|
|
86
|
+
var className = _a.className, _b = _a.height, height = _b === void 0 ? 300 : _b, width = _a.width, columns = _a.columns, _c = _a.data, data = _c === void 0 ? [] : _c, sort = _a.sort, onSortChange = _a.onSortChange, selectable = _a.selectable, selected = _a.selected, onSelectedChange = _a.onSelectedChange, selectToggleTooltip = _a.selectToggleTooltip, customTheme = _a.customTheme, rounded = _a.rounded, onRowClick = _a.onRowClick, striped = _a.striped, selectedRowIntent = _a.selectedRowIntent, size = _a.size, intent = _a.intent, fill = _a.fill, rest = __rest(_a, ["className", "height", "width", "columns", "data", "sort", "onSortChange", "selectable", "selected", "onSelectedChange", "selectToggleTooltip", "customTheme", "rounded", "onRowClick", "striped", "selectedRowIntent", "size", "intent", "fill"]);
|
|
87
87
|
var _d = (0, react_1.useState)(0), leftScroll = _d[0], setLeftScroll = _d[1];
|
|
88
88
|
var _e = (0, react_1.useState)(data || []), _data = _e[0], setData = _e[1];
|
|
89
89
|
var _f = (0, react_1.useState)((0, helpers_1.fixSort)(sort)), _sort = _f[0], setSort = _f[1];
|
|
90
90
|
var _g = (0, react_1.useState)([]), _selected = _g[0], setSelected = _g[1];
|
|
91
91
|
var _h = (0, react_1.useState)('none'), _selectedQuant = _h[0], setSelectedQuant = _h[1];
|
|
92
|
+
var _j = (0, react_use_1.useMeasure)(), wrapperRef = _j[0], sizes = _j[1];
|
|
92
93
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
93
94
|
(0, react_use_1.useUpdateEffect)(function () {
|
|
94
95
|
if (onSortChange) {
|
|
@@ -158,7 +159,7 @@ var ReqoreTable = function (_a) {
|
|
|
158
159
|
}
|
|
159
160
|
}
|
|
160
161
|
};
|
|
161
|
-
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(StyledTableWrapper, __assign({}, rest, { className: "".concat(className || '', " reqore-table"), rounded: rounded, width: width }, { children: [(0, jsx_runtime_1.jsx)(header_1["default"], { columns: columns, leftScroll: leftScroll, onSortChange: handleSortChange, sortData: _sort, selectable: selectable, selectedQuant: _selectedQuant, onToggleSelectClick: handleToggleSelectClick, hasVerticalScroll: (0, lodash_1.size)(_data) * sizes_1.TABLE_SIZE_TO_PX[size] > height, selectToggleTooltip: selectToggleTooltip }), (0, jsx_runtime_1.jsx)(body_1["default"], { data: _sort ? (0, helpers_1.sortTableData)(_data, _sort) : _data, columns: columns, setLeftScroll: setLeftScroll, height: height, selectable: selectable, onSelectClick: handleSelectClick, onRowClick: onRowClick, selected: _selected, selectedRowIntent: selectedRowIntent, size: size, striped: striped, flat: rest.flat })] })) })));
|
|
162
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(StyledTableWrapper, __assign({}, rest, { fill: fill, className: "".concat(className || '', " reqore-table"), rounded: rounded, width: width, ref: wrapperRef }, { children: [(0, jsx_runtime_1.jsx)(header_1["default"], { columns: columns, leftScroll: leftScroll, onSortChange: handleSortChange, sortData: _sort, selectable: selectable, selectedQuant: _selectedQuant, onToggleSelectClick: handleToggleSelectClick, hasVerticalScroll: (0, lodash_1.size)(_data) * sizes_1.TABLE_SIZE_TO_PX[size] > height, selectToggleTooltip: selectToggleTooltip }), (0, jsx_runtime_1.jsx)(body_1["default"], { data: _sort ? (0, helpers_1.sortTableData)(_data, _sort) : _data, columns: columns, setLeftScroll: setLeftScroll, height: fill ? sizes.height : height, selectable: selectable, onSelectClick: handleSelectClick, onRowClick: onRowClick, selected: _selected, selectedRowIntent: selectedRowIntent, size: size, striped: striped, flat: rest.flat })] })) })));
|
|
162
163
|
};
|
|
163
164
|
exports["default"] = ReqoreTable;
|
|
164
165
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,WAAW;AACX,iCAAuC;AACvC,+BAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,10 +10,11 @@ export interface IPopover {
|
|
|
10
10
|
useTargetWidth?: boolean;
|
|
11
11
|
closeOnOutsideClick?: boolean;
|
|
12
12
|
closeOnAnyClick?: boolean;
|
|
13
|
+
delay?: number;
|
|
13
14
|
}
|
|
14
15
|
export interface IPopoverOptions extends IPopover {
|
|
15
16
|
targetElement?: HTMLElement;
|
|
16
17
|
}
|
|
17
|
-
declare const usePopover: ({ targetElement, content, handler, placement, show, noArrow, useTargetWidth, closeOnOutsideClick, openOnMount, }: IPopoverOptions) => string;
|
|
18
|
+
declare const usePopover: ({ targetElement, content, handler, placement, show, noArrow, useTargetWidth, closeOnOutsideClick, openOnMount, delay, }: IPopoverOptions) => string;
|
|
18
19
|
export default usePopover;
|
|
19
20
|
//# sourceMappingURL=usePopover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAoB3C,MAAM,WAAW,QAAQ;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAoB3C,MAAM,WAAW,QAAQ;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,4HAWb,eAAe,WAgGjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|