@wordpress/block-library
Version:
Block library for the WordPress editor.
84 lines (77 loc) • 3.23 kB
JavaScript
/**
* WordPress dependencies
*/
import { serialize } from '@wordpress/blocks';
import { store as coreStore } from '@wordpress/core-data';
import { useDispatch } from '@wordpress/data';
import { useState, useCallback } from '@wordpress/element';
/**
* Internal dependencies
*/
import useGenerateDefaultNavigationTitle from './use-generate-default-navigation-title';
export const CREATE_NAVIGATION_MENU_SUCCESS = 'success';
export const CREATE_NAVIGATION_MENU_ERROR = 'error';
export const CREATE_NAVIGATION_MENU_PENDING = 'pending';
export const CREATE_NAVIGATION_MENU_IDLE = 'idle';
export default function useCreateNavigationMenu(clientId) {
let postStatus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'publish';
const [status, setStatus] = useState(CREATE_NAVIGATION_MENU_IDLE);
const [value, setValue] = useState(null);
const [error, setError] = useState(null);
const {
saveEntityRecord
} = useDispatch(coreStore);
const generateDefaultTitle = useGenerateDefaultNavigationTitle(clientId); // This callback uses data from the two placeholder steps and only creates
// a new navigation menu when the user completes the final step.
const create = useCallback(async function () {
let title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
let blocks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
// Guard against creating Navigations without a title.
// Note you can pass no title, but if one is passed it must be
// a string otherwise the title may end up being empty.
if (title && typeof title !== 'string') {
setError('Invalid title supplied when creating Navigation Menu.');
setStatus(CREATE_NAVIGATION_MENU_ERROR);
throw new Error(`Value of supplied title argument was not a string.`);
}
setStatus(CREATE_NAVIGATION_MENU_PENDING);
setValue(null);
setError(null);
if (!title) {
title = await generateDefaultTitle().catch(err => {
setError(err === null || err === void 0 ? void 0 : err.message);
setStatus(CREATE_NAVIGATION_MENU_ERROR);
throw new Error('Failed to create title when saving new Navigation Menu.', {
cause: err
});
});
}
const record = {
title,
content: serialize(blocks),
status: postStatus
}; // Return affords ability to await on this function directly
return saveEntityRecord('postType', 'wp_navigation', record).then(response => {
setValue(response);
setStatus(CREATE_NAVIGATION_MENU_SUCCESS);
return response;
}).catch(err => {
setError(err === null || err === void 0 ? void 0 : err.message);
setStatus(CREATE_NAVIGATION_MENU_ERROR);
throw new Error('Unable to save new Navigation Menu', {
cause: err
});
});
}, [serialize, saveEntityRecord]);
return {
create,
status,
value,
error,
isIdle: status === CREATE_NAVIGATION_MENU_IDLE,
isPending: status === CREATE_NAVIGATION_MENU_PENDING,
isSuccess: status === CREATE_NAVIGATION_MENU_SUCCESS,
isError: status === CREATE_NAVIGATION_MENU_ERROR
};
}
//# sourceMappingURL=use-create-navigation-menu.js.map