Spaces:
Sleeping
Sleeping
File size: 3,530 Bytes
56fda74 |
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 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 |
"use strict";
exports.__esModule = true;
exports.default = void 0;
var _babelPluginAddJsxAttribute = _interopRequireDefault(require("@svgr/babel-plugin-add-jsx-attribute"));
var _babelPluginRemoveJsxAttribute = _interopRequireDefault(require("@svgr/babel-plugin-remove-jsx-attribute"));
var _babelPluginRemoveJsxEmptyExpression = _interopRequireDefault(require("@svgr/babel-plugin-remove-jsx-empty-expression"));
var _babelPluginReplaceJsxAttributeValue = _interopRequireDefault(require("@svgr/babel-plugin-replace-jsx-attribute-value"));
var _babelPluginSvgDynamicTitle = _interopRequireDefault(require("@svgr/babel-plugin-svg-dynamic-title"));
var _babelPluginSvgEmDimensions = _interopRequireDefault(require("@svgr/babel-plugin-svg-em-dimensions"));
var _babelPluginTransformReactNativeSvg = _interopRequireDefault(require("@svgr/babel-plugin-transform-react-native-svg"));
var _babelPluginTransformSvgComponent = _interopRequireDefault(require("@svgr/babel-plugin-transform-svg-component"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function getAttributeValue(value) {
const literal = typeof value === 'string' && value.startsWith('{') && value.endsWith('}');
return {
value: literal ? value.slice(1, -1) : value,
literal
};
}
function propsToAttributes(props) {
return Object.keys(props).map(name => {
const {
literal,
value
} = getAttributeValue(props[name]);
return {
name,
literal,
value
};
});
}
function replaceMapToValues(replaceMap) {
return Object.keys(replaceMap).map(value => {
const {
literal,
value: newValue
} = getAttributeValue(replaceMap[value]);
return {
value,
newValue,
literal
};
});
}
const plugin = (api, opts) => {
let toRemoveAttributes = ['version'];
let toAddAttributes = [];
if (opts.svgProps) {
toAddAttributes = [...toAddAttributes, ...propsToAttributes(opts.svgProps)];
}
if (opts.ref) {
toAddAttributes = [...toAddAttributes, {
name: 'ref',
value: 'svgRef',
literal: true
}];
}
if (opts.titleProp) {
toAddAttributes = [...toAddAttributes, {
name: 'aria-labelledby',
value: 'titleId',
literal: true
}];
}
if (opts.expandProps) {
toAddAttributes = [...toAddAttributes, {
name: 'props',
spread: true,
position: opts.expandProps
}];
}
if (!opts.dimensions) {
toRemoveAttributes = [...toRemoveAttributes, 'width', 'height'];
}
const plugins = [[_babelPluginTransformSvgComponent.default, opts], ...(opts.icon && opts.dimensions ? [_babelPluginSvgEmDimensions.default] : []), [_babelPluginRemoveJsxAttribute.default, {
elements: ['svg', 'Svg'],
attributes: toRemoveAttributes
}], [_babelPluginAddJsxAttribute.default, {
elements: ['svg', 'Svg'],
attributes: toAddAttributes
}], _babelPluginRemoveJsxEmptyExpression.default];
if (opts.replaceAttrValues) {
plugins.push([_babelPluginReplaceJsxAttributeValue.default, {
values: replaceMapToValues(opts.replaceAttrValues)
}]);
}
if (opts.titleProp) {
plugins.push(_babelPluginSvgDynamicTitle.default);
}
if (opts.native) {
if (opts.native.expo) {
plugins.push([_babelPluginTransformReactNativeSvg.default, opts.native]);
} else {
plugins.push(_babelPluginTransformReactNativeSvg.default);
}
}
return {
plugins
};
};
var _default = plugin;
exports.default = _default; |