OwlCyberSecurity - MANAGER

Edit File: getValueAndUnit.js.flow

// @flow const cssRegex = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/ /** * Returns a given CSS value and its unit as elements of an array. * * @example * // Styles as object usage * const styles = { * '--dimension': getValueAndUnit('100px')[0], * '--unit': getValueAndUnit('100px')[1], * } * * // styled-components usage * const div = styled.div` * --dimension: ${getValueAndUnit('100px')[0]}; * --unit: ${getValueAndUnit('100px')[1]}; * ` * * // CSS in JS Output * * element { * '--dimension': 100, * '--unit': 'px', * } */ export default function getValueAndUnit(value: string | number): any { if (typeof value !== 'string') return [value, ''] const matchedValue = value.match(cssRegex) if (matchedValue) return [parseFloat(value), matchedValue[2]] return [value, undefined] }