@skbkontur/side-menu 4.0.0-beta.0 → 4.0.0-beta.2

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.
Files changed (14) hide show
  1. package/README.md +64 -64
  2. package/hooks/useMemoIcon.js +7 -7
  3. package/internal/themes/SideMenuDarkTheme.js +1 -1
  4. package/internal/themes/SideMenuTheme.js +1 -1
  5. package/package.json +11 -10
  6. package/src/SideMenuAvatar/SideMenuAvatar.d.ts +1 -1
  7. package/src/SideMenuAvatar/SideMenuAvatar.js +1 -1
  8. package/src/SideMenuHeader/SideMenuHeader.d.ts +1 -1
  9. package/src/SideMenuNotifications/BellWidget.js +2 -2
  10. package/src/SideMenuNotifications/BellWidgetError.js +3 -3
  11. package/src/SideMenuNotifications/SideMenuNotifications.js +3 -3
  12. package/src/internal/BackButton.js +2 -2
  13. package/src/internal/Burger.js +2 -2
  14. package/src/internal/SideMenuLogotype.js +1 -1
package/README.md CHANGED
@@ -24,22 +24,22 @@ import { getKonturAvatarUrl } from '@skbkontur/react-ui-addons';
24
24
  import { Kontur, Ofd } from '@skbkontur/logos';
