@usecsv/react 0.2.10 → 0.2.11

package/build/index.esm.js

@@ -1,5 +1,5 @@
 /*!
- * @usecsv/react v0.2.10
+ * @usecsv/react v0.2.11
  * (c) layercode
  * Released under the MIT License.
  */
@@ -32,7 +32,7 @@ function __rest(s, e) {
 }
 
 /*!
- * @usecsv/js v0.7.0
+ * @usecsv/js v0.8.0
  * (c) layercode
  * Released under the MIT License.
  */
@@ -614,20 +614,28 @@ 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) {
-    var _a;
-    insertCss_2("\n  .usecsv_container {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 100000;\n  }\n  .usecsv_container iframe {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    border-width: 0;\n  }\n  .usecsv_container {\n    overflow: hidden;\n    overscroll-behavior-x: none;\n  }\n");
-    document.body.insertAdjacentHTML("beforeend", "<div id=".concat(id, " class=\"usecsv_container loading\">\n</div>"));
+var insertIframe = function (id, importerDisplay) {
+    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; }"
+        : "";
+    insertCss_2("\n  ".concat(usecsvContainerStyles, "\n  .usecsv_container iframe {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    border-width: 0;\n  }\n  .usecsv_container {\n    overflow: hidden;\n    overscroll-behavior-x: none;\n  }\n"));
+    document.body.insertAdjacentHTML("beforeend", "<div id=".concat(id, " class=\"usecsv_container loading\"></div>"));
     var iframe = document.createElement("iframe");
     iframe.setAttribute("src", MOUNT_URL);
-    (_a = document.getElementById(id)) === null || _a === void 0 ? void 0 : _a.appendChild(iframe);
+    var usecsvContainer = document.getElementById(id);
+    usecsvContainer === null || usecsvContainer === void 0 ? void 0 : usecsvContainer.appendChild(iframe);
+    if (importerDisplay === "inline" && usecsvInlineWrapper) {
+        // usecsvInlineWrapper > usecsvContainer > iframe
+        usecsvInlineWrapper === null || usecsvInlineWrapper === void 0 ? void 0 : usecsvInlineWrapper.appendChild(usecsvContainer);
+    }
     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;
+    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;
     var id = "usecsv-".concat(Math.round(Math.random() * 100000000));
     return whenDomReady().then(function () {
-        var iframe = insertIframe(id);
+        var iframe = insertIframe(id, importerDisplay);
         var closeIframe = function () {
             var _a;
             (_a = document.getElementById(id)) === null || _a === void 0 ? void 0 : _a.remove();