kibana/packages
Stratoula Kalafateli 10dd00f6a9
[7.x] [Pie] New implementation of the vislib pie chart with es-charts (#83929) (#101292)
* [Pie] New implementation of the vislib pie chart with es-charts (#83929)

* es lint fix

* Add formatter on the buckets labels

* Config the new plugin, toggle tooltip

* Aff filtering on slice click

* minor fixes

* fix eslint error

* use legacy palette for now

* Add color picker to legend colors

* Fix ts error

* Add legend actions

* Fix bug on Color Picker and remove local state as it is unecessary

* Fix some bugs on colorPicker

* Add setting for the user to select between the legacy palette or the eui ones

* small enhancements, treat empty labels with (empty)

* Fix color picker bugs with multiple layers

* fixes on internationalization

* Create migration script for pie chart and legacy palette

* Add unit tests (wip) and a small refactoring

* Add unit tests and move some things to utils, useMemo and useCallback where it should

* Add jest config file

* Fix jest test

* fix api integration failure

* Fix to_ast_esaggs for new pie plugin

* Close legendColorPicker popover when user clicks outside

* Fix warning

* Remove getter/setters and refactor

* Remove kibanaUtils from pie plugin as it is not needed

* Add new values to the migration script

* Fix bug on not changing color for expty string

* remove from migration script as they don't need it

* Fix editor settings for old and new implementation

* fix uistate type

* Disable split chart for the new plugin for now

* Remove temp folder

* Move translations to the pie plugin

* Fix CI failures

* Add unit test for the editor config

* Types cleanup

* Fix types vol2

* Minor improvements

* Display data on the inspector

* Cleanup translations

* Add telemetry for new editor pie options

* Fix missing translation

* Use Eui component to detect click outside the color picker popover

* Retrieve color picker from editor and syncColors on dashboard

* Lazy load palette service

* Add the new plugin to ts references, fix tests, refactor

* Fix ci failure

* Move charts library switch to vislib plugin

* Remove cyclic dependencies

* Modify license headers

* Move charts library switch to visualizations plugin

* Fix i18n on the switch moved to visualizations plugin

* Update license

* Fix tests

* Fix bugs created by new charts version

* Fix the i18n switch problem

* Update the migration script

* Identify if colorIsOverwritten or not

* Small multiples, missing the click event

* Fixes the UX for small multiples part1

* Distinct colors per slice implementation

* Fix ts references problem

* Fix some small multiples bugs

* Add unit tests

* Fix ts ref problem

* Fix TS problems caused by es-charts new version

* Update the sample pie visualizations with the new eui palette

* Allows filtering by the small multiples value

* Apply sortPredicate on partition layers

* Fix vilib test

* Enable functional tests for new plugin

* Fix some functional tests

* Minor fix

* Fix functional tests

* Fix dashboard tests

* Fix all dashboard tests

* Apply some improvements

* Explicit params instead of visConfig Json

* Fix i18n failure

* Add top level setting

* Minor fix

* Fix jest tests

* Address PR comments

* Fix i18n error

* fix functional test

* Add an icon tip on the distinct colors per slice switch

* Fix some of the PR comments

* Address more PR comments

* Small fix

* Functional test

* address some PR comments

* Add padding to the pie container

* Add a max width to the container

* Improve dashboard functional test

* Move the labels expression function to the pie plugin

* Fix i18n

* Fix functional test

* Apply PR comments

* Do not forget to also add the migration to them embeddable too :D

* Fix distinct colors for IP range layer

* Remove console errors

* Fix small mulitples colors with multiple layers

* Fix lint problem

* Fix problems created from merging with master

* Address PR comments

* Change the config in order the pie chart to not appear so huge on the editor

* Address PR comments

* Change the max percentage digits to 4

* Change the max size to 1000

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
# Conflicts:
#	.github/CODEOWNERS
#	packages/kbn-optimizer/limits.yml
#	test/functional/apps/visualize/_pie_chart.ts

* Fix functional test

* Revert change - backport missing

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
2021-06-04 11:15:27 -04:00
..
elastic-datemath chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
elastic-eslint-config-kibana [kbn/test] move types/ftr into src (#99555) (#100228) 2021-05-17 14:49:48 -04:00
elastic-safer-lodash-set chore(NA): moving @elastic/safer-lodash-set into bazel (#98187) (#98214) 2021-04-27 20:17:35 +00:00
kbn-ace chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-analytics refact(NA): remove extra pkg_npm target and add specific target folders for @kbn/analytics on Bazel (#100569) (#100620) 2021-05-25 21:50:27 -04:00
kbn-apm-config-loader chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-apm-utils chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-babel-code-parser fix(NA): windows ts_project outside sandbox compilation (#100947) (#101305) 2021-06-03 14:53:36 -04:00
kbn-babel-preset chore(NA): moving @kbn/monaco into bazel (#100709) (#100808) 2021-05-27 15:51:54 -04:00
kbn-cli-dev-mode chore(NA): moving @kbn/server-http-tools into bazel (#100153) (#100168) 2021-05-14 18:13:53 -04:00
kbn-config [7.x] [Deprecations service] make correctiveActions.manualSteps required (#100997) (#101156) 2021-06-02 11:28:22 -04:00
kbn-config-schema chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-crypto Upgrade EUI to v33.0.0 (#99382) (#101067) 2021-06-01 13:56:37 -04:00
kbn-dev-utils chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-docs-utils Ensure comments on parameters in arrow functions are captured in the docs and ci metrics. (#100823) (#101087) 2021-06-01 17:24:44 -04:00
kbn-es fix(NA): windows ts_project outside sandbox compilation (#100947) (#101305) 2021-06-03 14:53:36 -04:00
kbn-es-archiver Revert "[7.x] [FTR][CI] Use default distribution for all tests (#94968) (#99980)" 2021-05-28 17:21:51 -07:00
kbn-eslint-import-resolver-kibana chore(NA): moving @kbn/eslint-import-resolver-kibana into bazel (#98798) (#98972) 2021-04-30 17:15:19 -04:00
kbn-eslint-plugin-eslint chore(NA): moving @kbn/eslint-plugin-eslint into bazel (#98926) (#98992) 2021-04-30 19:35:23 -04:00
kbn-expect fix(NA): windows ts_project outside sandbox compilation (#100947) (#101305) 2021-06-03 14:53:36 -04:00
kbn-i18n chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-interpreter chore(NA): moving @kbn/i18n into bazel (#99390) (#100169) 2021-05-14 18:18:53 -04:00
kbn-io-ts-utils chore(NA): moving @kbn/io-ts-utils into bazel (#100810) (#100893) 2021-05-28 12:02:21 -04:00
kbn-legacy-logging chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-logging chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-mapbox-gl [Maps] Isolate mapbox-gl types and align downstream package versions. (#100610) (#100752) 2021-05-26 23:00:25 -04:00
kbn-monaco fix(NA): windows ts_project outside sandbox compilation (#100947) (#101305) 2021-06-03 14:53:36 -04:00
kbn-optimizer [7.x] [Pie] New implementation of the vislib pie chart with es-charts (#83929) (#101292) 2021-06-04 11:15:27 -04:00
kbn-plugin-generator chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-plugin-helpers chore(NA): moving @kbn/dev-utils into bazel (#98496) (#98696) 2021-04-29 00:50:19 +00:00
kbn-pm fix(NA): windows ts_project outside sandbox compilation (#100947) (#101305) 2021-06-03 14:53:36 -04:00
kbn-rule-data-utils chore(NA): moving @kbn/rule-data-utils into bazel (#101290) (#101332) 2021-06-03 18:21:30 -04:00
kbn-securitysolution-es-utils chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-securitysolution-io-ts-alerting-types [Security Solution] Utilizes constants package and deletes duplicate code (#100513) (#100520) 2021-05-24 22:37:30 -04:00
kbn-securitysolution-io-ts-list-types fix(NA): windows ts_project outside sandbox compilation (#100947) (#101305) 2021-06-03 14:53:36 -04:00
kbn-securitysolution-io-ts-types [Security Solution] Utilizes constants package and deletes duplicate code (#100513) (#100520) 2021-05-24 22:37:30 -04:00
kbn-securitysolution-io-ts-utils [Security Solution] Utilizes constants package and deletes duplicate code (#100513) (#100520) 2021-05-24 22:37:30 -04:00
kbn-securitysolution-list-api [Security Solution] Utilizes constants package and deletes duplicate code (#100513) (#100520) 2021-05-24 22:37:30 -04:00
kbn-securitysolution-list-constants [Security Solution] Utilizes constants package and deletes duplicate code (#100513) (#100520) 2021-05-24 22:37:30 -04:00
kbn-securitysolution-list-hooks [Security Solution] Utilizes constants package and deletes duplicate code (#100513) (#100520) 2021-05-24 22:37:30 -04:00
kbn-securitysolution-list-utils [Security Solution] Utilizes constants package and deletes duplicate code (#100513) (#100520) 2021-05-24 22:37:30 -04:00
kbn-securitysolution-utils chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-server-http-tools chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-server-route-repository chore(NA): moving @kbn/io-ts-utils into bazel (#100810) (#100893) 2021-05-28 12:02:21 -04:00
kbn-spec-to-console
kbn-std chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-storybook Storybook theme switcher (#97201) (#99545) 2021-05-06 18:21:58 -04:00
kbn-telemetry-tools Upgrade EUI to v33.0.0 (#99382) (#101067) 2021-06-01 13:56:37 -04:00
kbn-test [CI] Buildkite support with Baseline pipeline (#100492) (#101108) 2021-06-03 12:00:25 -04:00
kbn-test-subj-selector
kbn-tinymath Tinymath escape characters and empty named args (#98559) (#98660) 2021-04-28 15:43:43 -04:00
kbn-ui-framework
kbn-ui-shared-deps attempt at tree shaking (#101147) (#101251) 2021-06-03 07:29:25 -04:00
kbn-utility-types chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
kbn-utils chore(NA): correctly setup dep order on js_library to fix windows build (#100420) (#100428) 2021-05-20 20:57:21 -04:00
BUILD.bazel chore(NA): moving @kbn/rule-data-utils into bazel (#101290) (#101332) 2021-06-03 18:21:30 -04:00
README.md

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 is only one tool being used in order to test packages which is Jest. Below we will explain how it should be done.

Jest

A package should 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.
  • yarn jest runs all Jest tests in Kibana.

In order for the plugin or package to use Jest, a jest.config.js file must be present in it's root. However, there are safeguards for this in CI should a test file be added without a corresponding config file.


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.