woocommerce/plugins/woocommerce-admin/packages/data
Fernando 5b368f4227 Store profiler: Business Details steps changes (https://github.com/woocommerce/woocommerce-admin/pull/6503)
* Added "MailPoet" option to Business Details step

This commit adds the "MailPoet" option to Business Details step in the OBW

* Fixed plugins order

* Creative Mail option toggled off by default

This commit toggles off the Creative Mail option by default

* Fixed copy and image URL

* Added mailpoet.png image

* Added changelog

# Conflicts:
#	readme.txt

* Added testing instructions

# Conflicts:
#	TESTING-INSTRUCTIONS.md

* Fixed key

* Fixed lint error

* Fixed testing instructions

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2021-03-09 15:00:34 -03:00
..
src Store profiler: Business Details steps changes (https://github.com/woocommerce/woocommerce-admin/pull/6503) 2021-03-09 15:00:34 -03:00
.npmrc wp.data Settings refactor 2020-03-25 16:20:17 +13:00
CHANGELOG.md Remove ` @woocommerce/wc-admin-settings` from data package (https://github.com/woocommerce/woocommerce-admin/pull/5158) 2020-09-18 14:22:52 +12:00
README.md wp.data Settings refactor 2020-03-25 16:20:17 +13:00
package.json Clean up unused deps and add TS to the build. (https://github.com/woocommerce/woocommerce-admin/pull/6441) 2021-03-01 16:01:22 +13:00

README.md

Data

WooCommerce Admin data store and utilities.

Installation

Install the module

npm 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 />