Commit Graph

1577 Commits

Author SHA1 Message Date
Lundbyit
2c1c4d613c
Storybook: Fix checkbox spacing (#27980)
* Remove <br> and add line-height

* use theme line-height instead of custom
2020-10-02 16:07:47 +03:00
Marcus Andersson
b59be220ce
Build: fixing failing release packaged build due to uPlot dependency not properly setup (#27887)
* removed dependency from grafana/ui on public/app.

* fixed so we don't get rollup issues when building the packages.

* fixed so import path is working properly.

* removed uncommented code.
2020-09-30 12:59:02 +02:00
Ryan McKinley
f60f1c3fc7
Chore: use Array.isArray rather than lodash (#27898) 2020-09-29 10:39:52 -07:00
Jess
339ef7a1a8
Add docs for TagsInput (#27881)
* Add docs for TagsInput

* Add import to TagsInput.story.tsx

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

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
2020-09-29 14:30:57 +03:00
Dominik Prokop
b995381816
Proposal: Declarative API for axes, scales and series configuration in Graph NG (#27862)
* Fix gdev dashboard

* API for declarative Axis, Series and Scales configuration

* Bring back time zone change support

* Update tests and fix type errors

* Review comments and fixes
2020-09-29 13:25:10 +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
kay delaney
d322417217
Chore: Upgrade typescript and related packages (#27316)
* Chore: Upgrade typescript and related packages
Closes #27115

* Apply suggestions from code review

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

* fixes some tests

* Fix failing tests

* Apply suggestions from code review

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

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>
2020-09-25 15:48:41 +01:00
Torkel Ödegaard
193565ca26
BarGauge: Fixed scrollbar showing for bar gague in Firefox (#27784) 2020-09-25 13:32:28 +02:00
Ryan McKinley
3ae6ba034d
Graph NG: make series color easy to clear (#27778) 2020-09-25 11:46:39 +02:00
Torkel Ödegaard
f06dcfc9ee
Table: New cell hover behavior and major refactoring of table cells & style build (#27669)
* Table: Image cell and new hover behavior

* ImageCell: progress

* Table: refactoring cell style generation, tricky stuff

* About to do something

* Getting close

* Need another big change

* Almost everything working

* Filter actions working

* Updated

* Updated

* removed unused prop from interface

* Fixed unit test

* remove unused type
2020-09-24 20:09:01 +02:00
Dominik Prokop
844dd9e8f0
Graph NG WIP (#27572)
* Squash merge Ryans uPlot work

* uPlot - wrap into composable API

* Remove MicroPlot.tsx

* Add missing uPlot stylesheet import

* Use field config for axes config

* Min selection distance for Zoom

* WIP Tooltip behaviour

* Some progress on rendering plot

* gdev dashboard for graph ng tests

* Update custom field config interface for graph options

* Add support for paths in default field config setup (+2 squashed commits)
Squashed commits:
[93fc3afbfc] Typecheck fix
[a07ef86a8b] Add support for paths in default field config setup

* Include IANA timezone canonical name in TimeZoneInfo

* Use correct time zone on time axis

* Default axis width

* Use system date time formats for time axis ticks

* Graph panel layout

* Respect config paths when rendering default value of field config property

* Fix mismatch in field config editor types

* Color field option editor

* Refactor plot context to a single one

* First version of new graph legend plugin

* Fix mutable data frame

* Multiple ui fixes, layout is still slightly problematic

* Remove unused

* Fix tooltip test

* Some perf optimisations

* Update dev dashboard

* Typecheck fix

* Do not use color value editor as standard property editor, add custom field config to graph panel to control series color

* Update dev dashboard with correct tags

* Fix undefined issues

* Update devenv/dev-dashboards/panel-graph/graph-ng.json
2020-09-24 16:44:35 +02:00
Leonard Gram
7b77a1b1fb
changelog 7.2.0 (#27728)
* changelog 7.2.0

* Update CHANGELOG.md

Co-authored-by: Hugo Häggmark <hugo.haggmark@grafana.com>

* Update CHANGELOG.md

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

* Update packages/grafana-toolkit/CHANGELOG.md

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

* Update CHANGELOG.md

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

Co-authored-by: Hugo Häggmark <hugo.haggmark@grafana.com>
Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>
2020-09-23 15:19:17 +02:00
Torkel Ödegaard
f285569316
ValueMappings: Fix issue with value mappings in override applying to all columns (#27718)
* ValueMappings: Fix issue with value mappings override creating default value mapping for all fields

* Fixed unit tests
2020-09-23 11:43:43 +02:00
Torkel Ödegaard
a9e49c24c2
UX: Increase default form width (#27680) 2020-09-22 13:27:35 +02:00
kennytm
7a77eb7635
grafana/ui: Do not bundle jQuery (#27667) 2020-09-22 10:43:57 +02:00
Hugo Häggmark
5f2deb2497
Select: Adds labels to select styles (#27698) 2020-09-22 10:35:26 +02:00
Peter Holmberg
6a14f830ba
Fix: Show an ellipsis if Query row title is too long (#27648)
* add overflow hidden to titleWrapper

* show ellipsis and css labels for components

* readd drag handle after bad merge

* rewrite userpicker test with rtl

* update test after adding css label to icon component

* fix more tests..
2020-09-21 15:33:50 +02:00
Peter Holmberg
60cf95fa21
Docs: Basic docs for FormValidationMessage (#27658) 2020-09-21 09:05:38 +02:00
Dominik Prokop
e8a6b9db10
Fix mismatch in field config editor types (#27657) 2020-09-21 08:45:00 +02:00
Peter Holmberg
232ad5c42e
FieldConfig: Apply Thresholds for string values (#27656)
* apply thresholds for strings

* apply thresholds for all FieldTypes
2020-09-19 08:26:56 +02:00
Torkel Ödegaard
2ed9124736
InputControl: Fixed using InputControl in unit tests from plugins (#27615) 2020-09-16 13:29:59 +02:00
Torkel Ödegaard
cade6dd010
Docs: Field config docs update, Table docs update, Override matcher naming issue (#27558)
* Docs: Field Config Docs Update, Table Docs update, Override matcher naming sync

* removed sentance that feels duplicated

* Update docs/sources/panels/field-configuration-options.md

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

* Update docs/sources/panels/field-configuration-options.md

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

* Update docs/sources/panels/field-configuration-options.md

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

* Update docs/sources/panels/field-configuration-options.md

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

* removed bad newlines and minor tweaks, still need to figure out naming for matchers in UI and docs

* Updated matcher names and descriptions, and UX

* Updated field override docs

* Fixed plural

* Updated wording

* removed plurals for the selectors heading

* Updated names

* Updated docs

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>
2020-09-15 14:49:16 +02:00
Peter Holmberg
4707508f4b
grafana/ui: Documenting DataSourceHttpSettings (#27547)
* documenting component

* Update packages/grafana-ui/src/components/DataSourceSettings/DataSourceHttpSettings.mdx

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

* text updates

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
2020-09-11 15:53:55 +02:00
Alex Khomenko
126683929c
Grafana-UI: Expand ConfirmModal docs (#27541) 2020-09-11 16:45:39 +03:00
Torkel Ödegaard
0132bca93a
Notifications: UX tweak to redesign of form and sections to make it left aligned and cleaner (#27479)
* UX: Redesign of form and sections to make it left aligned and cleaner

* reduced padding

* design tweaks
2020-09-11 08:10:07 +02:00
Oana Mangiurea
b01a64e146
Update Input.mdx (#26226)
* Update Input.mdx

clarify form validation text

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

Align with textArea

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

Co-authored-by: Peter Holmberg <peterholmberg@users.noreply.github.com>
Co-authored-by: Clarity-89 <homes89@ukr.net>
2020-09-09 17:24:31 +03:00
Alex Khomenko
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
Marcus Andersson
d75758071b
Chore: bumped to next version 7.3.0-pre (#27476)
* bumped version to the next minor.

* bumped packages version to the next minor.
2020-09-09 15:43:37 +02:00
Peter Holmberg
400aafa3b3
Migration: Edit notification channel (#25980)
* implement edit page

* connectWithCleanup

* remove angular related code

* use loadingindicator

* use the correct loading component

* handle secureFields

* fixed implementation of secure fields

* Keep secureFields after rerendering the form

* CollapsableSection and Page refactor

* use checkbox instead of switch

* fix comment

* add cursor to section

* Fixed issues after PR review

* Fix issue with some settings being undefined

* new reducer and start with test

* algorithm to migrate secure fields

* UX: Minor UI Tweaks

* Added field around checkboxes, and missing required field

* fixed test

* tests for util

* minor tweaks and changes

* define as records

* fix typ error

* forward invalid to textarea and inputcontrol

* merge formdata and redux data in test

* fix issue with creating channel

* do not figure out securefields in migration

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
2020-09-09 12:46:19 +02:00
Ryan McKinley
acf9938f61
Chore: minor storybook update for markdown-to-jsx security fix (#27413) 2020-09-09 01:54:34 -07:00
Michel Engelen
5b6e156934
Chore: fixed text-alignment on hovering tableCells (#27311)
## FilterableTableCell

### added
- added `display: inline-flex` and `align-items: center` to
  `tableCellWrapper` class
- added `flex: 1` to `tableCell` class

### removed
- unused imports
- removed ternary if since it has no use anymore
- removed `tableCellWrapper` style definition from stylesFactory
2020-09-08 18:20:44 +02:00
Alex Khomenko
b2fe359a5e
Grafana-UI: Add docs for ClipboardButton (#27451) 2020-09-08 19:18:13 +03:00
Russ
248c195cca
Slider: add step functionality (#27399) 2020-09-08 19:00:16 +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
Torkel Ödegaard
61bd33c241
System: Date formating options (#27216)
* Add support for local time formats in graph panel

* Enfore 24h format for backward compatibility

* Use existing Intl.DateTimeFormatOptions

* Pre-generate time scale, add tests

* Move localTimeFormat, add local format to units

* updated default fallback

* #25602, use navigator.languages to enforce locale in formatting

* Making options

* Worked new system settings

* things are working

* Local browser time formats working

* Support parsing dates in different formats

* settings updated

* Settings starting to work

* Fixed graph issue

* Logs fix

* refactored settings a bit

* Updated and name change

* Progress

* Changed config names

* Updated

* Updated

* Updated test

* Synced description

* fixed ts issue

* Added version notice

* Ts fix

* Updated heatmap and test

* Updated snapshot

* Updated

* fixed ts issue

* Fixes

Co-authored-by: Alex Shpak <alex-shpak@users.noreply.github.com>
2020-09-07 16:19:33 +02:00
Ryan McKinley
f7be1ba030
Chore: update pappparse for security fix (#27412) 2020-09-06 21:22:54 -07:00
Peter Holmberg
8e063ea82c
Docs: Add props documentation to FileUpload component (#27393) 2020-09-04 16:28:51 +02:00
Hugo Häggmark
bba4770509
PanelInspector: Adds a Raw display mode but defaults to Formatted display mode (#27306)
* PanelInspector: Fields with overrides are formatted correct in CSV

* Refactor: adds raw format

* Refactor: changes switch to Formatted values

* Tests: adds tests for applyRawFieldOverrides and getRawDisplayProcessor

* Test: change to utc timeZone

* Refactor: changes after PR comments
2020-09-04 11:21:24 +02:00
Marcus Andersson
cac0e6ecd0
Build: fixing failing build by adding missing dependency to rollup config. (#27358) 2020-09-03 15:34:18 +02:00
Jess
92e4948658
Storybook: Create Label.mdx and add docs (#27350) 2020-09-03 11:47:00 +02:00
Jess
0b6ea4c0ef
Storybook: Add docs to Cascader (#27336)
* Storybook: Add docs to Cascader

Added description for cascader component

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

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
2020-09-03 10:08:09 +03:00
Hugo Häggmark
ff1149ac39
Table: Adds column filtering (#27225)
* Table: Adds column filters

* Refactor: adds filter by value function

* Refactor: some styling and sorting

* Refactor: Moves filterByValue to utils

* Tests: add filterByValue tests

* Refactor: simplifies filteredValues

* Refactor: adds dropshadow

* Refactor: keeps icons together with label and aligns with column alignment

* Refactor: hides clear filter if no filter is active

* Refactor: changes how values in filter are populated

* Refactor: adds filterable field override

* Tests: fixed broken tests

* Refactor: adds FilterList

* Refactor: adds blanks entry for non value labels

* Refactor: using preFilteredRows in filter list

* Refactor: adds filter input

* Refactor: fixes issue found by e2e

* Refactor: changes after PR comments

* Docs: adds documentation for Column filter

* Refactor: moves functions to utils and adds tests

* Refactor: memoizes filter function

* Docs: reverts docs for now
2020-09-01 17:06:35 +02:00
Michel Engelen
aff9e931ce
Table: Set table cell height to 100% (#27309)
## Table

### changed
- adjusted tablecell styles to have 100% height
2020-09-01 16:19:55 +02:00
Torkel Ödegaard
1f6c2dbcfb
Thresholds: Fixed issue with thresholds in overrides not working after save and reload (#27297)
* WIP: Fix null thresholds in overrides when loading

* Fix thresholds on load instead of in apply field overrides

* simplify expression

* fixed ts issue

* Updated test

* Updated another test

* Updated another test
2020-09-01 16:00:38 +02:00
Peter Holmberg
d07755b624
Docs: Drawer component (#27267)
* Add documentation and example to mdx

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

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

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

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

* Fix button and update text

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
2020-09-01 14:12:23 +02: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
Totalus
7db42f0a3c
Transformations: Adding group by and aggregate on multiple fields transformation
* Adding Occurences transformer

* Adding test for Occurences Transformer

* Cleanup. Adding a test.

* Adding doc

* Modifying UI to support custom calculations options

* Implementing data transformation

* Finalizing calculations implementation

* Cleanup

* Using Fields instead of arrays in data grouping

* Renaming transformation to GroupBy

* Adding some doc

* Apply suggestions (solving TS typing errors)

Co-authored-by: Marcus Andersson <systemvetaren@gmail.com>

* Tweaking UI

* Preventing of selecting twice the same field name.

* Removing console print. No calculations by default.

* Forgot to add the current value to the GroupBy selector

* Solving some typing issues and prettyfier errors

* Cleanup

* Updating test

* Ensure proper copy of options (solves some issues)

* Check if the fields exist in the data before processing

* Adding missing import in test file

* If group by field not specified, return all data untouched.

* Adding another missing import in test

* Minor updates

* Implementing GroupBy multiple fields + Improve field typing

* Removing console prints

* Allowing the exact number of fields to be added as aggregation

* Centering remove button icon

* Cleanup

* Correcting TS error

* Chaging transformer options structure

* Sorting so GroupBy fields appear on top

* Cleanup

* Simplifying some operations. Adding curly brackets.

* Changing some labels on the UI

* Updating test

* Cleanup

* Updating doc

* Fixed field list. Storing options as Record instead of Array.

* Update test

* Cleaned up the group by editor UI code.

* changed the transform to a table layout instead of a flexbox layout.

* cleaned up group by transformer.

* removed unused imports.

* Added some more tests.

* Added one more test and cleaned up code.

* fixed failing test.

* Fixed so we we have the proper casing on naming.

* fixed so we don't wrap on the first row.

Co-authored-by: Marcus Andersson <systemvetaren@gmail.com>
Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
Co-authored-by: Marcus Andersson <marcus.andersson@grafana.com>
2020-08-31 10:46:30 +02:00
Jess
fe6d399fad
Storybook: Add vision statement to intro page (#27228)
* Storybook: Add vision statement to intro page

Added the vision statement compiled by the Grafana Labs design system knights to the grafana-ui intro section. Feedback and further improvement ideas welcome!

* Review feedback part 1

_fixed headline formatting
_removed numbered list
_removed paragraph "A library of unified components and styles"
_renamed all occurrences to @grafana/ui
_replaced "ideate" with "determine together"
2020-08-31 11:07:59 +03:00