@gechiui/components/build-module/alignment-matrix-control/utils.js

UI components for GeChiUI.

/**
 * External dependencies
 */
import { flattenDeep } from 'lodash';
/**
 * GeChiUI dependencies
 */

import { __ } from '@gechiui/i18n';
export 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)

export const ALIGNMENT_LABEL = {
  'top left': __('左上角'),
  'top center': __('顶部中心'),
  'top right': __('右上角'),
  'center left': __('中间左侧'),
  'center center': __('正中部'),
  'center right': __('中间右侧'),
  'bottom left': __('左下角'),
  'bottom center': __('底部中心'),
  'bottom right': __('右下角')
}; // Transforms GRID into a flat Array of values

export const ALIGNMENTS = flattenDeep(GRID);
/**
 * Parses and transforms an incoming value to better match the alignment values
 *
 * @param {string} value An alignment value to parse.
 *
 * @return {string} The parsed value.
 */

export 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 {string} prefixId An ID to prefix.
 * @param {string} value    An alignment value.
 *
 * @return {string} The item id.
 */

export function getItemId(prefixId, value) {
  const valueId = transformValue(value).replace(' ', '-');
  return `${prefixId}-${valueId}`;
}
/**
 * Retrieves the alignment index from a value.
 *
 * @param {string} alignment Value to check.
 *
 * @return {number} The index of a matching alignment.
 */

export function getAlignmentIndex() {
  let alignment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'center';
  const item = transformValue(alignment).replace('-', ' ');
  const index = ALIGNMENTS.indexOf(item);
  return index > -1 ? index : undefined;
}
//# sourceMappingURL=utils.js.map