stringToObjectStyle.js
2.73 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
"use strict";
exports.__esModule = true;
exports.default = void 0;
var t = _interopRequireWildcard(require("@babel/types"));
var _util = require("./util");
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } 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;