25
25
  import { ThemeContext, ThemeFactory, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
26
26
  import { SideMenu } from '@skbkontur/side-menu';
27
- import { DocTextIcon24Regular } from '@skbkontur/icons/icons/DocTextIcon/DocTextIcon24Regular';
28
- import { CommentRectTextIcon24Regular } from '@skbkontur/icons/icons/CommentRectTextIcon/CommentRectTextIcon24Regular';
29
- import { LightbulbIcon24Regular } from '@skbkontur/icons/icons/LightbulbIcon/LightbulbIcon24Regular';
30
- import { BookOpenTextIcon24Regular } from '@skbkontur/icons/icons/BookOpenTextIcon/BookOpenTextIcon24Regular';
31
- import { BookmarkIcon24Regular } from '@skbkontur/icons/icons/BookmarkIcon/BookmarkIcon24Regular';
32
- import { StackHDownIcon24Regular } from '@skbkontur/icons/icons/StackHDownIcon/StackHDownIcon24Regular';
33
- import { SettingsGearIcon24Regular } from '@skbkontur/icons/icons/SettingsGearIcon/SettingsGearIcon24Regular';
34
- import { FaceAHappyIcon24Regular } from '@skbkontur/icons/icons/FaceAHappyIcon/FaceAHappyIcon24Regular';
35
- import { AttachLinkIcon } from '@skbkontur/icons/icons/AttachLinkIcon';
27
+ import { IconDocTextRegular24 } from '@skbkontur/icons/IconDocTextRegular24';
28
+ import { IconCommentRectTextRegular24 } from '@skbkontur/icons/IconCommentRectTextRegular24';
29
+ import { IconLightbulbRegular24 } from '@skbkontur/icons/IconLightbulbRegular24';
30
+ import { IconBookOpenTextRegular24 } from '@skbkontur/icons/IconBookOpenTextRegular24';
31
+ import { IconBookmarkRegular24 } from '@skbkontur/icons/IconBookmarkRegular24';
32
+ import { IconStackHDownRegular24 } from '@skbkontur/icons/IconStackHDownRegular24';
33
+ import { IconSettingsGearRegular24 } from '@skbkontur/icons/IconSettingsGearRegular24';
34
+ import { IconFaceAHappyRegular24 } from '@skbkontur/icons/IconFaceAHappyRegular24';
35
+ import { IconAttachLinkRegular24 } from '@skbkontur/icons/IconAttachLinkRegular24';
36
36
 
37
37
  <div style={{height: '600px', position: 'relative'}}>
38
38
  <ThemeContext.Provider value={ThemeFactory.create({ sideMenuProductColor: '#64b419' })}>
39
39
  <SideMenu>
40
40
  <SideMenu.Header konturLogo={<Kontur/>} productLogo={<Ofd/>}/>
41
41
  <SideMenu.Body>
42
- <SideMenu.Item icon={<DocTextIcon24Regular/>} caption={'Документы к подписанию'} marker={'2'}>
42
+ <SideMenu.Item icon={<IconDocTextRegular24/>} caption={'Документы к подписанию'} marker={'2'}>
43
43
  <SideMenu.SubItem caption={'Входящие'}/>
44
44
  <SideMenu.SubItem caption={'Исходящие'} marker={'2'}>
45
45
  <SideMenu.SubItem caption={'Исходящие1'}/>
@@ -53,22 +53,22 @@ import { AttachLinkIcon } from '@skbkontur/icons/icons/AttachLinkIcon';
53
53
  <SideMenu.SubItem caption={'Требуют обработки'}/>
54
54
  <SideMenu.SubItem caption={'Обработанные'}/>
55
55
  </SideMenu.Item>
56
- <SideMenu.Item icon={<FaceAHappyIcon24Regular />} caption={'Контрагенты'} marker/>
57
- <SideMenu.Item icon={<CommentRectTextIcon24Regular/>} caption={'Сообщения'} marker={'5'}>
56
+ <SideMenu.Item icon={<IconFaceAHappyRegular24 />} caption={'Контрагенты'} marker/>
57
+ <SideMenu.Item icon={<IconCommentRectTextRegular24/>} caption={'Сообщения'} marker={'5'}>
58
58
  <SideMenu.SubItem caption={'Входящие'} marker={'5'}/>
59
59
  <SideMenu.SubItem caption={'Исходящие'}/>
60
60
  <SideMenu.SubItem caption={'Внутренние'}/>
61
61
  <SideMenu.SubItem caption={'Черновики'}/>
62
62
  <SideMenu.SubItem caption={'Удаленные'}/>
63
63
  </SideMenu.Item>
64
- <SideMenu.Item icon={<LightbulbIcon24Regular/>} caption={'Справочная'}/>
64
+ <SideMenu.Item icon={<IconLightbulbRegular24/>} caption={'Справочная'}/>
65
65
  <SideMenu.Divider/>
66
- <SideMenu.Link href={'https://google.com'} icon={<AttachLinkIcon />} caption={'Ссылка'} target={'_blank'}/>
67
- <SideMenu.Item icon={<BookOpenTextIcon24Regular/>} caption={'Еще раздел'}/>
68
- <SideMenu.Item icon={<BookmarkIcon24Regular/>} caption={'Отчетность'}/>
66
+ <SideMenu.Link href={'https://google.com'} icon={<IconAttachLinkRegular24 />} caption={'Ссылка'} target={'_blank'}/>
67
+ <SideMenu.Item icon={<IconBookOpenTextRegular24/>} caption={'Еще раздел'}/>
68
+ <SideMenu.Item icon={<IconBookmarkRegular24/>} caption={'Отчетность'}/>
69
69
  </SideMenu.Body>
70
70
  <SideMenu.Footer>
71
- <SideMenu.Organisations icon={<StackHDownIcon24Regular/>}>
71
+ <SideMenu.Organisations icon={<IconStackHDownRegular24/>}>
72
72
  <MenuItem>СКБ Контур</MenuItem>
73
73
  <MenuItem>Сириус Базинес</MenuItem>
74
74
  <MenuItem>Контур НТТ</MenuItem>
@@ -76,7 +76,7 @@ import { AttachLinkIcon } from '@skbkontur/icons/icons/AttachLinkIcon';
76
76
  <MenuSeparator />
77
77
  <MenuItem>Список организаций</MenuItem>
78
78
  </SideMenu.Organisations>
79
- <SideMenu.Item icon={<SettingsGearIcon24Regular/>} caption={'Реквизиты и настройки'}/>
79
+ <SideMenu.Item icon={<IconSettingsGearRegular24/>} caption={'Реквизиты и настройки'}/>
80
80
  <SideMenu.Avatar
81
81
  userName={'Ишматова Елена'}
82
82
  avatarUrl={getKonturAvatarUrl({
@@ -103,14 +103,14 @@ import { getKonturAvatarUrl } from '@skbkontur/react-ui-addons';
103
103
  import { Buhgalteria, Kontur } from '@skbkontur/logos';
104
104
  import { ThemeContext, ThemeFactory, MenuItem, Modal, Input, MenuSeparator } from '@skbkontur/react-ui';
105
105
  import { SideMenu } from '@skbkontur/side-menu';
106
- import { DocTextIcon24Regular } from '@skbkontur/icons/icons/DocTextIcon/DocTextIcon24Regular';
107
- import { CommentRectTextIcon24Regular } from '@skbkontur/icons/icons/CommentRectTextIcon/CommentRectTextIcon24Regular';
108
- import { LightbulbIcon24Regular } from '@skbkontur/icons/icons/LightbulbIcon/LightbulbIcon24Regular';
109
- import { BookOpenTextIcon24Regular } from '@skbkontur/icons/icons/BookOpenTextIcon/BookOpenTextIcon24Regular';
110
- import { BookmarkIcon24Regular } from '@skbkontur/icons/icons/BookmarkIcon/BookmarkIcon24Regular';
111
- import { StackHDownIcon24Regular } from '@skbkontur/icons/icons/StackHDownIcon/StackHDownIcon24Regular';
112
- import { SettingsGearIcon24Regular } from '@skbkontur/icons/icons/SettingsGearIcon/SettingsGearIcon24Regular';
113
- import { FaceAHappyIcon24Regular } from '@skbkontur/icons/icons/FaceAHappyIcon/FaceAHappyIcon24Regular';
106
+ import { IconDocTextRegular24 } from '@skbkontur/icons/IconDocTextRegular24';
107
+ import { IconCommentRectTextRegular24 } from '@skbkontur/icons/IconCommentRectTextRegular24';
108
+ import { IconLightbulbRegular24 } from '@skbkontur/icons/IconLightbulbRegular24';
109
+ import { IconBookOpenTextRegular24 } from '@skbkontur/icons/IconBookOpenTextRegular24';
110
+ import { IconBookmarkRegular24 } from '@skbkontur/icons/IconBookmarkRegular24';
111
+ import { IconStackHDownRegular24 } from '@skbkontur/icons/IconStackHDownRegular24';
112
+ import { IconSettingsGearRegular24 } from '@skbkontur/icons/IconSettingsGearRegular24';
113
+ import { IconFaceAHappyRegular24 } from '@skbkontur/icons/IconFaceAHappyRegular24';
114
114
 
115
115
  const [opened, setOpened] = React.useState(false);
116
116
 
@@ -147,7 +147,7 @@ const renderModal = () => {
147
147
  <SideMenu isSeparatedMenu={true}>
148
148
  <SideMenu.Header konturLogo={<Kontur/>} productLogo={<Buhgalteria/>} withWidget={false}/>
149
149
  <SideMenu.Body>
150
- <SideMenu.Item icon={<DocTextIcon24Regular/>} caption={'Документы'} marker={'2'}>
150
+ <SideMenu.Item icon={<IconDocTextRegular24/>} caption={'Документы'} marker={'2'}>
151
151
  <SideMenu.SubItem caption={'Входящие'} marker={'5'}>
152
152
  <SideMenu.SubItem caption={'Входящие 1'}>
153
153
  <SideMenu.SubItem caption={'Входящие11'}>
@@ -177,22 +177,22 @@ const renderModal = () => {
177
177
  <SideMenu.SubItem caption={'Требуют обработки'}/>
178
178
  <SideMenu.SubItem caption={'Обработанные'}/>
179
179
  </SideMenu.Item>
180
- <SideMenu.Item icon={<FaceAHappyIcon24Regular />} caption={'Контрагенты'}/>
181
- <SideMenu.Item icon={<CommentRectTextIcon24Regular/>} caption={'Сообщения'} marker={'5'}>
180
+ <SideMenu.Item icon={<IconFaceAHappyRegular24 />} caption={'Контрагенты'}/>
181
+ <SideMenu.Item icon={<IconCommentRectTextRegular24/>} caption={'Сообщения'} marker={'5'}>
182
182
  <SideMenu.SubItem caption={'Входящие'} marker={'5'}/>
183
183
  <SideMenu.SubItem caption={'Исходящие'}/>
184
184
  <SideMenu.SubItem caption={'Внутренние'}/>
185
185
  <SideMenu.SubItem caption={'Черновики'}/>
186
186
  <SideMenu.SubItem caption={'Удаленные'}/>
187
187
  </SideMenu.Item>
188
- <SideMenu.Item icon={<LightbulbIcon24Regular/>} caption={'Справочная'}/>
188
+ <SideMenu.Item icon={<IconLightbulbRegular24/>} caption={'Справочная'}/>
189
189
  <SideMenu.Divider />
190
- <SideMenu.Item icon={<BookOpenTextIcon24Regular/>} caption={'Еще раздел'}/>
191
- <SideMenu.Item icon={<BookmarkIcon24Regular/>} caption={'Отчетность'}/>
190
+ <SideMenu.Item icon={<IconBookOpenTextRegular24/>} caption={'Еще раздел'}/>
191
+ <SideMenu.Item icon={<IconBookmarkRegular24/>} caption={'Отчетность'}/>
192
192
  </SideMenu.Body>
193
193
  <SideMenu.Footer>
194
- <SideMenu.Item icon={<StackHDownIcon24Regular/>} caption={'СКБ Контур'} onClick={open} isButton={true}/>
195
- <SideMenu.Item icon={<SettingsGearIcon24Regular/>} caption={'Реквизиты и настройки'}/>
194
+ <SideMenu.Item icon={<IconStackHDownRegular24/>} caption={'СКБ Контур'} onClick={open} isButton={true}/>
195
+ <SideMenu.Item icon={<IconSettingsGearRegular24/>} caption={'Реквизиты и настройки'}/>
196
196
  <SideMenu.Avatar
197
197
  userName={'Ишматова Елена'}
198
198
  avatarUrl={getKonturAvatarUrl({
@@ -228,15 +228,15 @@ import { getKonturAvatarUrl } from '@skbkontur/react-ui-addons';
228
228
  import { Kontur, Ofd } from '@skbkontur/logos';
229
229
  import { ThemeContext, ThemeFactory, MenuItem, Select, Switcher, MenuSeparator} from '@skbkontur/react-ui';
230
230
  import { SideMenu } from '@skbkontur/side-menu';
231
- import { DocTextIcon24Regular } from '@skbkontur/icons/icons/DocTextIcon/DocTextIcon24Regular';
232
- import { CommentRectTextIcon24Regular } from '@skbkontur/icons/icons/CommentRectTextIcon/CommentRectTextIcon24Regular';
233
- import { LightbulbIcon24Regular } from '@skbkontur/icons/icons/LightbulbIcon/LightbulbIcon24Regular';
234
- import { BookOpenTextIcon24Regular } from '@skbkontur/icons/icons/BookOpenTextIcon/BookOpenTextIcon24Regular';
235
- import { BookmarkIcon24Regular } from '@skbkontur/icons/icons/BookmarkIcon/BookmarkIcon24Regular';
236
- import { StackHDownIcon24Regular } from '@skbkontur/icons/icons/StackHDownIcon/StackHDownIcon24Regular';
237
- import { SettingsGearIcon24Regular } from '@skbkontur/icons/icons/SettingsGearIcon/SettingsGearIcon24Regular';
238
- import { FaceAHappyIcon24Regular } from '@skbkontur/icons/icons/FaceAHappyIcon/FaceAHappyIcon24Regular';
239
- import { AttachLinkIcon24Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon24Regular';
231
+ import { IconDocTextRegular24 } from '@skbkontur/icons/IconDocTextRegular24';
232
+ import { IconCommentRectTextRegular24 } from '@skbkontur/icons/IconCommentRectTextRegular24';
233
+ import { IconLightbulbRegular24 } from '@skbkontur/icons/IconLightbulbRegular24';
234
+ import { IconBookOpenTextRegular24 } from '@skbkontur/icons/IconBookOpenTextRegular24';
235
+ import { IconBookmarkRegular24 } from '@skbkontur/icons/IconBookmarkRegular24';
236
+ import { IconStackHDownRegular24 } from '@skbkontur/icons/IconStackHDownRegular24';
237
+ import { IconSettingsGearRegular24 } from '@skbkontur/icons/IconSettingsGearRegular24';
238
+ import { IconFaceAHappyRegular24 } from '@skbkontur/icons/IconFaceAHappyRegular24';
239
+ import { IconAttachLinkRegular24 } from '@skbkontur/icons/IconAttachLinkRegular24';
240
240
 
241
241
 
242
242
  const [activeItem, setActiveItem] = useState('122');
@@ -270,7 +270,7 @@ const items = [
270
270
  <SideMenu activeItem={activeItem} onActiveItemChange={setActiveItem} isSeparatedMenu={isSeparatedMenu}>
271
271
  <SideMenu.Header konturLogo={<Kontur />} productLogo={<Ofd />} withWidget={false} />
272
272
  <SideMenu.Body>
273
- <SideMenu.Item icon={<DocTextIcon24Regular />} caption={'Документы к подписанию id=100'} marker={'2'} id={'100'}>
273
+ <SideMenu.Item icon={<IconDocTextRegular24 />} caption={'Документы к подписанию id=100'} marker={'2'} id={'100'}>
274
274
  <SideMenu.SubItem caption={'Входящие id=110'} id={'110'} />
275
275
  <SideMenu.SubItem caption={'Исходящие id=120'} marker={'2'} id={'120'}>
276
276
  <SideMenu.SubItem caption={'Исходящие1 id=121'} id={'121'} />
@@ -283,23 +283,23 @@ const items = [
283
283
  <SideMenu.SubItem caption={'Требуют обработки id=160'} id={'160'} />
284
284
  <SideMenu.SubItem caption={'Обработанные id=170'} id={'170'} />
285
285
  </SideMenu.Item>
286
- <SideMenu.Item icon={<FaceAHappyIcon24Regular />} caption={'Контрагенты id=200'} id={'200'} />
287
- <SideMenu.Item icon={<CommentRectTextIcon24Regular />} caption={'Сообщения id=300'} marker={'5'} id={'300'}>
286
+ <SideMenu.Item icon={<IconFaceAHappyRegular24 />} caption={'Контрагенты id=200'} id={'200'} />
287
+ <SideMenu.Item icon={<IconCommentRectTextRegular24 />} caption={'Сообщения id=300'} marker={'5'} id={'300'}>
288
288
  <SideMenu.SubItem caption={'Входящие id=310'} marker={'5'} id={'310'} />
289
289
  <SideMenu.SubItem caption={'Исходящие id=320'} id={'320'} />
290
290
  <SideMenu.SubItem caption={'Внутренние id=330'} id={'330'} />
291
291
  <SideMenu.SubItem caption={'Черновики id=340'} id={'340'} />
292
292
  <SideMenu.SubItem caption={'Удаленные id=350'} id={'350'} />
293
293
  </SideMenu.Item>
294
- <SideMenu.Item icon={<LightbulbIcon24Regular />} caption={'Справочная id=400'} id={'400'} />
294
+ <SideMenu.Item icon={<IconLightbulbRegular24 />} caption={'Справочная id=400'} id={'400'} />
295
295
  <SideMenu.Divider />
296
- <SideMenu.Item icon={<BookOpenTextIcon24Regular />} caption={'Еще раздел id=500'} id={'500'} />
297
- <SideMenu.Item icon={<BookmarkIcon24Regular />} caption={'Отчетность id=600'} id={'600'} />
298
- <SideMenu.Link href={'https://google.com'} icon={<AttachLinkIcon24Regular />} caption={'Ссылка'}
296
+ <SideMenu.Item icon={<IconBookOpenTextRegular24 />} caption={'Еще раздел id=500'} id={'500'} />
297
+ <SideMenu.Item icon={<IconBookmarkRegular24 />} caption={'Отчетность id=600'} id={'600'} />
298
+ <SideMenu.Link href={'https://google.com'} icon={<IconAttachLinkRegular24 />} caption={'Ссылка'}
299
299
  target={'_blank'} />
300
300
  </SideMenu.Body>
301
301
  <SideMenu.Footer>
302
- <SideMenu.Dropdown icon={<StackHDownIcon24Regular />}>
302
+ <SideMenu.Dropdown icon={<IconStackHDownRegular24 />}>
303
303
  <MenuItem>СКБ Контур</MenuItem>
304
304
  <MenuItem>Сириус Базинес</MenuItem>
305
305
  <MenuItem>Контур НТТ</MenuItem>
@@ -307,7 +307,7 @@ const items = [
307
307
  <MenuSeparator />
308
308
  <MenuItem>Список организаций</MenuItem>
309
309
  </SideMenu.Dropdown>
310
- <SideMenu.Item icon={<SettingsGearIcon24Regular />} caption={'Реквизиты и настройки'} />
310
+ <SideMenu.Item icon={<IconSettingsGearRegular24 />} caption={'Реквизиты и настройки'} />
311
311
  <SideMenu.Avatar
312
312
  userName={'Ишматова Елена'}
313
313
  avatarUrl={getKonturAvatarUrl({
@@ -510,8 +510,8 @@ import { SideMenu } from '@skbkontur/side-menu';
510
510
  ```jsx harmony
511
511
  import { Kontur, Ofd } from '@skbkontur/logos';
512
512
  import { SideMenu } from '@skbkontur/side-menu';
513
- import { DocTextIcon24Regular } from '@skbkontur/icons/icons/DocTextIcon/DocTextIcon24Regular';
514
- import { SettingsGearIcon24Regular } from '@skbkontur/icons/icons/SettingsGearIcon/SettingsGearIcon24Regular';
513
+ import { IconDocTextRegular24 } from '@skbkontur/icons/IconDocTextRegular24';
514
+ import { IconSettingsGearRegular24 } from '@skbkontur/icons/IconSettingsGearRegular24';
515
515
  import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
516
516
 
517
517
  <div style={{ height: '200px', position: 'relative' }}>
@@ -519,10 +519,10 @@ import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
519
519
  <SideMenu>
520
520
  <SideMenu.Header konturLogo={<Kontur />} productLogo={<Ofd />} />
521
521
  <SideMenu.Body>
522
- <SideMenu.Item icon={<DocTextIcon24Regular />} caption={'Документы к подписанию'} marker={'2'} />
522
+ <SideMenu.Item icon={<IconDocTextRegular24 />} caption={'Документы к подписанию'} marker={'2'} />
523
523
  </SideMenu.Body>
524
524
  <SideMenu.Footer>
525
- <SideMenu.Item icon={<SettingsGearIcon24Regular />} caption={'Реквизиты и настройки'} />
525
+ <SideMenu.Item icon={<IconSettingsGearRegular24 />} caption={'Реквизиты и настройки'} />
526
526
  </SideMenu.Footer>
527
527
  </SideMenu>
528
528
  </ThemeContext.Provider>
@@ -534,8 +534,8 @@ import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
534
534
  ```jsx harmony
535
535
  import { Kontur, Ofd } from '@skbkontur/logos';
536
536
  import { SideMenu } from '@skbkontur/side-menu';
537
- import { DocTextIcon24Regular } from '@skbkontur/icons/icons/DocTextIcon/DocTextIcon24Regular';
538
- import { SettingsGearIcon24Regular } from '@skbkontur/icons/icons/SettingsGearIcon/SettingsGearIcon24Regular';
537
+ import { IconDocTextRegular24 } from '@skbkontur/icons/IconDocTextRegular24';
538
+ import { IconSettingsGearRegular24 } from '@skbkontur/icons/IconSettingsGearRegular24';
539
539
  import { ThemeContext, ThemeFactory, Button } from '@skbkontur/react-ui';
540
540
 
541
541
  const [isOpen, setIsOpen] = React.useState(true);
@@ -546,10 +546,10 @@ const [isOpen, setIsOpen] = React.useState(true);
546
546
  <SideMenu isOpen={isOpen} onOpen={() => console.log('onOpen')} onClose={() => console.log('onClose')}>
547
547
  <SideMenu.Header konturLogo={<Kontur />} productLogo={<Ofd />} />
548
548
  <SideMenu.Body>
549
- <SideMenu.Item icon={<DocTextIcon24Regular />} caption={'Документы к подписанию'} />
549
+ <SideMenu.Item icon={<IconDocTextRegular24 />} caption={'Документы к подписанию'} />
550
550
  </SideMenu.Body>
551
551
  <SideMenu.Footer>
552
- <SideMenu.Item icon={<SettingsGearIcon24Regular />} caption={'Реквизиты и настройки'} />
552
+ <SideMenu.Item icon={<IconSettingsGearRegular24 />} caption={'Реквизиты и настройки'} />
553
553
  </SideMenu.Footer>
554
554
  </SideMenu>
555
555
  </ThemeContext.Provider>
@@ -564,8 +564,8 @@ const [isOpen, setIsOpen] = React.useState(true);
564
564
  ```jsx harmony
565
565
  import { Kontur, Ofd } from '@skbkontur/logos';
566
566
  import { SideMenu } from '@skbkontur/side-menu';
567
- import { DocTextIcon24Regular } from '@skbkontur/icons/icons/DocTextIcon/DocTextIcon24Regular';
568
- import { SettingsGearIcon24Regular } from '@skbkontur/icons/icons/SettingsGearIcon/SettingsGearIcon24Regular';
567
+ import { IconDocTextRegular24 } from '@skbkontur/icons/IconDocTextRegular24';
568
+ import { IconSettingsGearRegular24 } from '@skbkontur/icons/IconSettingsGearRegular24';
569
569
  import { ThemeContext, ThemeFactory, Button } from '@skbkontur/react-ui';
570
570
 
571
571
  const [isPinned, setIsPinned] = React.useState(localStorage.getItem('sideMenuIsPinned') === 'true');
@@ -585,10 +585,10 @@ React.useEffect(() => {
585
585
  }}>
586
586
  <SideMenu.Header konturLogo={<Kontur />} productLogo={<Ofd />} />
587
587
  <SideMenu.Body>
588
- <SideMenu.Item icon={<DocTextIcon24Regular />} caption={'Документы к подписанию'} />
588
+ <SideMenu.Item icon={<IconDocTextRegular24 />} caption={'Документы к подписанию'} />
589
589
  </SideMenu.Body>
590
590
  <SideMenu.Footer>
591
- <SideMenu.Item icon={<SettingsGearIcon24Regular />} caption={'Реквизиты и настройки'} />
591
+ <SideMenu.Item icon={<IconSettingsGearRegular24 />} caption={'Реквизиты и настройки'} />
592
592
  </SideMenu.Footer>
593
593
  </SideMenu>
594
594
  </ThemeContext.Provider>
package/hooks/useMemoIcon.js CHANGED
@@ -1,23 +1,23 @@
1
1
  import React, { useMemo } from 'react';
2
- import { ArrowCDownIcon16Regular } from '@skbkontur/icons/icons/ArrowCDownIcon/ArrowCDownIcon16Regular.js';
3
- import { ArrowCRightIcon16Regular } from '@skbkontur/icons/icons/ArrowCRightIcon/ArrowCRightIcon16Regular.js';
4
- import { ArrowCLeftIcon16Regular } from '@skbkontur/icons/icons/ArrowCLeftIcon/ArrowCLeftIcon16Regular.js';
2
+ import { IconArrowCDownRegular16 } from '@skbkontur/icons/IconArrowCDownRegular16';
3
+ import { IconArrowCRightRegular16 } from '@skbkontur/icons/IconArrowCRightRegular16';
4
+ import { IconArrowCLeftRegular16 } from '@skbkontur/icons/IconArrowCLeftRegular16';
5
5
  export var useMemoIcon = function (children, _a) {
6
6
  var isOpened = _a.isOpened, onClick = _a.onClick;
7
7
  return useMemo(function () {
8
8
  if (children) {
9
9
  if (isOpened) {
10
- return React.createElement(ArrowCDownIcon16Regular, { onClick: onClick });
10
+ return React.createElement(IconArrowCDownRegular16, { onClick: onClick });
11
11
  }
12
- return React.createElement(ArrowCRightIcon16Regular, null);
12
+ return React.createElement(IconArrowCRightRegular16, null);
13
13
  }
14
14
  }, [isOpened, children]);
15
15
  };
16
16
  export var useMemoBorderIcon = function (isCollapsed) {
17
17
  return useMemo(function () {
18
18
  if (isCollapsed) {
19
- return React.createElement(ArrowCRightIcon16Regular, null);
19
+ return React.createElement(IconArrowCRightRegular16, null);
20
20
  }
21
- return React.createElement(ArrowCLeftIcon16Regular, null);
21
+ return React.createElement(IconArrowCLeftRegular16, null);
22
22
  }, [isCollapsed]);
23
23
  };
package/internal/themes/SideMenuDarkTheme.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { __extends } from "tslib";
2
2
  import { exposeGetters } from '@skbkontur/react-ui/lib/theming/ThemeHelpers';
3
- import * as colors from '@skbkontur/colors/tokens-default/dark.js';
3
+ import * as colors from '@skbkontur/colors/tokens-default/dark';
4
4
  import { SideMenuTheme } from './SideMenuTheme.js';
5
5
  var SideMenuDarkTheme = /** @class */ (function (_super) {
6
6
  __extends(SideMenuDarkTheme, _super);
package/internal/themes/SideMenuTheme.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { __extends } from "tslib";
2
2
  import { BasicThemeClassForExtension } from '@skbkontur/react-ui/internal/themes/BasicTheme';
3
3
  import { exposeGetters } from '@skbkontur/react-ui/lib/theming/ThemeHelpers';
4
- import * as colors from '@skbkontur/colors/tokens-default/light.js';
4
+ import * as colors from '@skbkontur/colors/tokens-default/light';
5
5
  var SideMenuTheme = /** @class */ (function (_super) {
6
6
  __extends(SideMenuTheme, _super);
7
7
  function SideMenuTheme() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skbkontur/side-menu",
3
- "version": "4.0.0-beta.0",
3
+ "version": "4.0.0-beta.2",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org/"
@@ -19,24 +19,25 @@
19
19
  "build:lint:attw": "attw --config-path ../../.attw.json ./dist",
20
20
  "lint": "tsc --noEmit -p tsconfig.json"
21
21
  },
22
+ "exports": {
23
+ ".": "./index.js",
24
+ "./lib/*": "./lib/*.js",
25
+ "./package.json": "./package.json"
26
+ },
22
27
  "author": "Kontur",
23
28
  "peerDependencies": {
24
29
  "@skbkontur/react-ui": ">=5 <7",
25
- "react": ">=16.9",
26
- "react-dom": ">=16.9"
30
+ "react": ">=16.9 <20",
31
+ "react-dom": ">=16.9 <20"
27
32
  },
28
33
  "devDependencies": {},
29
34
  "dependencies": {
30
35
  "@skbkontur/bell-widget-npm-loader": "^0.2.3",
31
36
  "@skbkontur/colors": "^2.1.1",
32
- "@skbkontur/empty-state": "^1.1.4",
33
- "@skbkontur/icons": "^1.20.2",
34
- "@skbkontur/react-ui-addons": "^5.3.3",
37
+ "@skbkontur/empty-state": "^2.0.0-beta.2",
38
+ "@skbkontur/icons": ">=2 <3",
39
+ "@skbkontur/react-ui-addons": "^6.0.0-beta.1",
35
40
  "@skbkontur/widget-consumer-react-utils": "^1.6.12",
36
41
  "tslib": "^2.8.0"
37
- },
38
- "exports": {
39
- "./package.json": "./package.json",
40
- ".": "./index.js"
41
42
  }
42
43
  }
package/src/SideMenuAvatar/SideMenuAvatar.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type UserAvatarProps } from '@skbkontur/react-ui-addons/components/UserAvatar/UserAvatar.js';
2
+ import { type UserAvatarProps } from '@skbkontur/react-ui-addons/components/UserAvatar/UserAvatar';
3
3
  import type { DropdownMenu } from '@skbkontur/react-ui/components/DropdownMenu';
4
4
  import type { SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown.js';
5
5
  export interface SideMenuAvatarProps extends Omit<UserAvatarProps, 'style'>, Omit<SideMenuDropdownProps, 'icon'>, Partial<Pick<SideMenuDropdownProps, 'icon' | 'onOpen' | 'onClose'>> {
package/src/SideMenuAvatar/SideMenuAvatar.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { __assign, __rest } from "tslib";
2
2
  import React, { forwardRef, useContext } from 'react';
3
- import { UserAvatar } from '@skbkontur/react-ui-addons/components/UserAvatar/UserAvatar.js';
3
+ import { UserAvatar } from '@skbkontur/react-ui-addons/components/UserAvatar/UserAvatar';
4
4
  import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
5
5
  import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown.js';
6
6
  import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
package/src/SideMenuHeader/SideMenuHeader.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { LogotypeProps } from '@skbkontur/react-ui-addons/components/Logotype/Logotype.js';
2
+ import type { LogotypeProps } from '@skbkontur/react-ui-addons/components/Logotype/Logotype';
3
3
  export interface SideMenuHeaderProps extends Partial<LogotypeProps> {
4
4
  iconUrl?: string;
5
5
  }
package/src/SideMenuNotifications/BellWidget.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { __awaiter, __generator } from "tslib";
2
2
  import React, { useContext } from 'react';
3
- import { XIcon20Regular } from '@skbkontur/icons/icons/XIcon/XIcon20Regular.js';
3
+ import { IconXRegular20 } from '@skbkontur/icons/IconXRegular20';
4
4
  import { Center } from '@skbkontur/react-ui/components/Center/Center';
5
5
  import { Spinner } from '@skbkontur/react-ui/components/Spinner/Spinner';
6
6
  import { Button } from '@skbkontur/react-ui/components/Button/Button';
@@ -77,7 +77,7 @@ export var BellWidget = function (props) {
77
77
  return (React.createElement("div", { className: cx(styles.root(), wrapperHeightClass) },
78
78
  React.createElement("div", { className: styles.header(), "data-tid": SideMenuDataTids.bellHeader },
79
79
  React.createElement("span", { className: styles.headerText() }, "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F"),
80
- React.createElement(Button, { use: "text", size: "medium", width: 40, icon: React.createElement(XIcon20Regular, null), onClick: onClose, theme: buttonCloseTheme, "data-tid": SideMenuDataTids.bellCloseButton, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F" })),
80
+ React.createElement(Button, { use: "text", size: "medium", width: 40, icon: React.createElement(IconXRegular20, null), onClick: onClose, theme: buttonCloseTheme, "data-tid": SideMenuDataTids.bellCloseButton, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F" })),
81
81
  React.createElement(WidgetRenderer, { renderWidget: renderWidget, renderFault: function (_a) {
82
82
  var fault = _a.fault, retryRender = _a.retryRender;
83
83
  return (React.createElement(BellWidgetError, { renderErrorButton: renderErrorButton, error: fault, renderErrorMessage: renderErrorMessage, retryRender: retryRender }));
package/src/SideMenuNotifications/BellWidgetError.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { Center } from '@skbkontur/react-ui/components/Center/Center';
3
3
  import { EmptyState } from '@skbkontur/empty-state';
4
- import { WarningTriangleIcon64Solid } from '@skbkontur/icons/icons/WarningTriangleIcon/WarningTriangleIcon64Solid.js';
5
- import { ArrowUiAuthLoginIcon64Regular } from '@skbkontur/icons/icons/ArrowUiAuthLoginIcon/ArrowUiAuthLoginIcon64Regular.js';
4
+ import { IconWarningTriangleSolid64 } from '@skbkontur/icons/IconWarningTriangleSolid64';
5
+ import { IconArrowUiAuthLoginRegular64 } from '@skbkontur/icons/IconArrowUiAuthLoginRegular64';
6
6
  import { getErrorMessages } from './utils/getNotificationsErrorMessages.js';
7
7
  export var BellWidgetError = function (_a) {
8
8
  var renderErrorButton = _a.renderErrorButton, error = _a.error, renderErrorMessage = _a.renderErrorMessage, retryRender = _a.retryRender;
@@ -12,7 +12,7 @@ export var BellWidgetError = function (_a) {
12
12
  var isNotAuthorizedError = error.type === 'userNotAuthorized';
13
13
  var errorButton = renderErrorButton === null || renderErrorButton === void 0 ? void 0 : renderErrorButton(error, retryRender);
14
14
  var _b = getErrorMessages(isNotAuthorizedError), titleMessage = _b.titleMessage, errorMessage = _b.errorMessage;
15
- var icon = isNotAuthorizedError ? (React.createElement(ArrowUiAuthLoginIcon64Regular, { color: "#FCB73E" })) : (React.createElement(WarningTriangleIcon64Solid, { color: "#FCB73E" }));
15
+ var icon = isNotAuthorizedError ? (React.createElement(IconArrowUiAuthLoginRegular64, { color: "#FCB73E" })) : (React.createElement(IconWarningTriangleSolid64, { color: "#FCB73E" }));
16
16
  return (React.createElement(Center, null,
17
17
  React.createElement(EmptyState, { use: "status" },
18
18
  React.createElement(EmptyState.Header, { icon: icon }, titleMessage),
package/src/SideMenuNotifications/SideMenuNotifications.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { __assign, __rest } from "tslib";
2
2
  import React, { forwardRef, useContext } from 'react';
3
- import { NotificationBellIcon24Regular } from '@skbkontur/icons/icons/NotificationBellIcon/NotificationBellIcon24Regular.js';
4
- import { NotificationBellAlarmIcon24Regular } from '@skbkontur/icons/icons/NotificationBellAlarmIcon/NotificationBellAlarmIcon24Regular.js';
3
+ import { IconNotificationBellRegular24 } from '@skbkontur/icons/IconNotificationBellRegular24';
4
+ import { IconNotificationBellAlarmRegular24 } from '@skbkontur/icons/IconNotificationBellAlarmRegular24';
5
5
  import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
6
6
  import { ThemeFactory } from '@skbkontur/react-ui/lib/theming/ThemeFactory';
7
7
  import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown.js';
@@ -14,7 +14,7 @@ export var BELL_SIDE_MENU_DATA_ITEM = 'bell_side-menu-button';
14
14
  var SideMenuNotificationsInner = forwardRef(function (_a, ref) {
15
15
  var children = _a.children, _b = _a.positions, positions = _b === void 0 ? ['right top'] : _b, widgetApi = _a.widgetApi, count = _a.count, showDivider = _a.showDivider, onClose = _a.onClose, renderErrorButton = _a.renderErrorButton, renderErrorMessage = _a.renderErrorMessage, onError = _a.onError, rest = __rest(_a, ["children", "positions", "widgetApi", "count", "showDivider", "onClose", "renderErrorButton", "renderErrorMessage", "onError"]);
16
16
  var marker = getMarker(count);
17
- var currentIcon = marker ? React.createElement(NotificationBellAlarmIcon24Regular, null) : React.createElement(NotificationBellIcon24Regular, null);
17
+ var currentIcon = marker ? React.createElement(IconNotificationBellAlarmRegular24, null) : React.createElement(IconNotificationBellRegular24, null);
18
18
  var theme = getSideMenuTheme(useContext(ThemeContext));
19
19
  var bellDropDownItem = document.querySelector("[data-item=\"".concat(BELL_SIDE_MENU_DATA_ITEM, "\"]"));
20
20
  var bellDropDownButton = bellDropDownItem === null || bellDropDownItem === void 0 ? void 0 : bellDropDownItem.querySelector('button');
package/src/internal/BackButton.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { forwardRef, useContext } from 'react';
2
- import { ArrowALeftIcon20Regular } from '@skbkontur/icons/icons/ArrowALeftIcon/ArrowALeftIcon20Regular.js';
2
+ import { IconArrowALeftRegular20 } from '@skbkontur/icons/IconArrowALeftRegular20';
3
3
  import { SideMenuDataTids } from '../../SideMenuDataTids.js';
4
4
  import { SideMenuItem } from '../SideMenuItem/SideMenuItem.js';
5
5
  import { SideMenuContext } from '../SideMenuContext.js';
@@ -17,7 +17,7 @@ var BackButton = forwardRef(function (_a, ref) {
17
17
  var _a;
18
18
  (_a = context.navigation) === null || _a === void 0 ? void 0 : _a.switchActiveMenuItem(id);
19
19
  };
20
- return (React.createElement(SideMenuItem, (_b = { ref: ref, "data-tid": SideMenuDataTids.backButton, icon: React.createElement(ArrowALeftIcon20Regular, null), caption: caption, onClick: handleClick, _isSubMenu: true, _isBackButton: true }, _b[navigationAttributeBackButton] = '', _b)));
20
+ return (React.createElement(SideMenuItem, (_b = { ref: ref, "data-tid": SideMenuDataTids.backButton, icon: React.createElement(IconArrowALeftRegular20, null), caption: caption, onClick: handleClick, _isSubMenu: true, _isBackButton: true }, _b[navigationAttributeBackButton] = '', _b)));
21
21
  });
22
22
  BackButton.displayName = 'BackButton';
23
23
  var BackButtonWithStaticFields = Object.assign(BackButton, { __KONTUR_REACT_UI__: 'BackButton' });
package/src/internal/Burger.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { useContext } from 'react';
2
- import { UiMenuBars3HIcon24Regular } from '@skbkontur/icons/icons/UiMenuBars3HIcon/UiMenuBars3HIcon24Regular.js';
2
+ import { IconUiMenuBars3HRegular24 } from '@skbkontur/icons/IconUiMenuBars3HRegular24';
3
3
  import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
4
4
  import { useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
5
5
  import { SideMenuContext } from '../SideMenuContext.js';
@@ -11,5 +11,5 @@ export var Burger = function () {
11
11
  var theme = getSideMenuTheme(useContext(ThemeContext));
12
12
  var styles = useStyles(getStyles);
13
13
  return (React.createElement("button", { className: styles.root(theme), onClick: context.toggleIsOpened, "data-tid": SideMenuDataTids.burger },
14
- React.createElement(UiMenuBars3HIcon24Regular, null)));
14
+ React.createElement(IconUiMenuBars3HRegular24, null)));
15
15
  };
package/src/internal/SideMenuLogotype.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { __assign, __read, __rest } from "tslib";
2
2
  import React, { forwardRef, useContext, useEffect, useRef, useState } from 'react';
3
- import { Logotype } from '@skbkontur/react-ui-addons/components/Logotype/Logotype.js';
3
+ import { Logotype } from '@skbkontur/react-ui-addons/components/Logotype/Logotype';
4
4
  import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
5
5
  import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
6
6
  import { SideMenuContext } from '../SideMenuContext.js';