woocommerce/plugins/woocommerce-blocks/assets/js/blocks/single-product/constants.js

57 lines
1.3 KiB
JavaScript
Raw Normal View History

/**
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import { Icon, reader } from '@woocommerce/icons';
import { getBlockMap } from '@woocommerce/atomic-utils';
export const BLOCK_NAME = 'woocommerce/single-product';
export const BLOCK_TITLE = __(
'Single Product',
'woo-gutenberg-products-block'
);
export const BLOCK_ICON = <Icon srcElement={ reader } />;
export const BLOCK_DESCRIPTION = __(
'Display a single product.',
'woo-gutenberg-products-block'
);
export const DEFAULT_INNER_BLOCKS = [
[
'core/columns',
{},
[
[
'core/column',
{},
[ [ 'woocommerce/product-image', { showSaleBadge: false } ] ],
],
[
'core/column',
{},
[
[ 'woocommerce/product-sale-badge' ],
Add Inner Block Rendering and Atomic Block Styles (https://github.com/woocommerce/woocommerce-blocks/pull/2607) * Register Atomic Blocks and save some block content * renderInnerBlocks utility * Frontend Rendering * Clean up atomic block classnames * Move shared styles * Create a hoc for attribute mapping * Rename some unpluralised class names * Remove prefixes from atomic component class names * Updated styles * Update styles from master * Revert product list styles * 2020 fixes * Separate renderFrontend from renderInnerBlocks * Lazy loading of components * Tweak loading classes * FIx all products loading state * Revert lazy implementation - creates too many unneccessary files due to webpack config * Cleanup * Remove wcBlocksBuildUrl * Move call to register_atomic_blocks * Remove duplicate key * reuse render frontend * Corectly handle frontend attribute mapping to keep editor working * Style updates * Update side effects * Remove width style from rating to fix alignment * Move ssr grid styles to main stylesheet * Put back prefixed classnames * 2020 styling fixes * Create frontend files instead of doing it all in block map * Update assets/js/atomic/utils/get-block-map.js Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com> * Update assets/js/atomic/utils/render-parent-block.js Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com> * Fix last child alignment regardless of block type * More specificity fixes * 2020 button alignment * static fix to prevent offsets * fix placeholder image in firefox * Issues reported in feedback Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com>
2020-06-05 12:18:16 +00:00
[ 'woocommerce/product-title', { headingLevel: 1 } ],
[ 'woocommerce/product-rating' ],
[ 'woocommerce/product-price' ],
[ 'woocommerce/product-summary' ],
[ 'woocommerce/product-stock-indicator' ],
[
'woocommerce/product-add-to-cart',
{ showFormElements: true },
],
[ 'woocommerce/product-sku' ],
[ 'woocommerce/product-category-list' ],
[ 'woocommerce/product-tag-list' ],
],
],
],
],
];
export const ALLOWED_INNER_BLOCKS = [
'core/columns',
'core/column',
...Object.keys( getBlockMap( BLOCK_NAME ) ),
];