kibana/packages/kbn-monaco
Jean-Louis Leysens c8089a5aa2
[Ingest Pipelines Editor] First round of UX improvements (#69381)
* First round of UX tweaks

- Fixed potential text overflow issue on descriptions
- Removed border around text input when editing description

* Updated the on-failure pipeline description copy

* Properly encode URI component pipeline names

* use xjson editor in flyout

* also hide the test flyout if we are editing a component

* add much stronger dimming effect when in edit mode

* also added dimming effect to moving state

* remove box shadow if dimmed

* add tooltips to dropzones

* fix CITs after master merge

* fix nested rendering of processors tree

* only show the tooltip when the dropzone is unavaiable and visible

* keep white background on dim

* hide controls when moving

* fix on blur bug

* Rename variables and prefix booleans with "is"

* Remove box shadow on all nested tree items

* use classNames as it is intended to be used

* Refactor SCSS values to variables

* Added cancel move button

- also hide the description in move mode when it is empty
- update and refactor some shared sass variables
- some number of sass changes to make labels play nice in move
  mode
- changed the logic to not render the buttons when in move mode
  instead of display: none on them. The issue is with the tooltip
  not hiding when when we change to move mode and the mouse event
  "leave" does get through the tooltip element causing tooltips
  to hang even though the mouse has left them.

* Fixes for monaco XJSON grammar parser and update form copy

- Monaco XJSON worker was not handling trailing whitespace
- Update copy in the processor configuration form

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
2020-06-26 16:25:50 +02:00
..
scripts [ES UI Shared] Monaco XJSON (#67485) 2020-06-04 13:43:21 +02:00
src [Ingest Pipelines Editor] First round of UX improvements (#69381) 2020-06-26 16:25:50 +02:00
package.json Bump TypeScript to v3.9 (#67666) 2020-06-11 10:04:09 +02:00
README.md [ES UI Shared] Monaco XJSON (#67485) 2020-06-04 13:43:21 +02:00
tsconfig.json [ES UI Shared] Monaco XJSON (#67485) 2020-06-04 13:43:21 +02:00
webpack.config.js [ES UI Shared] Monaco XJSON (#67485) 2020-06-04 13:43:21 +02:00
yarn.lock [ES UI Shared] Monaco XJSON (#67485) 2020-06-04 13:43:21 +02:00

@kbn/monaco

A customized version of monaco that is automatically configured the way we want it to be when imported as @kbn/monaco. Additionally, imports to this package are automatically shared with all plugins using @kbn/ui-shared-deps.

Includes custom xjson language support. The es_ui_shared plugin has an example of how to use it, in the future we will likely expose helpers from this package to make using it everywhere a little more seamless.