@lexical/react/dist/LexicalTabIndentationPlugin.dev.js

This package provides Lexical components and hooks for React applications.

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import { registerTabIndentation } from '@lexical/extension/TabIndentationExtension';
export { registerTabIndentation } from '@lexical/extension/TabIndentationExtension';
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
import { useEffect } from 'react';

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */


/**
 * This plugin adds the ability to indent content using the tab key. Generally, we don't
 * recommend using this plugin as it could negatively affect accessibility for keyboard
 * users, causing focus to become trapped within the editor.
 *
 * This is a legacy plugin. When building an editor with the extension API,
 * configure {@link TabIndentationExtension} instead.
 */
function TabIndentationPlugin({
  maxIndent,
  $canIndent
}) {
  const [editor] = useLexicalComposerContext();
  useEffect(() => {
    return registerTabIndentation(editor, maxIndent, $canIndent);
  }, [editor, maxIndent, $canIndent]);
  return null;
}

export { TabIndentationPlugin };