134 lines
2.7 KiB
TypeScript
134 lines
2.7 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { getSetting } from '@woocommerce/settings';
|
|
import { objectOmit } from '@woocommerce/utils';
|
|
import type { InnerBlockTemplate } from '@wordpress/blocks';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { QueryBlockAttributes } from './types';
|
|
import { VARIATION_NAME as PRODUCT_TITLE_ID } from './variations/elements/product-title';
|
|
import { VARIATION_NAME as PRODUCT_TEMPLATE_ID } from './variations/elements/product-template';
|
|
import { ImageSizing } from '../../atomic/blocks/product-elements/image/types';
|
|
|
|
export const EDIT_ATTRIBUTES_URL =
|
|
'/wp-admin/edit.php?post_type=product&page=product_attributes';
|
|
|
|
export const QUERY_LOOP_ID = 'core/query';
|
|
|
|
export const DEFAULT_CORE_ALLOWED_CONTROLS = [ 'taxQuery', 'search' ];
|
|
|
|
export const ALL_PRODUCT_QUERY_CONTROLS = [
|
|
'attributes',
|
|
'presets',
|
|
'productSelector',
|
|
'onSale',
|
|
'stockStatus',
|
|
'wooInherit',
|
|
];
|
|
|
|
export const DEFAULT_ALLOWED_CONTROLS = [
|
|
...DEFAULT_CORE_ALLOWED_CONTROLS,
|
|
...ALL_PRODUCT_QUERY_CONTROLS,
|
|
];
|
|
|
|
export const STOCK_STATUS_OPTIONS = getSetting< Record< string, string > >(
|
|
'stockStatusOptions',
|
|
[]
|
|
);
|
|
|
|
const GLOBAL_HIDE_OUT_OF_STOCK = getSetting< boolean >(
|
|
'hideOutOfStockItems',
|
|
false
|
|
);
|
|
|
|
export const QUERY_DEFAULT_ATTRIBUTES: QueryBlockAttributes = {
|
|
allowedControls: DEFAULT_ALLOWED_CONTROLS,
|
|
displayLayout: {
|
|
type: 'flex',
|
|
columns: 3,
|
|
},
|
|
query: {
|
|
perPage: 9,
|
|
pages: 0,
|
|
offset: 0,
|
|
postType: 'product',
|
|
order: 'asc',
|
|
orderBy: 'title',
|
|
author: '',
|
|
search: '',
|
|
exclude: [],
|
|
sticky: '',
|
|
inherit: false,
|
|
__woocommerceAttributes: [],
|
|
__woocommerceStockStatus: GLOBAL_HIDE_OUT_OF_STOCK
|
|
? Object.keys( objectOmit( STOCK_STATUS_OPTIONS, 'outofstock' ) )
|
|
: Object.keys( STOCK_STATUS_OPTIONS ),
|
|
},
|
|
};
|
|
|
|
export const INNER_BLOCKS_TEMPLATE: InnerBlockTemplate[] = [
|
|
[
|
|
'core/post-template',
|
|
{
|
|
__woocommerceNamespace: PRODUCT_TEMPLATE_ID,
|
|
/**
|
|
* This class is used to add default styles for inner blocks.
|
|
*/
|
|
className: 'products-block-post-template',
|
|
},
|
|
[
|
|
[
|
|
'woocommerce/product-image',
|
|
{
|
|
imageSizing: ImageSizing.THUMBNAIL,
|
|
},
|
|
],
|
|
[
|
|
'core/post-title',
|
|
{
|
|
textAlign: 'center',
|
|
level: 3,
|
|
fontSize: 'medium',
|
|
style: {
|
|
spacing: {
|
|
margin: {
|
|
bottom: '0.75rem',
|
|
top: '0',
|
|
},
|
|
},
|
|
},
|
|
isLink: true,
|
|
__woocommerceNamespace: PRODUCT_TITLE_ID,
|
|
},
|
|
],
|
|
[
|
|
'woocommerce/product-price',
|
|
{
|
|
textAlign: 'center',
|
|
fontSize: 'small',
|
|
},
|
|
],
|
|
[
|
|
'woocommerce/product-button',
|
|
{
|
|
textAlign: 'center',
|
|
fontSize: 'small',
|
|
},
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'core/query-pagination',
|
|
{
|
|
layout: {
|
|
type: 'flex',
|
|
justifyContent: 'center',
|
|
},
|
|
},
|
|
],
|
|
[ 'core/query-no-results' ],
|
|
];
|