@m4l/components 0.1.26 → 0.1.28

package/react-splitter-layout.7810ac1b.js

@@ -1,165 +1,167 @@
-import { g as k } from "./commonjs.565e6834.js";
-import L from "prop-types";
-import I from "react";
-var D = { exports: {} };
-(function(R, U) {
-  (function(P, M) {
-    R.exports = M(L, I);
-  })(window, function(P, M) {
-    return function(g) {
-      var v = {};
-      function o(t) {
-        if (v[t])
-          return v[t].exports;
-        var r = v[t] = { i: t, l: !1, exports: {} };
-        return g[t].call(r.exports, r, r.exports, o), r.l = !0, r.exports;
+import { g as getDefaultExportFromCjs } from "./commonjs.565e6834.js";
+import require$$1 from "prop-types";
+import React from "react";
+var lib = { exports: {} };
+(function(module, exports) {
+  !function(e, t) {
+    module.exports = t(require$$1, React);
+  }(window, function(e, t) {
+    return function(e2) {
+      var t2 = {};
+      function n(o) {
+        if (t2[o])
+          return t2[o].exports;
+        var r = t2[o] = { i: o, l: false, exports: {} };
+        return e2[o].call(r.exports, r, r.exports, n), r.l = true, r.exports;
       }
-      return o.m = g, o.c = v, o.d = function(t, r, S) {
-        o.o(t, r) || Object.defineProperty(t, r, { enumerable: !0, get: S });
-      }, o.r = function(t) {
-        typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t, "__esModule", { value: !0 });
-      }, o.t = function(t, r) {
-        if (1 & r && (t = o(t)), 8 & r || 4 & r && typeof t == "object" && t && t.__esModule)
-          return t;
-        var S = /* @__PURE__ */ Object.create(null);
-        if (o.r(S), Object.defineProperty(S, "default", { enumerable: !0, value: t }), 2 & r && typeof t != "string")
-          for (var i in t)
-            o.d(S, i, function(z) {
-              return t[z];
-            }.bind(null, i));
-        return S;
-      }, o.n = function(t) {
-        var r = t && t.__esModule ? function() {
-          return t.default;
+      return n.m = e2, n.c = t2, n.d = function(e3, t3, o) {
+        n.o(e3, t3) || Object.defineProperty(e3, t3, { enumerable: true, get: o });
+      }, n.r = function(e3) {
+        "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e3, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e3, "__esModule", { value: true });
+      }, n.t = function(e3, t3) {
+        if (1 & t3 && (e3 = n(e3)), 8 & t3)
+          return e3;
+        if (4 & t3 && "object" == typeof e3 && e3 && e3.__esModule)
+          return e3;
+        var o = /* @__PURE__ */ Object.create(null);
+        if (n.r(o), Object.defineProperty(o, "default", { enumerable: true, value: e3 }), 2 & t3 && "string" != typeof e3)
+          for (var r in e3)
+            n.d(o, r, function(t4) {
+              return e3[t4];
+            }.bind(null, r));
+        return o;
+      }, n.n = function(e3) {
+        var t3 = e3 && e3.__esModule ? function() {
+          return e3.default;
         } : function() {
-          return t;
+          return e3;
         };
-        return o.d(r, "a", r), r;
-      }, o.o = function(t, r) {
-        return Object.prototype.hasOwnProperty.call(t, r);
-      }, o.p = "", o(o.s = 2);
-    }([function(g, v) {
-      g.exports = P;
-    }, function(g, v) {
-      g.exports = M;
-    }, function(g, v, o) {
-      g.exports = o(3);
-    }, function(g, v, o) {
-      o.r(v);
-      var t = o(1), r = o.n(t), S = o(0), i = o.n(S);
-      function z(c) {
-        var a = c.size || 0, h = c.percentage ? "%" : "px", u = "layout-pane", n = {};
-        return c.primary ? u += " layout-pane-primary" : c.vertical ? n.height = "".concat(a).concat(h) : n.width = "".concat(a).concat(h), r.a.createElement("div", { className: u, style: n }, c.children);
+        return n.d(t3, "a", t3), t3;
+      }, n.o = function(e3, t3) {
+        return Object.prototype.hasOwnProperty.call(e3, t3);
+      }, n.p = "", n(n.s = 2);
+    }([function(t2, n) {
+      t2.exports = e;
+    }, function(e2, n) {
+      e2.exports = t;
+    }, function(e2, t2, n) {
+      e2.exports = n(3);
+    }, function(e2, t2, n) {
+      n.r(t2);
+      var o = n(1), r = n.n(o), i = n(0), a = n.n(i);
+      function s(e3) {
+        var t3 = e3.size || 0, n2 = e3.percentage ? "%" : "px", o2 = "layout-pane", i2 = {};
+        return e3.primary ? o2 += " layout-pane-primary" : e3.vertical ? i2.height = "".concat(t3).concat(n2) : i2.width = "".concat(t3).concat(n2), r.a.createElement("div", { className: o2, style: i2 }, e3.children);
       }
-      z.propTypes = { vertical: i.a.bool, primary: i.a.bool, size: i.a.number, percentage: i.a.bool, children: i.a.oneOfType([i.a.arrayOf(i.a.node), i.a.node]) }, z.defaultProps = { vertical: !1, primary: !1, size: 0, percentage: !1, children: [] };
-      var T = z;
-      function x(c) {
-        return (x = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(a) {
-          return typeof a;
-        } : function(a) {
-          return a && typeof Symbol == "function" && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a;
-        })(c);
+      s.propTypes = { vertical: a.a.bool, primary: a.a.bool, size: a.a.number, percentage: a.a.bool, children: a.a.oneOfType([a.a.arrayOf(a.a.node), a.a.node]) }, s.defaultProps = { vertical: false, primary: false, size: 0, percentage: false, children: [] };
+      var c = s;
+      function l(e3) {
+        return (l = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e4) {
+          return typeof e4;
+        } : function(e4) {
+          return e4 && "function" == typeof Symbol && e4.constructor === Symbol && e4 !== Symbol.prototype ? "symbol" : typeof e4;
+        })(e3);
       }
-      function j(c, a) {
-        for (var h = 0; h < a.length; h++) {
-          var u = a[h];
-          u.enumerable = u.enumerable || !1, u.configurable = !0, "value" in u && (u.writable = !0), Object.defineProperty(c, u.key, u);
+      function u(e3, t3) {
+        for (var n2 = 0; n2 < t3.length; n2++) {
+          var o2 = t3[n2];
+          o2.enumerable = o2.enumerable || false, o2.configurable = true, "value" in o2 && (o2.writable = true), Object.defineProperty(e3, o2.key, o2);
         }
       }
-      function E(c) {
-        return (E = Object.setPrototypeOf ? Object.getPrototypeOf : function(a) {
-          return a.__proto__ || Object.getPrototypeOf(a);
-        })(c);
+      function p(e3) {
+        return (p = Object.setPrototypeOf ? Object.getPrototypeOf : function(e4) {
+          return e4.__proto__ || Object.getPrototypeOf(e4);
+        })(e3);
       }
-      function O(c, a) {
-        return (O = Object.setPrototypeOf || function(h, u) {
-          return h.__proto__ = u, h;
-        })(c, a);
+      function d(e3, t3) {
+        return (d = Object.setPrototypeOf || function(e4, t4) {
+          return e4.__proto__ = t4, e4;
+        })(e3, t3);
       }
-      function y(c) {
-        if (c === void 0)
+      function h(e3) {
+        if (void 0 === e3)
           throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return c;
+        return e3;
       }
-      function C() {
+      function f() {
         if (document.body.createTextRange) {
-          var c = document.body.createTextRange();
-          c.collapse(), c.select();
+          var e3 = document.body.createTextRange();
+          e3.collapse(), e3.select();
         } else
           window.getSelection ? window.getSelection().empty ? window.getSelection().empty() : window.getSelection().removeAllRanges && window.getSelection().removeAllRanges() : document.selection && document.selection.empty();
       }
-      var w = function(c) {
-        function a(n) {
-          var e, s, d;
-          return function(p, l) {
-            if (!(p instanceof l))
+      var y = function(e3) {
+        function t3(e4) {
+          var n3, o3, r2;
+          return function(e5, t4) {
+            if (!(e5 instanceof t4))
               throw new TypeError("Cannot call a class as a function");
-          }(this, a), s = this, (e = !(d = E(a).call(this, n)) || x(d) !== "object" && typeof d != "function" ? y(s) : d).handleResize = e.handleResize.bind(y(y(e))), e.handleMouseMove = e.handleMouseMove.bind(y(y(e))), e.handleMouseUp = e.handleMouseUp.bind(y(y(e))), e.handleTouchMove = e.handleTouchMove.bind(y(y(e))), e.handleSplitterMouseDown = e.handleSplitterMouseDown.bind(y(y(e))), e.state = { secondaryPaneSize: 0, resizing: !1 }, e;
+          }(this, t3), o3 = this, (n3 = !(r2 = p(t3).call(this, e4)) || "object" !== l(r2) && "function" != typeof r2 ? h(o3) : r2).handleResize = n3.handleResize.bind(h(h(n3))), n3.handleMouseMove = n3.handleMouseMove.bind(h(h(n3))), n3.handleMouseUp = n3.handleMouseUp.bind(h(h(n3))), n3.handleTouchMove = n3.handleTouchMove.bind(h(h(n3))), n3.handleSplitterMouseDown = n3.handleSplitterMouseDown.bind(h(h(n3))), n3.state = { secondaryPaneSize: 0, resizing: false }, n3;
         }
-        var h, u;
-        return function(n, e) {
-          if (typeof e != "function" && e !== null)
+        var n2, o2;
+        return function(e4, t4) {
+          if ("function" != typeof t4 && null !== t4)
             throw new TypeError("Super expression must either be null or a function");
-          n.prototype = Object.create(e && e.prototype, { constructor: { value: n, writable: !0, configurable: !0 } }), e && O(n, e);
-        }(a, r.a.Component), h = a, (u = [{ key: "componentDidMount", value: function() {
-          var n;
-          if (window.addEventListener("resize", this.handleResize), document.addEventListener("mouseup", this.handleMouseUp), document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("touchend", this.handleMouseUp), document.addEventListener("touchmove", this.handleTouchMove), this.props.secondaryInitialSize !== void 0)
-            n = this.props.secondaryInitialSize;
+          e4.prototype = Object.create(t4 && t4.prototype, { constructor: { value: e4, writable: true, configurable: true } }), t4 && d(e4, t4);
+        }(t3, r.a.Component), n2 = t3, (o2 = [{ key: "componentDidMount", value: function() {
+          var e4;
+          if (window.addEventListener("resize", this.handleResize), document.addEventListener("mouseup", this.handleMouseUp), document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("touchend", this.handleMouseUp), document.addEventListener("touchmove", this.handleTouchMove), void 0 !== this.props.secondaryInitialSize)
+            e4 = this.props.secondaryInitialSize;
           else {
-            var e, s = this.container.getBoundingClientRect();
-            e = this.splitter ? this.splitter.getBoundingClientRect() : { width: 4, height: 4 }, n = this.getSecondaryPaneSize(s, e, { left: s.left + (s.width - e.width) / 2, top: s.top + (s.height - e.height) / 2 }, !1);
+            var t4, n3 = this.container.getBoundingClientRect();
+            t4 = this.splitter ? this.splitter.getBoundingClientRect() : { width: 4, height: 4 }, e4 = this.getSecondaryPaneSize(n3, t4, { left: n3.left + (n3.width - t4.width) / 2, top: n3.top + (n3.height - t4.height) / 2 }, false);
           }
-          this.setState({ secondaryPaneSize: n });
-        } }, { key: "componentDidUpdate", value: function(n, e) {
-          e.secondaryPaneSize !== this.state.secondaryPaneSize && this.props.onSecondaryPaneSizeChange && this.props.onSecondaryPaneSizeChange(this.state.secondaryPaneSize), e.resizing !== this.state.resizing && (this.state.resizing ? this.props.onDragStart && this.props.onDragStart() : this.props.onDragEnd && this.props.onDragEnd());
+          this.setState({ secondaryPaneSize: e4 });
+        } }, { key: "componentDidUpdate", value: function(e4, t4) {
+          t4.secondaryPaneSize !== this.state.secondaryPaneSize && this.props.onSecondaryPaneSizeChange && this.props.onSecondaryPaneSizeChange(this.state.secondaryPaneSize), t4.resizing !== this.state.resizing && (this.state.resizing ? this.props.onDragStart && this.props.onDragStart() : this.props.onDragEnd && this.props.onDragEnd());
         } }, { key: "componentWillUnmount", value: function() {
           window.removeEventListener("resize", this.handleResize), document.removeEventListener("mouseup", this.handleMouseUp), document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("touchend", this.handleMouseUp), document.removeEventListener("touchmove", this.handleTouchMove);
-        } }, { key: "getSecondaryPaneSize", value: function(n, e, s, d) {
-          var p, l, f, m;
-          this.props.vertical ? (p = n.height, l = e.height, f = s.top - n.top) : (p = n.width, l = e.width, f = s.left - n.left), d && (f -= l / 2), f < 0 ? f = 0 : f > p - l && (f = p - l);
-          var b = p - l - (m = this.props.primaryIndex === 1 ? f : p - l - f);
-          return this.props.percentage && (m = 100 * m / p, b = 100 * b / p, l = 100 * l / p, p = 100), b < this.props.primaryMinSize ? m = Math.max(m - (this.props.primaryMinSize - b), 0) : m < this.props.secondaryMinSize && (m = Math.min(p - l - this.props.primaryMinSize, this.props.secondaryMinSize)), m;
+        } }, { key: "getSecondaryPaneSize", value: function(e4, t4, n3, o3) {
+          var r2, i2, a2, s2;
+          this.props.vertical ? (r2 = e4.height, i2 = t4.height, a2 = n3.top - e4.top) : (r2 = e4.width, i2 = t4.width, a2 = n3.left - e4.left), o3 && (a2 -= i2 / 2), a2 < 0 ? a2 = 0 : a2 > r2 - i2 && (a2 = r2 - i2);
+          var c2 = r2 - i2 - (s2 = 1 === this.props.primaryIndex ? a2 : r2 - i2 - a2);
+          return this.props.percentage && (s2 = 100 * s2 / r2, c2 = 100 * c2 / r2, i2 = 100 * i2 / r2, r2 = 100), c2 < this.props.primaryMinSize ? s2 = Math.max(s2 - (this.props.primaryMinSize - c2), 0) : s2 < this.props.secondaryMinSize && (s2 = Math.min(r2 - i2 - this.props.primaryMinSize, this.props.secondaryMinSize)), s2;
         } }, { key: "handleResize", value: function() {
           if (this.splitter && !this.props.percentage) {
-            var n = this.container.getBoundingClientRect(), e = this.splitter.getBoundingClientRect(), s = this.getSecondaryPaneSize(n, e, { left: e.left, top: e.top }, !1);
-            this.setState({ secondaryPaneSize: s });
+            var e4 = this.container.getBoundingClientRect(), t4 = this.splitter.getBoundingClientRect(), n3 = this.getSecondaryPaneSize(e4, t4, { left: t4.left, top: t4.top }, false);
+            this.setState({ secondaryPaneSize: n3 });
           }
-        } }, { key: "handleMouseMove", value: function(n) {
+        } }, { key: "handleMouseMove", value: function(e4) {
           if (this.state.resizing) {
-            var e = this.container.getBoundingClientRect(), s = this.splitter.getBoundingClientRect(), d = this.getSecondaryPaneSize(e, s, { left: n.clientX, top: n.clientY }, !0);
-            C(), this.setState({ secondaryPaneSize: d });
+            var t4 = this.container.getBoundingClientRect(), n3 = this.splitter.getBoundingClientRect(), o3 = this.getSecondaryPaneSize(t4, n3, { left: e4.clientX, top: e4.clientY }, true);
+            f(), this.setState({ secondaryPaneSize: o3 });
           }
-        } }, { key: "handleTouchMove", value: function(n) {
-          this.handleMouseMove(n.changedTouches[0]);
+        } }, { key: "handleTouchMove", value: function(e4) {
+          this.handleMouseMove(e4.changedTouches[0]);
         } }, { key: "handleSplitterMouseDown", value: function() {
-          C(), this.setState({ resizing: !0 });
+          f(), this.setState({ resizing: true });
         } }, { key: "handleMouseUp", value: function() {
-          this.setState(function(n) {
-            return n.resizing ? { resizing: !1 } : null;
+          this.setState(function(e4) {
+            return e4.resizing ? { resizing: false } : null;
           });
         } }, { key: "render", value: function() {
-          var n = this, e = "splitter-layout";
-          this.props.customClassName && (e += " ".concat(this.props.customClassName)), this.props.vertical && (e += " splitter-layout-vertical"), this.state.resizing && (e += " layout-changing");
-          var s = r.a.Children.toArray(this.props.children).slice(0, 2);
-          s.length === 0 && s.push(r.a.createElement("div", null));
-          for (var d = [], p = this.props.primaryIndex !== 0 && this.props.primaryIndex !== 1 ? 0 : this.props.primaryIndex, l = 0; l < s.length; ++l) {
-            var f = !0, m = null;
-            s.length > 1 && l !== p && (f = !1, m = this.state.secondaryPaneSize), d.push(r.a.createElement(T, { vertical: this.props.vertical, percentage: this.props.percentage, primary: f, size: m }, s[l]));
+          var e4 = this, t4 = "splitter-layout";
+          this.props.customClassName && (t4 += " ".concat(this.props.customClassName)), this.props.vertical && (t4 += " splitter-layout-vertical"), this.state.resizing && (t4 += " layout-changing");
+          var n3 = r.a.Children.toArray(this.props.children).slice(0, 2);
+          0 === n3.length && n3.push(r.a.createElement("div", null));
+          for (var o3 = [], i2 = 0 !== this.props.primaryIndex && 1 !== this.props.primaryIndex ? 0 : this.props.primaryIndex, a2 = 0; a2 < n3.length; ++a2) {
+            var s2 = true, l2 = null;
+            n3.length > 1 && a2 !== i2 && (s2 = false, l2 = this.state.secondaryPaneSize), o3.push(r.a.createElement(c, { vertical: this.props.vertical, percentage: this.props.percentage, primary: s2, size: l2 }, n3[a2]));
           }
-          return r.a.createElement("div", { className: e, ref: function(b) {
-            n.container = b;
-          } }, d[0], d.length > 1 && r.a.createElement("div", { role: "separator", className: "layout-splitter", ref: function(b) {
-            n.splitter = b;
-          }, onMouseDown: this.handleSplitterMouseDown, onTouchStart: this.handleSplitterMouseDown }), d.length > 1 && d[1]);
-        } }]) && j(h.prototype, u), a;
+          return r.a.createElement("div", { className: t4, ref: function(t5) {
+            e4.container = t5;
+          } }, o3[0], o3.length > 1 && r.a.createElement("div", { role: "separator", className: "layout-splitter", ref: function(t5) {
+            e4.splitter = t5;
+          }, onMouseDown: this.handleSplitterMouseDown, onTouchStart: this.handleSplitterMouseDown }), o3.length > 1 && o3[1]);
+        } }]) && u(n2.prototype, o2), t3;
       }();
-      w.propTypes = { customClassName: i.a.string, vertical: i.a.bool, percentage: i.a.bool, primaryIndex: i.a.number, primaryMinSize: i.a.number, secondaryInitialSize: i.a.number, secondaryMinSize: i.a.number, onDragStart: i.a.func, onDragEnd: i.a.func, onSecondaryPaneSizeChange: i.a.func, children: i.a.arrayOf(i.a.node) }, w.defaultProps = { customClassName: "", vertical: !1, percentage: !1, primaryIndex: 0, primaryMinSize: 0, secondaryInitialSize: void 0, secondaryMinSize: 0, onDragStart: null, onDragEnd: null, onSecondaryPaneSizeChange: null, children: [] };
-      var _ = w;
-      v.default = _;
+      y.propTypes = { customClassName: a.a.string, vertical: a.a.bool, percentage: a.a.bool, primaryIndex: a.a.number, primaryMinSize: a.a.number, secondaryInitialSize: a.a.number, secondaryMinSize: a.a.number, onDragStart: a.a.func, onDragEnd: a.a.func, onSecondaryPaneSizeChange: a.a.func, children: a.a.arrayOf(a.a.node) }, y.defaultProps = { customClassName: "", vertical: false, percentage: false, primaryIndex: 0, primaryMinSize: 0, secondaryInitialSize: void 0, secondaryMinSize: 0, onDragStart: null, onDragEnd: null, onSecondaryPaneSizeChange: null, children: [] };
+      var m = y;
+      t2.default = m;
     }]);
   });
-})(D);
-const $ = /* @__PURE__ */ k(D.exports);
+})(lib);
+const SplitterLayout = /* @__PURE__ */ getDefaultExportFromCjs(lib.exports);
 export {
-  $ as S
+  SplitterLayout as S
 };