woocommerce/packages/woocommerce-blocks/assets/js/shared/context/inner-block-layout-context.js
2021-12-10 12:03:04 +00:00

44 lines
1.1 KiB
JavaScript

/**
* External dependencies
*/
import PropTypes from 'prop-types';
import { createContext, useContext } from '@wordpress/element';
/**
* This context is a configuration object used for connecting
* all children blocks in a given tree contained in the context with information
* about the parent block. Typically this is used for extensibility features.
*
* @member {Object} InnerBlockLayoutContext A react context object
*/
const InnerBlockLayoutContext = createContext( {
parentName: '',
parentClassName: '',
isLoading: false,
} );
export const useInnerBlockLayoutContext = () =>
useContext( InnerBlockLayoutContext );
export const InnerBlockLayoutContextProvider = ( {
parentName = '',
parentClassName = '',
children,
} ) => {
const contextValue = {
parentName,
parentClassName,
};
return (
<InnerBlockLayoutContext.Provider value={ contextValue }>
{ children }
</InnerBlockLayoutContext.Provider>
);
};
InnerBlockLayoutContextProvider.propTypes = {
children: PropTypes.node,
parentName: PropTypes.string,
parentClassName: PropTypes.string,
};