@ant-design/icons 5.6.1 → 6.0.0

package/es/utils.js

@@ -1,26 +1,21 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import { generate as generateColor } from '@ant-design/colors';
-import { updateCSS } from "rc-util/es/Dom/dynamicCSS";
-import { getShadowRoot } from "rc-util/es/Dom/shadow";
-import warn from "rc-util/es/warning";
+import { updateCSS } from "@rc-component/util/es/Dom/dynamicCSS";
+import { getShadowRoot } from "@rc-component/util/es/Dom/shadow";
+import warn from "@rc-component/util/es/warning";
 import React, { useContext, useEffect } from 'react';
 import IconContext from "./components/Context";
 function camelCase(input) {
-  return input.replace(/-(.)/g, function (match, g) {
-    return g.toUpperCase();
-  });
+  return input.replace(/-(.)/g, (match, g) => g.toUpperCase());
 }
 export function warning(valid, message) {
-  warn(valid, "[@ant-design/icons] ".concat(message));
+  warn(valid, `[@ant-design/icons] ${message}`);
 }
 export function isIconDefinition(target) {
-  return _typeof(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (_typeof(target.icon) === 'object' || typeof target.icon === 'function');
+  return typeof target === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (typeof target.icon === 'object' || typeof target.icon === 'function');
 }
-export function normalizeAttrs() {
-  var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return Object.keys(attrs).reduce(function (acc, key) {
-    var val = attrs[key];
+export function normalizeAttrs(attrs = {}) {
+  return Object.keys(attrs).reduce((acc, key) => {
+    const val = attrs[key];
     switch (key) {
       case 'class':
         acc.className = val;
@@ -35,17 +30,16 @@ export function normalizeAttrs() {
 }
 export function generate(node, key, rootProps) {
   if (!rootProps) {
-    return /*#__PURE__*/React.createElement(node.tag, _objectSpread({
-      key: key
-    }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {
-      return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
-    }));
+    return /*#__PURE__*/React.createElement(node.tag, {
+      key,
+      ...normalizeAttrs(node.attrs)
+    }, (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`)));
   }
-  return /*#__PURE__*/React.createElement(node.tag, _objectSpread(_objectSpread({
-    key: key
-  }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {
-    return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
-  }));
+  return /*#__PURE__*/React.createElement(node.tag, {
+    key,
+    ...normalizeAttrs(node.attrs),
+    ...rootProps
+  }, (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`)));
 }
 export function getSecondaryColor(primaryColor) {
   // choose the second color
@@ -60,32 +54,88 @@ export function normalizeTwoToneColors(twoToneColor) {
 
 // These props make sure that the SVG behaviours like general text.
 // Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
-export var svgBaseProps = {
+export const svgBaseProps = {
   width: '1em',
   height: '1em',
   fill: 'currentColor',
   'aria-hidden': 'true',
   focusable: 'false'
 };
-export var iconStyles = "\n.anticon {\n  display: inline-flex;\n  align-items: center;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
-export var useInsertStyles = function useInsertStyles(eleRef) {
-  var _useContext = useContext(IconContext),
-    csp = _useContext.csp,
-    prefixCls = _useContext.prefixCls,
-    layer = _useContext.layer;
-  var mergedStyleStr = iconStyles;
+export const iconStyles = `
+.anticon {
+  display: inline-flex;
+  align-items: center;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.anticon > * {
+  line-height: 1;
+}
+
+.anticon svg {
+  display: inline-block;
+}
+
+.anticon::before {
+  display: none;
+}
+
+.anticon .anticon-icon {
+  display: block;
+}
+
+.anticon[tabindex] {
+  cursor: pointer;
+}
+
+.anticon-spin::before,
+.anticon-spin {
+  display: inline-block;
+  -webkit-animation: loadingCircle 1s infinite linear;
+  animation: loadingCircle 1s infinite linear;
+}
+
+@-webkit-keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+`;
+export const useInsertStyles = eleRef => {
+  const {
+    csp,
+    prefixCls,
+    layer
+  } = useContext(IconContext);
+  let mergedStyleStr = iconStyles;
   if (prefixCls) {
     mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
   }
   if (layer) {
-    mergedStyleStr = "@layer ".concat(layer, " {\n").concat(mergedStyleStr, "\n}");
+    mergedStyleStr = `@layer ${layer} {\n${mergedStyleStr}\n}`;
   }
-  useEffect(function () {
-    var ele = eleRef.current;
-    var shadowRoot = getShadowRoot(ele);
+  useEffect(() => {
+    const ele = eleRef.current;
+    const shadowRoot = getShadowRoot(ele);
     updateCSS(mergedStyleStr, '@ant-design-icons', {
       prepend: !layer,
-      csp: csp,
+      csp,
       attachTo: shadowRoot
     });
   }, []);

package/lib/components/AntdIcon.js

@@ -1,16 +1,10 @@
 "use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _colors = require("@ant-design/colors");
@@ -18,40 +12,48 @@ var _Context = _interopRequireDefault(require("./Context"));
 var _IconBase = _interopRequireDefault(require("./IconBase"));
 var _twoTonePrimaryColor = require("./twoTonePrimaryColor");
 var _utils = require("../utils");
-var _excluded = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 // Initial setting
 // should move it to antd main repo?
 (0, _twoTonePrimaryColor.setTwoToneColor)(_colors.blue.primary);
 
 // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-488848720
 
-var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    icon = props.icon,
-    spin = props.spin,
-    rotate = props.rotate,
-    tabIndex = props.tabIndex,
-    onClick = props.onClick,
-    twoToneColor = props.twoToneColor,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _React$useContext = React.useContext(_Context.default),
-    _React$useContext$pre = _React$useContext.prefixCls,
-    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
-    rootClassName = _React$useContext.rootClassName;
-  var classString = (0, _classnames.default)(rootClassName, prefixCls, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), className);
-  var iconTabIndex = tabIndex;
+const Icon = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    // affect outter <i>...</i>
+    className,
+    // affect inner <svg>...</svg>
+    icon,
+    spin,
+    rotate,
+    tabIndex,
+    onClick,
+    // other
+    twoToneColor,
+    ...restProps
+  } = props;
+  const {
+    prefixCls = 'anticon',
+    rootClassName
+  } = React.useContext(_Context.default);
+  const classString = (0, _classnames.default)(rootClassName, prefixCls, {
+    [`${prefixCls}-${icon.name}`]: !!icon.name,
+    [`${prefixCls}-spin`]: !!spin || icon.name === 'loading'
+  }, className);
+  let iconTabIndex = tabIndex;
   if (iconTabIndex === undefined && onClick) {
     iconTabIndex = -1;
   }
-  var svgStyle = rotate ? {
-    msTransform: "rotate(".concat(rotate, "deg)"),
-    transform: "rotate(".concat(rotate, "deg)")
+  const svgStyle = rotate ? {
+    msTransform: `rotate(${rotate}deg)`,
+    transform: `rotate(${rotate}deg)`
   } : undefined;
-  var _normalizeTwoToneColo = (0, _utils.normalizeTwoToneColors)(twoToneColor),
-    _normalizeTwoToneColo2 = (0, _slicedToArray2.default)(_normalizeTwoToneColo, 2),
-    primaryColor = _normalizeTwoToneColo2[0],
-    secondaryColor = _normalizeTwoToneColo2[1];
-  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
+  const [primaryColor, secondaryColor] = (0, _utils.normalizeTwoToneColors)(twoToneColor);
+  return /*#__PURE__*/React.createElement("span", _extends({
     role: "img",
     "aria-label": icon.name
   }, restProps, {

package/lib/components/Context.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var IconContext = /*#__PURE__*/(0, _react.createContext)({});
+const IconContext = /*#__PURE__*/(0, _react.createContext)({});
 var _default = exports.default = IconContext;

package/lib/components/Icon.js

@@ -1,72 +1,79 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _ref = require("rc-util/lib/ref");
+var _ref = require("@rc-component/util/lib/ref");
 var _Context = _interopRequireDefault(require("./Context"));
 var _utils = require("../utils");
-var _excluded = ["className", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children"]; // Seems this is used for iconFont
-var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    Component = props.component,
-    viewBox = props.viewBox,
-    spin = props.spin,
-    rotate = props.rotate,
-    tabIndex = props.tabIndex,
-    onClick = props.onClick,
-    children = props.children,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var iconRef = React.useRef();
-  var mergedRef = (0, _ref.useComposeRef)(iconRef, ref);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } // Seems this is used for iconFont
+const Icon = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    // affect outter <i>...</i>
+    className,
+    // affect inner <svg>...</svg>
+    component: Component,
+    viewBox,
+    spin,
+    rotate,
+    tabIndex,
+    onClick,
+    // children
+    children,
+    ...restProps
+  } = props;
+  const iconRef = React.useRef();
+  const mergedRef = (0, _ref.useComposeRef)(iconRef, ref);
   (0, _utils.warning)(Boolean(Component || children), 'Should have `component` prop or `children`.');
   (0, _utils.useInsertStyles)(iconRef);
-  var _React$useContext = React.useContext(_Context.default),
-    _React$useContext$pre = _React$useContext.prefixCls,
-    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
-    rootClassName = _React$useContext.rootClassName;
-  var classString = (0, _classnames.default)(rootClassName, prefixCls, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-spin"), !!spin && !!Component), className);
-  var svgClassString = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-spin"), !!spin));
-  var svgStyle = rotate ? {
-    msTransform: "rotate(".concat(rotate, "deg)"),
-    transform: "rotate(".concat(rotate, "deg)")
+  const {
+    prefixCls = 'anticon',
+    rootClassName
+  } = React.useContext(_Context.default);
+  const classString = (0, _classnames.default)(rootClassName, prefixCls, {
+    [`${prefixCls}-spin`]: !!spin && !!Component
+  }, className);
+  const svgClassString = (0, _classnames.default)({
+    [`${prefixCls}-spin`]: !!spin
+  });
+  const svgStyle = rotate ? {
+    msTransform: `rotate(${rotate}deg)`,
+    transform: `rotate(${rotate}deg)`
   } : undefined;
-  var innerSvgProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _utils.svgBaseProps), {}, {
+  const innerSvgProps = {
+    ..._utils.svgBaseProps,
     className: svgClassString,
     style: svgStyle,
-    viewBox: viewBox
-  });
+    viewBox
+  };
   if (!viewBox) {
     delete innerSvgProps.viewBox;
   }
 
   // component > children
-  var renderInnerNode = function renderInnerNode() {
+  const renderInnerNode = () => {
     if (Component) {
       return /*#__PURE__*/React.createElement(Component, innerSvgProps, children);
     }
     if (children) {
       (0, _utils.warning)(Boolean(viewBox) || React.Children.count(children) === 1 && /*#__PURE__*/React.isValidElement(children) && React.Children.only(children).type === 'use', 'Make sure that you provide correct `viewBox`' + ' prop (default `0 0 1024 1024`) to the icon.');
-      return /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({}, innerSvgProps, {
+      return /*#__PURE__*/React.createElement("svg", _extends({}, innerSvgProps, {
         viewBox: viewBox
       }), children);
     }
     return null;
   };
-  var iconTabIndex = tabIndex;
+  let iconTabIndex = tabIndex;
   if (iconTabIndex === undefined && onClick) {
     iconTabIndex = -1;
   }
-  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement("span", _extends({
     role: "img"
   }, restProps, {
     ref: mergedRef,

package/lib/components/IconBase.js

@@ -1,70 +1,73 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("../utils");
-var _excluded = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
-var twoToneColorPalette = {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const twoToneColorPalette = {
   primaryColor: '#333',
   secondaryColor: '#E6E6E6',
   calculated: false
 };
-function setTwoToneColors(_ref) {
-  var primaryColor = _ref.primaryColor,
-    secondaryColor = _ref.secondaryColor;
+function setTwoToneColors({
+  primaryColor,
+  secondaryColor
+}) {
   twoToneColorPalette.primaryColor = primaryColor;
   twoToneColorPalette.secondaryColor = secondaryColor || (0, _utils.getSecondaryColor)(primaryColor);
   twoToneColorPalette.calculated = !!secondaryColor;
 }
 function getTwoToneColors() {
-  return (0, _objectSpread2.default)({}, twoToneColorPalette);
+  return {
+    ...twoToneColorPalette
+  };
 }
-var IconBase = function IconBase(props) {
-  var icon = props.icon,
-    className = props.className,
-    onClick = props.onClick,
-    style = props.style,
-    primaryColor = props.primaryColor,
-    secondaryColor = props.secondaryColor,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var svgRef = React.useRef();
-  var colors = twoToneColorPalette;
+const IconBase = props => {
+  const {
+    icon,
+    className,
+    onClick,
+    style,
+    primaryColor,
+    secondaryColor,
+    ...restProps
+  } = props;
+  const svgRef = React.useRef();
+  let colors = twoToneColorPalette;
   if (primaryColor) {
     colors = {
-      primaryColor: primaryColor,
+      primaryColor,
       secondaryColor: secondaryColor || (0, _utils.getSecondaryColor)(primaryColor)
     };
   }
   (0, _utils.useInsertStyles)(svgRef);
-  (0, _utils.warning)((0, _utils.isIconDefinition)(icon), "icon should be icon definiton, but got ".concat(icon));
+  (0, _utils.warning)((0, _utils.isIconDefinition)(icon), `icon should be icon definiton, but got ${icon}`);
   if (!(0, _utils.isIconDefinition)(icon)) {
     return null;
   }
-  var target = icon;
+  let target = icon;
   if (target && typeof target.icon === 'function') {
-    target = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, target), {}, {
+    target = {
+      ...target,
       icon: target.icon(colors.primaryColor, colors.secondaryColor)
-    });
+    };
   }
-  return (0, _utils.generate)(target.icon, "svg-".concat(target.name), (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    className: className,
-    onClick: onClick,
-    style: style,
+  return (0, _utils.generate)(target.icon, `svg-${target.name}`, {
+    className,
+    onClick,
+    style,
     'data-icon': target.name,
     width: '1em',
     height: '1em',
     fill: 'currentColor',
-    'aria-hidden': 'true'
-  }, restProps), {}, {
+    'aria-hidden': 'true',
+    ...restProps,
     ref: svgRef
-  }));
+  });
 };
 IconBase.displayName = 'IconReact';
 IconBase.getTwoToneColors = getTwoToneColors;

package/lib/components/IconFont.js

@@ -1,32 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = create;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("./Icon"));
-var _excluded = ["type", "children"];
-var customCache = new Set();
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const customCache = new Set();
 function isValidCustomScriptUrl(scriptUrl) {
   return Boolean(typeof scriptUrl === 'string' && scriptUrl.length && !customCache.has(scriptUrl));
 }
-function createScriptUrlElements(scriptUrls) {
-  var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var currentScriptUrl = scriptUrls[index];
+function createScriptUrlElements(scriptUrls, index = 0) {
+  const currentScriptUrl = scriptUrls[index];
   if (isValidCustomScriptUrl(currentScriptUrl)) {
-    var script = document.createElement('script');
+    const script = document.createElement('script');
     script.setAttribute('src', currentScriptUrl);
     script.setAttribute('data-namespace', currentScriptUrl);
     if (scriptUrls.length > index + 1) {
-      script.onload = function () {
+      script.onload = () => {
         createScriptUrlElements(scriptUrls, index + 1);
       };
-      script.onerror = function () {
+      script.onerror = () => {
         createScriptUrlElements(scriptUrls, index + 1);
       };
     }
@@ -34,11 +32,11 @@ function createScriptUrlElements(scriptUrls) {
     document.body.appendChild(script);
   }
 }
-function create() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var scriptUrl = options.scriptUrl,
-    _options$extraCommonP = options.extraCommonProps,
-    extraCommonProps = _options$extraCommonP === void 0 ? {} : _options$extraCommonP;
+function create(options = {}) {
+  const {
+    scriptUrl,
+    extraCommonProps = {}
+  } = options;
 
   /**
    * DOM API required.
@@ -54,22 +52,24 @@ function create() {
       createScriptUrlElements([scriptUrl]);
     }
   }
-  var Iconfont = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var type = props.type,
-      children = props.children,
-      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const Iconfont = /*#__PURE__*/React.forwardRef((props, ref) => {
+    const {
+      type,
+      children,
+      ...restProps
+    } = props;
 
     // children > type
-    var content = null;
+    let content = null;
     if (props.type) {
       content = /*#__PURE__*/React.createElement("use", {
-        xlinkHref: "#".concat(type)
+        xlinkHref: `#${type}`
       });
     }
     if (children) {
       content = children;
     }
-    return /*#__PURE__*/React.createElement(_Icon.default, (0, _extends2.default)({}, extraCommonProps, restProps, {
+    return /*#__PURE__*/React.createElement(_Icon.default, _extends({}, extraCommonProps, restProps, {
       ref: ref
     }), content);
   });

package/lib/components/twoTonePrimaryColor.js

@@ -1,26 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTwoToneColor = getTwoToneColor;
 exports.setTwoToneColor = setTwoToneColor;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _IconBase = _interopRequireDefault(require("./IconBase"));
 var _utils = require("../utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function setTwoToneColor(twoToneColor) {
-  var _normalizeTwoToneColo = (0, _utils.normalizeTwoToneColors)(twoToneColor),
-    _normalizeTwoToneColo2 = (0, _slicedToArray2.default)(_normalizeTwoToneColo, 2),
-    primaryColor = _normalizeTwoToneColo2[0],
-    secondaryColor = _normalizeTwoToneColo2[1];
+  const [primaryColor, secondaryColor] = (0, _utils.normalizeTwoToneColors)(twoToneColor);
   return _IconBase.default.setTwoToneColors({
-    primaryColor: primaryColor,
-    secondaryColor: secondaryColor
+    primaryColor,
+    secondaryColor
   });
 }
 function getTwoToneColor() {
-  var colors = _IconBase.default.getTwoToneColors();
+  const colors = _IconBase.default.getTwoToneColors();
   if (!colors.calculated) {
     return colors.primaryColor;
   }