@wordpress/block-editor/build-module/components/block-list/layout.js

Generic block editor.

import { createElement } from "@wordpress/element";

/**
 * WordPress dependencies
 */
import { createContext, useContext } from '@wordpress/element';
/**
 * Internal dependencies
 */

import { getLayoutType } from '../../layouts';
import useSetting from '../use-setting';
export const defaultLayout = {
  type: 'default'
};
const Layout = createContext(defaultLayout);
/**
 * Allows to define the layout.
 */

export const LayoutProvider = Layout.Provider;
/**
 * React hook used to retrieve the layout config.
 */

export function useLayout() {
  return useContext(Layout);
}
export function LayoutStyle({
  layout = {},
  css,
  ...props
}) {
  const layoutType = getLayoutType(layout.type);
  const blockGapSupport = useSetting('spacing.blockGap');
  const hasBlockGapSupport = blockGapSupport !== null;

  if (layoutType) {
    if (css) {
      return createElement("style", null, css);
    }

    const layoutStyle = layoutType.getLayoutStyle?.({
      hasBlockGapSupport,
      layout,
      ...props
    });

    if (layoutStyle) {
      return createElement("style", null, layoutStyle);
    }
  }

  return null;
}
//# sourceMappingURL=layout.js.map