intelicoreact 1.0.31 → 1.0.33

package/dist/Atomic/FormElements/FileLoader/FileLoader.js

@@ -34,24 +34,26 @@ var FileLoader = function FileLoader(props) {
 
   var fieldKey = props.fieldKey,
       value = props.value,
-      onChange = props.onChange,
-      doLoad = props.doLoad,
+      disabled = props.disabled,
+      error = props.error,
       className = props.className,
       placeholder = props.placeholder,
+      onChange = props.onChange,
+      doLoad = props.doLoad,
+      filterFiles = props.filterFiles,
+      processErrors = props.processErrors,
+      isBlockNullValues = props.isBlockNullValues,
+      _props$isDisableError = props.isDisableErrorsClass,
+      isDisableErrorsClass = _props$isDisableError === void 0 ? true : _props$isDisableError,
       uploadIcon = props.uploadIcon,
       downloadIcon = props.downloadIcon,
       deleteIcon = props.deleteIcon,
       spiner = props.spiner,
       isIconAfter = props.isIconAfter,
-      isBlockNullValues = props.isBlockNullValues,
-      filterFiles = props.filterFiles,
-      processErrors = props.processErrors,
+      _props$isLinkTypeDown = props.isLinkTypeDownload,
+      isLinkTypeDownload = _props$isLinkTypeDown === void 0 ? false : _props$isLinkTypeDown,
       _props$isUseLinkTitle = props.isUseLinkTitle,
-      isUseLinkTitle = _props$isUseLinkTitle === void 0 ? false : _props$isUseLinkTitle,
-      disabled = props.disabled,
-      error = props.error,
-      _props$isDisableError = props.isDisableErrorsClass,
-      isDisableErrorsClass = _props$isDisableError === void 0 ? true : _props$isDisableError;
+      isUseLinkTitle = _props$isUseLinkTitle === void 0 ? false : _props$isUseLinkTitle;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -74,7 +76,8 @@ var FileLoader = function FileLoader(props) {
     icon: downloadIcon,
     isIconAfter: isIconAfter,
     deleteIcon: deleteIcon,
-    isUseLinkTitle: isUseLinkTitle
+    isUseLinkTitle: isUseLinkTitle,
+    isLinkTypeDownload: isLinkTypeDownload
   }) : /*#__PURE__*/_react.default.createElement(_LoadZone.default, {
     RC: RC,
     fieldKey: fieldKey,

package/dist/Atomic/FormElements/FileLoader/FileLoader.scss

@@ -2,21 +2,24 @@
 
 .file-loader {
   position: relative;
+
+  display: flex;
+  align-items: center;
+  flex-flow: row nowrap;
+  justify-content: space-between;
+
   box-sizing: border-box;
   width: 100%;
   height: 28px;
   padding: 4px 6px 4px 5px;
+
   border: 1px solid #E2E5EC;
   border-radius: 3px;
   background-color: #FFF;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: space-between;
-  align-items: center;
 
   &_hover {
-    filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     border-color: #6B81DD;
+    filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
   }
 
   &_load-zone {
@@ -28,24 +31,29 @@
   }
 
   &__value-link {
-    box-sizing: border-box;
-    width: fit-content;
-    height: 100%;
     display: flex;
+    align-items: center;
     flex-flow: row nowrap;
     justify-content: space-between;
-    align-items: center;
+
+    box-sizing: border-box;
+    width: fit-content;
+    height: 100%;
+
     text-decoration: none;
+
+    color: #166EAD;
     outline: none;
-    font-style: normal;
-    font-weight: 400;
+
     font-size: 13px;
+    font-weight: 400;
+    font-style: normal;
     line-height: 20px;
-    color: #166EAD;
 
     svg {
       width: 16px;
       height: 16px;
+
       color: #9AA0B9;
     }
   }
@@ -53,38 +61,43 @@
   &__value-name {
     margin-left: 4px;
   }
-  
+
   &__value-link_icon-after {
     .file-loader__value-name {
-      margin-left: 0;
       margin-right: 4px;
+      margin-left: 0;
     }
   }
 
   &__delete-value-button {
     width: 16px;
     height: 16px;
+
     cursor: pointer;
 
     svg {
-      height: 100%;
       width: auto;
+      height: 100%;
+
       color: #F06D8D;
     }
   }
 
   &__icon-block {
-    pointer-events: none;
-    width: 16px;
-    height: 16px;
     position: absolute;
     top: calc(50% - 8px);
     left: 5px;
+
+    width: 16px;
+    height: 16px;
+
+    pointer-events: none;
+
     color: #9AA0B9;
 
     svg {
-      height: 100%;
       width: auto;
+      height: 100%;
     }
   }
 
@@ -93,13 +106,20 @@
     width: 100%;
     height: 100%;
     padding: 4px 6px 4px 25px;
+
     cursor: pointer;
 
-    font-style: normal;
-    font-weight: 300;
+    color: #1E1E2D;
+
     font-size: 13px;
+    font-weight: 300;
+
+    font-style: normal;
     line-height: 20px;
-    color: #1E1E2D;
+
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 
     &_no-icon {
       padding-left: 5px;
@@ -116,7 +136,7 @@
     .lds-ring.lds-ring_little {
       width: 20px;
       height: 20px;
-  
+
       div {
         border-width: 2px !important;
       }
@@ -126,9 +146,10 @@
   &_error {
     border-color: #F06D8D;
   }
-  
+
   &_disabled {
     pointer-events: none;
+
     opacity: 0.5;
   }
 }

package/dist/Atomic/FormElements/FileLoader/partial/AnyOuterClass.scss

@@ -1,5 +1,5 @@
 .any-outer-class__file-loader {
-  font-family: 'Roboto';
+  font-family: Roboto;
 
   .file-loader__icon-block {
     svg {

package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js

@@ -92,7 +92,9 @@ var LoadZone = function LoadZone(_ref) {
 
                 _context.t1 = onChange;
                 _context.next = 17;
-                return doLoad(validatedFile);
+                return doLoad(validatedFile).catch(function () {
+                  return null;
+                });
 
               case 17:
                 _context.t2 = _context.sent;

package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js

@@ -9,14 +9,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _utils = require("../../../../Functions/utils");
+
 require("../FileLoader.scss");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -34,17 +40,52 @@ var LoadedContent = function LoadedContent(props) {
       icon = props.icon,
       isIconAfter = props.isIconAfter,
       deleteIcon = props.deleteIcon,
-      isUseLinkTitle = props.isUseLinkTitle;
+      isUseLinkTitle = props.isUseLinkTitle,
+      isLinkTypeDownload = props.isLinkTypeDownload;
+  var handle = {
+    download: function () {
+      var _download = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+        var target;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                e.stopPropagation();
+                e.preventDefault();
+                target = e.target.tagName === 'SPAN' || e.target.tagName === 'svg' ? e.target.parentNode : e.target;
+                (0, _utils.downloadFile)({
+                  url: target.href,
+                  name: value.name
+                });
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function download(_x) {
+        return _download.apply(this, arguments);
+      }
+
+      return download;
+    }()
+  };
   var additionalProps = (0, _react.useMemo)(function () {
-    return _objectSpread(_objectSpread({}, isUseLinkTitle ? {
-      title: value.path
-    } : {}), {}, {
-      key: "LoadedContent-isNotUseLinkTitle-".concat(isUseLinkTitle)
+    return _objectSpread(_objectSpread(_objectSpread({}, isUseLinkTitle ? {
+      title: isLinkTypeDownload ? "Download ".concat(value.name) : value.path
+    } : {}), isLinkTypeDownload ? {
+      onClick: handle.download
+    } : {
+      target: '_blank'
+    }), {}, {
+      key: "LoadedContent-isNotUseLinkTitle-".concat(isUseLinkTitle, "-isLinkTypeDownload-").concat(isLinkTypeDownload)
     });
-  }, [isUseLinkTitle]);
+  }, [isUseLinkTitle, isLinkTypeDownload]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, additionalProps, {
     href: value.path,
-    target: "_blank",
     rel: "noreferrer",
     className: (0, _classnames.default)("".concat(RC, "__value-link"), (0, _defineProperty2.default)({}, "".concat(RC, "__value-link_icon-after"), isIconAfter))
   }), !isIconAfter && icon, /*#__PURE__*/_react.default.createElement("span", {

package/dist/Atomic/FormElements/InputColor/InputColor.js

@@ -21,22 +21,25 @@ var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 
 require("./InputColor.scss");
 
-var _excluded = ["value", "className", "symbolsLimit", "onChange", "withHexFormat", "initialHexOfColorBlock", "testId"];
+var _excluded = ["value", "className", "symbolsLimit", "onChange", "withHexFormat", "initialHexOfColorBlock", "testId", "withDelete"];
 
 var InputColor = function InputColor(_ref) {
   var value = _ref.value,
       className = _ref.className,
-      symbolsLimit = _ref.symbolsLimit,
+      _ref$symbolsLimit = _ref.symbolsLimit,
+      symbolsLimit = _ref$symbolsLimit === void 0 ? 7 : _ref$symbolsLimit,
       onChange = _ref.onChange,
       _ref$withHexFormat = _ref.withHexFormat,
       withHexFormat = _ref$withHexFormat === void 0 ? {
-    withSharp: true,
+    withSharp: false,
     isTurnOn: true
   } : _ref$withHexFormat,
       _ref$initialHexOfColo = _ref.initialHexOfColorBlock,
-      initialHexOfColorBlock = _ref$initialHexOfColo === void 0 ? 'transparent' : _ref$initialHexOfColo,
+      initialHexOfColorBlock = _ref$initialHexOfColo === void 0 ? '#9AA0B9' : _ref$initialHexOfColo,
       _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'inputColor' : _ref$testId,
+      testId = _ref$testId === void 0 ? '' : _ref$testId,
+      _ref$withDelete = _ref.withDelete,
+      withDelete = _ref$withDelete === void 0 ? true : _ref$withDelete,
       args = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // HANDLES
   var handle = {
@@ -60,11 +63,12 @@ var InputColor = function InputColor(_ref) {
     }
   }), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
     value: value,
+    withDelete: withDelete,
     onChange: handle.change,
     symbolsLimit: symbolsLimit || 7,
+    testId: "inputColor--key-".concat(testId),
     className: (0, _classnames.default)('input inputColor__input'),
-    type: "text",
-    testId: testId
+    type: "text"
   })));
 };
 

package/dist/Atomic/FormElements/InputColor/InputColor.scss

@@ -1,18 +1,21 @@
 .inputColor {
   position: relative;
+
   &__color-block {
     position: absolute;
-    left: 5px;
+    z-index: 1;
     top: 50%;
-    transform: translateY(-50%);
+    left: 5px;
+
     min-width: 16px;
     max-width: 16px;
     min-height: 16px;
     max-height: 16px;
-    z-index: 1;
+
+    transform: translateY(-50%);
   }
+
   .input {
     padding-left: 25px;
   }
-
 }

package/dist/Atomic/FormElements/InputLink/InputLink.js

@@ -36,13 +36,12 @@ var InputColor = function InputColor(_ref) {
       value = _ref.value,
       _ref$withHttpsPrefix = _ref.withHttpsPrefix,
       withHttpsPrefix = _ref$withHttpsPrefix === void 0 ? {
-    isTurnOn: false,
-    isSecure: false,
-    isBorderErrorWithEmptyHost: false
+    isTurnOn: true,
+    isSecure: true
   } : _ref$withHttpsPrefix,
       onRedirect = _ref.onRedirect,
       _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'input' : _ref$testId,
+      testId = _ref$testId === void 0 ? '' : _ref$testId,
       onChange = _ref.onChange,
       withDelete = _ref.withDelete,
       args = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -54,17 +53,6 @@ var InputColor = function InputColor(_ref) {
   var inputRef = (0, _react.useRef)(null);
   var handle = {
     redirect: function redirect() {
-      var _ref3 = withHttpsPrefix || {},
-          isBorderErrorWithEmptyHost = _ref3.isBorderErrorWithEmptyHost,
-          isSecure = _ref3.isSecure,
-          isPrefix = _ref3.isTurnOn;
-
-      if (isPrefix && isBorderErrorWithEmptyHost) {
-        if (isSecure && (value === null || value === void 0 ? void 0 : value.length) <= 8 || !isSecure && (value === null || value === void 0 ? void 0 : value.length) <= 7) {
-          return null;
-        }
-      }
-
       window.open("http".concat(isSecure ? 's' : '', "://").concat(value.replace(/https?:\/\/?/g, '')), '_blank');
       onRedirect === null || onRedirect === void 0 ? void 0 : onRedirect();
     },
@@ -93,7 +81,7 @@ var InputColor = function InputColor(_ref) {
     })
   }, isPrefix && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('inputColor__prefix')
-  }, isSecure ? 'https://' : 'http://'), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
+  }, isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0 && 'https://', !isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0 && 'http://'), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
     withDelete: withDelete,
     value: value,
     onChange: handle.change,
@@ -102,8 +90,8 @@ var InputColor = function InputColor(_ref) {
     autoComplete: "url",
     ref: inputRef,
     className: (0, _classnames.default)({
-      'prefix-gutter--secured': isPrefix && isSecure,
-      'prefix-gutter--no-secured': isPrefix && !isSecure
+      'prefix-gutter--secured': isPrefix && isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0,
+      'prefix-gutter--no-secured': isPrefix && !isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0
     })
   })), /*#__PURE__*/_react.default.createElement("div", {
     onClick: function onClick() {

package/dist/Atomic/FormElements/InputLink/InputLink.scss

@@ -1,25 +1,31 @@
 .inputLink {
   position: relative;
+
   &__icon {
-    width: fit-content;
-    height: fit-content;
     position: absolute;
-    right: 5px;
+    z-index: 1;
     top: 50%;
+    right: 5px;
+
+    width: fit-content;
+    height: fit-content;
+
     transform: translateY(-50%);
-    z-index: 1;
+
     svg {
       display: flex;
       align-items: center;
       justify-content: center;
+
       min-width: 16px;
       max-width: 16px;
       min-height: 16px;
       max-height: 16px;
 
-      stroke: #6b81dd;
+      stroke: #6B81DD;
     }
   }
+
   .input {
     padding-right: 25px;
   }
@@ -28,7 +34,6 @@
     right: 20px;
   }
 
-
   .prefix-gutter--secured {
     padding-left: 52px;
   }
@@ -36,18 +41,18 @@
   .prefix-gutter--no-secured {
     padding-left: 45px;
   }
-
 }
 
 .inputColor__prefix {
-  font-size: 13px;
-  font-weight: 400;
   position: absolute;
+  z-index: 1;
   top: 50%;
-  transform: translateY(-50%);
   left: 11px;
-  pointer-events: none;
+
   cursor: default;
-  z-index: 1;
-}
+  transform: translateY(-50%);
+  pointer-events: none;
 
+  font-size: 13px;
+  font-weight: 400;
+}

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -133,7 +133,8 @@ var NumericInput = function NumericInput(_ref) {
     change: function change(e) {
       var inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, {
         type: 'int'
-      }) : e; // ToDo - не совсем понятно что проверяется, т.к. при нажатии инкремента/декримента все равно в change приходит число, а не эвент
+      }) : e; // ToDo - не совсем понятно что проверяется, т.к. при нажатии инкремента/декримента
+      //ToDo все равно в change приходит число, а не эвент
       // ToDo - боюсь сломать, временно оставляю, выпилить через какое-то время
       // if (inputValue && (decRef.current?.contains?.(e.target) || incRef.current?.contains?.(e.target))) {
       // if (symbolsLimit) inputValue = inputValue.toString().substring(0, +symbolsLimit);

package/dist/Atomic/Layout/Spinner/Spinner.scss

@@ -27,6 +27,7 @@
 
 .lds-ring.lds-ring_little {
   top: calc(50% - 15px);
+
   width: 30px;
   height: 30px;
 }

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js

@@ -45,6 +45,10 @@ var AdvancedTags = function AdvancedTags(_ref) {
   var onShowMoreClick = function onShowMoreClick() {
     setShowedItems(showMore ? items : [items[0], items[1]]);
     setShowMore(!showMore);
+    return function () {
+      setShowedItems([items[0], items[1]]);
+      setShowMore(true);
+    };
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js

@@ -37,7 +37,7 @@ var ButtonsBar = function ButtonsBar(_ref) {
       _ref$testIdSecondBtn = _ref.testIdSecondBtn,
       testIdSecondBtn = _ref$testIdSecondBtn === void 0 ? 'test-btn-bar-second' : _ref$testIdSecondBtn;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("button-bar", className)
+    className: (0, _classnames.default)('button-bar', className)
   }, rejectLink ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
     className: "text-decoration-none",
     to: rejectLink

package/dist/Functions/fieldValueFormatters.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.formatToReplaceAllWhiteSpace = formatToReplaceAllWhiteSpace;
 exports.filterNumeric = exports.filterFloat = exports.formatToHex = exports.formatToLimitLength = exports.formatNumberValueToMask = exports.formatToCutOffDotAtTheEnd = exports.formatToOnlyASCIICodeText = exports.formatToLetters = exports.formatToPriceWithUSD = exports.formatToTwoDigitAfterDot = exports.formatToDollarSign = exports.formatToAddBitDepthPoints = exports.formatToRemoveComa = exports.formatOnlyNumbers = exports.intlNumbersFormatter = exports.getSafelyValue = void 0;
 
-// The first word "format" in the function name means a logic in which the function transforms the incoming value in any case.
-// The first word "filter" in the function name means a logic in which the function works as a changer for sequential input
+// The first word "format" in the function name means a
+//logic in which the function transforms the incoming value in any case.
+// The first word "filter" in the function name means a
+// logic in which the function works as a changer for sequential input
 
 /**
  * If the value is not undefined or null, return the value's toString() method, otherwise return an
@@ -87,8 +89,8 @@ var intlNumbersFormatter = function intlNumbersFormatter(inputValue) {
     //валюта
     currencyDisplay: currencyDisplay,
     //валюта в виде символа
-    minimumFractionDigits: isRenderAlways ? quantity : 0,
     //минимально не надо отображать центы, если их нет, иначе всегда будет .00
+    minimumFractionDigits: isRenderAlways ? quantity : 0,
     maximumFractionDigits: quantity //максимально отображать 2 цифры после запятой, если центы всё же есть
 
   };

package/dist/Functions/operations.js

@@ -10,7 +10,8 @@ exports.addRangeDefault = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 // Взято из https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/round
-// При импорте любой ф-и из этого файла отработает самовызывающаяся ф-я и расширит объект Math 3-мя ф-ми: round10, floor10, ceil10
+// При импорте любой ф-и из этого файла отработает самовызывающаяся ф-я и расширит
+// объект Math 3-мя ф-ми: round10, floor10, ceil10
 (function () {
   /**
    * Корректировка округления десятичных дробей.

package/dist/Functions/usePasswordChecker.js

@@ -135,7 +135,7 @@ function usePasswordChecker() {
         })
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "password-checker__body-item__icon"
-      }, " ", icon, " "), " ", /*#__PURE__*/_react.default.createElement("div", {
+      }, " ", icon, " "), ' ', /*#__PURE__*/_react.default.createElement("div", {
         className: "password-checker__body-item__text"
       }, " ", text, " "), ' ');
     }), ' '), ' ');

