@wordpress/preferences
Version:
Utilities for managing WordPress preferences.
59 lines (58 loc) • 1.61 kB
JavaScript
/**
* WordPress dependencies
*/
import { useSelect, useDispatch } from '@wordpress/data';
import { MenuItem } from '@wordpress/components';
import { __, sprintf } from '@wordpress/i18n';
import { check } from '@wordpress/icons';
import { speak } from '@wordpress/a11y';
/**
* Internal dependencies
*/
import { store as preferencesStore } from '../../store';
import { jsx as _jsx } from "react/jsx-runtime";
export default function PreferenceToggleMenuItem({
scope,
name,
label,
info,
messageActivated,
messageDeactivated,
shortcut,
handleToggling = true,
onToggle = () => null,
disabled = false
}) {
const isActive = useSelect(select => !!select(preferencesStore).get(scope, name), [scope, name]);
const {
toggle
} = useDispatch(preferencesStore);
const speakMessage = () => {
if (isActive) {
const message = messageDeactivated || sprintf(/* translators: %s: preference name, e.g. 'Fullscreen mode' */
__('Preference deactivated - %s'), label);
speak(message);
} else {
const message = messageActivated || sprintf(/* translators: %s: preference name, e.g. 'Fullscreen mode' */
__('Preference activated - %s'), label);
speak(message);
}
};
return /*#__PURE__*/_jsx(MenuItem, {
icon: isActive && check,
isSelected: isActive,
onClick: () => {
onToggle();
if (handleToggling) {
toggle(scope, name);
}
speakMessage();
},
role: "menuitemcheckbox",
info: info,
shortcut: shortcut,
disabled: disabled,
children: label
});
}
//# sourceMappingURL=index.js.map