@qoretechnologies/reqore 0.39.0 → 0.40.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts +4 -2
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +13 -33
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/Menu/index.d.ts +2 -0
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +17 -16
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/section.d.ts +12 -0
- package/dist/components/Menu/section.d.ts.map +1 -0
- package/dist/components/Menu/section.js +64 -0
- package/dist/components/Menu/section.js.map +1 -0
- package/dist/hooks/useCloneThroughFragments.d.ts +5 -0
- package/dist/hooks/useCloneThroughFragments.d.ts.map +1 -0
- package/dist/hooks/useCloneThroughFragments.js +53 -0
- package/dist/hooks/useCloneThroughFragments.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/index.tsx +8 -1
- package/src/components/ControlGroup/index.tsx +59 -80
- package/src/components/Menu/index.tsx +15 -16
- package/src/components/Menu/section.tsx +81 -0
- package/src/hooks/useCloneThroughFragments.ts +39 -0
- package/src/index.tsx +2 -1
- package/src/mock/menu.ts +46 -48
- package/src/stories/Menu/Menu.stories.tsx +171 -108
- package/tests.json +1 -1
- package/__tests__/sidebar.test.tsx +0 -225
- package/dist/components/Sidebar/index.d.ts +0 -60
- package/dist/components/Sidebar/index.d.ts.map +0 -1
- package/dist/components/Sidebar/index.js +0 -266
- package/dist/components/Sidebar/index.js.map +0 -1
- package/dist/components/Sidebar/item.d.ts +0 -35
- package/dist/components/Sidebar/item.d.ts.map +0 -1
- package/dist/components/Sidebar/item.js +0 -98
- package/dist/components/Sidebar/item.js.map +0 -1
- package/dist/helpers/sidebar.d.ts +0 -5
- package/dist/helpers/sidebar.d.ts.map +0 -1
- package/dist/helpers/sidebar.js +0 -92
- package/dist/helpers/sidebar.js.map +0 -1
- package/src/components/Sidebar/index.tsx +0 -536
- package/src/components/Sidebar/item.tsx +0 -264
- package/src/helpers/sidebar.ts +0 -89
- package/src/stories/Sidebar/Sidebar.stories.tsx +0 -97
|
@@ -1,225 +0,0 @@
|
|
|
1
|
-
import { fireEvent, render, screen } from '@testing-library/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ReqoreUIProvider } from '../src';
|
|
4
|
-
import ReqoreSidebar from '../src/components/Sidebar';
|
|
5
|
-
import { qorusSidebarItems } from '../src/mock/menu';
|
|
6
|
-
|
|
7
|
-
test('Renders sidebar', () => {
|
|
8
|
-
render(
|
|
9
|
-
<ReqoreUIProvider>
|
|
10
|
-
<ReqoreSidebar items={qorusSidebarItems} path='/' />
|
|
11
|
-
</ReqoreUIProvider>
|
|
12
|
-
);
|
|
13
|
-
|
|
14
|
-
expect(document.querySelectorAll('.sidebarItem').length).toBe(7);
|
|
15
|
-
expect(document.querySelectorAll('.sidebarSection').length).toBe(3);
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
test('Sidebar can be collapsed', () => {
|
|
19
|
-
const handleClick = jest.fn();
|
|
20
|
-
|
|
21
|
-
render(
|
|
22
|
-
<ReqoreUIProvider>
|
|
23
|
-
<ReqoreSidebar items={qorusSidebarItems} path='/' onCollapseChange={handleClick} />
|
|
24
|
-
</ReqoreUIProvider>
|
|
25
|
-
);
|
|
26
|
-
|
|
27
|
-
expect(document.querySelectorAll('.expanded').length).toBe(1);
|
|
28
|
-
|
|
29
|
-
fireEvent.click(screen.getByText('Collapse'));
|
|
30
|
-
|
|
31
|
-
expect(handleClick).toHaveBeenCalledTimes(1);
|
|
32
|
-
|
|
33
|
-
expect(document.querySelectorAll('.expanded').length).toBe(0);
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
test('Can open submenu manually', () => {
|
|
37
|
-
render(
|
|
38
|
-
<ReqoreUIProvider>
|
|
39
|
-
<ReqoreSidebar items={qorusSidebarItems} path='/' />
|
|
40
|
-
</ReqoreUIProvider>
|
|
41
|
-
);
|
|
42
|
-
|
|
43
|
-
fireEvent.click(screen.getByText('Menu item 3'));
|
|
44
|
-
|
|
45
|
-
expect(document.querySelectorAll('.sidebarItem').length).toBe(10);
|
|
46
|
-
expect(document.querySelectorAll('.sidebarSection').length).toBe(3);
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
test('Submenu opens automatically if path matches', () => {
|
|
50
|
-
render(
|
|
51
|
-
<ReqoreUIProvider>
|
|
52
|
-
<ReqoreSidebar items={qorusSidebarItems} path='/item-3/item-1' />
|
|
53
|
-
</ReqoreUIProvider>
|
|
54
|
-
);
|
|
55
|
-
|
|
56
|
-
expect(document.querySelectorAll('.sidebarItem').length).toBe(10);
|
|
57
|
-
expect(document.querySelectorAll('.sidebarSection').length).toBe(3);
|
|
58
|
-
expect(document.querySelectorAll('.active').length).toBe(2);
|
|
59
|
-
});
|
|
60
|
-
|
|
61
|
-
test('Bookmarks can be added and removed', () => {
|
|
62
|
-
const handleBookmarksChange = jest.fn();
|
|
63
|
-
|
|
64
|
-
render(
|
|
65
|
-
<ReqoreUIProvider>
|
|
66
|
-
<ReqoreSidebar items={qorusSidebarItems} path='/' onBookmarksChange={handleBookmarksChange} />
|
|
67
|
-
</ReqoreUIProvider>
|
|
68
|
-
);
|
|
69
|
-
|
|
70
|
-
const addBookmarkButton = document.querySelector('.favorite');
|
|
71
|
-
|
|
72
|
-
fireEvent.click(addBookmarkButton);
|
|
73
|
-
|
|
74
|
-
expect(handleBookmarksChange).toHaveBeenCalledWith(['menu-item-1']);
|
|
75
|
-
expect(document.querySelectorAll('.sidebarItem').length).toBe(7);
|
|
76
|
-
expect(document.querySelectorAll('.sidebarSection').length).toBe(4);
|
|
77
|
-
|
|
78
|
-
const removeBookmarkButton = document.querySelector('.favorite');
|
|
79
|
-
|
|
80
|
-
fireEvent.click(removeBookmarkButton);
|
|
81
|
-
|
|
82
|
-
expect(handleBookmarksChange).toHaveBeenCalledWith([]);
|
|
83
|
-
|
|
84
|
-
expect(document.querySelectorAll('.sidebarItem').length).toBe(7);
|
|
85
|
-
expect(document.querySelectorAll('.sidebarSection').length).toBe(3);
|
|
86
|
-
});
|
|
87
|
-
|
|
88
|
-
test('Bookmarks clicks are not propagated through', () => {
|
|
89
|
-
const handleBookmarksChange = jest.fn();
|
|
90
|
-
const handleClick = jest.fn();
|
|
91
|
-
|
|
92
|
-
render(
|
|
93
|
-
<ReqoreUIProvider>
|
|
94
|
-
<ReqoreSidebar
|
|
95
|
-
items={{
|
|
96
|
-
Menu: {
|
|
97
|
-
title: 'Menu',
|
|
98
|
-
items: [
|
|
99
|
-
{
|
|
100
|
-
name: 'Menu item 1',
|
|
101
|
-
as: 'p',
|
|
102
|
-
icon: '24HoursFill',
|
|
103
|
-
id: 'menu-item-1',
|
|
104
|
-
props: {
|
|
105
|
-
onClick: handleClick,
|
|
106
|
-
},
|
|
107
|
-
},
|
|
108
|
-
],
|
|
109
|
-
},
|
|
110
|
-
}}
|
|
111
|
-
path='/'
|
|
112
|
-
onBookmarksChange={handleBookmarksChange}
|
|
113
|
-
/>
|
|
114
|
-
</ReqoreUIProvider>
|
|
115
|
-
);
|
|
116
|
-
|
|
117
|
-
const addBookmarkButton = document.querySelector('.favorite');
|
|
118
|
-
|
|
119
|
-
fireEvent.click(addBookmarkButton);
|
|
120
|
-
|
|
121
|
-
expect(handleBookmarksChange).toHaveBeenCalledWith(['menu-item-1']);
|
|
122
|
-
expect(handleClick).toHaveBeenCalledTimes(0);
|
|
123
|
-
});
|
|
124
|
-
|
|
125
|
-
test('Renders item as <p> element with onClick', () => {
|
|
126
|
-
const handleItemClick = jest.fn();
|
|
127
|
-
|
|
128
|
-
render(
|
|
129
|
-
<ReqoreUIProvider>
|
|
130
|
-
<ReqoreSidebar
|
|
131
|
-
items={{
|
|
132
|
-
...qorusSidebarItems,
|
|
133
|
-
TestItems: {
|
|
134
|
-
title: 'TestItems',
|
|
135
|
-
items: [
|
|
136
|
-
{
|
|
137
|
-
name: 'Test',
|
|
138
|
-
as: 'p',
|
|
139
|
-
props: {
|
|
140
|
-
onClick: handleItemClick,
|
|
141
|
-
},
|
|
142
|
-
id: 'test-item-1',
|
|
143
|
-
icon: 'AddBoxLine',
|
|
144
|
-
},
|
|
145
|
-
],
|
|
146
|
-
},
|
|
147
|
-
}}
|
|
148
|
-
path='/'
|
|
149
|
-
/>
|
|
150
|
-
</ReqoreUIProvider>
|
|
151
|
-
);
|
|
152
|
-
|
|
153
|
-
const menuItem = document.querySelector('p.sidebarItem');
|
|
154
|
-
|
|
155
|
-
expect(menuItem).toBeTruthy();
|
|
156
|
-
|
|
157
|
-
fireEvent.click(menuItem);
|
|
158
|
-
|
|
159
|
-
expect(handleItemClick).toHaveBeenCalled();
|
|
160
|
-
|
|
161
|
-
expect(document.querySelectorAll('.sidebarItem').length).toBe(8);
|
|
162
|
-
expect(document.querySelectorAll('.sidebarSection').length).toBe(4);
|
|
163
|
-
});
|
|
164
|
-
|
|
165
|
-
test('Renders floating sidebar with item as <p> element with onClick, closes on item click', () => {
|
|
166
|
-
const handleItemClick = jest.fn();
|
|
167
|
-
const handleClose = jest.fn();
|
|
168
|
-
|
|
169
|
-
render(
|
|
170
|
-
<ReqoreUIProvider>
|
|
171
|
-
<ReqoreSidebar
|
|
172
|
-
items={{
|
|
173
|
-
...qorusSidebarItems,
|
|
174
|
-
TestItems: {
|
|
175
|
-
title: 'TestItems',
|
|
176
|
-
items: [
|
|
177
|
-
{
|
|
178
|
-
name: 'Test',
|
|
179
|
-
as: 'p',
|
|
180
|
-
props: {
|
|
181
|
-
onClick: handleItemClick,
|
|
182
|
-
},
|
|
183
|
-
id: 'test-item-1',
|
|
184
|
-
icon: 'AddBoxLine',
|
|
185
|
-
},
|
|
186
|
-
],
|
|
187
|
-
},
|
|
188
|
-
}}
|
|
189
|
-
closeOnItemClick
|
|
190
|
-
onCloseClick={handleClose}
|
|
191
|
-
floating
|
|
192
|
-
isOpen
|
|
193
|
-
path='/'
|
|
194
|
-
/>
|
|
195
|
-
</ReqoreUIProvider>
|
|
196
|
-
);
|
|
197
|
-
|
|
198
|
-
const menuItem = document.querySelector('p.sidebarItem');
|
|
199
|
-
|
|
200
|
-
expect(menuItem).toBeTruthy();
|
|
201
|
-
|
|
202
|
-
fireEvent.click(menuItem);
|
|
203
|
-
|
|
204
|
-
expect(handleItemClick).toHaveBeenCalled();
|
|
205
|
-
expect(handleClose).toHaveBeenCalled();
|
|
206
|
-
|
|
207
|
-
expect(document.querySelectorAll('.sidebarItem').length).toBe(9);
|
|
208
|
-
expect(document.querySelectorAll('.sidebarSection').length).toBe(5);
|
|
209
|
-
});
|
|
210
|
-
|
|
211
|
-
test('Renders custom item at the top', () => {
|
|
212
|
-
render(
|
|
213
|
-
<ReqoreUIProvider>
|
|
214
|
-
<ReqoreSidebar
|
|
215
|
-
items={qorusSidebarItems}
|
|
216
|
-
path='/'
|
|
217
|
-
customItems={[{ element: () => <span>Hello, I am a custom item!</span> }]}
|
|
218
|
-
/>
|
|
219
|
-
</ReqoreUIProvider>
|
|
220
|
-
);
|
|
221
|
-
|
|
222
|
-
expect(document.querySelectorAll('.sidebarItem').length).toBe(7);
|
|
223
|
-
expect(document.querySelectorAll('.sidebarSection').length).toBe(4);
|
|
224
|
-
expect(screen.getByText('Hello, I am a custom item!')).toBeTruthy();
|
|
225
|
-
});
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IReqoreSidebarTheme, IReqoreTheme } from '../../constants/theme';
|
|
3
|
-
import { IReqoreIconName } from '../../types/icons';
|
|
4
|
-
export interface IQorusSidebarCustomItem {
|
|
5
|
-
element: React.FC<any>;
|
|
6
|
-
}
|
|
7
|
-
export interface IQorusSidebarItems {
|
|
8
|
-
[sectionId: string]: {
|
|
9
|
-
title?: string | undefined;
|
|
10
|
-
items: IQorusSidebarItem[];
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
export interface IQorusSidebarItem {
|
|
14
|
-
name: string;
|
|
15
|
-
props?: any;
|
|
16
|
-
activePaths?: string[];
|
|
17
|
-
submenu?: IQorusSidebarItem[];
|
|
18
|
-
id: string;
|
|
19
|
-
as?: React.ElementType | string;
|
|
20
|
-
icon?: IReqoreIconName;
|
|
21
|
-
exact?: boolean;
|
|
22
|
-
element?: React.ElementType;
|
|
23
|
-
}
|
|
24
|
-
export interface IQorusSidebarProps {
|
|
25
|
-
isCollapsed?: boolean;
|
|
26
|
-
onCollapseChange?: (isCollapsed?: boolean) => void;
|
|
27
|
-
items: IQorusSidebarItems;
|
|
28
|
-
bookmarks?: string[];
|
|
29
|
-
customItems?: IQorusSidebarCustomItem[];
|
|
30
|
-
collapseLabel?: string;
|
|
31
|
-
closeLabel?: string;
|
|
32
|
-
path: string;
|
|
33
|
-
wrapperStyle?: React.CSSProperties;
|
|
34
|
-
onBookmarksChange?: (bookmarks: string[]) => void;
|
|
35
|
-
useNativeTitle?: boolean;
|
|
36
|
-
position?: 'left' | 'right';
|
|
37
|
-
collapsible?: boolean;
|
|
38
|
-
bordered?: boolean;
|
|
39
|
-
customTheme?: IReqoreSidebarTheme;
|
|
40
|
-
flat?: boolean;
|
|
41
|
-
floating?: boolean;
|
|
42
|
-
hasFloatingBackdrop?: boolean;
|
|
43
|
-
onCloseClick?: () => void;
|
|
44
|
-
isOpen?: boolean;
|
|
45
|
-
closeOnItemClick?: boolean;
|
|
46
|
-
}
|
|
47
|
-
export interface IReqoreSidebarStyle {
|
|
48
|
-
expanded?: boolean;
|
|
49
|
-
theme: IReqoreTheme;
|
|
50
|
-
bordered?: boolean;
|
|
51
|
-
position?: 'left' | 'right';
|
|
52
|
-
customThemeId?: string;
|
|
53
|
-
flat?: boolean;
|
|
54
|
-
floating?: boolean;
|
|
55
|
-
isOpen?: boolean;
|
|
56
|
-
zIndex?: number;
|
|
57
|
-
}
|
|
58
|
-
declare const ReqoreSidebar: React.FC<IQorusSidebarProps>;
|
|
59
|
-
export default ReqoreSidebar;
|
|
60
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,SAAS,EAAE,MAAM,GAAG;QACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC3B,KAAK,EAAE,iBAAiB,EAAE,CAAC;KAC5B,CAAC;CACH;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8RD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2K/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,266 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
-
if (k2 === undefined) k2 = k;
|
|
19
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
-
}
|
|
23
|
-
Object.defineProperty(o, k2, desc);
|
|
24
|
-
}) : (function(o, m, k, k2) {
|
|
25
|
-
if (k2 === undefined) k2 = k;
|
|
26
|
-
o[k2] = m[k];
|
|
27
|
-
}));
|
|
28
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
-
}) : function(o, v) {
|
|
31
|
-
o["default"] = v;
|
|
32
|
-
});
|
|
33
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
-
if (mod && mod.__esModule) return mod;
|
|
35
|
-
var result = {};
|
|
36
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
-
__setModuleDefault(result, mod);
|
|
38
|
-
return result;
|
|
39
|
-
};
|
|
40
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
41
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
42
|
-
if (ar || !(i in from)) {
|
|
43
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
44
|
-
ar[i] = from[i];
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
48
|
-
};
|
|
49
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
50
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
51
|
-
};
|
|
52
|
-
exports.__esModule = true;
|
|
53
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
55
|
-
var lodash_1 = require("lodash");
|
|
56
|
-
var map_1 = __importDefault(require("lodash/map"));
|
|
57
|
-
var polished_1 = require("polished");
|
|
58
|
-
var react_1 = require("react");
|
|
59
|
-
var react_scrollbar_1 = __importDefault(require("react-scrollbar"));
|
|
60
|
-
var react_use_1 = require("react-use");
|
|
61
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
62
|
-
var colors_1 = require("../../helpers/colors");
|
|
63
|
-
var sidebar_1 = require("../../helpers/sidebar");
|
|
64
|
-
var useLatestZIndex_1 = __importDefault(require("../../hooks/useLatestZIndex"));
|
|
65
|
-
var useTheme_1 = require("../../hooks/useTheme");
|
|
66
|
-
var styles_1 = require("../../styles");
|
|
67
|
-
var backdrop_1 = require("../Drawer/backdrop");
|
|
68
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
69
|
-
var item_1 = __importDefault(require("./item"));
|
|
70
|
-
var StyledSidebar = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n // 80px is header + footer\n font-size: 14px;\n font-weight: 500;\n display: flex;\n overflow: hidden;\n flex-flow: column;\n color: ", ";\n background-color: ", ";\n box-shadow: ", ";\n\n ", "\n\n ", "\n\n // Custom scrollbar\n .sidebarScroll {\n flex: 1;\n }\n\n transition: all 0.2s ease-in-out;\n\n &.expanded {\n min-width: 180px !important;\n max-width: 180px !important;\n\n .sidebarItem {\n text-align: left;\n\n span.bp3-icon {\n margin-right: 10px;\n vertical-align: text-bottom;\n }\n\n .submenuExpand {\n margin-left: 10px;\n }\n\n &:hover {\n .favorite {\n display: block;\n }\n }\n }\n\n .sidebarSubItem {\n padding-left: 24px;\n }\n\n .favorite {\n display: none;\n opacity: 0.6;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 10px;\n\n &:hover {\n opacity: 1;\n }\n }\n }\n\n &:not(.expanded) {\n min-width: 50px !important;\n max-width: 50px !important;\n .sidebarItem,\n .sidebarSubItem {\n text-align: center;\n justify-content: center;\n }\n }\n\n // Section\n .sidebarSection {\n .sidebarLink {\n display: inline-block;\n color: inherit;\n width: 100%;\n\n .bp3-popover-target {\n width: 100%;\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n .sidebarItem.active {\n ", "\n\n color: ", ";\n\n background-color: ", ";\n\n span.bp3-icon:not(.favorite) {\n color: ", ";\n }\n }\n\n .sidebarSubItem.active {\n ", "\n\n color: ", ";\n background-color: ", ";\n span.bp3-icon:not(.favorite) {\n color: ", ";\n }\n }\n\n .sidebarItem {\n ", "\n\n position: relative;\n\n span.bp3-icon:not(.favorite) {\n display: inline-block;\n font-size: 16px;\n color: ", ";\n }\n\n padding: 12px;\n }\n\n .sidebarItem,\n .bp3-popover-wrapper.reqore-sidebar-item {\n color: ", ";\n\n background-color: ", ";\n\n &:hover {\n ", "\n\n color: ", ";\n background-color: ", ";\n\n span.bp3-icon:not(.favorite) {\n color: ", ";\n }\n }\n }\n\n .sidebarSubItem {\n border-left: 5px solid\n ", ";\n }\n\n .sidebarSubItem,\n .bp3-popover-wrapper.reqore-sidebar-subitem {\n color: ", ";\n\n background-color: ", ";\n\n &:hover {\n ", "\n\n color: ", ";\n background-color: ", ";\n\n span.bp3-icon:not(.favorite) {\n color: ", ";\n }\n }\n }\n\n .sidebarItem,\n .sidebarSubItem {\n min-height: 50px;\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n\n &.active {\n font-weight: 500;\n }\n }\n }\n"], ["\n // 80px is header + footer\n font-size: 14px;\n font-weight: 500;\n display: flex;\n overflow: hidden;\n flex-flow: column;\n color: ", ";\n background-color: ", ";\n box-shadow: ", ";\n\n ", "\n\n ", "\n\n // Custom scrollbar\n .sidebarScroll {\n flex: 1;\n }\n\n transition: all 0.2s ease-in-out;\n\n &.expanded {\n min-width: 180px !important;\n max-width: 180px !important;\n\n .sidebarItem {\n text-align: left;\n\n span.bp3-icon {\n margin-right: 10px;\n vertical-align: text-bottom;\n }\n\n .submenuExpand {\n margin-left: 10px;\n }\n\n &:hover {\n .favorite {\n display: block;\n }\n }\n }\n\n .sidebarSubItem {\n padding-left: 24px;\n }\n\n .favorite {\n display: none;\n opacity: 0.6;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 10px;\n\n &:hover {\n opacity: 1;\n }\n }\n }\n\n &:not(.expanded) {\n min-width: 50px !important;\n max-width: 50px !important;\n .sidebarItem,\n .sidebarSubItem {\n text-align: center;\n justify-content: center;\n }\n }\n\n // Section\n .sidebarSection {\n .sidebarLink {\n display: inline-block;\n color: inherit;\n width: 100%;\n\n .bp3-popover-target {\n width: 100%;\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n .sidebarItem.active {\n ", "\n\n color: ", ";\n\n background-color: ", ";\n\n span.bp3-icon:not(.favorite) {\n color: ", ";\n }\n }\n\n .sidebarSubItem.active {\n ", "\n\n color: ", ";\n background-color: ", ";\n span.bp3-icon:not(.favorite) {\n color: ", ";\n }\n }\n\n .sidebarItem {\n ", "\n\n position: relative;\n\n span.bp3-icon:not(.favorite) {\n display: inline-block;\n font-size: 16px;\n color: ", ";\n }\n\n padding: 12px;\n }\n\n .sidebarItem,\n .bp3-popover-wrapper.reqore-sidebar-item {\n color: ", ";\n\n background-color: ", ";\n\n &:hover {\n ", "\n\n color: ", ";\n background-color: ", ";\n\n span.bp3-icon:not(.favorite) {\n color: ", ";\n }\n }\n }\n\n .sidebarSubItem {\n border-left: 5px solid\n ", ";\n }\n\n .sidebarSubItem,\n .bp3-popover-wrapper.reqore-sidebar-subitem {\n color: ", ";\n\n background-color: ", ";\n\n &:hover {\n ", "\n\n color: ", ";\n background-color: ", ";\n\n span.bp3-icon:not(.favorite) {\n color: ", ";\n }\n }\n }\n\n .sidebarItem,\n .sidebarSubItem {\n min-height: 50px;\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n\n &.active {\n font-weight: 500;\n }\n }\n }\n"])), function (_a) {
|
|
71
|
-
var _b;
|
|
72
|
-
var theme = _a.theme;
|
|
73
|
-
return ((_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.color) ||
|
|
74
|
-
(0, colors_1.getReadableColor)(theme, undefined, undefined, true, (0, colors_1.getMainColor)(theme, 'sidebar'));
|
|
75
|
-
}, function (_a) {
|
|
76
|
-
var _b;
|
|
77
|
-
var theme = _a.theme;
|
|
78
|
-
return ((_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.main) || theme.main;
|
|
79
|
-
}, function (_a) {
|
|
80
|
-
var floating = _a.floating;
|
|
81
|
-
return floating ? "0px 0px 30px 0px ".concat((0, polished_1.rgba)('#000000', 0.4)) : undefined;
|
|
82
|
-
}, function (_a) {
|
|
83
|
-
var _b, _c;
|
|
84
|
-
var theme = _a.theme, bordered = _a.bordered, position = _a.position, flat = _a.flat, floating = _a.floating;
|
|
85
|
-
return !floating && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), (position === 'left' || bordered) &&
|
|
86
|
-
!flat && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-right: 1px solid\n ", ";\n "], ["\n border-right: 1px solid\n ", ";\n "])), ((_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.border) || (0, polished_1.darken)(0.05, (0, colors_1.getMainColor)(theme, 'sidebar'))), (position === 'right' || bordered) &&
|
|
87
|
-
!flat && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-left: 1px solid\n ", ";\n "], ["\n border-left: 1px solid\n ", ";\n "])), ((_c = theme.sidebar) === null || _c === void 0 ? void 0 : _c.border) || (0, polished_1.darken)(0.05, (0, colors_1.getMainColor)(theme, 'sidebar'))));
|
|
88
|
-
}, function (_a) {
|
|
89
|
-
var _b;
|
|
90
|
-
var floating = _a.floating, flat = _a.flat, theme = _a.theme, position = _a.position, isOpen = _a.isOpen, zIndex = _a.zIndex;
|
|
91
|
-
return floating
|
|
92
|
-
? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: fixed;\n top: 10px;\n ", ": ", "px;\n bottom: 10px;\n border-radius: 10px;\n z-index: ", ";\n border: ", ";\n "], ["\n position: fixed;\n top: 10px;\n ", ": ", "px;\n bottom: 10px;\n border-radius: 10px;\n z-index: ", ";\n border: ", ";\n "])), position, isOpen ? 10 : -200, zIndex, !flat
|
|
93
|
-
? "1px solid ".concat(((_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.border) || (0, polished_1.darken)(0.05, (0, colors_1.getMainColor)(theme, 'sidebar')))
|
|
94
|
-
: undefined) : (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n "], ["\n height: 100%;\n "])));
|
|
95
|
-
}, styles_1.ActiveIconScale, function (_a) {
|
|
96
|
-
var _b, _c, _d, _e;
|
|
97
|
-
var theme = _a.theme;
|
|
98
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.activeColor) ||
|
|
99
|
-
((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.color) ||
|
|
100
|
-
(0, colors_1.getReadableColor)(theme, undefined, undefined, false, (0, colors_1.getMainColor)(theme, 'sidebar'));
|
|
101
|
-
}, function (_a) {
|
|
102
|
-
var _b, _c, _d, _e;
|
|
103
|
-
var theme = _a.theme;
|
|
104
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.activeBackground) ||
|
|
105
|
-
((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.background) ||
|
|
106
|
-
(0, polished_1.darken)(0.06, (0, colors_1.getMainColor)(theme, 'sidebar'));
|
|
107
|
-
}, function (_a) {
|
|
108
|
-
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
109
|
-
var theme = _a.theme;
|
|
110
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.activeColor) ||
|
|
111
|
-
((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.activeColor) ||
|
|
112
|
-
((_g = (_f = theme.sidebar) === null || _f === void 0 ? void 0 : _f.icon) === null || _g === void 0 ? void 0 : _g.color) ||
|
|
113
|
-
((_j = (_h = theme.sidebar) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.color) ||
|
|
114
|
-
'inherit';
|
|
115
|
-
}, styles_1.ActiveIconScale, function (_a) {
|
|
116
|
-
var _b, _c, _d, _e;
|
|
117
|
-
var theme = _a.theme;
|
|
118
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.activeColor) ||
|
|
119
|
-
((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.color) ||
|
|
120
|
-
(0, colors_1.getReadableColor)(theme, undefined, undefined, false, (0, colors_1.getMainColor)(theme, 'sidebar'));
|
|
121
|
-
}, function (_a) {
|
|
122
|
-
var _b, _c, _d, _e;
|
|
123
|
-
var theme = _a.theme;
|
|
124
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.activeBackground) ||
|
|
125
|
-
((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.background) ||
|
|
126
|
-
(0, polished_1.darken)(0.08, (0, colors_1.getMainColor)(theme, 'sidebar'));
|
|
127
|
-
}, function (_a) {
|
|
128
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
129
|
-
var theme = _a.theme;
|
|
130
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.activeColor) ||
|
|
131
|
-
((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.activeColor) ||
|
|
132
|
-
((_g = (_f = theme.sidebar) === null || _f === void 0 ? void 0 : _f.item) === null || _g === void 0 ? void 0 : _g.activeColor) ||
|
|
133
|
-
((_j = (_h = theme.sidebar) === null || _h === void 0 ? void 0 : _h.icon) === null || _j === void 0 ? void 0 : _j.color) ||
|
|
134
|
-
((_l = (_k = theme.sidebar) === null || _k === void 0 ? void 0 : _k.subItem) === null || _l === void 0 ? void 0 : _l.color) ||
|
|
135
|
-
((_o = (_m = theme.sidebar) === null || _m === void 0 ? void 0 : _m.item) === null || _o === void 0 ? void 0 : _o.color) ||
|
|
136
|
-
'inherit';
|
|
137
|
-
}, styles_1.InactiveIconScale, function (_a) {
|
|
138
|
-
var _b, _c;
|
|
139
|
-
var theme = _a.theme;
|
|
140
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.color) || 'inherit';
|
|
141
|
-
}, function (_a) {
|
|
142
|
-
var _b, _c;
|
|
143
|
-
var theme = _a.theme;
|
|
144
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.color) || 'inherit';
|
|
145
|
-
}, function (_a) {
|
|
146
|
-
var _b, _c;
|
|
147
|
-
var theme = _a.theme;
|
|
148
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.background) || (0, colors_1.getMainColor)(theme, 'sidebar');
|
|
149
|
-
}, styles_1.ScaleIconOnHover, function (_a) {
|
|
150
|
-
var _b, _c, _d, _e;
|
|
151
|
-
var theme = _a.theme;
|
|
152
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.hoverColor) || ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.color) || 'inherit';
|
|
153
|
-
}, function (_a) {
|
|
154
|
-
var _b, _c, _d, _e;
|
|
155
|
-
var theme = _a.theme;
|
|
156
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.hoverBackground) ||
|
|
157
|
-
((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.background) ||
|
|
158
|
-
(0, polished_1.darken)(0.03, (0, colors_1.getMainColor)(theme, 'sidebar'));
|
|
159
|
-
}, function (_a) {
|
|
160
|
-
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
161
|
-
var theme = _a.theme;
|
|
162
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.hoverColor) ||
|
|
163
|
-
((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.hoverColor) ||
|
|
164
|
-
((_g = (_f = theme.sidebar) === null || _f === void 0 ? void 0 : _f.icon) === null || _g === void 0 ? void 0 : _g.color) ||
|
|
165
|
-
((_j = (_h = theme.sidebar) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.color) ||
|
|
166
|
-
'inherit';
|
|
167
|
-
}, function (_a) {
|
|
168
|
-
var _b, _c, _d, _e;
|
|
169
|
-
var theme = _a.theme;
|
|
170
|
-
if ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.border) {
|
|
171
|
-
return (_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.border;
|
|
172
|
-
}
|
|
173
|
-
var color = (0, colors_1.getMainColor)(theme, 'sidebar');
|
|
174
|
-
return (0, colors_1.changeLightness)(color, 0.17);
|
|
175
|
-
}, function (_a) {
|
|
176
|
-
var _b, _c;
|
|
177
|
-
var theme = _a.theme;
|
|
178
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.color) || 'inherit';
|
|
179
|
-
}, function (_a) {
|
|
180
|
-
var _b, _c;
|
|
181
|
-
var theme = _a.theme;
|
|
182
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.background) || (0, polished_1.darken)(0.04, (0, colors_1.getMainColor)(theme, 'sidebar'));
|
|
183
|
-
}, styles_1.ScaleIconOnHover, function (_a) {
|
|
184
|
-
var _b, _c, _d, _e;
|
|
185
|
-
var theme = _a.theme;
|
|
186
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.hoverColor) || ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.color) || 'inherit';
|
|
187
|
-
}, function (_a) {
|
|
188
|
-
var _b, _c, _d, _e;
|
|
189
|
-
var theme = _a.theme;
|
|
190
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.hoverBackground) ||
|
|
191
|
-
((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.background) ||
|
|
192
|
-
(0, polished_1.darken)(0.06, (0, colors_1.getMainColor)(theme, 'sidebar'));
|
|
193
|
-
}, function (_a) {
|
|
194
|
-
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
195
|
-
var theme = _a.theme;
|
|
196
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.hoverColor) ||
|
|
197
|
-
((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.hoverColor) ||
|
|
198
|
-
((_g = (_f = theme.sidebar) === null || _f === void 0 ? void 0 : _f.icon) === null || _g === void 0 ? void 0 : _g.color) ||
|
|
199
|
-
((_j = (_h = theme.sidebar) === null || _h === void 0 ? void 0 : _h.subItem) === null || _j === void 0 ? void 0 : _j.color) ||
|
|
200
|
-
'inherit';
|
|
201
|
-
});
|
|
202
|
-
var StyledDivider = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n text-transform: uppercase;\n font-size: 11px;\n font-weight: 600;\n display: flex;\n justify-content: center;\n align-items: center;\n letter-spacing: 1.8px;\n margin-top: 0;\n padding: 8px;\n\n background-color: ", ";\n color: inherit;\n"], ["\n width: 100%;\n text-transform: uppercase;\n font-size: 11px;\n font-weight: 600;\n display: flex;\n justify-content: center;\n align-items: center;\n letter-spacing: 1.8px;\n margin-top: 0;\n padding: 8px;\n\n background-color: ", ";\n color: inherit;\n"])), function (_a) {
|
|
203
|
-
var _b, _c;
|
|
204
|
-
var theme = _a.theme, hasTitle = _a.hasTitle;
|
|
205
|
-
return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.section) === null || _c === void 0 ? void 0 : _c.background) ||
|
|
206
|
-
(hasTitle ? (0, polished_1.darken)(0.02, (0, colors_1.getMainColor)(theme, 'sidebar')) : (0, colors_1.getMainColor)(theme, 'sidebar'));
|
|
207
|
-
});
|
|
208
|
-
var ReqoreSidebar = function (_a) {
|
|
209
|
-
var isCollapsed = _a.isCollapsed, onCollapseChange = _a.onCollapseChange, onCloseClick = _a.onCloseClick, path = _a.path, items = _a.items, bookmarks = _a.bookmarks, customItems = _a.customItems, collapseLabel = _a.collapseLabel, closeLabel = _a.closeLabel, wrapperStyle = _a.wrapperStyle, onBookmarksChange = _a.onBookmarksChange, useNativeTitle = _a.useNativeTitle, _b = _a.position, position = _b === void 0 ? 'left' : _b, _c = _a.collapsible, collapsible = _c === void 0 ? true : _c, bordered = _a.bordered, customTheme = _a.customTheme, flat = _a.flat, floating = _a.floating, hasFloatingBackdrop = _a.hasFloatingBackdrop, isOpen = _a.isOpen, closeOnItemClick = _a.closeOnItemClick;
|
|
210
|
-
var _d = (0, react_1.useState)(isCollapsed || false), _isCollapsed = _d[0], setIsCollapsed = _d[1];
|
|
211
|
-
react_1.useState;
|
|
212
|
-
var _e = (0, react_1.useState)(null), expandedSection = _e[0], setExpandedSection = _e[1];
|
|
213
|
-
var _f = (0, react_1.useState)(bookmarks || []), _bookmarks = _f[0], setBookmarks = _f[1];
|
|
214
|
-
var theme = (0, useTheme_1.useReqoreTheme)('sidebar', customTheme);
|
|
215
|
-
var zIndex = (0, useLatestZIndex_1["default"])();
|
|
216
|
-
(0, react_use_1.useUpdateEffect)(function () {
|
|
217
|
-
if (onBookmarksChange) {
|
|
218
|
-
onBookmarksChange(_bookmarks);
|
|
219
|
-
}
|
|
220
|
-
}, [_bookmarks]);
|
|
221
|
-
(0, react_use_1.useUpdateEffect)(function () {
|
|
222
|
-
setIsCollapsed(isCollapsed);
|
|
223
|
-
}, [isCollapsed]);
|
|
224
|
-
var handleSectionToggle = function (sectionId) {
|
|
225
|
-
setExpandedSection(function (currentExpandedSection) {
|
|
226
|
-
return sectionId === currentExpandedSection ? null : sectionId;
|
|
227
|
-
});
|
|
228
|
-
};
|
|
229
|
-
var handleFavoriteClick = function (id) {
|
|
230
|
-
setBookmarks(function (current) {
|
|
231
|
-
return __spreadArray(__spreadArray([], current, true), [id], false);
|
|
232
|
-
});
|
|
233
|
-
};
|
|
234
|
-
var handleUnfavoriteClick = function (id) {
|
|
235
|
-
setBookmarks(function (current) {
|
|
236
|
-
return __spreadArray([], current, true).filter(function (item) { return item !== id; });
|
|
237
|
-
});
|
|
238
|
-
};
|
|
239
|
-
var menu = (0, sidebar_1.transformMenu)(items, _bookmarks, customItems);
|
|
240
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [floating && hasFloatingBackdrop && isOpen ? ((0, jsx_runtime_1.jsx)(backdrop_1.ReqoreBackdrop, { className: 'reqore-sidebar-backdrop', onClose: function () { return onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick(); }, zIndex: zIndex })) : null, (0, jsx_runtime_1.jsxs)(StyledSidebar, __assign({ className: (0, classnames_1["default"])('sidebar', {
|
|
241
|
-
expanded: !_isCollapsed
|
|
242
|
-
}), style: wrapperStyle, role: 'qorus-sidebar-wrapper', position: position, bordered: bordered, theme: theme, flat: flat, floating: floating, isOpen: isOpen, zIndex: zIndex }, { children: [(0, jsx_runtime_1.jsx)(react_scrollbar_1["default"], __assign({ horizontal: false, className: 'sidebarScroll' }, { children: (0, map_1["default"])(menu, function (_a, sectionId) {
|
|
243
|
-
var title = _a.title, items = _a.items;
|
|
244
|
-
return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [sectionId !== '_qorusCustomElements' && ((0, jsx_runtime_1.jsx)(StyledDivider, __assign({ hasTitle: !!title, theme: theme }, { children: !_isCollapsed ? title || '' : '' }), sectionId + 'title')), (0, jsx_runtime_1.jsx)("div", __assign({ className: 'sidebarSection', role: 'qorus-sidebar-section-title' }, { children: (0, map_1["default"])(items, function (itemData, key) { return ((0, jsx_runtime_1.jsx)(item_1["default"], { itemData: itemData, isCollapsed: _isCollapsed, expandedSection: expandedSection, onSectionToggle: handleSectionToggle, bookmarks: bookmarks, currentPath: path, onFavoriteClick: handleFavoriteClick, onUnfavoriteClick: handleUnfavoriteClick, sectionName: sectionId, hasFavorites: !!onBookmarksChange, useNativeTitle: useNativeTitle, onClick: closeOnItemClick && onCloseClick ? function () { return void onCloseClick(); } : undefined }, key)); }) }), sectionId)] })) : null;
|
|
245
|
-
}) }), 'reqore-sidebar-scroll'), (0, jsx_runtime_1.jsx)(StyledDivider, { theme: theme }), collapsible && ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'sidebarSection', id: 'menuCollapse' }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ role: 'qorus-sidebar-collapse-button', className: 'sidebarItem', style: {
|
|
246
|
-
justifyContent: _isCollapsed
|
|
247
|
-
? 'center'
|
|
248
|
-
: position === 'left'
|
|
249
|
-
? 'flex-start'
|
|
250
|
-
: 'flex-end'
|
|
251
|
-
}, onClick: function () {
|
|
252
|
-
setIsCollapsed(!_isCollapsed);
|
|
253
|
-
if (onCollapseChange) {
|
|
254
|
-
onCollapseChange(!_isCollapsed);
|
|
255
|
-
}
|
|
256
|
-
} }, { children: [position === 'left' && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: isCollapsed ? 'ArrowRightSLine' : 'ArrowLeftSLine' })), ' ', !_isCollapsed && (collapseLabel || 'Collapse'), position === 'right' && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: _isCollapsed ? 'ArrowLeftSLine' : 'ArrowRightSLine' })), ' '] })) }))), floating && onCloseClick ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'sidebarSection', id: 'menuClose' }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ role: 'qorus-sidebar-close-button', className: 'sidebarItem', style: {
|
|
257
|
-
justifyContent: _isCollapsed
|
|
258
|
-
? 'center'
|
|
259
|
-
: position === 'left'
|
|
260
|
-
? 'flex-start'
|
|
261
|
-
: 'flex-end'
|
|
262
|
-
}, onClick: function () { return void onCloseClick(); } }, { children: [position === 'left' && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine' }), ' ', !_isCollapsed && (closeLabel || 'Close'), position === 'right' && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine' }), ' '] })) }))) : null] }))] }));
|
|
263
|
-
};
|
|
264
|
-
exports["default"] = ReqoreSidebar;
|
|
265
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
266
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { IQorusSidebarItem } from '.';
|
|
2
|
-
export interface SidebarItemProps {
|
|
3
|
-
itemData: IQorusSidebarItem;
|
|
4
|
-
isCollapsed?: boolean;
|
|
5
|
-
subItem?: boolean;
|
|
6
|
-
onSectionToggle?: (sectionId: string) => any;
|
|
7
|
-
isExpanded?: boolean;
|
|
8
|
-
isActive?: boolean;
|
|
9
|
-
tooltip?: string;
|
|
10
|
-
children?: any;
|
|
11
|
-
expandedSection?: string;
|
|
12
|
-
onFavoriteClick?: (id: string) => void;
|
|
13
|
-
onUnfavoriteClick?: (id: string) => void;
|
|
14
|
-
favoriteItems?: any;
|
|
15
|
-
formatItemName?: (itemName: string) => string;
|
|
16
|
-
currentPath?: string;
|
|
17
|
-
sectionName?: string;
|
|
18
|
-
hasFavorites?: boolean;
|
|
19
|
-
useNativeTitle?: boolean;
|
|
20
|
-
bookmarks?: string[];
|
|
21
|
-
onClick(): void;
|
|
22
|
-
}
|
|
23
|
-
export interface ISidebarTooltipProps {
|
|
24
|
-
isCollapsed?: boolean;
|
|
25
|
-
children: any;
|
|
26
|
-
itemData: IQorusSidebarItem;
|
|
27
|
-
isActive?: boolean;
|
|
28
|
-
isSubcategory?: boolean;
|
|
29
|
-
isSubitem?: boolean;
|
|
30
|
-
onClick?: any;
|
|
31
|
-
useNativeTitle?: boolean;
|
|
32
|
-
}
|
|
33
|
-
declare const SidebarItemWrapper: ({ itemData, isCollapsed, onSectionToggle, expandedSection, favoriteItems, currentPath, onFavoriteClick, onUnfavoriteClick, hasFavorites, sectionName, useNativeTitle, onClick, }: SidebarItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
export default SidebarItemWrapper;
|
|
35
|
-
//# sourceMappingURL=item.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAOtC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,GAAG,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiJD,QAAA,MAAM,kBAAkB,qLAarB,gBAAgB,4CA8DlB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|