package/dist/Functions/utils.js

@@ -7,7 +7,12 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.checkedRef = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.downloadEmulation = downloadEmulation;
+exports.downloadFile = exports.checkedRef = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -205,4 +210,83 @@ var checkedRef = function checkedRef(ref) {
   } : ref : null;
 };
 
-exports.checkedRef = checkedRef;
+exports.checkedRef = checkedRef;
+
+function downloadEmulation(data, filename) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'image/*';
+  var file = new Blob([data], {
+    type: type
+  });
+  if (window.navigator.msSaveOrOpenBlob) // IE10+
+    window.navigator.msSaveOrOpenBlob(file, filename);else {
+    // Others
+    var a = document.createElement('a'),
+        url = URL.createObjectURL(file);
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    setTimeout(function () {
+      document.body.removeChild(a);
+      window.URL.revokeObjectURL(url);
+    }, 0);
+  }
+}
+
+var downloadFile = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref) {
+    var url, name, type, response;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            url = _ref.url, name = _ref.name, type = _ref.type;
+            _context2.next = 3;
+            return fetch(url).then( /*#__PURE__*/function () {
+              var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(res) {
+                return _regenerator.default.wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return res.blob();
+
+                      case 2:
+                        _context.t0 = _context.sent;
+                        _context.t1 = type !== null && type !== void 0 ? type : res.headers.get('content-type');
+                        return _context.abrupt("return", {
+                          data: _context.t0,
+                          type: _context.t1
+                        });
+
+                      case 5:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              return function (_x2) {
+                return _ref3.apply(this, arguments);
+              };
+            }());
+
+          case 3:
+            response = _context2.sent;
+            downloadEmulation(response.data, name, response.type);
+
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function downloadFile(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+exports.downloadFile = downloadFile;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "description": "",
   "main": "dist/index.js",
   "files": [