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.
128 lines
3.4 KiB
128 lines
3.4 KiB
"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; |