@ant-design/icons 4.5.0-alpha.0 → 4.6.2

package/dist/components/Context.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 export interface IconContextProps {
     prefixCls?: string;
+    csp?: {
+        nonce?: string;
+    };
 }
 declare const IconContext: import("react").Context<IconContextProps>;
 export default IconContext;

package/dist/index.umd.js

@@ -37,12 +37,16 @@
 
   var AccountBookFilledSvg = /*@__PURE__*/getDefaultExportFromCjs(AccountBookFilled_1);
 
+  var arrayWithHoles = createCommonjsModule(function (module) {
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
 
-  var arrayWithHoles = _arrayWithHoles;
+  module.exports = _arrayWithHoles;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
+  var iterableToArrayLimit = createCommonjsModule(function (module) {
   function _iterableToArrayLimit(arr, i) {
     if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
     var _arr = [];
@@ -70,8 +74,11 @@
     return _arr;
   }
 
-  var iterableToArrayLimit = _iterableToArrayLimit;
+  module.exports = _iterableToArrayLimit;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
+  var arrayLikeToArray = createCommonjsModule(function (module) {
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -82,8 +89,11 @@
     return arr2;
   }
 
-  var arrayLikeToArray = _arrayLikeToArray;
+  module.exports = _arrayLikeToArray;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
+  var unsupportedIterableToArray = createCommonjsModule(function (module) {
   function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return arrayLikeToArray(o, minLen);
@@ -93,20 +103,31 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
   }
 
-  var unsupportedIterableToArray = _unsupportedIterableToArray;
+  module.exports = _unsupportedIterableToArray;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
+  var nonIterableRest = createCommonjsModule(function (module) {
   function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  var nonIterableRest = _nonIterableRest;
+  module.exports = _nonIterableRest;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
+  var slicedToArray = createCommonjsModule(function (module) {
   function _slicedToArray(arr, i) {
     return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
   }
 
-  var slicedToArray = _slicedToArray;
+  module.exports = _slicedToArray;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
+
+  var _slicedToArray = /*@__PURE__*/getDefaultExportFromCjs(slicedToArray);
 
+  var defineProperty = createCommonjsModule(function (module) {
   function _defineProperty(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
@@ -122,8 +143,13 @@
     return obj;
   }
 
-  var defineProperty = _defineProperty;
+  module.exports = _defineProperty;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
+  var _defineProperty = /*@__PURE__*/getDefaultExportFromCjs(defineProperty);
+
+  var objectWithoutPropertiesLoose = createCommonjsModule(function (module) {
   function _objectWithoutPropertiesLoose(source, excluded) {
     if (source == null) return {};
     var target = {};
@@ -139,8 +165,11 @@
     return target;
   }
 
-  var objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
+  module.exports = _objectWithoutPropertiesLoose;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
+  var objectWithoutProperties = createCommonjsModule(function (module) {
   function _objectWithoutProperties(source, excluded) {
     if (source == null) return {};
     var target = objectWithoutPropertiesLoose(source, excluded);
@@ -160,7 +189,11 @@
     return target;
   }
 
-  var objectWithoutProperties = _objectWithoutProperties;
+  module.exports = _objectWithoutProperties;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
+
+  var _objectWithoutProperties = /*@__PURE__*/getDefaultExportFromCjs(objectWithoutProperties);
 
   var _classnames_2_2_6_classnames = createCommonjsModule(function (module) {
   /*!
@@ -211,6 +244,7 @@
   }());
   });
 
+  var objectSpread2 = createCommonjsModule(function (module) {
   function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
 
@@ -245,7 +279,11 @@
     return target;
   }
 
-  var objectSpread2 = _objectSpread2;
+  module.exports = _objectSpread2;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
+
+  var _objectSpread = /*@__PURE__*/getDefaultExportFromCjs(objectSpread2);
 
   var _typeof_1 = createCommonjsModule(function (module) {
   function _typeof(obj) {
@@ -255,18 +293,25 @@
       module.exports = _typeof = function _typeof(obj) {
         return typeof obj;
       };
+
+      module.exports["default"] = module.exports, module.exports.__esModule = true;
     } else {
       module.exports = _typeof = function _typeof(obj) {
         return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
       };
+
+      module.exports["default"] = module.exports, module.exports.__esModule = true;
     }
 
     return _typeof(obj);
   }
 
   module.exports = _typeof;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
   });
 
+  var _typeof = /*@__PURE__*/getDefaultExportFromCjs(_typeof_1);
+
   /**
    * Take input from [0, n] and return it as [0, 1]
    * @hidden
@@ -1101,70 +1146,135 @@
 
   var warn = /*@__PURE__*/getDefaultExportFromCjs(warning_1);
 
-  var containers = []; // will store container HTMLElement references
-  var styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement}
+  var interopRequireDefault = createCommonjsModule(function (module) {
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      "default": obj
+    };
+  }
 
-  var usage = 'insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).';
+  module.exports = _interopRequireDefault;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
-  function insertCss(css, options) {
-      options = options || {};
+  var arrayWithoutHoles = createCommonjsModule(function (module) {
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return arrayLikeToArray(arr);
+  }
 
-      if (css === undefined) {
-          throw new Error(usage);
-      }
+  module.exports = _arrayWithoutHoles;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
-      var position = options.prepend === true ? 'prepend' : 'append';
-      var container = options.container !== undefined ? options.container : document.querySelector('head');
-      var containerId = containers.indexOf(container);
+  var iterableToArray = createCommonjsModule(function (module) {
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
 
-      // first time we see this container, create the necessary entries
-      if (containerId === -1) {
-          containerId = containers.push(container) - 1;
-          styleElements[containerId] = {};
-      }
+  module.exports = _iterableToArray;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
-      // try to get the correponding container + position styleElement, create it otherwise
-      var styleElement;
+  var nonIterableSpread = createCommonjsModule(function (module) {
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
 
-      if (styleElements[containerId] !== undefined && styleElements[containerId][position] !== undefined) {
-          styleElement = styleElements[containerId][position];
-      } else {
-          styleElement = styleElements[containerId][position] = createStyleElement();
+  module.exports = _nonIterableSpread;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
-          if (position === 'prepend') {
-              container.insertBefore(styleElement, container.childNodes[0]);
-          } else {
-              container.appendChild(styleElement);
-          }
-      }
+  var toConsumableArray = createCommonjsModule(function (module) {
+  function _toConsumableArray(arr) {
+    return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
+  }
 
-      // strip potential UTF-8 BOM if css was read from a file
-      if (css.charCodeAt(0) === 0xFEFF) { css = css.substr(1, css.length); }
+  module.exports = _toConsumableArray;
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  });
 
-      // actually add the stylesheet
-      if (styleElement.styleSheet) {
-          styleElement.styleSheet.cssText += css;
-      } else {
-          styleElement.textContent += css;
-      }
+  var canUseDom_1 = createCommonjsModule(function (module, exports) {
 
-      return styleElement;
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.default = canUseDom;
+
+  function canUseDom() {
+    return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
   }
-  function createStyleElement() {
-      var styleElement = document.createElement('style');
-      styleElement.setAttribute('type', 'text/css');
-      return styleElement;
+  });
+
+  var dynamicCSS = createCommonjsModule(function (module, exports) {
+
+
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.injectCSS = injectCSS;
+  exports.updateCSS = updateCSS;
+
+  var _toConsumableArray2 = interopRequireDefault(toConsumableArray);
+
+  var _canUseDom = interopRequireDefault(canUseDom_1);
+
+  var MARK_KEY = "rc-util-key";
+
+  function getContainer(option) {
+    if (option.attachTo) {
+      return option.attachTo;
+    }
+
+    var head = document.querySelector('head');
+    return head || document.body;
   }
 
-  var _insertCss_2_0_0_insertCss = insertCss;
-  var insertCss_1 = insertCss;
-  _insertCss_2_0_0_insertCss.insertCss = insertCss_1;
+  function injectCSS(css) {
+    var _option$csp;
+
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    if (!(0, _canUseDom.default)()) {
+      return null;
+    }
+
+    var styleNode = document.createElement('style');
+    styleNode.nonce = (_option$csp = option.csp) === null || _option$csp === void 0 ? void 0 : _option$csp.nonce;
+    styleNode.innerHTML = css;
+    var container = getContainer(option);
+
+    if (option.prepend) {
+      container.prepend(styleNode);
+    } else {
+      container.append(styleNode);
+    }
+
+    return styleNode;
+  }
+
+  function updateCSS(css, key) {
+    var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var container = getContainer(option);
+    var existNode = (0, _toConsumableArray2.default)(container.children).find(function (node) {
+      return node.tagName === 'STYLE' && node[MARK_KEY] === key;
+    });
+
+    if (existNode) {
+      existNode.parentElement.removeChild(existNode);
+    }
+
+    var newNode = injectCSS(css, option);
+    newNode[MARK_KEY] = key;
+    return newNode;
+  }
+  });
 
   function warning(valid, message) {
     warn(valid, "[@ant-design/icons] ".concat(message));
   }
   function isIconDefinition(target) {
-    return _typeof_1(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (_typeof_1(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');
   }
   function normalizeAttrs() {
     var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -1186,14 +1296,14 @@
   }
   function generate$1(node, key, rootProps) {
     if (!rootProps) {
-      return /*#__PURE__*/React__default['default'].createElement(node.tag, objectSpread2({
+      return /*#__PURE__*/React__default['default'].createElement(node.tag, _objectSpread({
         key: key
       }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {
         return generate$1(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
       }));
     }
 
-    return /*#__PURE__*/React__default['default'].createElement(node.tag, objectSpread2(objectSpread2({
+    return /*#__PURE__*/React__default['default'].createElement(node.tag, _objectSpread(_objectSpread({
       key: key
     }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {
       return generate$1(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
@@ -1220,16 +1330,17 @@
     focusable: 'false'
   };
   var iconStyles = "\n.anticon {\n  display: inline-block;\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";
-  var cssInjectedFlag = false;
   var useInsertStyles = function useInsertStyles() {
     var styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : iconStyles;
+
+    var _useContext = React.useContext(IconContext),
+        csp = _useContext.csp;
+
     React.useEffect(function () {
-      if (!cssInjectedFlag) {
-        insertCss_1(styleStr, {
-          prepend: true
-        });
-        cssInjectedFlag = true;
-      }
+      dynamicCSS.updateCSS(styleStr, '@ant-design-icons', {
+        prepend: true,
+        csp: csp
+      });
     }, []);
   };
 
@@ -1248,7 +1359,7 @@
   }
 
   function getTwoToneColors() {
-    return objectSpread2({}, twoToneColorPalette);
+    return _objectSpread({}, twoToneColorPalette);
   }
 
   var IconBase = function IconBase(props) {
@@ -1258,7 +1369,7 @@
         style = props.style,
         primaryColor = props.primaryColor,
         secondaryColor = props.secondaryColor,
-        restProps = objectWithoutProperties(props, ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"]);
+        restProps = _objectWithoutProperties(props, ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"]);
 
     var colors = twoToneColorPalette;
 
@@ -1279,12 +1390,12 @@
     var target = icon;
 
     if (target && typeof target.icon === 'function') {
-      target = objectSpread2(objectSpread2({}, target), {}, {
+      target = _objectSpread(_objectSpread({}, target), {}, {
         icon: target.icon(colors.primaryColor, colors.secondaryColor)
       });
     }
 
-    return generate$1(target.icon, "svg-".concat(target.name), objectSpread2({
+    return generate$1(target.icon, "svg-".concat(target.name), _objectSpread({
       className: className,
       onClick: onClick,
       style: style,
@@ -1302,7 +1413,7 @@
 
   function setTwoToneColor(twoToneColor) {
     var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
-        _normalizeTwoToneColo2 = slicedToArray(_normalizeTwoToneColo, 2),
+        _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),
         primaryColor = _normalizeTwoToneColo2[0],
         secondaryColor = _normalizeTwoToneColo2[1];
 
@@ -1334,13 +1445,13 @@
         tabIndex = props.tabIndex,
         onClick = props.onClick,
         twoToneColor = props.twoToneColor,
-        restProps = objectWithoutProperties(props, ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"]);
+        restProps = _objectWithoutProperties(props, ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"]);
 
     var _React$useContext = React.useContext(IconContext),
         _React$useContext$pre = _React$useContext.prefixCls,
         prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre;
 
-    var classString = _classnames_2_2_6_classnames(prefixCls, (_classNames = {}, defineProperty(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), defineProperty(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
+    var classString = _classnames_2_2_6_classnames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), _defineProperty(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
     var iconTabIndex = tabIndex;
 
     if (iconTabIndex === undefined && onClick) {
@@ -1353,7 +1464,7 @@
     } : undefined;
 
     var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
-        _normalizeTwoToneColo2 = slicedToArray(_normalizeTwoToneColo, 2),
+        _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),
         primaryColor = _normalizeTwoToneColo2[0],
         secondaryColor = _normalizeTwoToneColo2[1];
 
@@ -17924,7 +18035,7 @@
         tabIndex = props.tabIndex,
         onClick = props.onClick,
         children = props.children,
-        restProps = objectWithoutProperties(props, ["className", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children"]);
+        restProps = _objectWithoutProperties(props, ["className", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children"]);
 
     warning(Boolean(Component || children), 'Should have `component` prop or `children`.');
     useInsertStyles();
@@ -17937,7 +18048,7 @@
       transform: "rotate(".concat(rotate, "deg)")
     } : undefined;
 
-    var innerSvgProps = objectSpread2(objectSpread2({}, svgBaseProps), {}, {
+    var innerSvgProps = _objectSpread(_objectSpread({}, svgBaseProps), {}, {
       className: svgClassString,
       style: svgStyle,
       viewBox: viewBox
@@ -18034,7 +18145,7 @@
     var Iconfont = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var type = props.type,
           children = props.children,
-          restProps = objectWithoutProperties(props, ["type", "children"]); // children > type
+          restProps = _objectWithoutProperties(props, ["type", "children"]); // children > type
 
 
       var content = null;