@usecsv/react 0.0.1 → 0.2.0

package/build/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * @usecsv/react v0.0.1
+ * @usecsv/react v0.2.0
  * (c) layercode
  * Released under the MIT License.
  */
@@ -10,12 +10,65 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global["@usecsv/react"] = factory());
 })(this, (function () { 'use strict';
 
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+
     /*!
-     * @usecsv/js v0.0.11
+     * @usecsv/js v0.2.0
      * (c) layercode
      * Released under the MIT License.
      */
 
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+
+    var __assign = function() {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+
     var containers = []; // will store container HTMLElement references
     var styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement}
 
@@ -570,19 +623,23 @@
     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=" + id + " class=\"usecsv_container loading\">\n</div>");
+        document.body.insertAdjacentHTML("beforeend", "<div id=".concat(id, " class=\"usecsv_container loading\">\n</div>"));
         var iframe = document.createElement("iframe");
         iframe.setAttribute("src", MOUNT_URL);
         (_a = document.getElementById(id)) === null || _a === void 0 ? void 0 : _a.appendChild(iframe);
         return iframe;
     };
     var useCsvPlugin = function (_a) {
-        var importerKey = _a.importerKey, user = _a.user, metadata = _a.metadata;
-        var id = "usecsv-" + Math.round(Math.random() * 100000000);
+        var importerKey = _a.importerKey, user = _a.user, metadata = _a.metadata, onData = _a.onData;
+        var id = "usecsv-".concat(Math.round(Math.random() * 100000000));
         return whenDomReady().then(function () {
             var iframe = insertIframe(id);
             var iframeConnection = connectToChild({
                 iframe: iframe,
+                methods: __assign({ closeIframe: function () {
+                        var _a;
+                        (_a = document.getElementById(id)) === null || _a === void 0 ? void 0 : _a.remove();
+                    } }, (onData ? { onData: onData } : {})),
             });
             iframeConnection.promise.then(function (child) {
                 var _a;
@@ -3093,8 +3150,8 @@
     });
 
     var UseCsvButton = function (_a) {
-        var children = _a.children, importerKey = _a.importerKey, user = _a.user, metadata = _a.metadata, render = _a.render;
-        return (react.createElement(react.Fragment, null, render ? (react.createElement(react.Fragment, null, render(function () { return useCsvPlugin({ importerKey: importerKey, user: user, metadata: metadata }); }))) : (react.createElement("button", { type: "button", id: "usecsv-button", style: {
+        var children = _a.children, render = _a.render, parmas = __rest(_a, ["children", "render"]);
+        return (react.createElement(react.Fragment, null, render ? (react.createElement(react.Fragment, null, render(function () { return useCsvPlugin(parmas); }))) : (react.createElement("button", { type: "button", id: "usecsv-button", style: {
                 backgroundColor: "#FFF",
                 color: "#000",
                 border: "2px solid #000",
@@ -3103,7 +3160,7 @@
                 textAlign: "center",
                 fontSize: "16px",
                 cursor: "pointer",
-            }, onClick: function () { return useCsvPlugin({ importerKey: importerKey, user: user, metadata: metadata }); } }, children))));
+            }, onClick: function () { return useCsvPlugin(parmas); } }, children))));
     };
 
     return UseCsvButton;