@usecsv/react 0.2.9 → 0.2.11

package/build/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * @usecsv/react v0.2.9
+ * @usecsv/react v0.2.11
  * (c) layercode
  * Released under the MIT License.
  */
@@ -38,7 +38,7 @@
     }
 
     /*!
-     * @usecsv/js v0.6.1
+     * @usecsv/js v0.8.0
      * (c) layercode
      * Released under the MIT License.
      */
@@ -620,20 +620,28 @@
 
     // 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();