@wordpress/block-library
Version:
Block library for the WordPress editor.
44 lines • 1.13 kB
JavaScript
/**
* WordPress dependencies
*/
import { SelectControl } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
import { jsx as _jsx } from "react/jsx-runtime";
const defaultOrderByOptions = [{
label: __('Newest to oldest'),
value: 'date/desc'
}, {
label: __('Oldest to newest'),
value: 'date/asc'
}, {
/* translators: Label for ordering posts by title in ascending order. */
label: __('A → Z'),
value: 'title/asc'
}, {
/* translators: Label for ordering posts by title in descending order. */
label: __('Z → A'),
value: 'title/desc'
}];
function OrderControl({
order,
orderBy,
orderByOptions = defaultOrderByOptions,
onChange
}) {
return /*#__PURE__*/_jsx(SelectControl, {
__nextHasNoMarginBottom: true,
__next40pxDefaultSize: true,
label: __('Order by'),
value: `${orderBy}/${order}`,
options: orderByOptions,
onChange: value => {
const [newOrderBy, newOrder] = value.split('/');
onChange({
order: newOrder,
orderBy: newOrderBy
});
}
});
}
export default OrderControl;
//# sourceMappingURL=order-control.js.map