kibana/packages/kbn-custom-icons
Achyut Jhunjhunwala 2c65c43ace
[Logs Explorer] Add resource column with tooltip (#175287)
## Summary

Closes https://github.com/elastic/kibana/issues/171731

This PR does the following things -

- Add a new virtual column `Resource`
- Add custom tooltip for he resource column
- Refactor TS types for the Log Document and place them in proper files
and folders

### Demo

![Resource
Column](ee68604e-2085-4f37-bd6b-33a60fe0ebbb)

### Why is this PR still a WIP

- [x] Fix tests
- [x] Add more tests

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
2024-01-26 02:36:36 -07:00
..
.storybook [ObsInfra][APM] Extract agent utils and custom icons (#170968) 2023-11-20 16:39:42 +01:00
assets [ObsInfra][APM] Extract agent utils and custom icons (#170968) 2023-11-20 16:39:42 +01:00
src/components [Logs Explorer] Add resource column with tooltip (#175287) 2024-01-26 02:36:36 -07:00
index.ts [ObsInfra][APM] Extract agent utils and custom icons (#170968) 2023-11-20 16:39:42 +01:00
jest.config.js [ObsInfra][APM] Extract agent utils and custom icons (#170968) 2023-11-20 16:39:42 +01:00
kibana.jsonc [ObsInfra][APM] Extract agent utils and custom icons (#170968) 2023-11-20 16:39:42 +01:00
package.json [ObsInfra][APM] Extract agent utils and custom icons (#170968) 2023-11-20 16:39:42 +01:00
README.md [ObsInfra][APM] Extract agent utils and custom icons (#170968) 2023-11-20 16:39:42 +01:00
tsconfig.json [ObsInfra][APM] Extract agent utils and custom icons (#170968) 2023-11-20 16:39:42 +01:00

@kbn/custom-icons

A utility package, @kbn/custom-icons, that provides components for rendering icons related to Elastic Agents, Cloud Providers and more.

Components

<AgentIcon />

<AgentIcon agentName={agentName} />

This component renders an icon corresponding to the specified Elastic Agent name (agentName).

Props

  • agentName: The name of the Elastic Agent for which the icon should be rendered.

<CloudProviderIcon />

<CloudProviderIcon cloudProvider={cloudProvider} />

This component renders an icon associated with the specified Cloud Provider (cloudProvider).

Props

  • cloudProvider: The name of the Cloud Provider for which the icon should be rendered.