Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[EPM] Packages list tabs #60167

Merged
merged 8 commits into from
Mar 17, 2020
Merged

[EPM] Packages list tabs #60167

merged 8 commits into from
Mar 17, 2020

Conversation

jen-huang
Copy link
Contributor

@jen-huang jen-huang commented Mar 13, 2020

Resolves #59826

Summary

This PR:

  • Updates the existing packages list (aka EPM home page) to match designs of having two tabs: All packages, Installed packages
    • Tabs have their own routing
  • Adds loading states for fetching packages, categories, and local search indexing
  • Updates some header components to use memo to fix flickering EPM header
  • Restructures and removes some dead code
  • Updates all core typing imports to src/core/public and src/core/server (instead of relative imports or magic kibana/.. paths)

Screenshots

Gif showing loading states, non-flickering:

Mar-13-2020 14-25-39

image

image

@jen-huang jen-huang added v8.0.0 release_note:skip Skip the PR/issue when compiling release notes Feature:EPM Fleet team's Elastic Package Manager (aka Integrations) project v7.7.0 labels Mar 13, 2020
@jen-huang jen-huang requested a review from a team March 13, 2020 21:28
@elasticmachine
Copy link
Contributor

Pinging @elastic/ingest-management (Feature:EPM)

@jen-huang jen-huang self-assigned this Mar 13, 2020
@@ -4,7 +4,7 @@
* you may not use this file except in compliance with the Elastic License.
*/

import { SavedObjectAttributes } from '../../../../../../src/core/public';
import { SavedObjectAttributes } from 'kibana/public';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We used relative paths because we thought those were preferred over special/magic ones. What's the guidance from Platform, @joshdover?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I confirmed with Platform that we prefer src/core/... imports over the magic kibana/... paths for importing types. Relative imports ../../../src/core... are only needed when importing concrete classes/functions. As we used kibana/ in many places even before this PR, I pushed up a change to replace all type imports from src/core/

{searchBar}
<EuiSpacer size="m" />
{body}
{tabId === 'installed' ? <InstalledPackages /> : <AvailablePackages />}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@jen-huang can we use react-router sub routing here instead of a custom one, we can have a proper 404 handling if user type a wrong tab, @paul-tavares did this for the agent config detail tabs

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@jen-huang jen-huang merged commit 466da68 into elastic:master Mar 17, 2020
@jen-huang jen-huang deleted the ingest/epm-list branch March 17, 2020 00:05
jen-huang added a commit that referenced this pull request Mar 17, 2020
* Memo'ize some layout and EPM header components

* Split EPM home page into two tabs

* Clean up dead files and import paths

* Add empty state

* Use react routing for rendering tab content

* Fix import paths (again)
gmmorris added a commit to gmmorris/kibana that referenced this pull request Mar 17, 2020
* master: (30 commits)
  [TSVB] fix text color when using custom background color (elastic#60261)
  Fix import to timefilter from in TSVB (elastic#60296)
  [NP] Get rid of usage redirectWhenMissing service (elastic#59777)
  [SIEM] Fix Timeline footer styling (elastic#59587)
  [ML] Fixes to error handling for analytics jobs and file data viz (elastic#60249)
  Give better stack traces for Unhandled Promise Rejection warnings (elastic#60235)
  resolves elastic#58905 (elastic#60120)
  Added variables button for text fields in Pagerduty component. (elastic#60189)
  adds test that action vars are rendered for alert action parms (elastic#60310)
  Closes 59786 by removing the update toast (elastic#60172)
  [EPM] Packages list tabs (elastic#60167)
  Added message variables button for Webhook body form field (elastic#60174)
  Revert "adds new test (elastic#60064)"
  [Maps] move MapSavedObject type out of telemetry (elastic#60127)
  [Reporting] Fix error handling for job handler in route (elastic#60161)
  [Endpoint] TEST: verify alerts page header says 'Alerts' (elastic#60206)
  EMT-248: implement ack resource to accept event payload to acknowledge agent actions (elastic#60218)
  Migrate dual validated range (elastic#59689)
  Embeddable triggers (elastic#58440)
  [Endpoint] Sample data generator CLI script (elastic#59952)
  ...
@jen-huang jen-huang added the Team:Fleet Team label for Observability Data Collection Fleet team label Mar 26, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:EPM Fleet team's Elastic Package Manager (aka Integrations) project release_note:skip Skip the PR/issue when compiling release notes Team:Fleet Team label for Observability Data Collection Fleet team v7.7.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Ingest] Package list page UI
5 participants