You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

81 lines
2.3 KiB

"use strict";
exports.__esModule = true;
exports.default = void 0;
var t = _interopRequireWildcard(require("@babel/types"));
var _util = require("./util");
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
// Inspired by https://github.com/reactjs/react-magic/blob/master/src/htmltojsx.js
/**
* Determines if the CSS value can be converted from a
* 'px' suffixed string to a numeric value.
*
* @param {string} value CSS property value
* @return {boolean}
*/
function isConvertiblePixelValue(value) {
return /^\d+px$/.test(value);
}
/**
* Format style key into JSX style object key.
*
* @param {string} key
* @return {string}
*/
function formatKey(key) {
key = key.toLowerCase(); // Don't capitalize -ms- prefix
if (/^-ms-/.test(key)) key = key.substr(1);
return t.identifier((0, _util.hyphenToCamelCase)(key));
}
/**
* Format style value into JSX style object value.
*
* @param {string} key
* @return {string}
*/
function formatValue(value) {
if ((0, _util.isNumeric)(value)) return t.numericLiteral(Number(value));
if (isConvertiblePixelValue(value)) return t.numericLiteral(Number((0, _util.trimEnd)(value, 'px')));
return t.stringLiteral(value);
}
/**
* Handle parsing of inline styles.
*
* @param {string} rawStyle
* @returns {object}
*/
function stringToObjectStyle(rawStyle) {
const entries = rawStyle.split(';');
const properties = [];
let index = -1;
while (++index < entries.length) {
const entry = entries[index];
const style = entry.trim();
const firstColon = style.indexOf(':');
const value = style.substr(firstColon + 1).trim();
const key = style.substr(0, firstColon);
if (key !== '') {
const property = t.objectProperty(formatKey(key), formatValue(value));
properties.push(property);
}
}
return t.objectExpression(properties);
}
var _default = stringToObjectStyle;
exports.default = _default;