@wordpress/block-library/build-module/template-part/edit/inner-blocks.js

Block library for the WordPress editor.

// packages/block-library/src/template-part/edit/inner-blocks.js
import { useEntityBlockEditor, store as coreStore } from "@wordpress/core-data";
import {
  InnerBlocks,
  useInnerBlocksProps,
  useSettings,
  store as blockEditorStore,
  useBlockEditingMode
} from "@wordpress/block-editor";
import { useSelect } from "@wordpress/data";
import { useMemo } from "@wordpress/element";
import { parse } from "@wordpress/blocks";
import { jsx } from "react/jsx-runtime";
function useRenderAppender(hasInnerBlocks) {
  const blockEditingMode = useBlockEditingMode();
  if (blockEditingMode === "contentOnly") {
    return false;
  }
  if (!hasInnerBlocks) {
    return InnerBlocks.ButtonBlockAppender;
  }
}
function useLayout(layout) {
  const themeSupportsLayout = useSelect((select) => {
    const { getSettings } = select(blockEditorStore);
    return getSettings()?.supportsLayout;
  }, []);
  const [defaultLayout] = useSettings("layout");
  if (themeSupportsLayout) {
    return layout?.inherit ? defaultLayout || {} : layout;
  }
}
function NonEditableTemplatePartPreview({
  postId: id,
  layout,
  tagName: TagName,
  blockProps
}) {
  useBlockEditingMode("disabled");
  const { content, editedBlocks } = useSelect(
    (select) => {
      if (!id) {
        return {};
      }
      const { getEditedEntityRecord } = select(coreStore);
      const editedRecord = getEditedEntityRecord(
        "postType",
        "wp_template_part",
        id,
        { context: "view" }
      );
      return {
        editedBlocks: editedRecord.blocks,
        content: editedRecord.content
      };
    },
    [id]
  );
  const blocks = useMemo(() => {
    if (!id) {
      return void 0;
    }
    if (editedBlocks) {
      return editedBlocks;
    }
    if (!content || typeof content !== "string") {
      return [];
    }
    return parse(content);
  }, [id, editedBlocks, content]);
  const innerBlocksProps = useInnerBlocksProps(blockProps, {
    value: blocks,
    onInput: () => {
    },
    onChange: () => {
    },
    renderAppender: false,
    layout: useLayout(layout)
  });
  return /* @__PURE__ */ jsx(TagName, { ...innerBlocksProps });
}
function EditableTemplatePartInnerBlocks({
  postId: id,
  hasInnerBlocks,
  layout,
  tagName: TagName,
  blockProps
}) {
  const onNavigateToEntityRecord = useSelect(
    (select) => select(blockEditorStore).getSettings().onNavigateToEntityRecord,
    []
  );
  const [blocks, onInput, onChange] = useEntityBlockEditor(
    "postType",
    "wp_template_part",
    { id }
  );
  const innerBlocksProps = useInnerBlocksProps(blockProps, {
    value: blocks,
    onInput,
    onChange,
    renderAppender: useRenderAppender(hasInnerBlocks),
    layout: useLayout(layout)
  });
  const blockEditingMode = useBlockEditingMode();
  const customProps = blockEditingMode === "contentOnly" && onNavigateToEntityRecord ? {
    onDoubleClick: () => onNavigateToEntityRecord({
      postId: id,
      postType: "wp_template_part"
    })
  } : {};
  return /* @__PURE__ */ jsx(TagName, { ...innerBlocksProps, ...customProps });
}
function TemplatePartInnerBlocks({
  postId: id,
  hasInnerBlocks,
  layout,
  tagName: TagName,
  blockProps
}) {
  const { canViewTemplatePart, canEditTemplatePart } = useSelect(
    (select) => {
      return {
        canViewTemplatePart: !!select(coreStore).canUser("read", {
          kind: "postType",
          name: "wp_template_part",
          id
        }),
        canEditTemplatePart: !!select(coreStore).canUser("update", {
          kind: "postType",
          name: "wp_template_part",
          id
        })
      };
    },
    [id]
  );
  if (!canViewTemplatePart) {
    return null;
  }
  const TemplatePartInnerBlocksComponent = canEditTemplatePart ? EditableTemplatePartInnerBlocks : NonEditableTemplatePartPreview;
  return /* @__PURE__ */ jsx(
    TemplatePartInnerBlocksComponent,
    {
      postId: id,
      hasInnerBlocks,
      layout,
      tagName: TagName,
      blockProps
    }
  );
}
export {
  TemplatePartInnerBlocks as default
};
//# sourceMappingURL=inner-blocks.js.map