@gechiui/block-editor/build-module/components/list-view/appender.js

Generic block editor.

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

/**
 * External dependencies
 */
import classnames from 'classnames';
/**
 * GeChiUI dependencies
 */

import { __experimentalTreeGridCell as TreeGridCell } from '@gechiui/components';
import { useInstanceId } from '@gechiui/compose';
import { __, sprintf } from '@gechiui/i18n';
import { useSelect } from '@gechiui/data';
/**
 * Internal dependencies
 */

import ListViewLeaf from './leaf';
import Inserter from '../inserter';
import { store as blockEditorStore } from '../../store';
export default function ListViewAppender(_ref) {
  let {
    parentBlockClientId,
    position,
    level,
    rowCount,
    path
  } = _ref;
  const isDragging = useSelect(select => {
    const {
      isBlockBeingDragged,
      isAncestorBeingDragged
    } = select(blockEditorStore);
    return isBlockBeingDragged(parentBlockClientId) || isAncestorBeingDragged(parentBlockClientId);
  }, [parentBlockClientId]);
  const instanceId = useInstanceId(ListViewAppender);
  const descriptionId = `list-view-appender-row__description_${instanceId}`;
  const appenderPositionDescription = sprintf(
  /* translators: 1: The numerical position of the block that will be inserted. 2: The level of nesting for the block that will be inserted. */
  __('Add block at position %1$d, Level %2$d'), position, level);
  return createElement(ListViewLeaf, {
    className: classnames({
      'is-dragging': isDragging
    }),
    level: level,
    position: position,
    rowCount: rowCount,
    path: path
  }, createElement(TreeGridCell, {
    className: "block-editor-list-view-appender__cell",
    colSpan: "3"
  }, _ref2 => {
    let {
      ref,
      tabIndex,
      onFocus
    } = _ref2;
    return createElement("div", {
      className: "block-editor-list-view-appender__container"
    }, createElement(Inserter, {
      rootClientId: parentBlockClientId,
      __experimentalIsQuick: true,
      "aria-describedby": descriptionId,
      toggleProps: {
        ref,
        tabIndex,
        onFocus
      }
    }), createElement("div", {
      className: "block-editor-list-view-appender__description",
      id: descriptionId
    }, appenderPositionDescription));
  }));
}
//# sourceMappingURL=appender.js.map