666d8e4a3b
* Move labels loading logic into a lib * Move lib/labels into lib/async-requests * Implement tabular data filtering * Allow searching for string in report tables * Add table filtering to customers table * Get ids from searched string to populate the table * Fix autocompleter keyboard interactions * Improve props naming * Cleanup report customers data store * Prevent an edge case issue that might not update the selectedOptions when directily modifying the URL * Fix wrong selected autocompleter option * Add missing translation domain * Move searchItemsByString to wc-api/items/utils.js * Avoid autocompleter results appearing when there was no search string * Alphabetically order 'allowFreeTextSearch' prop * Reset selected table rows when directly modifying the URL * Simplify props destructuring * Undo customers data store change * Simplify isProductDetailsView expression * Improve order * Merge getOrders and getItems |
||
|---|---|---|
| .. | ||
| activity-panel | ||
| README.md | ||
| index.js | ||
| style.scss | ||
README.md
Header
A basic component for the app header. The header outputs breadcrumbs via the sections prop (required) and access to the activity panel. It also sets the document title. The Header component used in each section automatically fills into the "header" slot defined in <Layout />. We're using react-slot-fill to avoid a duplicated div wrapper from Gutenberg's implementation.
How to use:
import Header from 'header';
render: function() {
return (
<Header
sections={ [
[ '/analytics', __( 'Analytics', 'wc-admin' ) ],
__( 'Report Title', 'wc-admin' ),
] }
/>
);
}
Props
sections(required): Used to generate breadcrumbs. Accepts a single items or an array of items. To make an item a link, wrap it in an array with a relative link (example:[ '/analytics', __( 'Analytics', 'wc-admin' ) ]).isEmbedded: Boolean describing if the header is embedded on an existing wp-admin page. False if rendered as part of a full react page.
Activity Panel
This component contains the Activity Panel. This is shown on every page and is rendered as part of the header.