kibana/packages
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
..
elastic-datemath Bump TypeScript to v3.9 (#67666) 2020-06-11 10:04:09 +02:00
eslint-config-kibana Bump jest related packages (#58095) 2020-06-20 21:05:09 +02:00
kbn-analytics Bump TypeScript to v3.9 (#67666) 2020-06-11 10:04:09 +02:00
kbn-babel-code-parser Bump TypeScript to v3.9 (#67666) 2020-06-11 10:04:09 +02:00
kbn-babel-preset Bump TypeScript to v3.9 (#67666) 2020-06-11 10:04:09 +02:00
kbn-config-schema Bump TypeScript to v3.9 (#67666) 2020-06-11 10:04:09 +02:00
kbn-dev-utils Bump jest related packages (#58095) 2020-06-20 21:05:09 +02:00
kbn-es [kbn/es] only make one attempt in tests to avoid timeout (#69197) 2020-06-16 09:54:41 -07:00
kbn-eslint-import-resolver-kibana apply prettier styles 2020-05-22 09:08:58 +02:00
kbn-eslint-plugin-eslint apply prettier styles 2020-05-22 09:08:58 +02:00
kbn-expect [kbn-expect] add optional error message (#48895) 2019-10-26 15:51:45 +02:00
kbn-i18n Bump TypeScript to v3.9 (#67666) 2020-06-11 10:04:09 +02:00
kbn-interpreter Bump webpack packages (#68716) 2020-06-12 18:57:28 -04:00
kbn-monaco [Ingest Pipelines Editor] First round of UX improvements (#69381) 2020-06-26 16:25:50 +02:00
kbn-optimizer Bump jest related packages (#58095) 2020-06-20 21:05:09 +02:00
kbn-plugin-generator upgrade npm-run-path (#68539) 2020-06-08 11:29:09 -07:00
kbn-plugin-helpers chore(NA): include hidden files when creating package with plugin helpers (#68247) 2020-06-15 23:48:32 +01:00
kbn-pm Bump jest related packages (#58095) 2020-06-20 21:05:09 +02:00
kbn-release-notes [DOCS] Adds kibana-pull attribute for release docs (#69554) 2020-06-18 13:19:10 -07:00
kbn-spec-to-console Bump jest related packages (#58095) 2020-06-20 21:05:09 +02:00
kbn-storybook Properly redirect legacy URLs (#68284) 2020-06-24 11:26:19 +02:00
kbn-test Bump jest related packages (#58095) 2020-06-20 21:05:09 +02:00
kbn-test-subj-selector apply prettier styles 2020-05-22 09:08:58 +02:00
kbn-ui-framework Bump jest related packages (#58095) 2020-06-20 21:05:09 +02:00
kbn-ui-shared-deps Bump jest related packages (#58095) 2020-06-20 21:05:09 +02:00
kbn-utility-types apply prettier styles 2020-05-22 09:08:58 +02:00
README.md [test] remove x-pack mocha configuration (#42979) 2019-08-15 12:21:42 -05:00

Kibana-related packages

This folder contains packages that are intended for use in Kibana and Kibana plugins.

tl;dr:

  • Don't publish to npm registry
  • Always use the @kbn namespace
  • Always set "private": true in package.json

Using these packages

We no longer publish these packages to the npm registry. Now, instead of specifying a version when including these packages, we rely on yarn workspaces, which sets up a symlink to the package.

For example if you want to use the @kbn/i18n package in Kibana itself, you can specify the dependency like this:

"@kbn/i18n": "1.0.0"

However, if you want to use this from a Kibana plugin, you need to use a link: dependency and account for the relative location of the Kibana repo, so it would instead be:

"@kbn/i18n": "link:../../kibana/packages/kbn-i18n"

How all of this works is described in more detail in the @kbn/pm docs.

Creating a new package

Create a new sub-folder. The name of the folder should mirror the name in the package's package.json. E.g. if the name is @kbn/i18n the folder name should be kbn-i18n.

All new packages should use the @kbn namespace, and should be marked with "private": true.

Unit tests for a package

Currently there are two patterns used to test packages, one using Mocha and one using Jest. These patterns emerged out of convention and we'd like to make them more similar to each other in the near future.

1. Mocha

Today a package can follow the pattern of having a __tests__ directory in each source code directory of a package which contains the tests for that module. These are usually run by Mocha.

If a package's tests should be run with Mocha, you'll have to opt-in to run them by appending the package's test file pattern(s) to Kibana's src/dev/mocha/run_mocha_cli.js file. These will then be run by the unit test runner.

  • yarn test or yarn grunt test runs all unit tests.
  • node scripts/mocha runs all Mocha tests.

2. Jest

A package can also follow the pattern of having .test.js files as siblings of the source code files, and these run by Jest.

A package using the .test.js naming convention will have those tests automatically picked up by Jest and run by the unit test runner, currently mapped to the Kibana test script in the root package.json.

  • yarn test or yarn grunt test runs all unit tests.
  • node scripts/jest runs all Jest tests in Kibana.

Each package can also specify its own test script in the package's package.json, for cases where you'd prefer to run the tests from the local package directory.