Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

convert code to be IE11 friendly (https://github.com/woocommerce/woocommerce-blocks/pull/2708)

This commit is contained in:
Darren Ethier 2020-06-12 15:58:31 -04:00 committed by GitHub
parent f46bc68f6e
commit 582b5f60bb
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
plugins/woocommerce-blocks/assets/js/module_replacements/dashicon.js
View File

@ -7,9 +7,16 @@ import {
} from '@woocommerce/icons';
import { createElement } from '@wordpress/element';
export default ( { icon, size = 20, className, ...extraProps } ) => {
let Icon = () => null;
switch ( icon ) {
// Note: Aside from import/export, everything in this file must be IE11 friendly
// because currently it does not go through babel transpiling. It is injected
// as a replacement for the `@wordpress/component/dashicon` component via
// the Webpack NormalModuleReplacementPlugin plugin.
export default function( props ) {
let Icon = function() {
return null;
};
switch ( props.icon ) {
case 'arrow-down-alt2':
Icon = ArrowDownIcon;
break;
@ -17,7 +24,8 @@ export default ( { icon, size = 20, className, ...extraProps } ) => {
Icon = DismissIcon;
break;
}
// can't use JSX here because the Webpack NormalModuleReplacementPlugin
// is unable to parse JSX at that point in the build.
return createElement( Icon, { size, className, ...extraProps } );
};
return createElement( Icon, {
size: props.size || 20,
className: props.className,
} );
}