@usecsv/react 0.16.4 → 0.18.0

package/build/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * @usecsv/react v0.16.4
+ * @usecsv/react v0.18.0
  * (c) usecsv
  * Released under the MIT License.
  */
@@ -38,7 +38,7 @@
     }
 
     /*!
-     * @usecsv/js v0.29.4
+     * @usecsv/js v0.31.0
      * (c) usecsv
      * Released under the MIT License.
      */
@@ -701,7 +701,7 @@
 
     // eslint-disable-next-line dot-notation
     var MOUNT_URL = {"MOUNT_URL":"https://app.usecsv.com/importer"}["MOUNT_URL"] ;
-    var insertIframe = function (id, importerDisplay) {
+    var insertIframe = function (id, importerDisplay, iframeId) {
         var usecsvInlineWrapper = document.getElementById("usecsv-importer-inline-wrapper");
         var usecsvContainerStyles = importerDisplay === "modal" || !usecsvInlineWrapper
             ? ".usecsv_container { position: fixed; top: 0px; bottom: 0; right: 0; left: 0; z-index: 100000; }"
@@ -710,6 +710,9 @@
         document.body.insertAdjacentHTML("beforeend", "<div id=".concat(id, " class=\"usecsv_container loading\"></div>"));
         var iframe = document.createElement("iframe");
         iframe.setAttribute("src", MOUNT_URL);
+        if (iframeId) {
+            iframe.setAttribute("id", iframeId);
+        }
         var usecsvContainer = document.getElementById(id);
         usecsvContainer === null || usecsvContainer === void 0 ? void 0 : usecsvContainer.appendChild(iframe);
         if (importerDisplay === "inline" && usecsvInlineWrapper) {
@@ -719,10 +722,10 @@
         return iframe;
     };
     var useCsvPlugin = function (_a) {
-        var importerKey = _a.importerKey, user = _a.user, metadata = _a.metadata, onData = _a.onData, onRecordsInitial = _a.onRecordsInitial, onRecordEdit = _a.onRecordEdit, _b = _a.importerDisplay, importerDisplay = _b === void 0 ? "modal" : _b, onClose = _a.onClose, theme = _a.theme, batchSize = _a.batchSize, sampleFileURL = _a.sampleFileURL, downloadExampleButton = _a.downloadExampleButton, dynamicColumns = _a.dynamicColumns, defaultLanguage = _a.defaultLanguage, onError = _a.onError, customText = _a.customText, acceptedFileFormats = _a.acceptedFileFormats, onFileUpload = _a.onFileUpload, columnWidth = _a.columnWidth, onMatchColumns = _a.onMatchColumns;
+        var importerKey = _a.importerKey, user = _a.user, metadata = _a.metadata, onData = _a.onData, onRecordsInitial = _a.onRecordsInitial, onRecordEdit = _a.onRecordEdit, _b = _a.importerDisplay, importerDisplay = _b === void 0 ? "modal" : _b, onClose = _a.onClose, theme = _a.theme, batchSize = _a.batchSize, sampleFileURL = _a.sampleFileURL, downloadExampleButton = _a.downloadExampleButton, dynamicColumns = _a.dynamicColumns, defaultLanguage = _a.defaultLanguage, onError = _a.onError, customText = _a.customText, acceptedFileFormats = _a.acceptedFileFormats, onFileUpload = _a.onFileUpload, columnWidth = _a.columnWidth, onMatchColumns = _a.onMatchColumns, iframeId = _a.iframeId;
         var id = "usecsv-".concat(Math.round(Math.random() * 100000000));
         return whenDomReady().then(function () {
-            var iframe = insertIframe(id, importerDisplay);
+            var iframe = insertIframe(id, importerDisplay, iframeId);
             var closeIframe = function () {
                 var _a;
                 (_a = document.getElementById(id)) === null || _a === void 0 ? void 0 : _a.remove();