UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

40 lines (39 loc) 1.49 kB
import { calc } from '@workday/canvas-kit-styling'; const translateMap = { y: { top: -1, center: 0, bottom: 1, }, x: { left: -1, center: 0, right: 1, }, }; /** * Gets the x and y distance values needed to translate from a given transform origin to 0,0 * @param {Object} transformOrigin The origin of the transform (i.e. top left) * @param {string} distance The distance to translate (as a canvas spacing value). * @returns {Object} An object with the x and y distance values needed to translate. * @deprecated */ export const getTranslateFromOrigin = (transformOrigin, distance) => { const calculatedDistance = parseFloat(distance) * 16; return { x: translateMap.x[transformOrigin.horizontal] * calculatedDistance, y: translateMap.y[transformOrigin.vertical] * calculatedDistance, }; }; /** * Gets the x and y distance values needed to translate from a given transform origin to 0,0 * @param {Object} transformOrigin The origin of the transform (i.e. top left) * @param {string} distance The distance to translate (as a canvas spacing value). * @returns {Object} An object with the x and y distance string values needed to translate. */ export const getTransformOrigin = (transformOrigin, distance) => { return { x: calc.multiply(distance, translateMap.x[transformOrigin.horizontal]), y: calc.multiply(distance, translateMap.y[transformOrigin.vertical]), }; };