grafana/public/sass/components
Piotr Jamróz 8d7e22e1bb
Graphite: Migrate to React (part 2B: migrate FunctionEditor) (#37070)
* Add UMLs

* Add rendered diagrams

* Move QueryCtrl to flux

* Remove redundant param in the reducer

* Use named imports for lodash and fix typing for GraphiteTagOperator

* Add missing async/await

* Extract providers to a separate file

* Clean up async await

* Rename controller functions back to main

* Simplify creating actions

* Re-order controller functions

* Separate helpers from actions

* Rename vars

* Simplify helpers

* Move controller methods to state reducers

* Remove docs (they are added in design doc)

* Move actions.ts to state folder

* Add docs

* Add old methods stubs for easier review

* Check how state dependencies will be mapped

* Rename state to store

* Rename state to store

* Rewrite spec tests for Graphite Query Controller

* Update docs

* Update docs

* Add GraphiteTextEditor

* Add play button

* Add AddGraphiteFunction

* Use Segment to simplify AddGraphiteFunction

* Memoize function defs

* Fix useCallback deps

* Update public/app/plugins/datasource/graphite/state/helpers.ts

Co-authored-by: Giordano Ricci <me@giordanoricci.com>

* Update public/app/plugins/datasource/graphite/state/helpers.ts

Co-authored-by: Giordano Ricci <me@giordanoricci.com>

* Update public/app/plugins/datasource/graphite/state/helpers.ts

Co-authored-by: Giordano Ricci <me@giordanoricci.com>

* Update public/app/plugins/datasource/graphite/state/providers.ts

Co-authored-by: Giordano Ricci <me@giordanoricci.com>

* Update public/app/plugins/datasource/graphite/state/providers.ts

Co-authored-by: Giordano Ricci <me@giordanoricci.com>

* Update public/app/plugins/datasource/graphite/state/providers.ts

Co-authored-by: Giordano Ricci <me@giordanoricci.com>

* Update public/app/plugins/datasource/graphite/state/providers.ts

Co-authored-by: Giordano Ricci <me@giordanoricci.com>

* Update public/app/plugins/datasource/graphite/state/providers.ts

Co-authored-by: Giordano Ricci <me@giordanoricci.com>

* Update public/app/plugins/datasource/graphite/state/providers.ts

Co-authored-by: Giordano Ricci <me@giordanoricci.com>

* Add more type definitions

* Remove submitOnClickAwayOption

This behavior is actually needed to remove parameters in functions

* Load function definitions before parsing the target on initial load

* Add button padding

* Fix loading function definitions

* Change targetChanged to updateQuery to avoid mutating state directly

It's also needed for extra refresh/runQuery execution as handleTargetChanged doesn't handle changing the raw query

* Fix updating query after adding a function

* Simplify updating function params

* Migrate function editor to react

* Simplify setting Segment Select min width

* Remove unnecessary changes to SegmentInput

* Extract view logic to a helper and update types definitions

* Clean up types

* Update FuncDef types and add tests

* Show red border for unknown functions

* Autofocus on new params

* Extract params mapping to a helper

* Split code between params and function editor

* Focus on the first param when a function is added even if it's an optional argument

* Add function editor tests

* Remove todo marker

* Fix adding new functions

* Allow empty value in selects for removing function params

* Add placeholders and fix styling

* Add more docs

* Rename .tsx -> .ts

* Update types

* Use ?? instead of || + add test for mapping options

* Use const (let is not needed here)

* Revert test name change

* Allow removing only optional params and mark additional params as optional (only the first one is required)

* Use theme.typography.bodySmall.fontSize

Co-authored-by: Giordano Ricci <me@giordanoricci.com>
2021-07-27 13:10:39 +02:00
..
_add_data_source.scss Badge: Design improvement & reduce contrast (#30328) 2021-01-18 11:51:27 +01:00
_alerts.scss Chore: Improve the mobile view of the login page (#32962) 2021-06-16 10:47:12 +02:00
_buttons.scss Buttons: Use text color (#24439) 2020-05-10 21:06:25 +02:00
_code_editor.scss Styles & Theme: Inline form styles polish & tweaks (#23521) 2020-04-13 09:58:40 +02:00
_dashboard_grid.scss DashboardGrid: Refactorings and performance improvements (#35942) 2021-06-22 14:44:18 +02:00
_dashboard_list.scss replaced rem with pixels or variables 2019-03-21 10:43:06 +01:00
_dashboard_settings.scss PageToolbar: add bottom padding (#34602) 2021-05-26 10:49:39 +02:00
_drop.scss ColorPicker: migrated styles from sass to emotion (#30909) 2021-02-09 12:19:12 +01:00
_dropdown.scss Theming: Updates to select styles and theme model progress (#32797) 2021-04-12 14:23:00 +02:00
_filter-controls.scss tech: ran prettier on all scss files 2017-12-19 16:22:41 +01:00
_filter-list.scss Husky and sasslint fixes, fixes #14638 2018-12-25 20:20:59 +01:00
_filter-table.scss Refactor: Theme input padding variables (#16048) 2019-03-28 11:13:53 +01:00
_footer.scss Login: Minor improvement to mobile login layout (#33961) 2021-05-12 06:37:18 +02:00
_gf-form.scss Events: Remove unused or unnecessary events (#28783) 2020-11-03 15:29:43 +01:00
_infobox.scss Theme: Updates Alert design and licence warning hook (#32930) 2021-04-13 18:00:55 +02:00
_json_explorer.scss Potential fix for missing newlines in jsonexplorer (#26590) 2020-07-28 10:14:51 +02:00
_jsontree.scss Chore: Theme consistency, rems => pixels (#16145) 2019-03-27 08:48:24 +01:00
_modals.scss Dashboard: Remove template variables option from ShareModal (#30395) 2021-01-20 15:48:49 +01:00
_navbar.scss PanelEdit: Get rid of last remaining usage of navbar-button (#30682) 2021-01-27 20:10:03 +01:00
_navs.scss Chore: spelling - theme (#24434) 2020-06-05 10:53:57 +02:00
_old_stuff.scss replaced rems with pixels or variables 2019-03-21 15:44:14 +01:00
_page_header.scss Theme: Page styles move to emotion global styles and design tweaks (#33529) 2021-04-30 10:04:01 +02:00
_page_loader.scss s -> sm, m -> md, l -> lg 2019-03-12 08:34:55 +01:00
_panel_dashlist.scss Dashlist: Tweaked design of folder addition (#27241) 2020-08-27 09:49:07 +02:00
_panel_gettingstarted.scss UI: Theme changes (#22880) 2020-03-24 10:30:53 +01:00
_panel_graph.scss Alerting: Support for alerting for react panels, and lots of fixes to alert annotations for both react and angular (#33608) 2021-05-03 08:52:05 +02:00
_panel_header.scss Panels: allow interaction in corners when no title exists (#37169) 2021-07-26 19:19:07 +02:00
_panel_heatmap.scss heatmap: fix legend padding 2019-03-07 19:49:14 +03:00
_panel_piechart.scss Chore: Theme consistency, rems => pixels (#16145) 2019-03-27 08:48:24 +01:00
_panel_pluginlist.scss Chore: Migrates remaining Angular modals to React (#33476) 2021-04-28 15:22:28 +02:00
_panel_singlestat.scss Chore: spelling - theme (#24434) 2020-06-05 10:53:57 +02:00
_panel_table.scss PanelChrome: Use react Panel Header for angular panels. (#21265) 2020-02-09 10:53:34 +01:00
_panel_text.scss Bump Prettier version (#15532) 2019-02-19 15:41:35 +01:00
_popover-box.scss Quick refactoring of time picker styles, needs a much bigger redesign 2018-12-19 13:13:46 +01:00
_query_editor.scss Show graphite functions descriptions (#32305) 2021-03-26 15:16:25 +01:00
_query_part.scss Graphite: Migrate to React (part 2B: migrate FunctionEditor) (#37070) 2021-07-27 13:10:39 +02:00
_row.scss Chore: Theme consistency, rems => pixels (#16145) 2019-03-27 08:48:24 +01:00
_scrollbar.scss Image Rendering: Remove PhantomJS support (#23460) 2020-04-15 22:17:41 +02:00
_search.scss Search: Improvements to design (#23874) 2020-04-25 07:43:54 +02:00
_sidemenu.scss SideMenu: make sure the menu overlaps the border to prevent leaving hover state #35728 2021-06-16 10:23:27 +02:00
_slate_editor.scss @grafana/ui: Fix UI issues for cascader button dropdown and query input (#29727) 2020-12-09 19:01:28 +01:00
_submenu.scss Theme: Fixes to time picker calendar & variable dropdowns & more (#33407) 2021-04-27 15:13:08 +02:00
_switch.scss Styles & Theme: Inline form styles polish & tweaks (#23521) 2020-04-13 09:58:40 +02:00
_tabbed_view.scss Chore: Theme consistency, rems => pixels (#16145) 2019-03-27 08:48:24 +01:00
_tables_lists.scss sass refactoring and updating styles for list item elements 2017-11-23 12:54:12 +01:00
_tabs.scss Styles: fixed gradient in logo so it doesn't go outside the logo and get a defined start and end color, changed brand gradient to be the same as in logo, created new variable for vertical gradient (#18882) 2019-09-04 11:28:35 +02:00
_tags.scss Search: Improving search look and feel (#23854) 2020-04-24 19:23:45 +02:00
_tagsinput.scss Checkbox: Updates to look and feel and using new theme (#33310) 2021-04-23 14:40:06 +02:00
_toggle_button_group.scss Chore: spelling - theme (#24434) 2020-06-05 10:53:57 +02:00
_toolbar.scss QueryTab: Design updates (#23906) 2020-04-26 21:59:14 +02:00
_tooltip.scss Frontend: Fixes hard-coded font-weight properties to use variables (#18350) 2019-08-02 11:11:08 +01:00
_typeahead.scss tech: ran prettier on all scss files 2017-12-19 16:22:41 +01:00
_view_states.scss PageToolbar: Extracting navbar styles & layout into a modern emotion based component (#30588) 2021-01-27 15:02:04 +01:00
edit_sidemenu.scss Refactor: Theme & Removed the last rems (#16245) 2019-03-28 11:14:30 +01:00