@wordpress/components
Version:
UI components for WordPress.
77 lines (66 loc) • 2.28 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.GRID = exports.ALIGNMENT_LABEL = exports.ALIGNMENTS = void 0;
exports.getAlignmentIndex = getAlignmentIndex;
exports.getItemId = getItemId;
exports.transformValue = transformValue;
var _i18n = require("@wordpress/i18n");
/**
* WordPress dependencies
*/
const GRID = [['top left', 'top center', 'top right'], ['center left', 'center center', 'center right'], ['bottom left', 'bottom center', 'bottom right']]; // Stored as map as i18n __() only accepts strings (not variables)
exports.GRID = GRID;
const ALIGNMENT_LABEL = {
'top left': (0, _i18n.__)('Top Left'),
'top center': (0, _i18n.__)('Top Center'),
'top right': (0, _i18n.__)('Top Right'),
'center left': (0, _i18n.__)('Center Left'),
'center center': (0, _i18n.__)('Center'),
center: (0, _i18n.__)('Center'),
'center right': (0, _i18n.__)('Center Right'),
'bottom left': (0, _i18n.__)('Bottom Left'),
'bottom center': (0, _i18n.__)('Bottom Center'),
'bottom right': (0, _i18n.__)('Bottom Right')
}; // Transforms GRID into a flat Array of values.
exports.ALIGNMENT_LABEL = ALIGNMENT_LABEL;
const ALIGNMENTS = GRID.flat();
/**
* Parses and transforms an incoming value to better match the alignment values
*
* @param value An alignment value to parse.
*
* @return The parsed value.
*/
exports.ALIGNMENTS = ALIGNMENTS;
function transformValue(value) {
const nextValue = value === 'center' ? 'center center' : value;
return nextValue.replace('-', ' ');
}
/**
* Creates an item ID based on a prefix ID and an alignment value.
*
* @param prefixId An ID to prefix.
* @param value An alignment value.
*
* @return The item id.
*/
function getItemId(prefixId, value) {
const valueId = transformValue(value).replace(' ', '-');
return `${prefixId}-${valueId}`;
}
/**
* Retrieves the alignment index from a value.
*
* @param alignment Value to check.
*
* @return The index of a matching alignment.
*/
function getAlignmentIndex() {
let alignment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'center';
const item = transformValue(alignment);
const index = ALIGNMENTS.indexOf(item);
return index > -1 ? index : undefined;
}
//# sourceMappingURL=utils.js.map