71 Commits

Author SHA1 Message Date
2b8c74de2e i18n: removes useTranslate hook (#106556)
* i18n: removes useTranslate hook

* chore: fix duplicate imports

* chore: fix import sorting and hook dependencies
2025-06-12 11:03:52 +02:00
119d5897ea i18n: imports use @grafana/i18n (#105177)
* i18n: everything should target @grafana/i18n

* wip

* chore: updates after PR feedback

* Trigger build

* Trigger build

* Trigger build

* chore: skip flaky tests

* chore: skip flaky tests

* chore: skip flaky tests

* chore: skip flaky tests

* chore: skip flaky tests

* chore: skip flaky tests

* chore: revert all flaky tests

* chore: some incorrect usages of useTranslate
2025-05-15 09:17:14 +02:00
0fc4f53fab Internationalisation: More markup for translations (#103392)
* some more translations

* more markup

* more translations

* fix tests
2025-04-07 09:48:03 +01:00
b23b6d228a Chore: Convert styles to use emotion object syntax (#94989)
* convert to use emotion object syntax

* missed one

* review comments

* set back to 0 and disable lint rule
2024-10-23 15:25:28 +01:00
b68d9630fb PanelEdit: Hide overflow for query options in small viewports (#93700)
Hide overflow for query options in small viewports
2024-09-25 20:08:05 +02:00
b321dc7280 Chore: Migrate from react-beautiful-dnd to @hello-pangea/dnd (#90328)
* migrate from react-beautiful-dnd to @hello-pangea/dnd

* revert comment
2024-07-12 10:23:29 +01:00
47f8717149 React: Use new JSX transform (#88802)
* update eslint, tsconfig + esbuild to handle new jsx transform

* remove thing that breaks the new jsx transform

* remove react imports

* adjust grafana-icons build

* is this the correct syntax?

* try this

* well this was much easier than expected...

* change grafana-plugin-configs webpack config

* fixes

* fix lockfile

* fix 2 more violations

* use path.resolve instead of require.resolve

* remove react import

* fix react imports

* more fixes

* remove React import

* remove import React from docs

* remove another react import
2024-06-25 12:43:47 +01:00
a30f8645d1 Chore: Migrate frontend platform code to use data-testid for selectors (#81787)
* migrate some stuff from aria-label to data-testid

* convert styles to objects

* fix unit tests

* empty commit to kick drone now enterprise branch is there
2024-02-02 13:26:37 +00:00
138079bbd8 Transformations: Fix regression where disabling single transformation would display "No data" (#81320) 2024-01-26 09:14:59 -08:00
95f5bab39b i18n: Markup QueryEditorRow Component for translations (#76312)
* feat: added markup for query operation header

* chore: generated markup files

* feat: markup PostpreSql cheat sheet

* chore: generated markup files

* chore: removed markup from cheatsheet file

* chore: generated markup files

* chore: added i18n for Data source plugin does not export any Query Editor component

* chore: updated i18n markup files.

* fix: added prefix for for drag and drop label
2023-11-10 09:46:32 +01:00
a99485ba33 Transformations: Build help content for all standard transformers (#74052)
* baldm0mma/transformation_info_modal

* baldm0mma/transformation_info_modal/ add getDisplayContent

* baldm0mma/transformation_info_modal/ reamove OperationRowHelp

* baldm0mma/transformation_info_modal/ update prepMarkdown

* baldm0mma/transformation_help_modal/ add example mkdwn

* baldm0mma/transformation_help_modal/ add examples anno

* baldm0mma/transformation_info_modal/ add calFieldHelper

* baldm0mma/transformation_info_modal/ remove file

* baldm0mma/transformation_info_modal/ add CalculateFieldHelper

* baldm0mma/transformation_info_modal/ add TransformationEditorHelperModal

* baldm0mma/transformation_info_modal/ add getHelperContent

* baldm0mma/transformation_info_modal/ move TransformationEditorHelperModal

* baldm0mma/transformation_info_modal/ add ReactElement

* baldm0mma/transformations_info_modal

* baldm0mma/transformation_info_modal/ update props for TransformationEditorHelperModal

* baldm0mma/transformation_info_modal/ test

* test

* baldm0mma/transformation_info_modal/ reset vscode auth

* baldm0mma/transformation_info_modal/ update getHelperContent

* baldm0mma/transformations_info_modal/ add items for rebuilding markdown to react component

* test

* test

* baldm0mma/transformations_info_modal/ remove comment in TransformationOperationRow

* test

* baldm0mma/transformation_info_modal/ add element to typing

* baldm0mma/transformation_info_modal/ update getHelperContent with help component

* baldm0mma/transformation_info_modal/ update modal title

* baldm0mma/transformation_info_modal/ move logic to tranforms

* baldm0mma/transformation_info_modal/ remove unused comments

* baldm0mma/transformation_info_modal/ update standard reg

* baldm0mma/trfansformation_info_modal/ remove context styling

* baldm0mma/transformation_info_modal/ add content for CalculateFieldHelper

* baldm0mma/transformation_info_modal/ add ConcatenateHelper

* baldm0mma/transformations_info_modal/ add ConcatenateHelper

* baldm0mma/transformation_info_modal/ add ConfigFromQueryHelper

* baldm0mma/transformations/info_modal/ add ConvertFieldTypeHelper

* baldm0mma/transformation_info_modal/ add CreateHeatmapHelp

* baldm0mma/transformation_info_modal/ add ExtractFieldsHelper

* baldm0mma/transformation_info_modal/ add FilterFieldsByNameHelper

* baldm0mma/transformation_info_modal/ add FilterFieldsByNameHelper

* baldm0mma/transformation_info_modal/ add OperationRowHelp to parse markdown

* baldm0mma/transformation_info_modal/ remove commented out markdown

* baldm0mma/transformations_info_modal/ remove comment

* baldm0mma/transformation_info_modal/ update configFromQueryTransformRegistryItem

* baldm0mma/transformation_info_modal/ update ConcatenateHelper

* baldm0mma/transformation_info_modal/ update ConvertFieldTypeHelper

* baldm0mma/transformation_info_modal/ update ExtractFieldsHelper

* baldm0mma/transformation_info_modal/ update FieldLookupHelper

* baldm0mma/transformation_info_modal/ update TransformationEditorHelperModal with determineContentDisplay()

* baldm0mma/transformation_info_modal/ add FilterByRefIdHelper

* baldm0mma/transformation_info_modal/ add FilterByValueHelper

* baldm0mma/transformation_info_modal/ update file ext

* baldm0mma/transformation_info_modal/ add GroupByHelper

* baldm0mma/transformation_info_modal/ add HistogramHelper

* baldm0mma/transformation_info_modal/ add JoinByFieldHelper

* baldm0mma/transformation_info_modal/ add JoinByLabelsHelper

* baldm0mma/transformations_info_modal/ add LabelsToFieldsHelper

* baldm0mma/transformation_info_modal/ add LimitHelper

* baldm0mma/transformation_info_modal/ add MergeHelper

* baldm0mma/transformation_info_modal/ add PartitionByValuesHelper

* baldm0mma/transformation_info_modal/ add ReduceHelper

* baldm0mma/transformation_info_modal/ add RenameByRegexHelper

* baldm0mma/transformation_info_modal/ add SeriesToRowsHelper

* baldm0mma/transformation_info_modal/ add SortByHelper

* baldm0mma/transformations_info_modal/ add spatial

* baldm0mma/transformation_info_modal/ update to markdown

* baldm0mma/transformation_info_modal/ remove comments

* baldm0mma/transformation_info_modal/ update boarder with theme

* baldm0mma/transformation_info_modal/ add test suite

* baldm0mma/transformation_info_modal/ update tests

* baldm0mma/transformation_info_modal/ update test to run on all transformations

* baldm0mma/transformation_info_modaol/ add TimeSeriesTableHelper

* baldm0mma/transformation_info_modal/ update concatenateHelper

* baldm0mma/transformation_info_modal/ update calculateFieldHelper

* baldmomma/transformation_info_modal/ update naming

* baldm0mma/transformation_info_modal/ update getLinkToDocs location

* baldm0mma/transformation_info_modal/ update docs

* baldm0mma/transformation_info_modal/ update language

* baldm0mma/transformation_info_modal/ rename test

* baldm0mma/transformation_info_modal/ update naming 2

* baldm0mma/transformation_info_modal/ update to helper

* baldm0mma/transformation_info_modal/ update docs

* Apply suggestions from @imatwawana

Co-authored-by: Isabel <76437239+imatwawana@users.noreply.github.com>

* baldm0mma/transformation_info_modal/ update convertFieldTypeHelper capitalization

* Hack around with generating Markdown from transformations helpers (#75677)

```console
$ cd docs
$ make sources/panels-visualizations/query-transform-data/transform-data/index.md
$ make docs
```

Browse to http://localhost:3003/docs/grafana/latest/panels-visualizations/query-transform-data/transform-data/

Signed-off-by: Jack Baldry <jack.baldry@grafana.com>

* baldm0mma/transformation_info_modal/ add calculateFieldHelper

* baldm0mma/transformation_info_modal/ update concatenate

* baldm0mma/transformation_info_modal/ add fieldLookup

* baldm0mma/transformation_info_modal/ add filterFieldsByName

* baldm0mma/transformation_info_modal/ add joinByField

* baldm0mma/transformation_info_modal/ update renameByRegex

* baldm0mma/transformation_info_modal/ update getHelperContent

* baldm0mma/transformation_info_modal/ update calculateFieldTransformRegistryItem

* baldm0mma/transformation_info_modal/ update concatenateTransformRegistryItem

* baldm0mma/transformation_info_modal/ update configFromDataTransformer

* baldm0mma/transformation_info_modal/ update extractFieldsTransformRegistryItem

* baldm0mma/transformation_info_modal/ update formatTimeTransformerRegistryItem

* baldm0mma/transformation_info_modal/ update heatmapTransformRegistryItem

* baldm0mma/transformation_info_modal/ update mergeTransformerRegistryItem

* baldm0mma/transformation_info_modal/ update timeSeriesTableTransformRegistryItem

* baldm0mma/transformation_info_modal/ update doc builder

* baldm0mma/transformation_info_modal/ update docs

* baldm0mma/transformation_info_modal/ remove console log

* baldm0mma/transformation_info_modal/ update console log

* baldm0mma/transformation_info_modal/ update gitignore

* baldm0mma/transformation_info_modal/ update calculateField

* baldm0mma/transformation_info_modal/ add links

* baldm0mma/transformation_info_modal/ update template

* baldm0mma/transformation_info_modal/ update template with images

* baldm0mma/transformation_info_modal/ build markdown

* baldm0mma/transformations_info_modal/update with links

* baldm0mma/transformation_info_modal/ update links

* baldm0mma/transformation_info_modal/ apdate FormatTimeTransfomerEditor

* baldm0mma/transformation_indo_modal/ update HeatmapTransformerEditor

* baldm0mma/transformation_indo_modal/ update ConfigFromQueryTransformerEditor

* baldm0mma/transformation_indo_modal/ update CalculateFieldTransformerEditor

* baldm0mma/transformation_indo_modal/ update ConcatenateTransformerEditor

* baldm0mma/transformation_indo_modal/ update FilterByNameTransformerEditor

* baldm0mma/transformation_indo_modal/ update FilterByRefIdTransformerEditor

* baldm0mma/transformation_indo_modal/ update GroupByTransformerEditor

* baldm0mma/transformation_indo_modal/ update GroupingToMatrixTransformerEditor get helper

* baldm0mma/transformation_indo_modal/ update SeriesToFieldsTransformerEditor get helper

* baldm0mma/transformation_indo_modal/ update LabelsAsFieldsTransformerEditor

* baldm0mma/transformation_info_modal/ update MergeTransformerEditor

* baldm0mma/transformation_info_modal/ update OrganizeFieldsTransformerEditor

* baldm0mma/transformation_info_modal/ update ReduceTransformerEditor

* baldm0mma/transformation_info_modal/ update RenameByRegexTransformerEditor

* baldm0mma/transformation_info_modal/ update SeriesToRowsTransformerEditor

* baldm0mma/transformation_info_modal/ update SortByTransformerEditor

* baldm0mma/transformation_info_modal/ update extractFieldsTransformerEditor

* baldm0mma/transformation_info_modal/ update FilterByValueTransformerEditor

* baldm0mma/transformation_info_modal/ update JoinByLabelsTransformerEditor

* baldm0mma/transformation_info_modal/ update FieldLookupTransformerEditor

* baldm0mma/transformation_info_modal/ update PartitionByValuesEditor

* baldm0mma/transformation_info_modal/ update PrepareTimeSeriesEditor

* baldm0mma/transformation_info_modal/ update RowsToFieldsTransformerEditor

* baldm0mma/transformation_info_modal/ update spatialTransformRegistryItem

* baldm0mma/transformation_info_modal/ update timeSeriesTableTransformRegistryItem

* baldm0mma/transformation_info_modal/ update to helperDocs

* baldm0mma/transformation_info_modal/ update built markdown

* baldm0mma/transformation_info_modal/ run prettier

* baldm0mma/transformation_info_modal/ update comments in getTransformationContent

* baldm0mma/transformation_info_modal/ add removeMarkdownAnchorLinks

* baldm0mma/transformation_info_modal/ update annos in getTransformationContent

* baldm0mma/transformation_info_modal/ add requisite url prefix to markdown images

* baldm0mma/transformation_info_modal/ add cleanMarkdownOfUnwantedSyntax

* baldm0mma/transformation_info_modal/ update annos in content.ts

* baldm0mma/transformation_info_modal/ update e2e tests with always-visiable trabnsformation

* baldm0mma/transformation_info_modal/ remove note

* baldm0mma/transformation_info_modal/ add annotation in getTransformationContent

* baldm0mma/transformation_info_modal/ update e2e test naming

---------

Signed-off-by: Jack Baldry <jack.baldry@grafana.com>
Co-authored-by: Isabel <76437239+imatwawana@users.noreply.github.com>
Co-authored-by: Jack Baldry <jack.baldry@grafana.com>
2023-11-07 09:29:45 -07:00
25779bb6e5 Stack: Use the component from grafana/ui (#77543)
* grafana/ui: Move Stack out of unstable

* grafana/ui: Replace imports

* Replace the import from experimental

* Cleanup

* Remove invalid prop

* Add flexGrow

* Remove Stack used in Field

* Remove import
2023-11-06 18:15:52 +02:00
c0afa74876 QueryRows: Fix being able to reorder rows with keyboard (#77355)
* Revert "Explore: A tooltip for reorder icon in query operation (#75978)"

This reverts commit 76e102d1a3df1b4fce52f9d0e34c2d27e0d9ac0e.

* update type

* CI driven development
2023-11-06 13:52:50 +00:00
0e0f1183e6 Transformations: Update row title (#75988)
* Update row title in transformations

* Prettier fixes
2023-10-06 09:32:52 -05:00
76e102d1a3 Explore: A tooltip for reorder icon in query operation (#75978)
* tooltip in draggabledots icon

* making it a IconButton
2023-10-05 16:31:16 +02:00
73a675af02 DashboardScene: Inspect panel data tab (#74646)
* Refactor data tab to be usable from scenes

* DashboardScene: Inspect data tab

* Everything seem to work now

* don't change drawer size in this PR

* Remove uncommented code

* Fix layout issues for data actions

* Added comment explaining retry
2023-09-11 16:11:22 +02:00
6f368d51fd Transformations: Force QueryOperationRow to expand on showHelp click (#73958)
* baldm0mma/help_button/ force QueryOperationRow to expand on showHelp click

* baldm0mma/help_button/ remove comment

* baldm0mma/help_button/ add comment to onClose()

* baldm0mma/help_button/ remove useToggle for showing help

* baldm0mma/help_button/ remove comment

* baldm0mma/help_button/ update comment

* baldm0mma/help_button/ add full toggle control for parent of QueryOperationRow

* baldm0mma/help_button/ update inline comments

* baldm0mma/help_button/ update annos
2023-08-29 09:41:44 -06:00
e0587dfb30 Chore: Replace deprecated usage of shape.borderRadius() (#72672)
* properly mark borderRadius() as deprecated, replace borderRadius() with default

* undo a couple of changes

* use radius.pill in FilterPill
2023-08-01 14:46:07 +01:00
d64b6264ff GrafanaUI: Define tooltip or aria-label as required for IconButton (#69699)
* refactor: modify interfaces to make tooltip or aria-label required

* refactor: change functionality around aria-label and tooltip

* refactor: change and add information in storybook documentation

* refactor: remove default from tooltip

* refactor: IconButton to make tooltip or aria-label required

* refactor: Fix tests

* refactor: Fix tests

* refactor: Fix tests

* refactor: Fix tests

* feat: add migration guide for breaking change

* feat: add latest requirements to storybook docs

* refactor: separate iconbutton story with and without tooltip

* refactor: remove exported baseArgs

* refactor: clean up and restructure original story

* refactor: adjust styling

* refactor: enable control for tooltip

* refactor: clean up

* refactor: enable control for aria-label

* refactor: fix theme getting the wrong theme

* refactor: fix tests

* refactor: adjust story

* refactor: remove confusing story

* refactor: adjust controls for stories
2023-06-23 17:10:37 +02:00
160ff360c4 Alerting: Make QueryEditor not collapsable (#70112)
* Add option to make QueryEditor not collapsable

* Make QueryEditor not collapsable in Alerting

* Change query editor border to weak

The medium border is really only for inputs, everything else should use weak border

* Add tests
2023-06-16 15:14:00 -03:00
24502c4c4a Add tooltip to instances of IconButton (#68880)
* refactor: tooltip is required

* refactor: add tooltips

* refactor: add tooltips

* refactor: add tooltips

* refactor: add tooltips

* refactor: add tooltips

* refactor: add tooltips

* refactor: adjust tests

* refactor: apply changes from code review

* refactor: adjust component for e2e test

* refactor: adjust fallback

* refactor: apply changes from code review

* refactor: apply changes from code review

* refactor: set IconButton default as type=button and remove from use cases

* refactor:  remove aria-labels when duplicated and type=button from use cases

* refactor: clean up

* refactor: fix tests

* refactor: fix type errors

* refactor: remove changes in order in order to add them to a separate PR

* refactor: set IconButton default as type=button

* refactor: remove tooltip

* refactor: apply changes requested in review
2023-06-08 10:23:28 +02:00
b99e9668a9 QueryRow: Make toggle actions screen-readers accessible (#67998) 2023-05-10 11:57:08 +01:00
590b07539f Core: Update components to have standard radii (#65065)
* Update core border radii

* Add non-default border-radius on some grafana-ui items
2023-03-21 12:24:50 +01:00
4f13e78d11 Chore: Avoid explicit React.FC<Props> when possible (round 2) (#64749) 2023-03-15 16:56:09 +02:00
523f675dd8 Update Monthly patch updates (#64323)
* Update Monthly patch updates

* don't update dangerously-set-html-content

* run prettier

* fix types

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2023-03-08 09:38:06 +00:00
6a720f96f7 A11y: ignore rule since keyboard interaction is already handled (#62850)
* Revert "Accessibility: Remove unnecessary onClick from title element (#59696)"

This reverts commit f19b07c0bc096ac6190cc71ec1f8baa1f87da061.

* ignore eslint rule
2023-02-08 14:17:15 +00:00
f19b07c0bc Accessibility: Remove unnecessary onClick from title element (#59696)
* remove unnecessary onClick from title element

* associate icon label with title + fix unit tests

* remove cursor: pointer;

* remove link color from title as it's no longer clickable

* remove useless aria-label

* stop incorrectly marking title as a ReactNode - it's just a string
2023-01-30 13:32:16 +00:00
30dc0f56a4 Chore: Migrate more usage of v1 themes to v2 (#57680)
* Chore: Migrate more usage of v1 themes to v2

* Implement suggested changes
2022-11-02 10:25:08 +00:00
5d53a983d8 React18: Update useCallback arg types where needed (#57084) 2022-10-17 14:52:12 +01:00
fc6afc6b84 Core: Implement aria attributes for query rows, improve a11y (#55563)
* feat: add aria-expanded prop

* refactor: remove console.log()

* feat: add aria-controls

* refactor: add id to expendable section

* refactor: create unique id
2022-09-30 13:03:55 +02:00
95ec6f6c0f Explore: Improve a11y of query row collapse button (#53827)
* refactor: convert to IconButton

* refactor: adjust attributes
2022-08-24 15:38:16 +02:00
8cdfedc559 A11y: Update buttons in Explore page to not use HTML Title for tooltip (#53894) 2022-08-22 11:19:22 +02:00
f1295e4bd0 Chore: Update version of @grafana/eslint-config (#53403)
* use let/const over var

* use new version of @grafana/eslint-config
2022-08-08 15:19:15 +01:00
500010e0b6 Chore: Convert QueryOperationRow test to RTL (#51290)
* Convert QueryOperationRow test to RTL

* Convert QueryOperationRow test to RTL

* Convert QueryOperationRow test to RTL

* Convert QueryOperationRow test to RTL

* Update QueryOperationRow.test.tsx

* update betterer

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2022-07-05 08:10:20 -04:00
bab017799e Chore: Convert QueryOperationAction test to RTL (#51139)
* Convert QueryOperationAction test to RTL

* Convert QueryOperationAction to RTL

* Convert QueryOperationAction test to RTL
2022-06-21 15:53:10 +01:00
0de9808008 Draggable: only set drag handle props on the drag handle itself (#50025) 2022-06-02 13:34:05 +02:00
3d8eda0132 Chore: Remove deprecated surface prop from IconButton (#49715)
* Chore: Remove deprecated `surface` prop from IconButton

* Update component docs
2022-05-27 01:00:57 +01:00
3c6e0e8ef8 Chore: ESlint import order (#44959)
* Add and configure eslint-plugin-import

* Fix the lint:ts npm command

* Autofix + prettier all the files

* Manually fix remaining files

* Move jquery code in jest-setup to external file to safely reorder imports

* Resolve issue caused by circular dependencies within Prometheus

* Update .betterer.results

* Fix missing // @ts-ignore

* ignore iconBundle.ts

* Fix missing // @ts-ignore
2022-04-22 14:33:13 +01:00
8bb3de3037 Analytics: Collect information about queries reordering (#45392) 2022-02-16 14:16:25 +01:00
566556fea2 QueryEditors: Restore query editor margin to what old value (#44384) 2022-01-25 09:19:39 +01:00
bd9df4f829 Alerting: show deleted datasource (#43891) 2022-01-17 14:30:00 +01:00
d2d38c978f grafana/ui: Export types and utils required by grafana/experimental (#42133)
Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com>
2021-11-23 15:41:51 +01:00
30c1e7fa5c A11y: Fix fastpass issues for /explore with gdev-testdata (#40309)
* A11y: Fix fastpass issues for /explore with gdev-testdata

* Chore: changes after PR feedback

* Chore: revert file to main

* Tests: fix for e2e tests
2021-10-13 06:09:35 +02:00
95d9722afa Fix: prevent queryDisplyText in QueryRowHeader from overflowing (#40094)
* Revert "Fix Query Editor Row horizontal overflow (#39419)"

This reverts commit 42b1fa0f62d592e0749e90d4a63c4a56066a1915.

* fix: prevent queryDisplyText in QueryRowHeader from overflowing
2021-10-07 09:13:07 +01:00
d6fd17531d QueryEditor: Add missing keys to extra action components (#39913) 2021-10-04 09:05:43 +03:00
beca793008 Transformations: Enable / disable toggle for transformation rows (#36668)
* Disable transform feature

* Change icon

* Added more clear way to show it's disabled
2021-07-13 09:36:51 +02:00
863b412d54 Transformations: State feature (alpha/beta) and more (#36630)
* Adding plugin state feature to transforms

* initial help box

* New HelpBox component

* More progress

* Testing

* Removing HelpBox, simple new design, new active state for OperationRowAction

* Updated tests

* Fixed typing issue

* Removed AlphaNotice

* Made focus and enter key trigger OnClick and sorted transformations

* Fixed e2e tests
2021-07-12 16:42:04 +02:00
8b9ff62cbb Alerting: fixing so we can edit queries on existing alerting rules. (#34227)
* fixing so old query editors can mutate the query object.

* fixing so angular editors that mutate state works.
2021-05-18 17:53:15 +02:00
733bb45172 Button/Link Focus: Use focus-visible for keyboard focus (#33066)
* outside react approach

* fixed ts issues and updated radio button

* css only solution

* Removed a bit

* Updated radio button design and fixed focus state on ToolbarButton

* Fixes

* Added missing fullWidth
2021-04-16 15:22:31 +02:00
10badea19e Emotion: Upgrades emotion from 10 to 11 and updates all import paths (#32541)
* Babel: Updates babel dependencies to latest version

* Emotion: Upgrade form 10 to 11

* Fixing tests

* Updated to use emotion/css instead in test
2021-04-01 14:15:23 +02:00