UNPKG

@gechiui/block-editor

Version:
81 lines (68 loc) 2.28 kB
import _extends from "@babel/runtime/helpers/esm/extends"; import { createElement } from "@gechiui/element"; /** * External dependencies */ import { clone } from 'lodash'; /** * GeChiUI dependencies */ import { applyFilters, hasFilter } from '@gechiui/hooks'; import { Autocomplete, __unstableUseAutocompleteProps as useAutocompleteProps } from '@gechiui/components'; import { useMemo } from '@gechiui/element'; import { getDefaultBlockName, getBlockSupport } from '@gechiui/blocks'; /** * Internal dependencies */ import { useBlockEditContext } from '../block-edit/context'; import blockAutocompleter from '../../autocompleters/block'; /** * Shared reference to an empty array for cases where it is important to avoid * returning a new array reference on every invocation. * * @type {Array} */ const EMPTY_ARRAY = []; function useCompleters(_ref) { let { completers = EMPTY_ARRAY } = _ref; const { name } = useBlockEditContext(); return useMemo(() => { let filteredCompleters = completers; if (name === getDefaultBlockName() || getBlockSupport(name, '__experimentalSlashInserter', false)) { filteredCompleters = filteredCompleters.concat([blockAutocompleter]); } if (hasFilter('editor.Autocomplete.completers')) { // Provide copies so filters may directly modify them. if (filteredCompleters === completers) { filteredCompleters = filteredCompleters.map(clone); } filteredCompleters = applyFilters('editor.Autocomplete.completers', filteredCompleters, name); } return filteredCompleters; }, [completers, name]); } export function useBlockEditorAutocompleteProps(props) { return useAutocompleteProps({ ...props, completers: useCompleters(props) }); } /** * Wrap the default Autocomplete component with one that supports a filter hook * for customizing its list of autocompleters. * * @type {import('react').FC} */ function BlockEditorAutocomplete(props) { return createElement(Autocomplete, _extends({}, props, { completers: useCompleters(props) })); } /** * @see https://github.com/GeChiUI/gutenberg/blob/HEAD/packages/block-editor/src/components/autocomplete/README.md */ export default BlockEditorAutocomplete; //# sourceMappingURL=index.js.map