@wordpress/block-editor
Version:
55 lines (54 loc) • 1.71 kB
JavaScript
/**
* WordPress dependencies
*/
import { Modal } from '@wordpress/components';
import { useState } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
/**
* Internal dependencies
*/
import PatternExplorerSidebar from './pattern-explorer-sidebar';
import PatternList from './pattern-list';
import { usePatternCategories } from '../block-patterns-tab/use-pattern-categories';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function PatternsExplorer({
initialCategory,
rootClientId,
onModalClose
}) {
const [searchValue, setSearchValue] = useState('');
const [selectedCategory, setSelectedCategory] = useState(initialCategory?.name);
const patternCategories = usePatternCategories(rootClientId);
return /*#__PURE__*/_jsxs("div", {
className: "block-editor-block-patterns-explorer",
children: [/*#__PURE__*/_jsx(PatternExplorerSidebar, {
selectedCategory: selectedCategory,
patternCategories: patternCategories,
onClickCategory: setSelectedCategory,
searchValue: searchValue,
setSearchValue: setSearchValue
}), /*#__PURE__*/_jsx(PatternList, {
searchValue: searchValue,
selectedCategory: selectedCategory,
patternCategories: patternCategories,
rootClientId: rootClientId,
onModalClose: onModalClose
})]
});
}
function PatternsExplorerModal({
onModalClose,
...restProps
}) {
return /*#__PURE__*/_jsx(Modal, {
title: __('Patterns'),
onRequestClose: onModalClose,
isFullScreen: true,
children: /*#__PURE__*/_jsx(PatternsExplorer, {
onModalClose: onModalClose,
...restProps
})
});
}
export default PatternsExplorerModal;
//# sourceMappingURL=index.js.map