@gechiui/block-editor
Version:
81 lines (68 loc) • 2.28 kB
JavaScript
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