@usecsv/react 0.16.4 → 0.18.0

package/build/index.mjs

@@ -1,5 +1,5 @@
 /*!
- * @usecsv/react v0.16.4
+ * @usecsv/react v0.18.0
  * (c) usecsv
  * Released under the MIT License.
  */
@@ -32,7 +32,7 @@ function __rest(s, e) {
 }
 
 /*!
- * @usecsv/js v0.29.4
+ * @usecsv/js v0.31.0
  * (c) usecsv
  * Released under the MIT License.
  */
@@ -695,7 +695,7 @@ whenDomReady.resume = function (doc) {
 
 // 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; }"
@@ -704,6 +704,9 @@ var insertIframe = function (id, importerDisplay) {
     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) {
@@ -713,10 +716,10 @@ var insertIframe = function (id, importerDisplay) {
     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();