@addev-be/ui 0.7.2 → 0.7.4
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/assets/icons/arrow-down-1-9.svg +1 -1
- package/assets/icons/arrow-down-a-z.svg +1 -1
- package/assets/icons/arrow-up-z-a.svg +1 -1
- package/assets/icons/check.svg +1 -1
- package/assets/icons/circle-check.svg +1 -1
- package/assets/icons/down.svg +1 -1
- package/assets/icons/filter-full.svg +1 -1
- package/assets/icons/filter.svg +1 -1
- package/assets/icons/hashtag.svg +1 -1
- package/assets/icons/image-slash.svg +1 -1
- package/assets/icons/left.svg +1 -1
- package/assets/icons/magnifier.svg +1 -1
- package/assets/icons/phone.svg +1 -1
- package/assets/icons/right.svg +1 -1
- package/assets/icons/sort-calendar-ascending.svg +5 -5
- package/assets/icons/spinner-third.svg +1 -1
- package/assets/icons/table-columns.svg +1 -1
- package/assets/icons/table-footer-slash.svg +4 -4
- package/assets/icons/table-footer.svg +3 -3
- package/assets/icons/up.svg +1 -1
- package/assets/icons/user-tie.svg +1 -1
- package/assets/icons/x-bar.svg +3 -3
- package/dist/Icons.d.ts +49 -0
- package/dist/Icons.js +128 -0
- package/dist/components/auth/LoginForm.d.ts +2 -0
- package/dist/components/auth/LoginForm.js +47 -0
- package/dist/components/auth/LoginPage.d.ts +2 -0
- package/dist/components/auth/LoginPage.js +9 -0
- package/dist/components/auth/PasswordRecoveryForm.d.ts +2 -0
- package/dist/components/auth/PasswordRecoveryForm.js +24 -0
- package/dist/components/auth/PasswordResetForm.d.ts +2 -0
- package/dist/components/auth/PasswordResetForm.js +56 -0
- package/dist/components/auth/index.d.ts +4 -0
- package/dist/components/auth/index.js +20 -0
- package/dist/components/auth/styles.d.ts +3 -0
- package/dist/components/auth/styles.js +16 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +14 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +76 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +22 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +156 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +2 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/index.js +18 -0
- package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +2 -0
- package/dist/components/data/AdvancedRequestDataGrid/index.js +215 -0
- package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +21 -0
- package/dist/components/data/AdvancedRequestDataGrid/types.js +2 -0
- package/dist/components/data/DataGrid/AdvancedRequestDataGrid.d.ts +10 -0
- package/dist/components/data/DataGrid/AdvancedRequestDataGrid.js +173 -0
- package/dist/components/data/DataGrid/DataGridCell.d.ts +2 -0
- package/dist/components/data/DataGrid/DataGridCell.js +59 -0
- package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.d.ts +2 -0
- package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.js +24 -0
- package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.d.ts +6 -0
- package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.js +38 -0
- package/dist/components/data/DataGrid/DataGridColumnsModal/index.d.ts +15 -0
- package/dist/components/data/DataGrid/DataGridColumnsModal/index.js +111 -0
- package/dist/components/data/DataGrid/DataGridColumnsModal/styles.d.ts +22 -0
- package/dist/components/data/DataGrid/DataGridColumnsModal/styles.js +54 -0
- package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +2 -0
- package/dist/components/data/DataGrid/DataGridEditableCell.js +27 -0
- package/dist/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.d.ts +13 -0
- package/dist/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.js +71 -0
- package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.d.ts +9 -0
- package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.js +52 -0
- package/dist/components/data/DataGrid/DataGridFilterMenu/index.d.ts +9 -0
- package/dist/components/data/DataGrid/DataGridFilterMenu/index.js +221 -0
- package/dist/components/data/DataGrid/DataGridFilterMenu/styles.d.ts +18 -0
- package/dist/components/data/DataGrid/DataGridFilterMenu/styles.js +31 -0
- package/dist/components/data/DataGrid/DataGridFooter.d.ts +4 -0
- package/dist/components/data/DataGrid/DataGridFooter.js +44 -0
- package/dist/components/data/DataGrid/DataGridHeader.d.ts +4 -0
- package/dist/components/data/DataGrid/DataGridHeader.js +119 -0
- package/dist/components/data/DataGrid/DataGridHeaderCell.d.ts +2 -0
- package/dist/components/data/DataGrid/DataGridHeaderCell.js +84 -0
- package/dist/components/data/DataGrid/DataGridRowTemplate.d.ts +3 -0
- package/dist/components/data/DataGrid/DataGridRowTemplate.js +71 -0
- package/dist/components/data/DataGrid/FilterModalContent/index.d.ts +7 -0
- package/dist/components/data/DataGrid/FilterModalContent/index.js +117 -0
- package/dist/components/data/DataGrid/FilterModalContent/styles.d.ts +3 -0
- package/dist/components/data/DataGrid/FilterModalContent/styles.js +15 -0
- package/dist/components/data/DataGrid/FilterValuesScroller.d.ts +13 -0
- package/dist/components/data/DataGrid/FilterValuesScroller.js +73 -0
- package/dist/components/data/DataGrid/VirtualScroller.d.ts +11 -0
- package/dist/components/data/DataGrid/VirtualScroller.js +41 -0
- package/dist/components/data/DataGrid/helpers/advancedRequests.d.ts +12 -0
- package/dist/components/data/DataGrid/helpers/advancedRequests.js +53 -0
- package/dist/components/data/DataGrid/helpers/columns.d.ts +14 -0
- package/dist/components/data/DataGrid/helpers/columns.js +176 -0
- package/dist/components/data/DataGrid/helpers/filters.d.ts +18 -0
- package/dist/components/data/DataGrid/helpers/filters.js +334 -0
- package/dist/components/data/DataGrid/helpers/index.d.ts +2 -0
- package/dist/components/data/DataGrid/helpers/index.js +18 -0
- package/dist/components/data/DataGrid/helpers.d.ts +28 -0
- package/dist/components/data/DataGrid/helpers.js +436 -0
- package/dist/components/data/DataGrid/hooks/index.d.ts +7 -0
- package/dist/components/data/DataGrid/hooks/index.js +34 -0
- package/dist/components/data/DataGrid/hooks/useDataGrid.d.ts +2 -0
- package/dist/components/data/DataGrid/hooks/useDataGrid.js +241 -0
- package/dist/components/data/DataGrid/hooks/useDataGridCopy.d.ts +4 -0
- package/dist/components/data/DataGrid/hooks/useDataGridCopy.js +163 -0
- package/dist/components/data/DataGrid/hooks/useDataGridSettings.d.ts +16 -0
- package/dist/components/data/DataGrid/hooks/useDataGridSettings.js +43 -0
- package/dist/components/data/DataGrid/index.d.ts +8 -0
- package/dist/components/data/DataGrid/index.js +63 -0
- package/dist/components/data/DataGrid/styles.d.ts +47 -0
- package/dist/components/data/DataGrid/styles.js +111 -0
- package/dist/components/data/DataGrid/types.d.ts +172 -0
- package/dist/components/data/DataGrid/types.js +34 -0
- package/dist/components/data/SqlRequestDataGrid/helpers/columns.d.ts +17 -0
- package/dist/components/data/SqlRequestDataGrid/helpers/columns.js +136 -0
- package/dist/components/data/SqlRequestDataGrid/helpers/index.d.ts +2 -0
- package/dist/components/data/SqlRequestDataGrid/helpers/index.js +18 -0
- package/dist/components/data/SqlRequestDataGrid/helpers/sqlRequests.d.ts +3 -0
- package/dist/components/data/SqlRequestDataGrid/helpers/sqlRequests.js +18 -0
- package/dist/components/data/SqlRequestDataGrid/index.d.ts +13 -0
- package/dist/components/data/SqlRequestDataGrid/index.js +309 -0
- package/dist/components/data/SqlRequestDataGrid/types.d.ts +21 -0
- package/dist/components/data/SqlRequestDataGrid/types.js +2 -0
- package/dist/components/data/SqlRequestGrid/helpers/index.d.ts +1 -0
- package/dist/components/data/SqlRequestGrid/helpers/index.js +17 -0
- package/dist/components/data/SqlRequestGrid/helpers/sqlRequests.d.ts +3 -0
- package/dist/components/data/SqlRequestGrid/helpers/sqlRequests.js +18 -0
- package/dist/components/data/SqlRequestGrid/index.d.ts +4 -0
- package/dist/components/data/SqlRequestGrid/index.js +145 -0
- package/dist/components/data/SqlRequestGrid/styles.d.ts +16 -0
- package/dist/components/data/SqlRequestGrid/styles.js +33 -0
- package/dist/components/data/SqlRequestGrid/types.d.ts +30 -0
- package/dist/components/data/SqlRequestGrid/types.js +3 -0
- package/dist/components/data/VirtualScroller/hooks.d.ts +18 -0
- package/dist/components/data/VirtualScroller/hooks.js +50 -0
- package/dist/components/data/VirtualScroller/index.d.ts +14 -0
- package/dist/components/data/VirtualScroller/index.js +58 -0
- package/dist/components/data/VirtualScroller/styles.d.ts +16 -0
- package/dist/components/data/VirtualScroller/styles.js +39 -0
- package/dist/components/data/VirtualScroller/types.d.ts +6 -0
- package/dist/components/data/VirtualScroller/types.js +3 -0
- package/dist/components/data/index.d.ts +13 -0
- package/dist/components/data/index.js +29 -0
- package/dist/components/forms/Button.d.ts +10 -0
- package/dist/components/forms/Button.js +70 -0
- package/dist/components/forms/IconButton.d.ts +7 -0
- package/dist/components/forms/IconButton.js +64 -0
- package/dist/components/forms/IndeterminateCheckbox.d.ts +8 -0
- package/dist/components/forms/IndeterminateCheckbox.js +41 -0
- package/dist/components/forms/Select.d.ts +10 -0
- package/dist/components/forms/Select.js +49 -0
- package/dist/components/forms/VerticalLabel.d.ts +6 -0
- package/dist/components/forms/VerticalLabel.js +32 -0
- package/dist/components/forms/index.d.ts +5 -0
- package/dist/components/forms/index.js +21 -0
- package/dist/components/forms/styles.d.ts +7 -0
- package/dist/components/forms/styles.js +39 -0
- package/dist/components/index.d.ts +6 -0
- package/dist/components/index.js +22 -0
- package/dist/components/layout/Dropdown/index.d.ts +11 -0
- package/dist/components/layout/Dropdown/index.js +85 -0
- package/dist/components/layout/Dropdown/styles.d.ts +14 -0
- package/dist/components/layout/Dropdown/styles.js +48 -0
- package/dist/components/layout/Loading/index.d.ts +6 -0
- package/dist/components/layout/Loading/index.js +42 -0
- package/dist/components/layout/Loading/styles.d.ts +6 -0
- package/dist/components/layout/Loading/styles.js +18 -0
- package/dist/components/layout/Modal/index.d.ts +16 -0
- package/dist/components/layout/Modal/index.js +67 -0
- package/dist/components/layout/Modal/styles.d.ts +34 -0
- package/dist/components/layout/Modal/styles.js +56 -0
- package/dist/components/layout/index.d.ts +3 -0
- package/dist/components/layout/index.js +19 -0
- package/dist/components/search/HighlightedText.d.ts +5 -0
- package/dist/components/search/HighlightedText.js +43 -0
- package/dist/components/search/QuickSearchBar.d.ts +6 -0
- package/dist/components/search/QuickSearchBar.js +69 -0
- package/dist/components/search/QuickSearchResults.d.ts +8 -0
- package/dist/components/search/QuickSearchResults.js +70 -0
- package/dist/components/search/index.d.ts +5 -0
- package/dist/components/search/index.js +25 -0
- package/dist/components/search/styles.d.ts +28 -0
- package/dist/components/search/styles.js +40 -0
- package/dist/components/search/types.d.ts +21 -0
- package/dist/components/search/types.js +2 -0
- package/dist/components/ui/Card/index.d.ts +8 -0
- package/dist/components/ui/Card/index.js +34 -0
- package/dist/components/ui/Card/styles.d.ts +9 -0
- package/dist/components/ui/Card/styles.js +21 -0
- package/dist/components/ui/ContextMenu/index.d.ts +11 -0
- package/dist/components/ui/ContextMenu/index.js +63 -0
- package/dist/components/ui/ContextMenu/styles.d.ts +18 -0
- package/dist/components/ui/ContextMenu/styles.js +56 -0
- package/dist/components/ui/Message/index.d.ts +9 -0
- package/dist/components/ui/Message/index.js +53 -0
- package/dist/components/ui/Message/styles.d.ts +9 -0
- package/dist/components/ui/Message/styles.js +41 -0
- package/dist/components/ui/index.d.ts +3 -0
- package/dist/components/ui/index.js +19 -0
- package/dist/config/index.d.ts +10 -0
- package/dist/config/index.js +2 -0
- package/dist/config/types.d.ts +11 -0
- package/dist/config/types.js +2 -0
- package/dist/helpers/dates.d.ts +3 -0
- package/dist/helpers/dates.js +19 -0
- package/dist/helpers/getScrollbarSize.d.ts +1 -0
- package/dist/helpers/getScrollbarSize.js +17 -0
- package/dist/helpers/index.d.ts +3 -0
- package/dist/helpers/index.js +19 -0
- package/dist/helpers/numbers.d.ts +4 -0
- package/dist/helpers/numbers.js +39 -0
- package/dist/helpers/text.d.ts +2 -0
- package/dist/helpers/text.js +18 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.js +18 -0
- package/dist/hooks/useElementSize.d.ts +4 -0
- package/dist/hooks/useElementSize.js +23 -0
- package/dist/hooks/useWindowSize.d.ts +4 -0
- package/dist/hooks/useWindowSize.js +19 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +22 -0
- package/dist/providers/AuthenticationProvider/helpers.d.ts +1 -0
- package/dist/providers/AuthenticationProvider/helpers.js +6 -0
- package/dist/providers/AuthenticationProvider/index.d.ts +22 -0
- package/dist/providers/AuthenticationProvider/index.js +207 -0
- package/dist/providers/LoadingProvider/index.d.ts +7 -0
- package/dist/providers/LoadingProvider/index.js +26 -0
- package/dist/providers/PortalsProvider/index.d.ts +10 -0
- package/dist/providers/PortalsProvider/index.js +46 -0
- package/dist/providers/PortalsProvider/styles.d.ts +9 -0
- package/dist/providers/PortalsProvider/styles.js +21 -0
- package/dist/providers/SettingsProvider/index.d.ts +8 -0
- package/dist/providers/SettingsProvider/index.js +54 -0
- package/dist/providers/ThemeProvider/ThemeProvider.d.ts +7 -0
- package/dist/providers/ThemeProvider/ThemeProvider.js +51 -0
- package/dist/providers/ThemeProvider/defaultTheme.d.ts +2 -0
- package/dist/providers/ThemeProvider/defaultTheme.js +417 -0
- package/dist/providers/ThemeProvider/index.d.ts +3 -0
- package/dist/providers/ThemeProvider/index.js +22 -0
- package/dist/providers/ThemeProvider/types.d.ts +24 -0
- package/dist/providers/ThemeProvider/types.js +2 -0
- package/dist/providers/UiProviders/index.d.ts +12 -0
- package/dist/providers/UiProviders/index.js +62 -0
- package/dist/providers/UiProviders/styles.d.ts +3 -0
- package/dist/providers/UiProviders/styles.js +13 -0
- package/dist/providers/hooks.d.ts +5 -0
- package/dist/providers/hooks.js +19 -0
- package/dist/providers/index.d.ts +5 -0
- package/dist/providers/index.js +21 -0
- package/dist/services/HttpService.d.ts +10 -0
- package/dist/services/HttpService.js +125 -0
- package/dist/services/WebSocketService.d.ts +23 -0
- package/dist/services/WebSocketService.js +125 -0
- package/dist/services/advancedRequests.d.ts +41 -0
- package/dist/services/advancedRequests.js +13 -0
- package/dist/services/base.d.ts +14 -0
- package/dist/services/base.js +7 -0
- package/dist/services/globalSearch.d.ts +13 -0
- package/dist/services/globalSearch.js +8 -0
- package/dist/services/hooks.d.ts +3 -0
- package/dist/services/hooks.js +29 -0
- package/dist/services/index.d.ts +11 -0
- package/dist/services/index.js +27 -0
- package/dist/services/requests/auth.d.ts +63 -0
- package/dist/services/requests/auth.js +28 -0
- package/dist/services/requests/userPermissions.d.ts +4 -0
- package/dist/services/requests/userPermissions.js +20 -0
- package/dist/services/requests/userProfiles.d.ts +40 -0
- package/dist/services/requests/userProfiles.js +20 -0
- package/dist/services/requests/users.d.ts +84 -0
- package/dist/services/requests/users.js +20 -0
- package/dist/services/sqlRequests.d.ts +45 -0
- package/dist/services/sqlRequests.js +11 -0
- package/dist/services/types/auth.d.ts +87 -0
- package/dist/services/types/auth.js +72 -0
- package/dist/services/types/base.d.ts +6 -0
- package/dist/services/types/base.js +31 -0
- package/dist/services/types/userProfiles.d.ts +64 -0
- package/dist/services/types/userProfiles.js +68 -0
- package/dist/services/types/users.d.ts +118 -0
- package/dist/services/types/users.js +83 -0
- package/package.json +1 -1
- package/src/Icons.tsx +116 -116
- package/src/components/auth/LoginForm.tsx +84 -83
- package/src/components/auth/LoginPage.tsx +32 -32
- package/src/components/auth/PasswordRecoveryForm.tsx +52 -52
- package/src/components/auth/PasswordResetForm.tsx +112 -112
- package/src/components/auth/index.ts +4 -4
- package/src/components/auth/styles.ts +14 -14
- package/src/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.ts +93 -93
- package/src/components/data/AdvancedRequestDataGrid/helpers/columns.tsx +262 -262
- package/src/components/data/AdvancedRequestDataGrid/helpers/index.ts +2 -2
- package/src/components/data/AdvancedRequestDataGrid/index.tsx +267 -267
- package/src/components/data/AdvancedRequestDataGrid/types.ts +47 -47
- package/src/components/data/DataGrid/DataGridCell.tsx +73 -73
- package/src/components/data/DataGrid/DataGridColumnsModal/helpers.ts +14 -14
- package/src/components/data/DataGrid/DataGridColumnsModal/hooks.tsx +59 -59
- package/src/components/data/DataGrid/DataGridColumnsModal/index.tsx +181 -181
- package/src/components/data/DataGrid/DataGridColumnsModal/styles.ts +104 -104
- package/src/components/data/DataGrid/DataGridEditableCell.tsx +43 -43
- package/src/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.tsx +120 -120
- package/src/components/data/DataGrid/DataGridFilterMenu/hooks.tsx +75 -75
- package/src/components/data/DataGrid/DataGridFilterMenu/index.tsx +360 -360
- package/src/components/data/DataGrid/DataGridFilterMenu/styles.ts +96 -96
- package/src/components/data/DataGrid/DataGridFooter.tsx +42 -42
- package/src/components/data/DataGrid/DataGridHeader.tsx +126 -126
- package/src/components/data/DataGrid/DataGridHeaderCell.tsx +132 -132
- package/src/components/data/DataGrid/DataGridRowTemplate.tsx +70 -70
- package/src/components/data/DataGrid/FilterModalContent/index.tsx +136 -136
- package/src/components/data/DataGrid/FilterModalContent/styles.ts +22 -22
- package/src/components/data/DataGrid/helpers/columns.tsx +319 -319
- package/src/components/data/DataGrid/helpers/filters.ts +287 -287
- package/src/components/data/DataGrid/helpers/index.ts +2 -2
- package/src/components/data/DataGrid/hooks/index.ts +30 -30
- package/src/components/data/DataGrid/hooks/useDataGrid.tsx +287 -287
- package/src/components/data/DataGrid/hooks/useDataGridCopy.ts +175 -175
- package/src/components/data/DataGrid/hooks/useDataGridSettings.ts +48 -48
- package/src/components/data/DataGrid/index.tsx +82 -82
- package/src/components/data/DataGrid/styles.ts +285 -285
- package/src/components/data/DataGrid/types.ts +276 -276
- package/src/components/data/SqlRequestDataGrid/helpers/columns.tsx +303 -303
- package/src/components/data/SqlRequestDataGrid/helpers/index.ts +2 -2
- package/src/components/data/SqlRequestDataGrid/helpers/sqlRequests.ts +16 -16
- package/src/components/data/SqlRequestDataGrid/index.tsx +380 -380
- package/src/components/data/SqlRequestDataGrid/types.ts +47 -47
- package/src/components/data/SqlRequestGrid/helpers/index.ts +1 -1
- package/src/components/data/SqlRequestGrid/helpers/sqlRequests.ts +16 -16
- package/src/components/data/SqlRequestGrid/index.tsx +174 -174
- package/src/components/data/SqlRequestGrid/styles.ts +50 -50
- package/src/components/data/SqlRequestGrid/types.ts +50 -50
- package/src/components/data/VirtualScroller/hooks.ts +71 -71
- package/src/components/data/VirtualScroller/index.tsx +75 -75
- package/src/components/data/VirtualScroller/styles.ts +51 -51
- package/src/components/data/VirtualScroller/types.ts +12 -12
- package/src/components/data/index.ts +17 -17
- package/src/components/forms/Button.tsx +99 -99
- package/src/components/forms/IconButton.tsx +56 -56
- package/src/components/forms/IndeterminateCheckbox.tsx +46 -46
- package/src/components/forms/Select.tsx +40 -40
- package/src/components/forms/VerticalLabel.tsx +20 -20
- package/src/components/forms/index.ts +5 -5
- package/src/components/forms/styles.ts +31 -31
- package/src/components/index.ts +6 -6
- package/src/components/layout/Dropdown/index.tsx +80 -80
- package/src/components/layout/Dropdown/styles.ts +45 -45
- package/src/components/layout/Loading/index.tsx +29 -29
- package/src/components/layout/Loading/styles.ts +29 -29
- package/src/components/layout/Modal/index.tsx +51 -51
- package/src/components/layout/Modal/styles.ts +121 -121
- package/src/components/layout/index.ts +3 -3
- package/src/components/search/HighlightedText.tsx +37 -37
- package/src/components/search/QuickSearchBar.tsx +80 -80
- package/src/components/search/QuickSearchResults.tsx +86 -86
- package/src/components/search/index.ts +9 -9
- package/src/components/search/styles.ts +96 -96
- package/src/components/search/types.ts +26 -26
- package/src/components/ui/Card/index.tsx +14 -14
- package/src/components/ui/Card/styles.ts +37 -37
- package/src/components/ui/ContextMenu/index.tsx +79 -79
- package/src/components/ui/ContextMenu/styles.ts +119 -119
- package/src/components/ui/Message/index.tsx +57 -57
- package/src/components/ui/Message/styles.ts +40 -40
- package/src/components/ui/index.ts +3 -3
- package/src/config/index.ts +14 -14
- package/src/helpers/dates.ts +17 -17
- package/src/helpers/getScrollbarSize.ts +14 -14
- package/src/helpers/index.ts +3 -3
- package/src/helpers/numbers.ts +26 -26
- package/src/helpers/text.ts +13 -13
- package/src/hooks/index.ts +2 -2
- package/src/hooks/useElementSize.ts +24 -24
- package/src/hooks/useWindowSize.ts +20 -20
- package/src/index.ts +8 -8
- package/src/providers/AuthenticationProvider/helpers.ts +3 -3
- package/src/providers/AuthenticationProvider/index.tsx +235 -235
- package/src/providers/LoadingProvider/index.tsx +47 -47
- package/src/providers/PortalsProvider/index.tsx +54 -54
- package/src/providers/PortalsProvider/styles.ts +27 -27
- package/src/providers/SettingsProvider/index.tsx +70 -70
- package/src/providers/ThemeProvider/ThemeProvider.ts +63 -63
- package/src/providers/ThemeProvider/defaultTheme.ts +444 -444
- package/src/providers/ThemeProvider/index.ts +4 -4
- package/src/providers/ThemeProvider/types.ts +123 -123
- package/src/providers/UiProviders/index.tsx +65 -65
- package/src/providers/UiProviders/styles.ts +10 -10
- package/src/providers/hooks.ts +12 -12
- package/src/providers/index.ts +6 -6
- package/src/services/HttpService.ts +92 -92
- package/src/services/WebSocketService.ts +137 -137
- package/src/services/advancedRequests.ts +102 -101
- package/src/services/base.ts +23 -23
- package/src/services/globalSearch.ts +27 -27
- package/src/services/hooks.ts +44 -44
- package/src/services/index.ts +13 -13
- package/src/services/requests/auth.ts +44 -44
- package/src/services/requests/userProfiles.ts +35 -35
- package/src/services/requests/users.ts +28 -28
- package/src/services/sqlRequests.ts +111 -110
- package/src/services/types/auth.ts +131 -131
- package/src/services/types/base.ts +10 -10
- package/src/services/types/userProfiles.ts +107 -107
- package/src/services/types/users.ts +106 -106
- package/src/styles/animations.scss +30 -30
- package/src/styles/index.scss +42 -42
- package/src/typings.d.ts +13 -13
- package/tsconfig.tsbuildinfo +1 -0
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.deleteUserProfileResponseDtoCodec = exports.deleteUserProfileRequestDtoCodec = exports.saveUserProfileResponseDtoCodec = exports.saveUserProfileRequestDtoCodec = exports.getAllUserProfilesResponseDtoCodec = exports.getAllUserProfilesRequestDtoCodec = exports.getUserProfileResponseDtoCodec = exports.getUserProfileRequestDtoCodec = exports.userProfileDtoCodec = void 0;
|
|
38
|
+
var t = __importStar(require("io-ts"));
|
|
39
|
+
var base_1 = require("./base");
|
|
40
|
+
exports.userProfileDtoCodec = t.type(__assign(__assign({}, base_1.baseModelDtoCodec.props), { name: t.string, permissions: t.array(t.string), isAdmin: t.boolean }), 'UserProfileDTO');
|
|
41
|
+
/*****/
|
|
42
|
+
exports.getUserProfileRequestDtoCodec = t.type({
|
|
43
|
+
id: t.string,
|
|
44
|
+
}, 'GetUserProfileRequestDTO');
|
|
45
|
+
exports.getUserProfileResponseDtoCodec = t.type({
|
|
46
|
+
status: t.number,
|
|
47
|
+
data: exports.userProfileDtoCodec,
|
|
48
|
+
}, 'GetUserProfileResponseDTO');
|
|
49
|
+
/*****/
|
|
50
|
+
exports.getAllUserProfilesRequestDtoCodec = t.type({}, 'GetAllUserProfilesRequestDTO');
|
|
51
|
+
exports.getAllUserProfilesResponseDtoCodec = t.type({
|
|
52
|
+
data: t.array(exports.userProfileDtoCodec),
|
|
53
|
+
}, 'GetAllUserProfilesResponseDTO');
|
|
54
|
+
/*****/
|
|
55
|
+
exports.saveUserProfileRequestDtoCodec = t.type({
|
|
56
|
+
data: exports.userProfileDtoCodec,
|
|
57
|
+
}, 'SaveUserProfileRequestDTO');
|
|
58
|
+
exports.saveUserProfileResponseDtoCodec = t.type({
|
|
59
|
+
status: t.number,
|
|
60
|
+
data: exports.userProfileDtoCodec,
|
|
61
|
+
}, 'SaveUserProfileResponseDTO');
|
|
62
|
+
/*****/
|
|
63
|
+
exports.deleteUserProfileRequestDtoCodec = t.type({
|
|
64
|
+
id: t.string,
|
|
65
|
+
}, 'DeleteUserProfileRequestDTO');
|
|
66
|
+
exports.deleteUserProfileResponseDtoCodec = t.type({
|
|
67
|
+
status: t.number,
|
|
68
|
+
}, 'DeleteUserProfileResponseDTO');
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import * as t from 'io-ts';
|
|
2
|
+
export declare const userDtoCodec: t.IntersectionC<[t.TypeC<{
|
|
3
|
+
username: t.StringC;
|
|
4
|
+
permissions: t.ArrayC<t.StringC>;
|
|
5
|
+
isAdmin: t.BooleanC;
|
|
6
|
+
profile: t.UnionC<[t.TypeC<{
|
|
7
|
+
name: t.StringC;
|
|
8
|
+
permissions: t.ArrayC<t.StringC>;
|
|
9
|
+
isAdmin: t.BooleanC;
|
|
10
|
+
id: t.UnionC<[t.StringC, t.NullC]>;
|
|
11
|
+
}>, t.NullC]>;
|
|
12
|
+
id: t.UnionC<[t.StringC, t.NullC]>;
|
|
13
|
+
}>, t.PartialC<{
|
|
14
|
+
name: t.StringC;
|
|
15
|
+
email: t.StringC;
|
|
16
|
+
lastLogin: t.UnionC<[t.StringC, t.NullC]>;
|
|
17
|
+
}>]>;
|
|
18
|
+
export type UserDTO = t.TypeOf<typeof userDtoCodec>;
|
|
19
|
+
/*****/
|
|
20
|
+
export declare const getUserRequestDtoCodec: t.TypeC<{
|
|
21
|
+
id: t.StringC;
|
|
22
|
+
}>;
|
|
23
|
+
export declare const getUserResponseDtoCodec: t.TypeC<{
|
|
24
|
+
status: t.NumberC;
|
|
25
|
+
data: t.IntersectionC<[t.TypeC<{
|
|
26
|
+
username: t.StringC;
|
|
27
|
+
permissions: t.ArrayC<t.StringC>;
|
|
28
|
+
isAdmin: t.BooleanC;
|
|
29
|
+
profile: t.UnionC<[t.TypeC<{
|
|
30
|
+
name: t.StringC;
|
|
31
|
+
permissions: t.ArrayC<t.StringC>;
|
|
32
|
+
isAdmin: t.BooleanC;
|
|
33
|
+
id: t.UnionC<[t.StringC, t.NullC]>;
|
|
34
|
+
}>, t.NullC]>;
|
|
35
|
+
id: t.UnionC<[t.StringC, t.NullC]>;
|
|
36
|
+
}>, t.PartialC<{
|
|
37
|
+
name: t.StringC;
|
|
38
|
+
email: t.StringC;
|
|
39
|
+
lastLogin: t.UnionC<[t.StringC, t.NullC]>;
|
|
40
|
+
}>]>;
|
|
41
|
+
}>;
|
|
42
|
+
export type GetUserRequestDTO = t.TypeOf<typeof getUserRequestDtoCodec>;
|
|
43
|
+
export type GetUserResponseDTO = t.TypeOf<typeof getUserResponseDtoCodec>;
|
|
44
|
+
/*****/
|
|
45
|
+
export declare const getAllUsersRequestDtoCodec: t.TypeC<{}>;
|
|
46
|
+
export declare const getAllUsersResponseDtoCodec: t.TypeC<{
|
|
47
|
+
status: t.NumberC;
|
|
48
|
+
data: t.ArrayC<t.IntersectionC<[t.TypeC<{
|
|
49
|
+
username: t.StringC;
|
|
50
|
+
permissions: t.ArrayC<t.StringC>;
|
|
51
|
+
isAdmin: t.BooleanC;
|
|
52
|
+
profile: t.UnionC<[t.TypeC<{
|
|
53
|
+
name: t.StringC;
|
|
54
|
+
permissions: t.ArrayC<t.StringC>;
|
|
55
|
+
isAdmin: t.BooleanC;
|
|
56
|
+
id: t.UnionC<[t.StringC, t.NullC]>;
|
|
57
|
+
}>, t.NullC]>;
|
|
58
|
+
id: t.UnionC<[t.StringC, t.NullC]>;
|
|
59
|
+
}>, t.PartialC<{
|
|
60
|
+
name: t.StringC;
|
|
61
|
+
email: t.StringC;
|
|
62
|
+
lastLogin: t.UnionC<[t.StringC, t.NullC]>;
|
|
63
|
+
}>]>>;
|
|
64
|
+
}>;
|
|
65
|
+
export type GetAllUsersRequestDTO = t.TypeOf<typeof getAllUsersRequestDtoCodec>;
|
|
66
|
+
export type GetAllUsersResponseDTO = t.TypeOf<typeof getAllUsersResponseDtoCodec>;
|
|
67
|
+
/*****/
|
|
68
|
+
export declare const saveUserRequestDtoCodec: t.TypeC<{
|
|
69
|
+
data: t.IntersectionC<[t.IntersectionC<[t.TypeC<{
|
|
70
|
+
username: t.StringC;
|
|
71
|
+
permissions: t.ArrayC<t.StringC>;
|
|
72
|
+
isAdmin: t.BooleanC;
|
|
73
|
+
profile: t.UnionC<[t.TypeC<{
|
|
74
|
+
name: t.StringC;
|
|
75
|
+
permissions: t.ArrayC<t.StringC>;
|
|
76
|
+
isAdmin: t.BooleanC;
|
|
77
|
+
id: t.UnionC<[t.StringC, t.NullC]>;
|
|
78
|
+
}>, t.NullC]>;
|
|
79
|
+
id: t.UnionC<[t.StringC, t.NullC]>;
|
|
80
|
+
}>, t.PartialC<{
|
|
81
|
+
name: t.StringC;
|
|
82
|
+
email: t.StringC;
|
|
83
|
+
lastLogin: t.UnionC<[t.StringC, t.NullC]>;
|
|
84
|
+
}>]>, t.PartialC<{
|
|
85
|
+
password: t.StringC;
|
|
86
|
+
}>]>;
|
|
87
|
+
password: t.StringC;
|
|
88
|
+
}>;
|
|
89
|
+
export declare const saveUserResponseDtoCodec: t.TypeC<{
|
|
90
|
+
status: t.NumberC;
|
|
91
|
+
data: t.IntersectionC<[t.TypeC<{
|
|
92
|
+
username: t.StringC;
|
|
93
|
+
permissions: t.ArrayC<t.StringC>;
|
|
94
|
+
isAdmin: t.BooleanC;
|
|
95
|
+
profile: t.UnionC<[t.TypeC<{
|
|
96
|
+
name: t.StringC;
|
|
97
|
+
permissions: t.ArrayC<t.StringC>;
|
|
98
|
+
isAdmin: t.BooleanC;
|
|
99
|
+
id: t.UnionC<[t.StringC, t.NullC]>;
|
|
100
|
+
}>, t.NullC]>;
|
|
101
|
+
id: t.UnionC<[t.StringC, t.NullC]>;
|
|
102
|
+
}>, t.PartialC<{
|
|
103
|
+
name: t.StringC;
|
|
104
|
+
email: t.StringC;
|
|
105
|
+
lastLogin: t.UnionC<[t.StringC, t.NullC]>;
|
|
106
|
+
}>]>;
|
|
107
|
+
}>;
|
|
108
|
+
export type SaveUserRequestDTO = t.TypeOf<typeof saveUserRequestDtoCodec>;
|
|
109
|
+
export type SaveUserResponseDTO = t.TypeOf<typeof saveUserResponseDtoCodec>;
|
|
110
|
+
/*****/
|
|
111
|
+
export declare const deleteUserRequestDtoCodec: t.TypeC<{
|
|
112
|
+
id: t.StringC;
|
|
113
|
+
}>;
|
|
114
|
+
export declare const deleteUserResponseDtoCodec: t.TypeC<{
|
|
115
|
+
status: t.NumberC;
|
|
116
|
+
}>;
|
|
117
|
+
export type DeleteUserRequestDTO = t.TypeOf<typeof deleteUserRequestDtoCodec>;
|
|
118
|
+
export type DeleteUserResponseDTO = t.TypeOf<typeof deleteUserResponseDtoCodec>;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.deleteUserResponseDtoCodec = exports.deleteUserRequestDtoCodec = exports.saveUserResponseDtoCodec = exports.saveUserRequestDtoCodec = exports.getAllUsersResponseDtoCodec = exports.getAllUsersRequestDtoCodec = exports.getUserResponseDtoCodec = exports.getUserRequestDtoCodec = exports.userDtoCodec = void 0;
|
|
38
|
+
var t = __importStar(require("io-ts"));
|
|
39
|
+
var base_1 = require("./base");
|
|
40
|
+
var userProfiles_1 = require("./userProfiles");
|
|
41
|
+
exports.userDtoCodec = t.intersection([
|
|
42
|
+
t.type(__assign(__assign({}, base_1.baseModelDtoCodec.props), { username: t.string, permissions: t.array(t.string), isAdmin: t.boolean, profile: t.union([userProfiles_1.userProfileDtoCodec, t.null]) })),
|
|
43
|
+
t.partial({
|
|
44
|
+
name: t.string,
|
|
45
|
+
email: t.string,
|
|
46
|
+
lastLogin: t.union([t.string, t.null]),
|
|
47
|
+
}),
|
|
48
|
+
], 'UserDTO');
|
|
49
|
+
/*****/
|
|
50
|
+
exports.getUserRequestDtoCodec = t.type({
|
|
51
|
+
id: t.string,
|
|
52
|
+
}, 'GetUserRequestDTO');
|
|
53
|
+
exports.getUserResponseDtoCodec = t.type({
|
|
54
|
+
status: t.number,
|
|
55
|
+
data: exports.userDtoCodec,
|
|
56
|
+
}, 'GetUserResponseDTO');
|
|
57
|
+
/*****/
|
|
58
|
+
exports.getAllUsersRequestDtoCodec = t.type({}, 'GetAllUsersRequestDTO');
|
|
59
|
+
exports.getAllUsersResponseDtoCodec = t.type({
|
|
60
|
+
status: t.number,
|
|
61
|
+
data: t.array(exports.userDtoCodec),
|
|
62
|
+
}, 'GetAllUsersResponseDTO');
|
|
63
|
+
/*****/
|
|
64
|
+
exports.saveUserRequestDtoCodec = t.type({
|
|
65
|
+
data: t.intersection([
|
|
66
|
+
exports.userDtoCodec,
|
|
67
|
+
t.partial({
|
|
68
|
+
password: t.string,
|
|
69
|
+
}),
|
|
70
|
+
]),
|
|
71
|
+
password: t.string,
|
|
72
|
+
}, 'SaveUserRequestDTO');
|
|
73
|
+
exports.saveUserResponseDtoCodec = t.type({
|
|
74
|
+
status: t.number,
|
|
75
|
+
data: exports.userDtoCodec,
|
|
76
|
+
}, 'SaveUserResponseDTO');
|
|
77
|
+
/*****/
|
|
78
|
+
exports.deleteUserRequestDtoCodec = t.type({
|
|
79
|
+
id: t.string,
|
|
80
|
+
}, 'DeleteUserRequestDTO');
|
|
81
|
+
exports.deleteUserResponseDtoCodec = t.type({
|
|
82
|
+
status: t.number,
|
|
83
|
+
}, 'DeleteUserResponseDTO');
|
package/package.json
CHANGED
package/src/Icons.tsx
CHANGED
|
@@ -1,116 +1,116 @@
|
|
|
1
|
-
import { FC, SVGProps, useEffect, useState } from 'react';
|
|
2
|
-
|
|
3
|
-
import ArrowDown19Icon from '../assets/icons/arrow-down-1-9.svg?react';
|
|
4
|
-
import ArrowDownAZIcon from '../assets/icons/arrow-down-a-z.svg?react';
|
|
5
|
-
import ArrowDownBigSmallIcon from '../assets/icons/arrow-down-big-small.svg?react';
|
|
6
|
-
import ArrowUp91Icon from '../assets/icons/arrow-up-9-1.svg?react';
|
|
7
|
-
import ArrowUpBigSmallIcon from '../assets/icons/arrow-up-big-small.svg?react';
|
|
8
|
-
import ArrowUpZAIcon from '../assets/icons/arrow-up-z-a.svg?react';
|
|
9
|
-
import ArrowsRotateIcon from '../assets/icons/arrows-rotate.svg?react';
|
|
10
|
-
import ArrowsUpDownIcon from '../assets/icons/arrows-up-down.svg?react';
|
|
11
|
-
import CheckIcon from '../assets/icons/check.svg?react';
|
|
12
|
-
import ChevronDownIcon from '../assets/icons/chevron-down.svg?react';
|
|
13
|
-
import CircleCheckIcon from '../assets/icons/circle-check.svg?react';
|
|
14
|
-
import CircleInfoIcon from '../assets/icons/circle-info.svg?react';
|
|
15
|
-
import CircleXMarkIcon from '../assets/icons/circle-xmark.svg?react';
|
|
16
|
-
import CopyIcon from '../assets/icons/copy.svg?react';
|
|
17
|
-
import DownIcon from '../assets/icons/down.svg?react';
|
|
18
|
-
import EllipsisIcon from '../assets/icons/ellipsis.svg?react';
|
|
19
|
-
import FilterFullIcon from '../assets/icons/filter-full.svg?react';
|
|
20
|
-
import FilterIcon from '../assets/icons/filter.svg?react';
|
|
21
|
-
import FilterSlashIcon from '../assets/icons/filter-slash.svg?react';
|
|
22
|
-
import HashtagIcon from '../assets/icons/hashtag.svg?react';
|
|
23
|
-
import ImageSlashIcon from '../assets/icons/image-slash.svg?react';
|
|
24
|
-
import LeftIcon from '../assets/icons/left.svg?react';
|
|
25
|
-
import MagnifierIcon from '../assets/icons/magnifier.svg?react';
|
|
26
|
-
import PhoneIcon from '../assets/icons/phone.svg?react';
|
|
27
|
-
import PlusIcon from '../assets/icons/plus.svg?react';
|
|
28
|
-
import RightIcon from '../assets/icons/right.svg?react';
|
|
29
|
-
import SigmaIcon from '../assets/icons/sigma.svg?react';
|
|
30
|
-
import SortCalendarAscendingIcon from '../assets/icons/sort-calendar-ascending.svg?react';
|
|
31
|
-
import SortCalendarDescendingIcon from '../assets/icons/sort-calendar-descending.svg?react';
|
|
32
|
-
import SpinnerIcon from '../assets/icons/spinner-third.svg?react';
|
|
33
|
-
import TableColumnsIcon from '../assets/icons/table-columns.svg?react';
|
|
34
|
-
import TableFooterIcon from '../assets/icons/table-footer.svg?react';
|
|
35
|
-
import TableFooterSlashIcon from '../assets/icons/table-footer-slash.svg?react';
|
|
36
|
-
import TableIcon from '../assets/icons/table.svg?react';
|
|
37
|
-
import TallyIcon from '../assets/icons/tally.svg?react';
|
|
38
|
-
import TriangleExclamationIcon from '../assets/icons/triangle-exclamation.svg?react';
|
|
39
|
-
import UpIcon from '../assets/icons/up.svg?react';
|
|
40
|
-
import UserTieIcon from '../assets/icons/user-tie.svg?react';
|
|
41
|
-
import XBarIcon from '../assets/icons/x-bar.svg?react';
|
|
42
|
-
|
|
43
|
-
type IconFCProps = SVGProps<SVGSVGElement>;
|
|
44
|
-
export type IconFC = FC<IconFCProps>;
|
|
45
|
-
|
|
46
|
-
type AnimatedIconProps = {
|
|
47
|
-
icons: FC[];
|
|
48
|
-
speed?: number;
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
export const AnimatedIcon: FC<AnimatedIconProps & IconFCProps> = ({
|
|
52
|
-
icons,
|
|
53
|
-
speed = 150,
|
|
54
|
-
...props
|
|
55
|
-
}) => {
|
|
56
|
-
const [currentIcon, setCurrentIcon] = useState(0);
|
|
57
|
-
|
|
58
|
-
useEffect(() => {
|
|
59
|
-
const interval = setInterval(() => {
|
|
60
|
-
setCurrentIcon((currentIcon) => (currentIcon + 1) % icons.length);
|
|
61
|
-
}, speed);
|
|
62
|
-
|
|
63
|
-
return () => {
|
|
64
|
-
clearInterval(interval);
|
|
65
|
-
};
|
|
66
|
-
}, [icons.length, speed]);
|
|
67
|
-
|
|
68
|
-
const Icon = icons[currentIcon];
|
|
69
|
-
return <Icon {...props} />;
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
export const LoadingIcon: FC<IconFCProps> = ({ className, ...props }) => (
|
|
73
|
-
<SpinnerIcon className={`animate-spin ${className}`} {...props} />
|
|
74
|
-
);
|
|
75
|
-
|
|
76
|
-
export {
|
|
77
|
-
ArrowDown19Icon,
|
|
78
|
-
ArrowDownAZIcon,
|
|
79
|
-
ArrowDownBigSmallIcon,
|
|
80
|
-
ArrowsRotateIcon,
|
|
81
|
-
ArrowsUpDownIcon,
|
|
82
|
-
ArrowUp91Icon,
|
|
83
|
-
ArrowUpBigSmallIcon,
|
|
84
|
-
ArrowUpZAIcon,
|
|
85
|
-
CheckIcon,
|
|
86
|
-
ChevronDownIcon,
|
|
87
|
-
CircleXMarkIcon,
|
|
88
|
-
CopyIcon,
|
|
89
|
-
DownIcon,
|
|
90
|
-
EllipsisIcon,
|
|
91
|
-
FilterFullIcon,
|
|
92
|
-
FilterIcon,
|
|
93
|
-
FilterSlashIcon,
|
|
94
|
-
HashtagIcon,
|
|
95
|
-
ImageSlashIcon,
|
|
96
|
-
LeftIcon,
|
|
97
|
-
MagnifierIcon,
|
|
98
|
-
PhoneIcon,
|
|
99
|
-
PlusIcon,
|
|
100
|
-
RightIcon,
|
|
101
|
-
SigmaIcon,
|
|
102
|
-
SortCalendarAscendingIcon,
|
|
103
|
-
SortCalendarDescendingIcon,
|
|
104
|
-
SpinnerIcon,
|
|
105
|
-
TableColumnsIcon,
|
|
106
|
-
TableFooterIcon,
|
|
107
|
-
TableFooterSlashIcon,
|
|
108
|
-
TableIcon,
|
|
109
|
-
TallyIcon,
|
|
110
|
-
UpIcon,
|
|
111
|
-
UserTieIcon,
|
|
112
|
-
XBarIcon,
|
|
113
|
-
CircleCheckIcon,
|
|
114
|
-
CircleInfoIcon,
|
|
115
|
-
TriangleExclamationIcon,
|
|
116
|
-
};
|
|
1
|
+
import { FC, SVGProps, useEffect, useState } from 'react';
|
|
2
|
+
|
|
3
|
+
import ArrowDown19Icon from '../assets/icons/arrow-down-1-9.svg?react';
|
|
4
|
+
import ArrowDownAZIcon from '../assets/icons/arrow-down-a-z.svg?react';
|
|
5
|
+
import ArrowDownBigSmallIcon from '../assets/icons/arrow-down-big-small.svg?react';
|
|
6
|
+
import ArrowUp91Icon from '../assets/icons/arrow-up-9-1.svg?react';
|
|
7
|
+
import ArrowUpBigSmallIcon from '../assets/icons/arrow-up-big-small.svg?react';
|
|
8
|
+
import ArrowUpZAIcon from '../assets/icons/arrow-up-z-a.svg?react';
|
|
9
|
+
import ArrowsRotateIcon from '../assets/icons/arrows-rotate.svg?react';
|
|
10
|
+
import ArrowsUpDownIcon from '../assets/icons/arrows-up-down.svg?react';
|
|
11
|
+
import CheckIcon from '../assets/icons/check.svg?react';
|
|
12
|
+
import ChevronDownIcon from '../assets/icons/chevron-down.svg?react';
|
|
13
|
+
import CircleCheckIcon from '../assets/icons/circle-check.svg?react';
|
|
14
|
+
import CircleInfoIcon from '../assets/icons/circle-info.svg?react';
|
|
15
|
+
import CircleXMarkIcon from '../assets/icons/circle-xmark.svg?react';
|
|
16
|
+
import CopyIcon from '../assets/icons/copy.svg?react';
|
|
17
|
+
import DownIcon from '../assets/icons/down.svg?react';
|
|
18
|
+
import EllipsisIcon from '../assets/icons/ellipsis.svg?react';
|
|
19
|
+
import FilterFullIcon from '../assets/icons/filter-full.svg?react';
|
|
20
|
+
import FilterIcon from '../assets/icons/filter.svg?react';
|
|
21
|
+
import FilterSlashIcon from '../assets/icons/filter-slash.svg?react';
|
|
22
|
+
import HashtagIcon from '../assets/icons/hashtag.svg?react';
|
|
23
|
+
import ImageSlashIcon from '../assets/icons/image-slash.svg?react';
|
|
24
|
+
import LeftIcon from '../assets/icons/left.svg?react';
|
|
25
|
+
import MagnifierIcon from '../assets/icons/magnifier.svg?react';
|
|
26
|
+
import PhoneIcon from '../assets/icons/phone.svg?react';
|
|
27
|
+
import PlusIcon from '../assets/icons/plus.svg?react';
|
|
28
|
+
import RightIcon from '../assets/icons/right.svg?react';
|
|
29
|
+
import SigmaIcon from '../assets/icons/sigma.svg?react';
|
|
30
|
+
import SortCalendarAscendingIcon from '../assets/icons/sort-calendar-ascending.svg?react';
|
|
31
|
+
import SortCalendarDescendingIcon from '../assets/icons/sort-calendar-descending.svg?react';
|
|
32
|
+
import SpinnerIcon from '../assets/icons/spinner-third.svg?react';
|
|
33
|
+
import TableColumnsIcon from '../assets/icons/table-columns.svg?react';
|
|
34
|
+
import TableFooterIcon from '../assets/icons/table-footer.svg?react';
|
|
35
|
+
import TableFooterSlashIcon from '../assets/icons/table-footer-slash.svg?react';
|
|
36
|
+
import TableIcon from '../assets/icons/table.svg?react';
|
|
37
|
+
import TallyIcon from '../assets/icons/tally.svg?react';
|
|
38
|
+
import TriangleExclamationIcon from '../assets/icons/triangle-exclamation.svg?react';
|
|
39
|
+
import UpIcon from '../assets/icons/up.svg?react';
|
|
40
|
+
import UserTieIcon from '../assets/icons/user-tie.svg?react';
|
|
41
|
+
import XBarIcon from '../assets/icons/x-bar.svg?react';
|
|
42
|
+
|
|
43
|
+
type IconFCProps = SVGProps<SVGSVGElement>;
|
|
44
|
+
export type IconFC = FC<IconFCProps>;
|
|
45
|
+
|
|
46
|
+
type AnimatedIconProps = {
|
|
47
|
+
icons: FC[];
|
|
48
|
+
speed?: number;
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
export const AnimatedIcon: FC<AnimatedIconProps & IconFCProps> = ({
|
|
52
|
+
icons,
|
|
53
|
+
speed = 150,
|
|
54
|
+
...props
|
|
55
|
+
}) => {
|
|
56
|
+
const [currentIcon, setCurrentIcon] = useState(0);
|
|
57
|
+
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
const interval = setInterval(() => {
|
|
60
|
+
setCurrentIcon((currentIcon) => (currentIcon + 1) % icons.length);
|
|
61
|
+
}, speed);
|
|
62
|
+
|
|
63
|
+
return () => {
|
|
64
|
+
clearInterval(interval);
|
|
65
|
+
};
|
|
66
|
+
}, [icons.length, speed]);
|
|
67
|
+
|
|
68
|
+
const Icon = icons[currentIcon];
|
|
69
|
+
return <Icon {...props} />;
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
export const LoadingIcon: FC<IconFCProps> = ({ className, ...props }) => (
|
|
73
|
+
<SpinnerIcon className={`animate-spin ${className}`} {...props} />
|
|
74
|
+
);
|
|
75
|
+
|
|
76
|
+
export {
|
|
77
|
+
ArrowDown19Icon,
|
|
78
|
+
ArrowDownAZIcon,
|
|
79
|
+
ArrowDownBigSmallIcon,
|
|
80
|
+
ArrowsRotateIcon,
|
|
81
|
+
ArrowsUpDownIcon,
|
|
82
|
+
ArrowUp91Icon,
|
|
83
|
+
ArrowUpBigSmallIcon,
|
|
84
|
+
ArrowUpZAIcon,
|
|
85
|
+
CheckIcon,
|
|
86
|
+
ChevronDownIcon,
|
|
87
|
+
CircleXMarkIcon,
|
|
88
|
+
CopyIcon,
|
|
89
|
+
DownIcon,
|
|
90
|
+
EllipsisIcon,
|
|
91
|
+
FilterFullIcon,
|
|
92
|
+
FilterIcon,
|
|
93
|
+
FilterSlashIcon,
|
|
94
|
+
HashtagIcon,
|
|
95
|
+
ImageSlashIcon,
|
|
96
|
+
LeftIcon,
|
|
97
|
+
MagnifierIcon,
|
|
98
|
+
PhoneIcon,
|
|
99
|
+
PlusIcon,
|
|
100
|
+
RightIcon,
|
|
101
|
+
SigmaIcon,
|
|
102
|
+
SortCalendarAscendingIcon,
|
|
103
|
+
SortCalendarDescendingIcon,
|
|
104
|
+
SpinnerIcon,
|
|
105
|
+
TableColumnsIcon,
|
|
106
|
+
TableFooterIcon,
|
|
107
|
+
TableFooterSlashIcon,
|
|
108
|
+
TableIcon,
|
|
109
|
+
TallyIcon,
|
|
110
|
+
UpIcon,
|
|
111
|
+
UserTieIcon,
|
|
112
|
+
XBarIcon,
|
|
113
|
+
CircleCheckIcon,
|
|
114
|
+
CircleInfoIcon,
|
|
115
|
+
TriangleExclamationIcon,
|
|
116
|
+
};
|