Commit graph

117 commits

Author SHA1 Message Date
David
b43ba68405
Testing library update to 14.4.3 (#2741)
* Update RTL to v14.4.3

* fixed test cases QueryForm.spec.tsx, SchemaVersion.spec.tsx

Co-authored-by: Oleg Shur <workshur@gmail.com>
Co-authored-by: davitbejanyan <dbejanyan@provectus.com>
2022-10-26 23:15:25 +04:00
David
1b8ee3b672
[UI] Topic search not working properly with pagination #2705 (#2766)
* added reset page to a search component

* changed search file

Co-authored-by: davitbejanyan <dbejanyan@provectus.com>
Co-authored-by: Oleg Shur <workshur@gmail.com>
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-10-25 23:14:40 +04:00
David
0939d6140f
Migrate Dashboard table (#2694)
* Migrate Dashboard table to the new version on table components #2682

* Added universal component to the column section and added part of test  #2682

* Added universal component for the all new tables in project  #2682

* deleted color argument on LinkCell component

* deleted link on topic count

Co-authored-by: davitbejanyan <dbejanyan@provectus.com>
2022-10-10 19:36:53 +04:00
Oleg Shur
8731de1520
Add scrollable wrapper to the new table component (#2692) 2022-10-02 14:38:36 +03:00
Ilya Kuramshin
049b35fc99
Pluggable serde (#2125)
* checkstyle

* node version reverted

* api comments

* unused properties removed

* serde api fix

* renamings

* PR review fixes

* checkstyle fix

* PR fixes

* UUID serde tests added

* UUID serde tests added

* fixed due to review comments

* 1. kafka-ui-serde-api renamed 2. kafka-clients dependency removed from kafka-ui-serde-api module

* dep fix

* Add serde to send message component (#2620)

* Add serde to send message component

* adds serde selects to messages views

Co-authored-by: iliax <ikuramshin@provectus.com>
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
Co-authored-by: Kristina Kiparoidze <kkiparoidze@provectus.com>
Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-09-27 19:52:59 +04:00
Oleg Shur
d9e74deb28
[Experimental] New Messages layout (#2462) 2022-09-20 13:44:02 +03:00
Oleg Shur
5e500636d0
Refactor numeric inputs logic. (#2610)
* Prevent negative values

Closes #2451

* Add positiveOnly mode to input field

Co-authored-by: shubhwip <shubhrjain7@gmail.com>
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-09-19 20:24:27 +03:00
Kris-K-Dev
ed8b84b414
Fix URL encoding upon retrieving schemas (#2567)
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-09-14 18:20:41 +04:00
Kris-K-Dev
38c8a43bc4
Manage broker configs (#2489)
* #712 broker configs page

* #712 add tests

* #712 broker configs page new updates and code review

* #712 fix ui issue

* #712 code review fix

* #712 null as string fix

* #712 eslint warning fix

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-09-13 06:04:26 +04:00
Kris-K-Dev
91b86b5b78
#2180 The e letter allowed to paste into number fields (#2508)
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
Co-authored-by: Oleg Shur <workshur@gmail.com>
2022-09-01 08:57:36 -06:00
KriKiparoidze
95a0306143
Bugfix/2320 move tasks to a new table (#2455)
* #2320 #2321 move tasks to a new table

* #2320 #2321 test coverage

* #2320 #2321 code review fix

* Fix Expandable rows

Co-authored-by: Oleg Shuralev <workshur@gmail.com>
2022-08-18 13:28:51 +03:00
Oleg Shur
8d3f098385
Use back link instead of breadcrumbs (#2430)
* Use back link instead of breadcrumbs

* Unify topic pages

* Unify topic page actions

* fix

* Remove unused test
2022-08-15 14:08:10 +03:00
Oleg Shur
e1fb6bacc3
Get rid of SmartTable component (#2444)
* Get rid of SmartTable component

* Clickable rows

* Improve test coverage
2022-08-15 13:46:13 +03:00
Oleg Shur
21f17ad39e
Use new table component for topics list (#2426)
* Use new table component for topics list

* Fix styling

* Migrate BrokerLogdir to new tables

* Improve test coverage
2022-08-12 15:36:07 +03:00
Oleg Shur
7765a268af
Topic statistics (#2413)
* Topic statistics

* Typo

* Code smell

* Specs

* Specs

* Use timestamp helper

* Improve coverage

* styling
2022-08-09 16:13:03 +03:00
Oleg Shur
8efd890540
Update Alerts to use ReactNode as a message content (#2399) 2022-08-08 13:00:43 +03:00
Oleg Shur
8f0ffe665c
Refactor topics (#2386) 2022-08-05 00:25:50 +03:00
Oleg Shur
2d82b9c0a9
New Confirmation Messages modal (#2376)
* New Confirmation Messages

* Fix #2348

* Fix codesmels

* fix #2242

* fix #2347
2022-08-03 11:37:35 +03:00
Oleg Shur
c4f97327c0
Make frontend work properly with custom context url (#2363)
* Add an ability to run app from subfolder

* linting

* Fix all the static resources URLs and manifest.json

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-08-01 20:47:49 +04:00
Oleg Shur
70414d2279
New Dropdown component (#2355)
* New Dropdown component

* Cleanup

* Styling

* Minireset
2022-07-31 15:38:44 +03:00
Oleg Shur
bffe316063
Use react-hot-toaster for alerts (#2312)
* Use react-hot-toaster for alerts

* Fix linting problems
2022-07-25 14:16:00 +03:00
Robert Azizbekyan
30f836645d
Dependabot/npm and yarn/kafka UI react app/eslint plugin react 7.30.1 (#2232)
* Bump eslint-plugin-react from 7.29.4 to 7.30.1 in /kafka-ui-react-app

Bumps [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) from 7.29.4 to 7.30.1.
- [Release notes](https://github.com/jsx-eslint/eslint-plugin-react/releases)
- [Changelog](https://github.com/jsx-eslint/eslint-plugin-react/blob/master/CHANGELOG.md)
- [Commits](https://github.com/jsx-eslint/eslint-plugin-react/compare/v7.29.4...v7.30.1)

---
updated-dependencies:
- dependency-name: eslint-plugin-react
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* taking ActionsCell out of List

* removing package-lock

* refactoring props

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-07-19 18:53:07 +04:00
Oleg Shur
eb26883949
Upgrade dependancies (#2290)
* Bump vite

* bump eslint-import-resolver-typescript

* Cleanup

* Bump datepicker
2022-07-19 12:42:32 +03:00
Oleg Shur
7d4e42c860
got rid of the dead code (#2286) 2022-07-18 18:33:44 +03:00
Robert Azizbekyan
002e4db355
fixing create topic (#2275) 2022-07-18 14:57:28 +04:00
Oleg Shur
9af6b0032b
Kafka Connect with React-Query (#2258)
* Kafka Connect hooks

* Migrate connectors list page to RQ

* Migrate connector details page overview to RQ

* Migrate connector config page to RQ

* Migrate connector tasks page to RQ

* Get rid of some deadcode

* Migrate connector Actions page to RQ

* Get rid of some deadcode

* Migrate connector create page to RQ

* Migrate connector Edit page to RQ

* move fixtures to lib folder

* refactoring
2022-07-18 13:06:55 +03:00
Oleg Shur
a4046d46ef
chore: migrate clusters from toolkit to react-query (#2214) 2022-06-28 15:15:12 +03:00
Oleg Shur
8acbcbacb9
Upgrade deps (#2206)
* hook

* Upgrade Jest to v28

* Upgrade Typescript
2022-06-27 13:07:47 +03:00
Kirill Morozov
fac348bb38
Added Social icons (#2137)
* Added Social icons

* Removed unused import

* Icon name fixed

* package-lock.json reverted

* Delete package-lock.json

* Added colors to theme

* Social icons refactored

* Discord icon size fixed

* Discord icon color fixed

* Discord icon replaced with the new one

* Icons colors changed

* Social Network Links

Co-authored-by: Oleg Shuralev <workshur@gmail.com>
2022-06-21 15:23:28 +03:00
Oleg Shur
3cd0c2897a
get rid of unused bulma styles. small UI refactoring (#2130)
* Get rid of bulma

* Refactor SecondaryTabs

* Refactor Messages View

* Refactor Inputs

* get rid of unused components

* refactoring

* Remove unused bulma styles
2022-06-07 11:15:30 +03:00
Kirill Morozov
1ca8873d35
Added buttons wrapping (#2126)
* Added buttons wrapping

* Layout improved
2022-06-06 14:18:10 +03:00
Robert Azizbekyan
657025dfd4
adding success alert for topic recreation and fixed select arrow position (#2104) 2022-06-06 12:14:48 +04:00
Mgrdich
71ac16357b
react router migration (#2045)
* remove withRouter HOC from FiltersContainer

* remove withRouter HOC from Topics DetailsContainer

* remove withRouter HOC from Topics TopicsConsumerGroupsContainer

* withRouter HOC from Topics TopicsConsumerGroupsContainer

* minor code refactor in the Details spec

* Routes code modifications to refactor strings representation to functions

* Settings and TopicsConsumer removal of HOC with Router

* Remove withRouter HOC from Overview file

* Remove withRouter HOC from Edit file

* replace Router path with functions instead of strings

* delete CustomParamsContainer and use the simple component in the TopicForm

* remove HOC from DangerZone container

* Remove withRouter HOC from Connect pages like Config , Overview , Tasks

* Remove withRouter HOC from Connect pages like Actions, Details, Edit, New

* Refactor Kafka Connect Codes

* Refactor Topics pages

* Remove HOC from Diff component and minor code refactor

* Route component migration into children instead of renderProps or component param in App Component

* Route component migration into children instead of renderProps or component param in Cluster Component

* Route component migration into children instead of renderProps or component param in Topics Component

* Route component migration into children instead of renderProps or component param in Topic Component

* Route component migration into children instead of renderProps or component param in Topic Component

* minor bug fix in the Overview selector spread

* change Router from component Render to child render
in ConsumerGroups page

* change Router from component Render to child render
in Schemas page

* change Router from component Render to child render
in KsqlDb page

* change Router from component Render to child render
in Connect page

* change Router from component Render to child render
in Connect Details page

* Overview Details styling code modifications

* All written path to paths with functions

* Route Parameters code fix with functions and params with variables

* Updating BreadCrumb Route

* Refactor Redirects

* WIP React Router v6 migration

* Remove unused imports from the file

* Make KsqlDb pages work with relative Routes

* WIP Make Connect pages work and fix the Schema page testing problem

* transforming consumer groups into relative path router

* Transform Topics pages into relative routes

* Transform Topic pages into relative routes

* Minor changes in Connect and KsqlDb test suites relative routes

* Minor changes in Connect and KsqlDb test suites relative routes

* change the Details into relative Routes

* Topics List naviagtion and caching issue fixed in tests suites

* Topic New Naviagation issue fix + tests suites

* Details navigate migrating into relative paths

* Send Message Submit Naviagttion with tests suites

* Topic Edit pages with working routes navigation

* Topic Details and ResetOffsets Pages tests suites and navigations

* Messages Table Tests suites

* BreadCrumbs Routes fixes

* ClusterMenu and Links styling minor code modifications

* ClusterMenu and Links styling minor code modifications

* Minor Code modifications

* Fix Lintter Problems

* fix Code Smells

* create custom useParams hook

* Adding Path tests

* minor code refactors

* Fix the Button Component redundant Props + transforming routes to relative

* Fix linter issues
2022-05-31 12:33:15 +03:00
Oleg Shur
93a09a6327
Get rid of senseless useCallback hooks (#2048)
* Remove senseless React.useCallback

* Remove senseless React.useCallback
2022-05-30 12:45:21 +03:00
Robert Azizbekyan
b32ff9ca8b
fixing dropdown arrow behavior for Topics Messages (#2028)
* fixing dropdown arrow behavior

* adding color from theme
2022-05-30 11:46:32 +04:00
Robert Azizbekyan
cc109a7125
Show close icon on hover (#2034)
* show close icon on hover

* style changes to avoid repeating styles
2022-05-30 11:24:06 +04:00
Kirill Morozov
ab805c39c5
Click function moved from icon to row (#2017)
* Click function moved from icon to row

* Added cursor: pointer style
2022-05-25 14:52:57 +03:00
Kirill Morozov
ad2966f31b
Topics sorted alphabetically (#1999)
* Added topics sorting and tests

* Sorting topics logic moved to redux, test improved

* LocaleCompare replaced with default sort function

* Shadow fixed on overview topic page

* Code samples fixed in InfoModal

* String type removed

* Unused import removed

* Default JS sort method removed with lodash library sorting method
2022-05-25 14:33:05 +03:00
Kirill Morozov
18eadfca28
1865 implement a tooltip with smart filters documentation (#1952)
* Added QuestionIcon

* Added Info button functionality and tests

* Styled component renamed

* Info button testing moved to AddFilter spec

* Styled paragraph renamed
2022-05-17 15:10:41 +03:00
Kirill Morozov
06864984a1
Border radius fixed (#1985) 2022-05-17 12:04:01 +03:00
Roman Zabaluev
26e84ff185
Fix indicator pane gap width (#1981) 2022-05-17 00:49:57 +04:00
Oleg Shur
eb47ec012d
Upgrade to React 18 (#1955)
* Upgrade deps

* migration

* Fix specs

* exclude index.tsx from sonar metrics

* Update deps
2022-05-12 01:03:08 +03:00
Oleg Shur
a94697c6af
replace enzyme with testing library (#1909)
* Removed two enzyme test with testing-library tests

* Got rid of enzyme and wrapper in List.spec.tsx

* Got rid of enzyme and wrapper in ListItem.spec.tsx

* Got rid of enzyme and wrapper in BytesFormatted.spec.tsx

* Got rid of enzyme and wrapper in ConfirmationModal.spec.tsx

* Got rid of enzyme and wrapper in Tabs.spec.tsx

* Got rid of enzyme and wrapper in Actions.spec.tsx

* Got rid of enzyme and wrapper in ListItem.spec.tsx

* Got rid of enzyme and wrapper in FiltersContainer.spec.tsx

* Got rid of enzyme and wrapper in ListItem.spec.tsx

* Got rid of Enzyme in a two more files

* Got rid of Enzyme in testHelpers.tsx

* Got rid of snapshots

* Three wrappers replaced with render from testHelpers

* Testing id replaced

* Fixed linter warnings

* Got rid of testIds

* Got rid of unnecessary containers and ...queryBy functions

* Got rid of dublicated ...getByRole functions

* Got rid of dublicated more than two times ...getByText functions

* Got rid of unused imports

* Got rid of unused import

* Desciptions fixed

* Got rid of providers

* Got rid of unused imports

* package-lock.json reverted

* Refactor Actions component specs

* Get rid of TestRouterWrapper

* Refactor specs

* Refactor specs

* linting

Co-authored-by: k.morozov <k.morozov@ffin.ru>
Co-authored-by: lazzy-panda <grifx.design@gmail.com>
2022-05-11 01:36:25 +03:00
Arsen Simonyan
521ba0cb2f
Improve live tailing. (#1898)
* disable filter options when live tailing mode is enabled

* prevent seek direction change when stop loading is pressed on live mode

* disable submit button while tailing

* write tests for MultiSelect.styled component to achieve 100% coverage
2022-05-02 10:05:24 +04:00
Robert Azizbekyan
a55068d122
fixing sonar code smells (#1826)
* fixing sonar code smells

* removing unnecessary change

* fixing some sonar code smell issues

* making requested changes
2022-04-27 14:17:10 +04:00
Kirill Morozov
db217e1605
Fix topic names fitting in a table cell (#1812)
* Fixed tags width and added scroll to the table

* Dropdown position fixed

* Prop up=true moved directly to the table

* Scroll removed, table resized

* Unused divider removed

* Removed extra Divider import

Co-authored-by: k.morozov <k.morozov@ffin.ru>
2022-04-22 17:33:00 +04:00
Arsen Simonyan
85f095657c
Fix topic custom parameter duplication overriding (#1859)
* fix topic custom parameter multiple items of the same field bug

* move condition into the updateSelectedOption function
2022-04-22 11:39:07 +04:00
Robert Azizbekyan
2a0c8176ab
Fix KSQLDB breadcrumbs spelling (#1843)
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-04-22 04:38:06 +04:00
Arsen Simonyan
b406d1bba3
Fix broken topics' sandwich menu (#1829)
* fix topic list invisible actions menu

* use styled component instead of inline styles

* remove unnecessary prop type

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-04-21 02:09:40 +04:00
Mgrdich
6eb6bb1d7e
Smart filters improvements (#1814)
* Add Filters add button and remove the Add Filter Icon

* Generalize DeleteFilterModal and write tests suites + add custom addModal hook

* add react-testing-hook-lib + add tests to useModal hook

* Add parameter to ConfirmationModal + remove delete Modal add generic modal in add filter page

* implementing the modal hook on add Filter

* Finalize the Smart Filters functionality

* Styling code modifications

* Styling code modifications

* Filters styling code modifcations

* minor modifications in the tests suites

* minor tests suites description modifications

* minor tests suites code modifications

* Adding unNamed Filter selection option + tests suites

* Fix typo

Signed-off-by: Roman Zabaluev <rzabaluev@provectus.com>

* Adding tests Wuites to AddEditFilterContainer and to addFilter

* Add Filters add button and remove the Add Filter Icon

* Generalize DeleteFilterModal and write tests suites + add custom addModal hook

* add react-testing-hook-lib + add tests to useModal hook

* Add parameter to ConfirmationModal + remove delete Modal add generic modal in add filter page

* implementing the modal hook on add Filter

* Finalize the Smart Filters functionality

* Styling code modifications

* Styling code modifications

* Filters styling code modifcations

* minor modifications in the tests suites

* minor tests suites description modifications

* minor tests suites code modifications

* Adding unNamed Filter selection option + tests suites

* Fix typo

Signed-off-by: Roman Zabaluev <rzabaluev@provectus.com>

* Adding tests Wuites to AddEditFilterContainer and to addFilter

* q parameter modifications in the SmartFilters

* Add popup close functionality after applying the filters

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-04-18 14:14:53 +04:00