dd794e8e26
* Make ProfileItems properties optional * Remove skip button codes and replace them with SkipButton component * Add SkipButton component * Add changelog * Add back continue button callback * Apply popover styles globally * Add skip button on the industry step * Add skip button on the product types step * Add skip button on the Business Details step * Support onSkipped callback * Record skip event * Add skip event track for industry, product types, and business details * Add SkipButton to the theme step * Update snapshot * Change track name to separate business details and free features * Add changelog * Remove unused code * Update product types test snapshot * Add back UsageModal on Continue click * Update e2e tests to use Skip * Use button selector for skip btn * Fix duplicate event dispatch * Do not call onClose and onContinue during the rendering -- it causes cannot update a component while rendering a different warning. Instead, call them when the button is clicked * Skip the profiler without rendering usage modal when woocommerce_allow_tracking is set * Skip the profiler without rendering usage modal when woocommerce_allow_tracking is set * Go to the next step when allowTracking is yes |
||
|---|---|---|
| .. | ||
| changelog | ||
| src | ||
| typings | ||
| .eslintrc.js | ||
| .gitignore | ||
| .npmrc | ||
| CHANGELOG.md | ||
| PREVIOUS_CHANGELOG.md | ||
| README.md | ||
| composer.json | ||
| composer.lock | ||
| jest.config.json | ||
| package.json | ||
| tsconfig-cjs.json | ||
| tsconfig.json | ||
README.md
Data
WooCommerce Admin data store and utilities.
Installation
Install the module
pnpm install @woocommerce/data --save
This package assumes that your code will run in an ES2015+ environment. If you're using an environment that has limited or no support for ES2015+ such as lower versions of IE then using core-js or @babel/polyfill will add support for these methods. Learn more about it in Babel docs.
Usage
import { SETTINGS_STORE_NAME } from '@woocommerce/data';
import { useSelect } from '@wordpress/data';
function MySettings() {
const settings = useSelect( select => {
return select( SETTINGS_STORE_NAME ).getSettings();
} );
return (
<ul>
{ settings.map( setting => (
<li>{ setting.name }</li>
) ) }
</ul>
);
}
// Rendered in the application:
//
// <MySettings />