Commit Graph
53 Commits
Author SHA1 Message Date
Uchechukwu Obasi 9774a429b9 creates Themeable v2 type (#33268) 2021-04-22 15:45:35 +02:00
Uchechukwu Obasi 438b403acc Migrates old Card sass file to GlobalStyles (#33183)
* Card: migrates styles from sass to emotion

* removed LayoutSelector component since it's not used in the codebase

* updates card styles with new color name
2021-04-21 16:39:56 +02:00
Uchechukwu Obasi 63e2977837 DashboardPanel: migrates styling from sass to emotion (#33115)
* DashboardPanel: migrates styling from sass to emotion

* fixes frontend test

* removed the theme since it doesn't have any use case in the styles

* updates frontend snapshot test
2021-04-21 12:24:44 +01:00
Uchechukwu Obasi bebc48c1f6 ToolTip: refactors story from knobs to control (#33130) 2021-04-20 10:23:59 +02:00
Uchechukwu Obasi f92b6518c5 ValuePicker: refactors story from knobs to control (#33122)
* ValuePicker: refactors story from knobs to control

* fixes wrong type issue
2021-04-19 15:45:28 +01:00
Uchechukwu Obasi 41b704716f VizLayout: refactored story from knobs to controls (#33043)
* VizLayout: refactored storys from knobs to controls

* abstracted the array logic to a separate function
2021-04-16 10:13:24 +01:00
Uchechukwu Obasi cb6fe5e65b Pagination: refactored story from knobs to controls (#33045) 2021-04-16 09:05:23 +01:00
Uchechukwu Obasi ffe90b7abf VizLegend: sets a min and max value of the seriesCount control in Storybook (#33022) 2021-04-15 13:51:00 +02:00
Uchechukwu Obasi 99b85d8af3 DashboardPage: refactored styles from sass to emotion (#32955)
* DashboardPage: refactored styles from sass to emotion

* refactored dashboardPage component to be alot easier to read and understand

* more refactoring...

* more cleaning...

* fixes frontend test

* fixes frontend test- I hope

* fixes frontend test- I hope

* moves dashboard scss styles back to it's standalone file
2021-04-15 11:21:36 +01:00
Uchechukwu Obasi 44b6c896ae VizLegend: updates story from knobs to controls (#32801)
* VizLegend: updates story from knobs to controls

* refactored story to be small and concise

* reverted stories to be WithValues and WithNoValues

* fixes the seriesCount control not having effects to the story by using the Effect hook
2021-04-12 12:18:23 +01:00
Uchechukwu Obasi a6fcd37a20 List: updates story from knobs to controls (#32832) 2021-04-12 11:57:01 +02:00
Uchechukwu Obasi 48853be682 Modal: updates story from knobs to control (#32840) 2021-04-12 10:08:36 +01:00
Uchechukwu Obasi 62ddf5b7b4 Layout: updates story from knobs to control (#32761)
* Layout: updates story from knobs to control

* exported default as meta

* removes unnecessary prop and disables knobs
2021-04-08 14:42:31 +01:00
Uchechukwu Obasi ce6e31c030 Input: updates story from knobs to control (#32712)
* Input: updates story from knobs to control

* assigned args value to a variable

* exported default as meta
2021-04-07 16:58:35 +01:00
Uchechukwu Obasi 973ad9697c DataSourceList: expands the clickable area of card (#32601) 2021-04-02 10:48:22 +02:00
Uchechukwu Obasi 4aff0cee0d GraphNG: updates story from knobs to controls (#32294) 2021-03-25 15:32:19 +01:00
Uchechukwu Obasi c9c5e55c15 Graph: updates story from knobs to controls (#32264)
* Graph: updates story from knobs to controls

* added type to story
2021-03-24 18:12:54 +01:00
Uchechukwu Obasi 1ab32ebc9d GraphLegend: updates story from knobs to controls (#32285)
* GraphLegend: updates story from knobs to controls

* changed the rightAxisSeries control to use text instead
2021-03-24 15:56:33 +01:00
Uchechukwu Obasi 26823ee438 RadioButton: updates story from knobs to controls (#32251) 2021-03-24 08:50:27 +01:00
Uchechukwu Obasi 49a5b9f0cb Legacy Switch: updates story from knobs to controls (#32249)
* Legacy Switch: updates story from knobs to controls

* destructure arguments appropriately
2021-03-23 12:33:27 +01:00
Uchechukwu Obasi 814f194d07 Form Legend: updates story from knobs to controls (#32250) 2021-03-23 12:30:13 +01:00
Uchechukwu Obasi 59d6f26708 Legacy Select: updates story from Knobs to Controls (#32225)
* Legacy Story: updates story from Knobs to Controls

* removed type in story

* adds type back to the story
2021-03-23 10:44:39 +01:00
Uchechukwu Obasi 61ea7b5290 ButtonSelect: updates story from knobs to controls (#32229)
* ButtonStory: updates story from knobs to controls

* removed type in story

* changed to a much descriptive variable name

* adds type back to the story
2021-03-23 09:52:48 +01:00
Uchechukwu Obasi 61521216ed Docs: updates developer guide with useful resources for windows setup (#32075)
* Docs: updates developer guide with useful resources for windows setup

* fixes small grammar nits
2021-03-18 09:39:54 -04:00
Uchechukwu Obasi 52c1d7301f ContextMenu: changed menu item rendering to render prop pattern (#31993)
* ContextMenu: changed menu item rendering to render prop pattern to enable manual composition of menu items

* fixes affected components

* fixes small nits

* added some changes

* used a more descriptive variable name
2021-03-18 12:58:07 +01:00
Uchechukwu Obasi f93166e7b2 Legacy Input: updates story from knobs to control (#32059) 2021-03-17 14:43:31 +01:00
Uchechukwu Obasi ee8a864615 Form: update story from knobs to controls (#32022)
* Form: update story from knobs to controls

* some code cleanup
2021-03-17 11:14:39 +01:00
Uchechukwu Obasi ec95049a95 FormField: update story from knobs to controls (#32018) 2021-03-16 12:49:46 +01:00
Uchechukwu Obasi cc29bc3c5d FieldValidationMessage: update story from knobs to controls (#32020) 2021-03-16 12:49:25 +01:00
Uchechukwu ObasiandTorkel Ödegaard f51653647d Menu: refactor MenuItem and MenuGroup to be standalone component (#31639)
* Menu: refactor MenuItem and MenuGroup to be standalone component

* fixes small nits

* Chore: Refactored other components to correspond with the new Menu system (#31676)

* fixes affected components using Menu

* fixes affected components using Menu components

* fixes frontend test- I hope

* fixes frontend docs test- I hope

* fixes frontend docs test- I hope

* fixes frontend docs test- I hope

* fixes frontend docs test- I hope

* fixes frontend docs test- I hope

* added support for accessibility

* fixes frontend test- I hope

* Improve storybook story and simplify ButtonSelect

* Fixed broken graph context menu

* fixes frontend test- I hope

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
2021-03-11 15:35:17 +01:00
Uchechukwu Obasi aee78f7527 Drawer: updates story from knobs to controls (#31821)
* Drawer: updates story from knobs to controls

* fixes small nit
2021-03-09 17:15:37 +01:00
Uchechukwu Obasi 2e25dfc969 ConfirmModal: updates story from knobs to control (#31781) 2021-03-08 16:50:09 +01:00
Uchechukwu Obasi 5773b8f28c ConfirmButton: updates story from knobs to controls (#31476)
* ConfirmButton: updates story from knobs to controls

* made some changes
2021-03-01 16:39:36 +01:00
Uchechukwu Obasi 8f7e26cd01 Chore: fixed incorrect naming for disable settings (#31448) 2021-02-24 15:37:40 +01:00
Uchechukwu Obasi f3a7cb4709 NamedColorsPalette: updates story from knobs to controls (#31443) 2021-02-24 12:52:56 +01:00
Uchechukwu Obasi 5af27cb43e ColorPicker: updates story from knobs to controls (#31429)
* ColorPicker: updates story from knobs to controls

* changed story name to uppercase

* made some changes to story name

* made some changes
2021-02-24 12:35:35 +01:00
Uchechukwu Obasi 070d512c57 ClipboardButton: updates story from knobs to controls (#31422) 2021-02-24 10:47:53 +01:00
Uchechukwu Obasi af12e6d20e Move NOOP_CONTROL to storybook utils and change to a standalone file (#31421) 2021-02-23 15:20:07 +01:00
Uchechukwu Obasi 9ce07b11d2 CallToActionCard: updates story from knobs to controls (#31393)
* CallToActionCard: updates story from knobs to controls

* used better naming for ctaElement control

* Capitalise Story names

* moved some changes to a separate PR

* fixes CI frontend build issue
2021-02-23 11:41:14 +01:00
Uchechukwu Obasi 6a4880ad14 Cascader: updates story from knobs to controls (#31399) 2021-02-23 09:50:52 +01:00
Uchechukwu Obasi debb82e124 BarGuage: updates story from knobs to controls (#31223)
* BarGuage: updated story from knobs to controls

* fixes type errors and disables unused controls

* update controls to support some BarGauge props

* changed addBarGaugeStory to component and removed closure

* cleaned up to be more readable

* more refactoring to be readable

* final touches...

* fixed disabled controls issue

* moved NOOP_CONTROL declaration to a seperate PR

* made some tweaks to the story names
2021-02-18 16:03:56 +01:00
Uchechukwu Obasi 0e63dfafbe ButtonCascader: updates story from knobs to controls (#31288)
* ButtonCascader: updates story from knobs to controls

* some nit fixes
2021-02-18 13:52:09 +01:00
Uchechukwu Obasi 14afa167f4 BigValue: updates story from knobs to controls (#31240)
* BigValue: updates story from knobs to controls

* some refactoring to make code more readable

* made some changes
2021-02-17 15:05:40 +01:00
Uchechukwu Obasi 100e7eb992 Alert: update story to use controls (#31145)
* Alert: updated story to use Controls

* updated some changes
2021-02-12 16:45:05 +01:00
Uchechukwu Obasi b4d51c9f68 ColorPicker: migrated styles from sass to emotion (#30909)
* ColorPicker: migrated styles from sass to emotion

* fixes frontend test

* updated some changes

* updated some changes

* fixed small import nits
2021-02-09 12:19:12 +01:00
Uchechukwu Obasi 4dc5ac858e Docs: updated developer guide (#29978)
* Docs: updated developer guide

* Fix: made heading uppercase

* small nit fix
2021-02-05 09:35:21 +01:00
Uchechukwu Obasi 1f66b5c7a9 Chart/Tooltip: refactored style declaration (#30824)
* Chart/Tooltip: added theme variables and refactored style declaration

* added some changes

* removed useStyle hook since we're not using themes variables

* Added useStyle back since it memoizes the style generation
2021-02-03 12:50:02 +01:00
Uchechukwu Obasi ffc6eda351 FormField: migrated sass styling to emotion (#30392)
* merged conflicts

* added and utilised useStyle hooks

* Fixes snapshot test

* FormField: added grow property to component

* added a carriage return to index.scss

* properly sort props so the required props are at the top

* removed the grow props since it's not used

* fixes frontend test- I hope
2021-02-02 09:58:50 +01:00
Uchechukwu Obasi 2552fdb730 TableInputCSV: migrated styles from sass to emotion (#30554)
* TableInputCSV: migrated styles from sass to emotion

* placed the getSyles function at the end of the file

* made some changes

* fixes small nit

* fixes small nit

* replaced classNames with emotions cx function

* Replaced textarea with TextArea component

* updated some changes

* removed return type annotation

* fixed small import nit
2021-02-01 11:46:47 +01:00
Uchechukwu ObasiandTorkel Ödegaard d472c7820c CustomScrollbar: migrated styles from sass to emotion (#30506)
* CustomScrollbar: migrated styles from sass to emotion

* fixes frontend test

* updated changes

* fixed page props and applied changes to all occurences

* moved the getStyles function to the bottom of the file

* made some changes

* fixed snapshot test

* Revert "Merge branch 'refactor-customscrollbar-30354' of https://github.com/grafana/grafana into refactor-customscrollbar-30354"

This reverts commit c45ee30b6b297991a1628e9b21c4121dc78e376c, reversing
changes made to d2645534e3.

* improved props name

* made use of theme variables for style consistency

* fixed snapshot test and updated some theme changes

* removed hover effects from customScrollbar style

* made some changes

* updated some changes

* added label to class names

* changed to a functional component and improved styling

* fixes snapshot test

* fixes small nit

* minor tweaks

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
2021-01-27 17:47:24 +01:00
Uchechukwu Obasi 4ea2c7d2b1 ChangePassword: improved keyboard navigation (#29567)
* ChangePassword: improved keyboard navigation

* updated skip button with appropriate tag

* applied box shadow to skip button
2020-12-10 09:41:44 +01:00
Uchechukwu Obasi 88b1517794 Icon: Changed the icon for signing in (#29530)
* Icon: changed the icon for signing in

Signed-off-by: Uchechukwu Obasi <obasiuche62@gmail.com>

* fixes test-frontend (I hope)
2020-12-02 13:50:53 +01:00
53cd59a5a5 Datasources: fixed long error message overflowing container (#29440)
* Fixed: error message overflow container

Signed-off-by: Uchechukwu Obasi <obasiuche62@gmail.com>

* used min-width property for better styling

Signed-off-by: Uchechukwu Obasi <obasiuche62@gmail.com>

* Switched to Alert component

* Fixed passing aria-label to Alert component

* Fixed e2e test (I hope)

* another attempt to fix e2e

* Fixed display name

Co-authored-by: Uchechukwu Obasi <obate@Uchechukwus-MacBook-Pro.local>
Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
2020-12-02 09:30:28 +01:00