* Extend documentation for date time handling.
* Use h2 instead of h3 for ux patterns headlines.
* Move documentation into UserDateTimeProvider.
* Add documentation for Timestamp component.
* Extend documentation for date tiem utils and RelativeTime component.
* Improve documentation for toUTCFromTz date time util.
* Cleanup
* Fix toUTCFromTz test.
* Add hotkeys provider and usehotkeys hook
* refactoring
* Improving types.
* REmove not needed state in `HotkeysProvider`.
* Rename view scope to general.
* Categorize undo redo as search and dashboard hotkeys.
* Use mantine component to display keyboard keys in modal.
* Improve styling of hotkeys modal.
* Rename hotkeys to keyboard shortcuts in UI.
* Rename `hotKeysCollection` to `hotKeysCollections`.
* Adding documentation.
* Rename `useHotKeys` hook to `useHotkey`.
* Add feature flag for hotkeys functionality.
* Add telemetry for hotkeys, rename action keys to make sure we can use them as `app_action_value`.
* fix: show only enabled scopes in modal
* Make Option type explicit
* remove telemetryAppPathname
* remove scopes from options object
* Do not show browser dialog when saving view, when it is not dirty or loaded.
* Cleanup code
* Create container for hotkeys modal, to ensure we render related logic only when modal is visible.
* Alwyas allow triggering "save search as" action.
* Fixing test
* Adding test for `HotkeysContianerModal`.
* Adding further tests.
* Reimplement telemetry.
* Adding further test.
* Change registered hotkeys.
* Update feature flag description.
---------
Co-authored-by: Linus Pahl <linus@graylog.com>
Co-authored-by: Dennis Oelkers <dennis@graylog.com>
* Adding/updating packages.
* Make use of `Outlet`, migrate router config.
(cherry picked from commit ba22e4300c1fa967cb15f81fcdb458149a7dbf7d)
* Turning browser router into data router.
* Allowing to reuse `PageContentLayout` as well.
(cherry picked from commit 0937111630d76b0898494a86e1acf1fb5492bd07)
* Using `useNavigate` to navigate to link.
(cherry picked from commit 03d26a5bc862291c613985337e9ac925e1f09c1a)
* Making use of `useNavigate`.
(cherry picked from commit 84a8f6a0791db5345fa92af1b0972efb26708526)
* Using `navigate` instead of `history`.
(cherry picked from commit 5a73c7574f0012812be07c17a5cd08d9c95c2de9)
* Type is not generic anymore.
(cherry picked from commit b7d72912c40de190f9908728ddfe7ca49f350f0f)
* Fixing up.
* Replacing `useHistory` with `useNavigate`.
(cherry picked from commit e1965c7a976c09c554cecac40db9ff40b405ca92)
* Using `useNavigate`.
(cherry picked from commit 028589974244fa28fb512d7a837c1b9bc1671c7a)
* Removing generic parameter.
(cherry picked from commit 690a994e5a89026c15c638db085839404e6c0782)
* Using `useLinkClickHandler` instead of `useNavigate`.
(cherry picked from commit a637039d55cc4473893910702960394e42bee49b)
* Revert "Using `useLinkClickHandler` instead of `useNavigate`."
This reverts commit 17a219cc42ef48ad34001488e4f599c9e7342c8a.
* Making use of `useBlocker` to replace previous `Prompt`.
* Adjusting `LinkContainer` test.
* Using `useLinkClickHandler` instead of `useNavigate`.
(cherry picked from commit a637039d55cc4473893910702960394e42bee49b)
* Fixing up merge.
(cherry picked from commit 85fdb1fe33a79b319838c4536e49e772562c7a86)
* Fixing up `ReportedErrorBoundary` test.
* Improving typing in test.
(cherry picked from commit e62d80fb10be4fafb89c422892829adbd23fb9d0)
* Fixing up test.
(cherry picked from commit aec8daccb078b95abbee5c9e0923701d05289fbf)
* Improving `AppRouter` tests.
(cherry picked from commit dd7718a56a6064d02e528f7e7fe81e74fe7a6c59)
* Fixing up test.
(cherry picked from commit 18d1f047334ec4583dd1fc1e611f298d337427d8)
* Fixing up `AppRouter` test.
* Prevent double wrapping.
(cherry picked from commit d8e496131550bbf84bc986b53581c2927ac4acc8)
* Avoid double wrapping in test.
(cherry picked from commit 8020eac7becf144953ce58cc1ff3204c0679ac89)
* Updating test.
(cherry picked from commit 60bb82023aed585f021ab125cd04f2d069e89e42)
* Adding type.
* Improving tests for `WidgetFocusProvider`.
(cherry picked from commit 2b47daa1051b2a85a33a0fc727c79bf6dc46e319)
* Fixing up `Navigation` test.
(cherry picked from commit 3613e591e5e9e007b7d32eb74f7e4ab2213e256e)
* Fixing up type.
* Fixing up type.
* Adding `renderWithDataRouter`.
* Using `renderWithDataRouter` in test.
* Migrating test to `testing-library`.
* Fixing up test for `usePaginationQueryParameter`.
* Replacing usages of `util/History` with `useHistory`.
* Remove redirecting to start page when plain text request fails with 403.
* Removing `util/History`.
* Using `RouterProvider` in style guide wrapper.
* Adding license headers.
* Fixing up typing issues.
* Fixing up linter hints.
* Fixing up tests.
* Handle empty cases for streams and dashboards
* Handle empty cases for alerts, outputs, sidecars, and streams
* Adding default props to remove linter hints
* Rename shared component and use in streams page
* Refactor and add usage of <NoEntitiesExist> and <NoSearchResults>
* Fix NoEntitiesExist props to fix failing tests
* correct import names
* Fix linter hints and comments
* Fix tests
* Adding markdown files and description comment for NoSearchResult
* Make changes based on PR review
* Add descriptions for components in the ux-patterns markdown file
* Fixing linter hints
* Fixing dashboard list.
Co-authored-by: Linus Pahl <linus@graylog.com>
* Update style guide introduction.
* Remove no longer needed section about tests and code style in styleguide beacuse they are now part of the `CONTRIBUTING.md`
* Remove section about util objects, because it does not provide a benefit.
* Move setion about how to document shared components into section about shared components.
* List theme font families and sizes dynamically.
* Add section about line heights
* Adding section about UX patterns.
* Adding section about UX patterns.
* Fixing font family section.
* Fixing typos
* Visualize different font families and sizes.
* Removing `tests.md`.
* Simlify `UX Patterns` section.
Prior to this change, `react-styleguidist` was a dependency of our main
web interface module. This lead to outdated dependencies being pulled in
transitively repeatedly. With this change, we are not moving the
`react-styleguidist` dependency to the `docs` subdirectory, isolating it
in a separate package.
* Update package
* Modify config to have theme utils and colors at top.
Ignore components that error on build.
Include babel polyfill in require array
* Update content, clean some errors, fix Color click to copy success alert
* Colors.jsx linting
* Moving Scratchpad out of common components
* organize components between common and bootstrap
* fix cyclic use errors
* final imports
* fix up
* Updating docs imports
* fix lingering errors
* remove unneeded file
* cleaning imports
* snapshots
* fix PublicNotifications test
* DataAdapterCreate fix
* RulesPage.tsx
* this was deleted (??)
* Update package
* Modify config to have theme utils and colors at top.
Ignore components that error on build.
Include babel polyfill in require array
* Update content, clean some errors, fix Color click to copy success alert
* Colors.jsx linting
* Migrate rest of the ui library over to an abstracted component
* fix lint config
* bootstrap import
updated snapshot
remove dupe Button
Removing duped destructs from merge
* Single Import
* multiple inputs
* linting A
* linting B
* lint C
* linting D
* linting E
* linting F
* linting G
* revert Number.isNaN changes
* updated snapshot
* remove dupe Button
* Removing duped destructs from merge
* Add react-styleguidist module
* Add basic react styleguidist configuration
- Include shared components in the gallery
- Add build scripts to build the gallery and serve it
* Add some more content to UI documentation
* Add documentation
* Add stylesheets to component gallery
* Add EntityList documentation
* Add examples to documented common components
* Add some more documentation
* Add styles for typeahead
* Add documentation for PageErrorOverview
* Remove missing id warning in example
* Add documentation for Page component
* Add PageHeader documentation
* Add PaginatedList documentation
* Correct header tags
* Add SearchForm documentation
* Use deprecated annotation
* Let consumers of `Select` customize `displayKey`
React Select uses `labelKey` instead of `displayKey` so pass the right
prop down.
* Add documentation for Select component
* Add SelectableList documentation
* Add SortableList and SortableListItem documentation
* Fix props definition in TableList component
* Fix display of select all Input
This prop was not updated when we migrated to our own Input component.
* Add documentation for TableList component
* Add documentation for Timestamp component
* Add documentation for TimeUnit component
* Add TimeUnitInput documentation
* Fix error while rendering component
We used the wrong import here, `moment` doesn't know about timezones.
* Be more explicit about the prop we support
As we specify the `onChange` prop in the TimezoneSelect prop types, we
should at least use it instead of passing it down as other props that
are not listed.
We should restrict the supported props at some point, protecting
our code from changes in underlying components.
* Add documentation for TimezoneSelect component
* Add documentation for TypeAheadDataFilter component
* Add TypeAheadFieldInput documentation
* Fix some TypeAheadDataFilter documentation
* Add TypeAheadInput documentation
* Add documentation for ReactGridContainer
* Add some basic docs
* Update yarn.lock