IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-07-30 00:08:10 -05:00
Code Issues Packages Projects Releases Wiki Activity
27,798 Commits 1,123 Branches 715 Tags
07bb6b8daee24e5ec7cfbab5a71447ede46f080b
Commit Graph
100 Commits
This Branch
This Branch
All Branches
Author SHA1 Message Date
Alex Khomenko 506120bb81 Grafana-UI: Make Card story public (#30388) 
* Grafana-ui: Enable customisable separator for metadata

* Grafana-ui: Make Card story public
 2021-01-19 14:23:11 +02:00
Alex Khomenko 0fceca5f73 Search: use Card component (#29892) 
* Search: Use Card component for search items

* Search: Set min height of search item

* Search: Adjust item height

* Search: Move tags to the right

* Search: Center item content

* Search: Align tags

* Search: Adjust Card spacing

* Search: Adjust dimensions
 2021-01-19 13:42:59 +02:00
Alex Khomenko 4971ce6a3c Grafana-toolkit: Update component generator templates (#30306) 
* Grafana-toolkit: Update component generator templates

* Update story name
 2021-01-16 11:31:54 +02:00
Alex Khomenko 61b9d811cb Grafana UI: EmptySearchResult docs (#30281) 
* Grafana-UI: Remove sass

* Grafana-UI: Add story/docs
 2021-01-15 09:29:44 +02:00
Alex Khomenko b48ac0dc53 Grafana-UI: Add story/docs for FilterPill (#30252) 
* Grafana-UI: Add story/docs for FilterPill

* Grafana-UI: Update args
 2021-01-14 09:55:49 +02:00
Alex Khomenko b8d84092bb Grafana-UI: Add story/docs for Counter (#30253) 
* Grafana-UI: Add story/docs for Counter

* Grafana-UI: Fix naming
 2021-01-14 09:09:08 +02:00
Alex Khomenko 3a27dc55eb Move colors demo under theme colors (#29873) 2020-12-16 10:51:45 +02:00
Alex Khomenko 8d9b4e4ac2 Display palette and colors for dark and light themes in storybook (#29848) 2020-12-15 17:40:24 +02:00
Alex Khomenko dd1cbd21f0 Docs: Add info about typing of connected props to Redux style guide (#29842) 
* Add info about typing of connected props

* Update with suggestions
 2020-12-15 16:27:43 +02:00
Alex KhomenkoandTorkel Ödegaard b1a57c6f77 Chore: Automatically infer types for dashgrid connected components (#29818) 
* Refactor DashboardPanel

* Refactor PanelEditor

* Fix missing initializer

* Update public/app/features/dashboard/components/PanelEditor/PanelEditor.tsx

Co-authored-by: Torkel Ödegaard <torkel@grafana.org>

* Simplify type

* Remove unused type

* Move prop connectors on top

Co-authored-by: Torkel Ödegaard <torkel@grafana.org>
 2020-12-15 13:18:40 +02:00
Alex KhomenkoandDominik Prokop 8587e9fe6c Grafana-UI: Support optgroup for MultiSelect (#29805) 
* Grafana-UI: Support optgroup for MultiSelect

* Update packages/grafana-ui/src/components/Select/Select.story.tsx

Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>

Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>
 2020-12-14 15:11:25 +02:00
Alex Khomenkoandkay delaney 2c4899a4cd Grafana UI: Card API refactor (#29034) 
* Refactor API

* Fix types

* Cleanup

* Remove useMemo

* Update actions

* Update story

* Align secondary actions

* Replace snapshot tests

* Update docs

* Update packages/grafana-ui/src/components/Card/Card.tsx

Co-authored-by: kay delaney <45561153+kaydelaney@users.noreply.github.com>

* Allow overriding child props

* Fix types and remove alpha tags

Co-authored-by: kay delaney <45561153+kaydelaney@users.noreply.github.com>
 2020-11-19 09:48:56 +02:00
Alex KhomenkoandDominik Prokop 9e5f0a48f6 Update react-testing-library (#29061) 
* Update react-testing-library

* Update package.json

Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>

* Update lockfile

Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>
 2020-11-13 12:55:19 +02:00
Alex Khomenko 1d7fda4db6 Grafana-UI: LoadingPlaceholder docs (#28874) 
* Refactor props

* Add docs
 2020-11-09 09:25:07 +02:00
Alex KhomenkoArve KnudsenTorkel ÖdegaardLeonard Gram
 		9b90ff2961 Disable selecting enterprise plugins with no license (#28758) 
* Add unlicensed property to plugins

* Disable selecting unlicensed plugin

* Add customizable plugin market place url

* License: workaround enabled only in enterprise

* linter

* Move licensing info to front end

* Update pkg/services/licensing/oss.go

Co-authored-by: Arve Knudsen <arve.knudsen@gmail.com>

* Update pkg/services/licensing/oss.go

Co-authored-by: Arve Knudsen <arve.knudsen@gmail.com>

* Update pkg/setting/setting.go

Co-authored-by: Arve Knudsen <arve.knudsen@gmail.com>

* Update pkg/setting/setting.go

Co-authored-by: Arve Knudsen <arve.knudsen@gmail.com>

* Update pkg/api/frontendsettings.go

Co-authored-by: Arve Knudsen <arve.knudsen@gmail.com>

* Update sample.ini

* Update docs

* Update packages/grafana-runtime/src/config.ts

Co-authored-by: Torkel Ödegaard <torkel@grafana.org>

* Update public/app/features/datasources/state/buildCategories.ts

Co-authored-by: Torkel Ödegaard <torkel@grafana.org>

* Update pkg/api/frontendsettings.go

Co-authored-by: Arve Knudsen <arve.knudsen@gmail.com>

* Update pkg/setting/setting.go

Co-authored-by: Arve Knudsen <arve.knudsen@gmail.com>

* Fix spelling

Co-authored-by: Leonard Gram <leo@xlson.com>
Co-authored-by: Arve Knudsen <arve.knudsen@gmail.com>
Co-authored-by: Torkel Ödegaard <torkel@grafana.org>
 2020-11-05 12:55:40 +02:00
Alex Khomenko 18d8185eb0 AlertRuleList: Add keys to alert rule items (#28735) 2020-11-02 12:35:23 +01:00
Alex KhomenkoandTorkel Ödegaard c96ef2676e Grafana-UI: Add Card component (#28216) 
* Base card

* Add disabled state

* Expand knobs

* Add card actions

* Add meta data

* Allow custom tags

* Extend container props

* Add inner link

* Add docs

* Add missing keys

* Update margins

* Add description

* Add full card example

* Tweak disabld state

* Export Card

* title => heading

* Filter out empty content

* Add disableEvents

* Move tooltip to container

* Use new Card for AlertRuleItem

* Cleanup

* Update snapshot

* Rename props

* Rename props[2]

* Disable hover is onClick is missing

* Fix alert rule item

* Update snapshot

* Export CardProps

* Replace logo

* Remove tag prop

* Remove extra div

* Add @public

* Update AlertRuleItem

* Simplify disabled logic

* Export Card styles

* Remove AlertRuleItem tooltips

* Revert to old button design

* Make component internal

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
 2020-10-28 09:23:22 +02:00
Alex Khomenko 75ebf3f15c Grafana-UI: ContextMenu docs (#28508) 
* Add story

* Add docs

* Get rid of selectThemeVariant

* Minor tweaks
 2020-10-27 17:18:45 +02:00
Alex Khomenko d6fd8e4584 Plugin page: update readme icon (#28465) 
* Update readme icon

* Use file icon
 2020-10-22 17:19:49 +03:00
Alex KhomenkoandRyan McKinley 1cce13b501 Add unique ids to query editor fields (#28376) 
* Add unique ids to query editor fields

* Update public/app/plugins/datasource/testdata/components/RandomWalkEditor.tsx

Co-authored-by: Ryan McKinley <ryantxu@gmail.com>

Co-authored-by: Ryan McKinley <ryantxu@gmail.com>
 2020-10-19 18:56:57 +03:00
Alex Khomenko 3225b119d4 Migration: TestData Query Editor (#27997) 
* Use new editor

* Add basic fields

* Add labels

* Add ids

* Add ManualEntryEditor

* Use tooltip prop

* Switch to inline labels

* Fix inline label tooltip position

* Allow resetting max-width

* Replace form inputs

* Add random walk editor

* separate editors

* Add logs and endpoints fields

* Add PredictablePulseEditor

* Add CSVWaveEditor

* Add grow prop

* Add default query

* Fix types

* Fix manual editor

* Fix type issues

* Handle scenario change

* Sort scenarios by label

* Add ManualEditor test

* Fix label height

* test manual editor

* Update test

* Setup QueryEditor tests

* Fix selected value

* Connect CSVWaveEditor

* Convert stream data to numbers

* Fix random walk editor

* Cleanup

* Convert scenarios to ts

* Remove extra icon styles

* Minor tweaks

* Update e2e tests

* Remove useEffect

* Add missing aria-labels

* Use new button components
 2020-10-14 13:08:35 +03:00
Alex Khomenko 9c112cd785 Grafana-UI: Form elements fixes (#27858) 
* Fix inline label tooltip position

* Allow resetting max-width

* Fix label alignment and props

* Fix label line height
 2020-10-07 13:20:32 +03:00
Alex Khomenko 11e6cc10d4 Add Alex Khomenko as member (#28032) 2020-10-05 15:08:16 +03:00
Alex Khomenko 6173aa70b7 UserPicker: Use clearable AsyncSelect for the UserPicker (#27994) 2020-10-03 07:19:45 +02:00
Alex Khomenko c35bd84ff1 Grafana-UI: Refactor legacy inline form components (#27660) 
* Move styles to emotion

* Move FormLabel to forms

* Add mdx file

* Setup InlineField

* Add InlineField docs

* Add grow prop

* Add isKeyword prop

* Add filled Field

* Keep legacy form label

* InlineFormLabel => InlineLabel

* Update references

* Add multiple elements example

* Revert label

* Add InlineFieldRow

* Adjust label width

* Export InlineFieldRow

* Expand props from base components

* Remove isKeyword prop

* Remove fill prop

* Update docs

* Update docs [2]
 2020-09-28 14:24:25 +03:00
Alex Khomenko 3188524f1f Grafana-UI: Add docs for FormattedValueDisplay (#27759) 
* Add docs for FormattedValueDisplay

* Move to visualizations
 2020-09-28 10:16:20 +03:00
Alex Khomenko 126683929c Grafana-UI: Expand ConfirmModal docs (#27541) 2020-09-11 16:45:39 +03:00
Alex KhomenkoandAgnès Toulet 4167f9d8d7 Docs: Add 7.2 Enterprise features (#27497) 
* Docs: Add new Enterprise features

* Docs: Fix spelling

* Update docs/sources/guides/whats-new-in-v7-2.md

Co-authored-by: Agnès Toulet <35176601+AgnesToulet@users.noreply.github.com>

* Docs: Add top links

Co-authored-by: Agnès Toulet <35176601+AgnesToulet@users.noreply.github.com>
 2020-09-11 09:33:52 +02:00
Alex KhomenkoandPeter Holmberg 1a5c049883 Grafana-UI: Add docs for ConfirmButton (#27477) 
* Grafana-UI: Add docs for ConfirmButton

* Grafana-UI: Add comment

* Update packages/grafana-ui/src/components/ConfirmButton/ConfirmButton.mdx

Co-authored-by: Peter Holmberg <peterholmberg@users.noreply.github.com>

Co-authored-by: Peter Holmberg <peterholmberg@users.noreply.github.com>
 2020-09-09 17:07:53 +03:00
Alex Khomenko b2fe359a5e Grafana-UI: Add docs for ClipboardButton (#27451) 2020-09-08 19:18:13 +03:00
Alex Khomenko 32f99669ff Search: refactor tests to use react-testing-library (#27352) 
* Search: refactor SearchItem.test.tsx

* Search: refactor SearchResults.test.tsx

* Search: mock search_srv

* Search: refactor SearchResultsFilter.test.tsx

* Search: remove redundant mocks

* Search: fix type errors

* Search: move selectors to e2e-selectors
 2020-09-08 18:01:38 +03:00
Alex Khomenko 6fabfee097 Search: replace cog icon (#27440) 2020-09-08 12:04:40 +03:00
Alex Khomenko 2a2992b04d Grafana-UI: Add docs for ClickOutsideWrapper (#27429) 
* Grafana-UI: Add docs and story for ClickOutsideWrapper

* Grafana-UI: Update comments

* Grafana-UI: expand usage

* Grafana-UI: Tweak docs
 2020-09-08 10:34:27 +03:00
Alex KhomenkoandDiana Payton f323ae6b67 Docs: Add report settings section (#26946) 
* Docs: Update report features

* Docs: Add info about custom time range

* Docs: Add Settings section

* Docs: Update text

* Update docs/sources/enterprise/reporting.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update docs/sources/enterprise/reporting.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update docs/sources/enterprise/reporting.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update docs/sources/enterprise/reporting.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update docs/sources/enterprise/reporting.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update docs/sources/enterprise/reporting.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update reporting docs

* Clarify docs

* Add settings image

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>
 2020-09-01 14:40:25 +03:00
Alex Khomenko b45d5ec594 Grafana-UI: Add Collapse docs (#27291) 
* Grafana-UI: Add Collapse docs

* Grafana-UI: Add comments

* Clarify description
 2020-08-31 17:48:03 +03:00
Alex Khomenko 8238c46350 Grafana-UI: FieldValidationMessage tweaks (#27246) 
* Grafana-UI: Export FieldValidationMessage

* Grafana-UI: Add alert role to FieldValidationMessage
 2020-08-27 16:35:01 +03:00
Alex Khomenko ff1a931f6f Grafana-UI: Form - inherit HTMLFormElement props (#27227) 2020-08-26 16:29:01 +03:00
Alex Khomenko a1e6090008 Grafana-UI: BarGauge docs (#27188) 
* Grafana-UI: Add mdx file

* Grafana-UI: remove _BarGauge.scss

* Grafana-UI: Update snapshot

* Grafana-UI: Fix tests

* Grafana-UI: Use selector
 2020-08-26 14:44:08 +03:00
Alex Khomenko f5ee1f93cd Grafana-UI: Alert components tweaks (#27128) 
* Grafana-UI: Add Alert docs and story

* Grafana-UI: Move Alert styles to emotion

* Grafana-UI: Tweak docs

* Grafana-UI: Update test

* Grafana-UI: Add outline to custom content

* Grafana-UI: Remove class name

* Grafana-UI: Remove _Alert.scss

* Grafana-UI: Add e2e Alert selector

* Grafana-UI: Use @deprecated

* Grafana-UI: Remove circular reference

* Grafana-UI: Final tweaks
 2020-08-25 11:06:58 +03:00
Alex Khomenko 4a6268014a Grafana-UI: Add story and mdx file (#27152) 2020-08-24 14:13:28 +03:00
Alex Khomenko 6b2d44416d Testing: Use React Testing Library (#27072) 
* Add RTL

* Add setupTests.ts

* Refactor DashboardSearch tests
 2020-08-20 16:21:42 +03:00
Alex Khomenko 9b532a7834 Grafana-UI: Make TimeOfDayPicker value optional (#26703) 2020-07-31 17:10:20 +03:00
Alex Khomenko 0b8ad9176d Grafana-UI: Reverse TimeRangeInput range pickers (#26652) 
* Grafana-UI: Reverse TimeRangeInput range pickers

* Grafana-UI: Add comment

* Grafana-UI: Update snapshots
 2020-07-28 19:09:20 +03:00
Alex Khomenko 9c3f47aa23 Grafana-UI: Pass timeZone to TimePickerButtonLabel (#26454) 2020-07-20 16:57:14 +03:00
Alex Khomenko 7b183971fd Grafana-UI: Enable empty time range (#26320) 
* Grafana-UI: Enable empty time range

* Grafana-UI: Add clearable prop

* Grafana-UI: Update types

* Grafana-UI: Use InputTimeRange type

* Grafana-UI: Remove InputTimeRange type

* Grafana-UI: Fix clear icon hover color
 2020-07-17 14:04:05 +03:00
Alex Khomenko 208f95a76c Admin: Update org list after delete (#26277) 2020-07-15 10:35:00 +03:00
Alex Khomenko 718d6fb25d Grafana-UI: Add time range input (#26158) 
* Grafana UI: Do not submit form on range change

* Grafana UI: Add TimeRangeInput

* Grafana UI: Style input

* Grafana UI: Customize content

* Grafana UI: Adjust caret style

* Grafana UI: Add mdx

* Grafana UI: Fix caret styles

* Grafana UI: Fix typo

* Grafana UI: Do not reload page on timerange change

* Grafana UI: Sync TimeRangeForm state with external value

* Grafana UI: Close overlay on apply

* Grafana UI: Remove unused props

* Grafana UI: Fix story

* Grafana-UI: Make time zone optional

* Grafana-UI: Update styles

* Grafana-UI: Extract button label props

* Grafana-UI: hideHistory => showHistory

* Grafana-UI: Fix caret styles
 2020-07-10 14:45:49 +03:00
Alex Khomenko c3d4e69a32 Grafana UI: Make FileUpload button size customizable (#26013) 2020-07-02 14:17:42 +03:00
Alex Khomenko 9e47114c45 Forgot password: Fix styling (#26002) 2020-07-02 10:33:45 +03:00
Alex KhomenkoandTobias Skarhed 275c37503a Grafana-UI: Add FileUpload (#25835) 
* Grafana UI: Setup component

* Grafana UI: DashboardFileUpload => FileUpload

* Grafana UI: Expand docs

* Grafana UI: Add className

* Grafana UI: Update import

* Grafana UI: Clarify props

* Update packages/grafana-ui/src/components/FileUpload/FileUpload.tsx

Co-authored-by: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>

* Grafana UI: Style icon

* Grafana UI: Show uploaded file name

* Grafana UI: Add tests

* Grafana UI: Add useStyles + useCallback

* Grafana UI: Remove stylesFactory

* Grafana UI: Revert to useTheme

Co-authored-by: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>
 2020-06-30 17:48:38 +03:00
Alex Khomenko 1bde4de827 Grafana UI: Unbind graph only if initialised (#25762) 2020-06-23 10:43:19 +03:00
Alex Khomenko 47a2ee5b24 Grafana UI: Apply disabled styles to LinkButton (#25693) 
* Grafana UI: Apply disabled styles to LinkButton

* Grafana UI: Add disabled knob
 2020-06-18 16:22:57 +03:00
Alex Khomenko 157e54067d Docs: Remove GrafanaCONline info from readme (#25655) 2020-06-17 12:57:40 +02:00
Alex Khomenko e6460b31df Docs: Fix typos in the issue triage doc (#25627) 2020-06-16 12:56:40 +03:00
Alex Khomenko 531e658123 Search: support URL query params (#25541) 
* Search: connect DashboardSearch

* Search: set url params

* Search: handle tag params

* Search: handle sort params

* Search: use getLocationQuery

* Search: fix type errors

* Docs: Save query params for manage dashboards

* Search: extract connect

* Search: add layout to URL params

* Search: update options

* Search: simplify options loading

* Search: Fix strict null errors

* Search: Change params order

* Search: Add tests

* Search: handle folder query
 2020-06-16 11:52:10 +03:00
Alex KhomenkoandMarcus Olsson 85d5d8a0e6 Docs: Fix intro to timeseries URL (#25530) 
* Docs: Fix intro to timeseries URL

* Update docs/sources/developers/plugins/data-frames.md

Co-authored-by: Marcus Olsson <accounts+github@marcus.se.net>

Co-authored-by: Marcus Olsson <accounts+github@marcus.se.net>
 2020-06-11 15:15:50 +03:00
Alex Khomenko c3549f845e Grafana UI: Add prop table (#25387) 2020-06-05 17:29:37 +03:00
Alex Khomenko 03f241a674 Grafana UI: Add FieldSet component (#25348) 
* Grafana UI: Add FieldSet

* Grafana UI: Add story

* Grafana UI: Add docs

* Grafana UI: Export FieldSet

* Grafana UI: Fix issues
 2020-06-04 16:52:52 +03:00
Alex Khomenko 1790ece4d5 Search: Only move dashboards into expanded folders UI-wise (#25363) 
* Search: Ony move dashboards into expanded folders UI-wise

* Search: Add tests
 2020-06-04 16:28:50 +03:00
Alex Khomenko 10158c90e3 Search: uncheck dashboards after moved (#25256) 2020-06-02 09:36:04 +03:00
Alex Khomenko 4c02e9d7ea Storybook: update dark mode addon (#25151) 
* Grafana UI: Remove dark mode addon from deps

* Grafana UI: Update lockfile
 2020-05-27 18:03:00 +03:00
Alex Khomenko 7b6deef46d Search: make anchor full-height (#24783) 2020-05-18 11:31:10 +03:00
Alex Khomenko 04c75265b5 Fix Safari Icon alignment (#24610) 2020-05-13 11:08:19 +02:00
Alex Khomenko 15ac76a47b Search: Safari UI fixes (#24567) 
* Search: Add height: 100% to page containers

* Search: Reset TagOption display to block

* Search: Add title to result list

* Search: Use flex-basis vs height

* Search: Remove IconButton

* Search: Do not shrink select options

* Search: Fix hasEditPermissionInFolders

* Search: Update tests

* Search: Fix prop

* Remove select wrapper class

* Update snapshot
 2020-05-12 17:10:48 +03:00
Alex Khomenko 0396b220a3 Search: Save folder expanded state (#24496) 
* Search: Save folder expanded state

* Search: Remember expanded state on search close
 2020-05-12 13:51:00 +03:00
Alex Khomenko 3a2c844a8a Search: folder view improvements (#24324) 
* Search: Do not set items if no results returned

* Search: Simplify canSave logic

* Search: Add initialLoading state

* Search: Add itemsFetching state to folder

* Search: Fix props and tests

* Search: Fix strict null check
 2020-05-06 12:53:28 +03:00
Alex Khomenko 6768fb3672 Search: Add filterOption prop to Select (#24213) 2020-05-04 12:43:09 +03:00
Alex KhomenkoandTobias Skarhed 89ee84a909 Storybook/fix modal docs (#24150) 
* Convert modal

* Storybook: Add mdx for Modal

* Storybook: Add mdx for ConfirmModal

Co-authored-by: Tobias Skarhed <tobias.skarhed@gmail.com>
 2020-05-02 12:52:22 +03:00
Alex Khomenko ab07326169 Search: close overlay on Esc press (#24003) 
* Search: Close on Esc

* Search: Increase bottom padding for the last item in section

* Search: Move closing search to keybindingsSrv

* Search: Fix folder view

* Search: Do not move folders if already in folder
 2020-04-29 19:18:37 +03:00
Alex Khomenko 4c823d9221 Search: Convert time pickers to CSF (#24002) 2020-04-28 18:09:32 +03:00
Alex Khomenko dd31207ecf Search: minor fixes (#23984) 
* Search: Use folder id as key when present

* Search: Do not render modals if not open
 2020-04-28 15:31:11 +03:00
Alex Khomenko 32492dd650 Search/ui issues (#23945) 
* Search: Move layout to query reducer/hook

* Search: Move extra layout/sort logic to reducer

* Search: Tweak action row spacing

* Search: Update TagOption

* Search: Remove duplicate function

* Search: Add Clear tags button

* Search: Align checkbox

* Search: Add TagFilter.displayName

* Search: Update default placeholder

* Search: Return all dashboards for list view

* Search: Apply custom line-height to ActionRow checkbox
 2020-04-27 19:16:03 +03:00
Alex Khomenko 9771b1c745 Search/fix folder sort (#23893) 
* Search: Move layout to query reducer/hook

* Search: Refactor search_srv

* Search: Fix types

* Search: Move extra layout/sort logic to reducer

* Search: Fix Select min-width

* Search: Fix filter by starred

* Search: Update tests

* Search: Simplify query return

* Search: Set width to auto on HorizontalGroup

* Search: Fix tests
 2020-04-27 15:08:48 +03:00
Alex Khomenko b9a40fc346 Search: Fix expanded folder icon (#23903) 2020-04-26 16:12:49 +03:00
Alex Khomenko 1f2a70117b Search: cleanup old Angular files (#23860) 
* Search: Remove wrapperRef

* Search: Remove angular search files

* Search: Unify search types

* Search: Remove redundant hideHeader prop

* Search: Remove app/types/search.ts

* Search: Update imports

* Search: Fix type errors
 2020-04-24 18:07:57 +03:00
Alex Khomenko 3d9a88c7af Grafana-UI: Extend Layout props (#23771) 
* Grafana-UI: Extend Layout props

* Grafana-UI: Merge container styles

* Search: Fix prop types

* Grafana-UI: remove className prop
 2020-04-24 17:25:39 +03:00
Alex Khomenko fb8a555f19 Search/virtualize list (#23710) 
* Search: Add FixedSizeList for result items

* Search: Move SectionHeader to a separate file

* Search: Add useListHeight hook

* Search: Fix horizontal scrollbar

* Search: Remove custom scrollbar

* Search: Do not fetch dashboard folder on route change

* Search: Update tests

* Search: Remove extra checkbox renders

* Search: Move wrapper ref outside search results

* Search: Fix param type

* Search: Fix merge conflicts

* Search: Virtualize dashboard list

* Search: Update layout

* Search: Pass wrapper to search results

* Search: Update dashboard redirect

* Search: Remove unused css

* Search: Revert config

* Search: Use AutoSizer

* Search: Remove redundant appEvents call

* Search: Use List layout in folder view
 2020-04-24 11:08:06 +03:00
Alex Khomenko 906cc6d317 Search: Fix strict null errors (#23804) 2020-04-23 09:55:10 +02:00
Alex Khomenko c0fe565499 Search add sorting picker (#23746) 
* Search: Extend search_srv with getSortOptions

* Search: Enable sorting

* Search: Fullwidth search

* Search: Add SortPicker

* Search: Add useSearchLayout

* Search: Update sort query

* Search: Refactor items rendering

* Search: Add sort to manage dashboards

* Search: Add sort icon

* Search: Mock getSortOptions

* Search: Fix Select sizes

* Search: Move SortPicker to Select

* Grafana-UI: Add ActionRow.tsx

* Grafana-UI: Use ActionRow in dashboard search

* Grafana-UI: Update ActionRow styles

* Search: Update tests

* Search: enable clearing TagFilter

* Search: Move getSortOptions outside of component

* Search: Fix import

* Search: Limit container width

* Search: Replace SearchField's clear text with icon

* Search: Fix section items query #23792

* Search: Add icons for layout switch

* Search: Remove layout switch for folder page
 2020-04-23 08:18:53 +03:00
Alex Khomenko 89a75343eb Search: Load folder page (#23768) 2020-04-22 11:24:29 +03:00
Alex KhomenkoandAlexander Zobnin 8709c9a8a5 Search: Toggle Search based on search query (#23648) 
* Search: Toggle Search based on search query

* Search: Fix types and closed search param

* Search: Remove appEvents from SearchWrapper

* Search: Reset folder on close

Co-Authored-By: Alexander Zobnin <alexanderzobnin@gmail.com>

* Search: Disable reloadOnSearch for manage dashboards urls

Co-authored-by: Alexander Zobnin <alexanderzobnin@gmail.com>
 2020-04-20 18:04:51 +03:00
Alex KhomenkoandTorkel Ödegaard 89c8855f9d Search: migrate manage dashboards (#23530) 
* Search: add search wrapper

* Search: add DashboardSearch.tsx

* Search: enable search

* Search: update types

* Search: useReducer for saving search results

* Search: use default query

* Search: add toggle custom action

* Search: add onQueryChange

* Search: debounce search

* Search: pas dispatch as a prop

* Search: add tag filter

* Search: Fix types

* Search: revert changes

* Search: close overlay on esc

* Search: enable tag filtering

* Search: clear query

* Search: add autofocus to search field

* Search: Rename close to closeSearch

* Search: Add no results message

* Search: Add loading state

* Search: Remove Select from Forms namespace

* Remove Add selectedIndex

* Remove Add getFlattenedSections

* Remove Enable selecting items

* Search: add hasId

* Search: preselect first item

* Search: Add utils tests

* Search: Fix moving selection down

* Search: Add findSelected

* Search: Add type to section

* Search: Handle Enter key press on item highlight

* Search: Move reducer et al. to separate files

* Search: Remove redundant render check

* Search: Close overlay on Esc and ArrowLeft press

* Search: Add close button

* Search: Document utils

* Search: use Icon for remove icon

* Search: Add DashboardSearch.test.tsx

* Search: Move test data to a separate file

* Search: Finalise DashboardSearch.test.tsx

* Add search reducer tests

* Search: Add search results loading indicator

* Search: Remove inline function

* Search: Do not mutate item

* Search: Tweak utils

* Search: Do not clear query on tag clear

* Search: Fix folder:current search

* Search: Fix results scroll

* Search: Update tests

* Search: Close overlay on cog icon click

* Add mobile styles for close button

* Search: Use CustomScrollbar

* Search: Memoize TagList.tsx

* Search: Fix type errors

* Search: More strictNullChecks fixes

* Search: Add ManageDashboards.tsx

* Search: Add mergeReducers

* Search: Use mergeReducers

* Search: remove default state from reducers

* Search: Fix recent and starred icons

* Search: Enable search

* Search: Add markup

* Search: Separate manageDashboardsReducer

* Search: Add DashboardActions.tsx

* Use new Select for TagFilter

* Search: Use TagFilter for search filters

* Search: Use TagList

* Search: Add toggleSection

* Search: Add more actions

* Search add manageDashboards.test.ts

* Search: Add getCheckedUids

* Search: Add modify and toggle checked actions

* Search: Update tests

* Search: Update component template

* Search: Enable section toggle

* Search: Derive canMove and canDelete

* Search: Handle delete items

* Search: Fix tests

* Search: Enable toggle items

* Search: Add confirm modal subtitle

* Search: Use theme vars

* Search: Add getCheckedDashboardsUids

* Search: Add MoveToFolderModal

* Search: Enable moving dashboards

* Search: Fix strict null checks errors

* Search: Fix strict null checks errors[2]

* Search: Enable filters

* Search: Add useSearchQuery.ts

* Search: Toggle items when toggling all

* Search: Update useSearchQuery to accept custom params

* Search: Add useSearchQuery to dashboard search

* Search: use SearchField for manage dashboards

* Search: Remove event param from query change

* Search: Add base search hooks

* Search: refactor useSearch to accept reducer

* Search: use useDashboardSearch hook

* Search: Fix useSearchQuery params

* Search: Enable folder search

* Search: Update tests

* Search: Pass the props to manage-dashboards

* Search: Add search filters margin

* Search: Remove search-field-wrapper class and hide logic for it

* Search: Adjust SearchField styles

* Search: Move search-results-container inside SearchResults

* Search: Fix type errors

* Search: Add EmptyListCTA

* Search: Update move message

* Search: Cleanup

* Search: Add todo

* Search: Fix action type

* Search: Use React wrapper vs FolderDashboardsCtrl and DashboardListCtrl

* Search: DashboardList => DashboardListPage

* Search: Remove ManageDashboards from angular_wrappers

* Minor style tweaks

* Search: Use LinkButton

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
 2020-04-17 15:29:20 +03:00
Alex Khomenko 6d1e323b78 Grafana UI: make menuPlacement customizable (#23499) 2020-04-10 18:03:27 +03:00
Alex Khomenko f458da4d7f React generator (#23150) 
* Toolkit: Setup templates

* Toolkit: Add plop

* Toolkit: Setup createComponent task

* Toolkit: Use lodash templates

* Toolkit: Generate story and mdx file

* Toolkit: Add story type

* Toolkit: Fix types

* Toolkit: Add test template

* Toolkit: Remove plop

* Toolkit: Tweak types

* Toolkit: Minor fixes

* Toolkit: Add internal story option

* Toolkit: Fix test

* Toolkit: Clarify prompt

* Toolkit: add prompt list for component group

* Toolkit: make generator script internal

* Toolkit: add description

* Toolkit: add missing when condition
 2020-04-10 11:32:49 +03:00
Alex Khomenko d831dde349 Use new Select for TagFilter (#23472) 2020-04-09 20:21:27 +03:00
Alex Khomenko d04dce6a37 Search/refactor dashboard search (#23274) 
* Search: add search wrapper

* Search: add DashboardSearch.tsx

* Search: enable search

* Search: update types

* Search: useReducer for saving search results

* Search: use default query

* Search: add toggle custom action

* Search: add onQueryChange

* Search: debounce search

* Search: pas dispatch as a prop

* Search: add tag filter

* Search: Fix types

* Search: revert changes

* Search: close overlay on esc

* Search: enable tag filtering

* Search: clear query

* Search: add autofocus to search field

* Search: Rename close to closeSearch

* Search: Add no results message

* Search: Add loading state

* Search: Remove Select from Forms namespace

* Remove Add selectedIndex

* Remove Add getFlattenedSections

* Remove Enable selecting items

* Search: add hasId

* Search: preselect first item

* Search: Add utils tests

* Search: Fix moving selection down

* Search: Add findSelected

* Search: Add type to section

* Search: Handle Enter key press on item highlight

* Search: Move reducer et al. to separate files

* Search: Remove redundant render check

* Search: Close overlay on Esc and ArrowLeft press

* Search: Add close button

* Search: Document utils

* Search: use Icon for remove icon

* Search: Add DashboardSearch.test.tsx

* Search: Move test data to a separate file

* Search: Finalise DashboardSearch.test.tsx

* Add search reducer tests

* Search: Add search results loading indicator

* Search: Remove inline function

* Search: Do not mutate item

* Search: Tweak utils

* Search: Do not clear query on tag clear

* Search: Fix folder:current search

* Search: Fix results scroll

* Search: Update tests

* Search: Close overlay on cog icon click

* Add mobile styles for close button

* Search: Use CustomScrollbar

* Search: Memoize TagList.tsx

* Search: Fix type errors

* Search: More strictNullChecks fixes

* Search: Consistent handler names

* Search: Fix search items types in test

* Search: Fix merge conflicts

* Search: Fix strictNullChecks errors
 2020-04-08 18:14:03 +03:00
Alex Khomenko 002ebc9cbb Storybook: update docs for Layout (#23288) 
* Storybook: expand layout docs

* Search: Ad align prop

* Search: Default align to normal

* Search: Expand docs
 2020-04-03 14:13:54 +03:00
Alex Khomenko c993e1c988 Remove Select from Forms namespace (#23289) 2020-04-02 16:18:06 +03:00
Alex Khomenko ce3a1fc56c Search/migrate search filter actions (#23133) 
* Search: Initial setup

* Search: Use icon prop

* Search: Add button variants

* Search: Enable toggle all

* Search: Fix starred filter

* Search: update tests

* Search: Enable filters

* Search: Use emotion styling

* Search: Enable dashboard deleting

* Search: Enable dashboard moving

* Search: Update tests

* Search: Add SearchResultsFilter.test.tsx

* Search: Tweak types

* Search: Remove onReset

* Search: Remove redundant fragment

* Search: Use HorizontalGroup

* Search: Alight top checkbox
 2020-04-02 14:07:31 +03:00
Alex Khomenko ab283fe827 Grafana UI: Fix fullWidth prop (#23280) 2020-04-02 13:30:01 +03:00
Alex Khomenko 16d3d5b507 Fix search item links (#23210) 
* Wrap search into into a

* Justify Icon

* Align items inside section header

* Remove log

* Fix clicking tags inside search item
 2020-03-31 14:48:15 +03:00
Alex Khomenko 7e2fedb0cc Storybook: Sort icons by name (#23115) 
* Storybook: Sort icons by name

* Storybook: Add icon search
 2020-03-27 11:09:23 +02:00
Alex KhomenkoandCirceCI 85dc4e565e Search/migrate search results (#22930) 
* Search: Setup SearchResults.tsx

* Search: add watchDepth

* Search: Use SearchResults.tsx in Angular template

* Search: Render search result header

* Search: Move new search components to features/search

* Search: Render nested dashboards

* Search: Expand dashboard folder

* Search: Remove fa prefix from icon names

* Search: Enable search results toggling

* Search: Add onItemClick handler

* Search: Add missing aria-label

* Search: Add no results message

* Search: Fix e2e selectors

* Search: Update SearchField imports

* Search: Add conditional classes

* Search: Abstract DashboardCheckbox

* Search: Separate ResultItem

* Search: Style ResultItem

* Search: Separate search components

* Search: Tweak checkbox styling

* Search: Simplify component names

* Search: Separate tag component

* Search: Checkbox docs

* Search: Remove inline on click

* Add Tag component

* Add Tag story

* Add TagList

* Group Tab and TabList

* Fix typechecks

* Remove Meta

* Use forwardRef for the Tag

* Search: Use TagList from grafana/ui

* Search: Add media query for TagList

* Search: Add types

* Search: Remove selectThemeVariant from SearchItem.tsx

* Search: Style section + header

* Search: Use semantic html

* Search: Adjust section padding

* Search: Setup tests

* Search: Fix tests

* Search: tweak result styles

* Search: Expand SearchResults tests

* Search: Add SearchItem tests

* Search: Use SearchResults in search.html

* Search: Toggle search result sections

* Search: Make selected prop optional

* Search: Fix tag selection

* Search: Fix tag filter onChange

* Search: Fix uncontrolled state change warning

* Search: Update icon names

* Search: memoize SearchCheckbox.tsx

* Search: Update types

* Search: Cleanup events

* Search: Semantic html

* Use styleMixins

* Search: Tweak styling

* Search: useCallback for checkbox toggle

* Search: Add stylesFactory

Co-authored-by: CirceCI <circleci@grafana.com>
 2020-03-26 10:09:08 +01:00
Alex Khomenko 014e7d9261 Granfana ui/tag components (#22964) 
* Add Tag component

* Add Tag story

* Add TagList

* Group Tab and TabList

* Fix typechecks

* Remove Meta

* Use forwardRef for the Tag

* Add actions instead of console.log

* Add previews
 2020-03-24 13:52:20 +02:00
Alex Khomenko 2fac834413 Fix dashboard picker's props (#22815) 2020-03-17 12:07:40 +02:00
Alex Khomenko cd50da3dbe Grafana-UI: Add invalid state to Forms.Textarea (#22775) 2020-03-17 10:15:07 +02:00
Alex Khomenko 451c95808d Core: Pass the rest of to props to Select (#22776) 
* Pass the rest of to props to Select

* Remove log
 2020-03-13 13:07:15 +01:00
Alex KhomenkoandLeonard Gram 989c73cf11 Docs: Add layout info (#22720) 
* Docs: Add layout info

* Update docs/sources/enterprise/reporting.md

Co-authored-by: Leonard Gram <leo@xlson.com>
 2020-03-11 18:31:49 +02:00
Alex Khomenko 5aeb367322 Core: DashboardPicker improvements (#22619) 
* Refactor the picker to FC

* Remove redundant variable

* currentDashboardId => currentDashboard

* Make isClearable configurable

* Use useAsyncFn for options loading

* Move getDashboards outside of component
 2020-03-10 11:16:56 +02:00
Alex Khomenko 385be77687 Storybook: Forms.Form docs (#22654) 
* Add Select error message

* Update Form docs

* Tweak examples

* Fix docs
 2020-03-10 10:23:35 +02:00