linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/split/Split.js

@@ -1,193 +1,291 @@
-import { j as y } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { useState as U, useRef as L, useEffect as b } from "react";
-import V from "./helpers.js";
-const q = ({
-  hotKey: h,
-  secondaryInitialSize: z = 0,
-  onSecondaryPaneSizeChange: w,
-  vertical: f,
-  primaryIndex: M = 0,
-  percentage: P,
-  primaryMinSize: m = 0,
-  secondaryMinSize: R = 0,
-  customClass: x,
-  children: S = [],
-  hideSplitSideOnToggleClick: C = "primary",
-  style: N,
-  nodeParameter: H
-}) => {
-  const [e, s] = U({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _helpers = _interopRequireDefault(require("./helpers"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const Split = _ref => {
+  let {
+    hotKey,
+    secondaryInitialSize = 0,
+    onSecondaryPaneSizeChange,
+    vertical,
+    primaryIndex = 0,
+    percentage,
+    primaryMinSize = 0,
+    secondaryMinSize = 0,
+    customClass,
+    children = [],
+    hideSplitSideOnToggleClick = 'primary',
+    style,
+    nodeParameter
+  } = _ref;
+  const [state, setState] = (0, _react.useState)({
     secondaryPaneSize: 0,
-    resizing: !1,
-    visibleSplitSide: !0,
-    isHidePane: !0
-  }), c = L(null), d = L(null), v = (t, i, o, l) => {
-    let r = f ? t.height : t.width, n = f ? i.height : i.width, u = f ? o.top - t.top : o.left - t.left;
-    l && (u -= n / 2), u < 0 ? u = 0 : u > r - n && (u = r - n);
-    let a;
-    a = M === 1 ? u : r - n - u;
-    let g = r - n - a;
-    return P && (a = a * 100 / r, g = g * 100 / r, n = n * 100 / r, r = 100), g < m ? a = Math.max(a - (m - g), 0) : a < R && (a = Math.min(r - n - m, R)), a;
-  }, _ = () => {
-    const t = Selection;
-    if (document.createRange() && H) {
-      const i = document.createRange();
-      i.collapse(), i.selectNode(H);
+    resizing: false,
+    visibleSplitSide: true,
+    isHidePane: true
+  });
+  const container = (0, _react.useRef)();
+  const splitter = (0, _react.useRef)();
+  const getSecondaryPaneSize = (containerRect, splitterRect, clientPosition, offsetMouse) => {
+    let totalSize = vertical ? containerRect.height : containerRect.width;
+    let splitterSize = vertical ? splitterRect.height : splitterRect.width;
+    let offset = vertical ? clientPosition.top - containerRect.top : clientPosition.left - containerRect.left;
+    if (offsetMouse) {
+      offset -= splitterSize / 2;
+    }
+    if (offset < 0) {
+      offset = 0;
+    } else if (offset > totalSize - splitterSize) {
+      offset = totalSize - splitterSize;
+    }
+    let secondaryPaneSize;
+    secondaryPaneSize = primaryIndex === 1 ? offset : totalSize - splitterSize - offset;
+    let primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
+    if (percentage) {
+      secondaryPaneSize = secondaryPaneSize * 100 / totalSize;
+      primaryPaneSize = primaryPaneSize * 100 / totalSize;
+      splitterSize = splitterSize * 100 / totalSize;
+      totalSize = 100;
+    }
+    if (primaryPaneSize < primaryMinSize) {
+      secondaryPaneSize = Math.max(secondaryPaneSize - (primaryMinSize - primaryPaneSize), 0);
+    } else if (secondaryPaneSize < secondaryMinSize) {
+      secondaryPaneSize = Math.min(totalSize - splitterSize - primaryMinSize, secondaryMinSize);
+    }
+    return secondaryPaneSize;
+  };
+  const clearSelection = () => {
+    const docuemntSelection = Selection;
+    if (document.createRange() && nodeParameter) {
+      const range = document.createRange();
+      range.collapse();
+      range.selectNode(nodeParameter);
     } else if (window.getSelection) {
-      const i = window.getSelection();
-      i && i.empty ? i.empty() : i && i.removeAllRanges && i.removeAllRanges();
-    } else t && t.empty();
-  }, k = () => {
-    if (c.current && d.current && !P) {
-      const t = c.current.getBoundingClientRect(), i = d.current.getBoundingClientRect(), o = v(t, i, {
-        left: i.left,
-        top: i.top
-      }, !1);
-      s({
-        ...e,
-        secondaryPaneSize: o
-      });
+      const selection = window.getSelection();
+      if (selection && selection.empty) {
+        selection.empty();
+      } else if (selection && selection.removeAllRanges) {
+        selection.removeAllRanges();
+      }
+    } else if (docuemntSelection) {
+      docuemntSelection.empty();
     }
-  }, E = (t) => {
-    if (c.current && d.current && e.resizing) {
-      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect(), l = v(i, o, {
-        left: t.clientX,
-        top: t.clientY
-      }, !0);
-      _(), s({
-        ...e,
-        secondaryPaneSize: l
-      });
+  };
+  const handleResize = () => {
+    if (container.current && splitter.current && !percentage) {
+      const containerRect = container.current.getBoundingClientRect();
+      const splitterRect = splitter.current.getBoundingClientRect();
+      const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
+        left: splitterRect.left,
+        top: splitterRect.top
+      }, false);
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        secondaryPaneSize
+      }));
     }
-  }, A = () => {
-    _(), s({
-      ...e,
-      resizing: !0
-    });
-  }, j = (t) => {
-    const i = t.keyCode || t.which, o = z, l = {
+  };
+  const handleMouseMove = e => {
+    if (container.current && splitter.current && state.resizing) {
+      const containerRect = container.current.getBoundingClientRect();
+      const splitterRect = splitter.current.getBoundingClientRect();
+      const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
+        left: e.clientX,
+        top: e.clientY
+      }, true);
+      clearSelection();
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        secondaryPaneSize
+      }));
+    }
+  };
+  const handleSplitterMouseDown = () => {
+    clearSelection();
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      resizing: true
+    }));
+  };
+  const expandAndCollapseSide = event => {
+    const keyCode = event.keyCode || event.which;
+    const secondaryPaneValue = secondaryInitialSize;
+    const arrow = {
       left: 37,
       up: 38,
       right: 39,
       down: 40
-    }, {
-      isHidePane: r,
-      visibleSplitSide: n
-    } = e;
-    if (t.ctrlKey)
-      switch (s({
-        ...e,
-        visibleSplitSide: !1
-      }), i) {
-        case l.left:
-          r ? s({
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: 100,
-            isHidePane: !1
-          }) : e.secondaryPaneSize && s({
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: o,
-            isHidePane: !0
-          });
+    };
+    const {
+      isHidePane,
+      visibleSplitSide
+    } = state;
+    if (event.ctrlKey) {
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        visibleSplitSide: false
+      }));
+      switch (keyCode) {
+        case arrow.left:
+          if (isHidePane) {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              visibleSplitSide: !visibleSplitSide,
+              secondaryPaneSize: 100,
+              isHidePane: false
+            }));
+          } else if (state.secondaryPaneSize) {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              visibleSplitSide: !visibleSplitSide,
+              secondaryPaneSize: secondaryPaneValue,
+              isHidePane: true
+            }));
+          }
+          break;
+        case arrow.right:
+          if (isHidePane) {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              visibleSplitSide: !visibleSplitSide,
+              secondaryPaneSize: 0,
+              isHidePane: false
+            }));
+          } else {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              visibleSplitSide: !visibleSplitSide,
+              secondaryPaneSize: secondaryPaneValue,
+              isHidePane: true
+            }));
+          }
           break;
-        case l.right:
-          s(r ? {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: 0,
-            isHidePane: !1
-          } : {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: o,
-            isHidePane: !0
-          });
+        case arrow.up:
+          if (isHidePane) {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              visibleSplitSide: !visibleSplitSide,
+              secondaryPaneSize: 100,
+              isHidePane: false
+            }));
+          } else {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              visibleSplitSide: !visibleSplitSide,
+              secondaryPaneSize: secondaryPaneValue,
+              isHidePane: true
+            }));
+          }
           break;
-        case l.up:
-          s(r ? {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: 100,
-            isHidePane: !1
-          } : {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: o,
-            isHidePane: !0
-          });
+        case arrow.down:
+          if (isHidePane) {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              visibleSplitSide: !visibleSplitSide,
+              secondaryPaneSize: 0,
+              isHidePane: false
+            }));
+          } else {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              visibleSplitSide: !visibleSplitSide,
+              secondaryPaneSize: secondaryPaneValue,
+              isHidePane: true
+            }));
+          }
           break;
-        case l.down:
-          s(r ? {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: 0,
-            isHidePane: !1
-          } : {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: o,
-            isHidePane: !0
-          });
+        default:
           break;
       }
+    }
   };
-  b(() => {
-    let t;
-    if (window.addEventListener("resize", k), h && document.addEventListener("keyup", j), z)
-      t = z;
-    else if (c.current && d.current) {
-      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect();
-      t = v(i, o, {
-        left: i.left + (i.width - o.width) / 2,
-        top: i.top + (i.height - o.height) / 2
-      }, !1);
+  (0, _react.useEffect)(() => {
+    let secondaryPaneSize;
+    window.addEventListener('resize', handleResize);
+    if (hotKey) document.addEventListener('keyup', expandAndCollapseSide);
+    if (secondaryInitialSize) {
+      secondaryPaneSize = secondaryInitialSize;
+    } else if (container.current && splitter.current) {
+      const containerRect = container.current.getBoundingClientRect();
+      const splitterRect = splitter.current.getBoundingClientRect();
+      secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
+        left: containerRect.left + (containerRect.width - splitterRect.width) / 2,
+        top: containerRect.top + (containerRect.height - splitterRect.height) / 2
+      }, false);
     }
-    return t = t, s({
-      ...e,
-      secondaryPaneSize: t
-    }), () => {
-      window.removeEventListener("resize", k), h && document.removeEventListener("keyup", j);
+    secondaryPaneSize = secondaryPaneSize;
+    // TODO: Ao revisar este componente, encontrar solução melhor
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      secondaryPaneSize
+    }));
+    return () => {
+      window.removeEventListener('resize', handleResize);
+      if (hotKey) document.removeEventListener('keyup', expandAndCollapseSide);
     };
-  }, []), b(() => {
-    w && w(e.secondaryPaneSize);
-  }, [e.secondaryPaneSize]), b(() => (e.resizing && document.addEventListener("mousemove", E), () => {
-    document.removeEventListener("mousemove", E);
-  }), [e.resizing]);
-  const D = () => ({
-    size: e.secondaryPaneSize,
-    percentage: P,
-    vertical: f,
-    primary: S[1] && !1
-  }), {
-    resizing: K,
-    visibleSplitSide: B
-  } = e;
-  let p = "split-component";
-  return x && (p += ` ${x}`), f && (p += " splitter-layout-vertical"), K && (p += " layout-changing"), /* @__PURE__ */ y.jsx(V.Provider, { value: D(), children: /* @__PURE__ */ y.jsxs("div", { className: p, style: N, ref: (t) => {
-    c.current = t;
-  }, children: [
-    C === "primary" ? B && S[0] : S[0],
-    /* @__PURE__ */ y.jsx("div", { role: "button", onKeyPress: void 0, tabIndex: -1, className: "layout-splitter", ref: (t) => {
-      d.current = t;
-    }, onMouseUp: () => s({
-      ...e,
-      resizing: !1
-    }), onMouseDown: () => {
-      A();
-    }, children: /* @__PURE__ */ y.jsx("div", { role: "button", tabIndex: -1, onDoubleClick: () => e.secondaryPaneSize === 100 ? s({
-      ...e,
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (onSecondaryPaneSizeChange) onSecondaryPaneSizeChange(state.secondaryPaneSize);
+  }, [state.secondaryPaneSize]);
+  (0, _react.useEffect)(() => {
+    if (state.resizing) {
+      document.addEventListener('mousemove', handleMouseMove);
+    }
+    return () => {
+      document.removeEventListener('mousemove', handleMouseMove);
+    };
+  }, [state.resizing]);
+  const getChildContext = () => ({
+    size: state.secondaryPaneSize,
+    percentage,
+    vertical,
+    primary: children[1] && false
+  });
+  const {
+    resizing,
+    visibleSplitSide
+  } = state;
+  let containerClasses = 'split-component';
+  if (customClass) {
+    containerClasses += " ".concat(customClass);
+  }
+  if (vertical) {
+    containerClasses += ' splitter-layout-vertical';
+  }
+  if (resizing) {
+    containerClasses += ' layout-changing';
+  }
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
+    value: getChildContext()
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: containerClasses,
+    style: style,
+    ref: r => {
+      container.current = r;
+    }
+  }, hideSplitSideOnToggleClick === 'primary' ? visibleSplitSide && children[0] : children[0], /*#__PURE__*/_react.default.createElement("div", {
+    role: "button",
+    onKeyPress: undefined,
+    tabIndex: -1,
+    className: "layout-splitter",
+    ref: r => {
+      splitter.current = r;
+    },
+    onMouseUp: () => setState(_objectSpread(_objectSpread({}, state), {}, {
+      resizing: false
+    })),
+    onMouseDown: () => {
+      handleSplitterMouseDown();
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    role: "button",
+    tabIndex: -1,
+    onDoubleClick: () => state.secondaryPaneSize === 100 ? setState(_objectSpread(_objectSpread({}, state), {}, {
       secondaryPaneSize: 50,
-      resizing: !1
-    }) : s({
-      ...e,
+      resizing: false
+    })) : setState(_objectSpread(_objectSpread({}, state), {}, {
       secondaryPaneSize: 100,
-      resizing: !1
-    }), className: f ? "toggler-vertical" : "toggler-horizontal" }) }),
-    C === "secondary" ? B && S[1] : S[1]
-  ] }) });
-};
-export {
-  q as default
+      resizing: false
+    })),
+    className: vertical ? 'toggler-vertical' : 'toggler-horizontal'
+  })), hideSplitSideOnToggleClick === 'secondary' ? visibleSplitSide && children[1] : children[1]));
 };
+var _default = exports.default = Split;

package/lib/split/SplitSide.d.ts

@@ -1,3 +1,6 @@
-import { ISplitSideProps } from './types';
-declare const SplitSide: ({ primary, children, customClass, style }: ISplitSideProps) => import("react/jsx-runtime").JSX.Element;
-export default SplitSide;
+import { ISplitSideProps } from './types.js';
+import 'react';
+
+declare const SplitSide: ({ primary, children, customClass, style }: ISplitSideProps) => JSX.Element;
+
+export { SplitSide as default };

package/lib/split/SplitSide.js

@@ -1,27 +1,41 @@
-import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as S } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as $ } from "react";
-import h from "./helpers.js";
-const z = (f) => {
-  const t = S.c(14), {
-    primary: a,
-    children: n,
-    customClass: p,
-    style: c
-  } = f, {
-    size: x,
-    percentage: y,
-    vertical: m
-  } = $(h), l = x || 0, o = y ? "%" : "px";
-  let e = "layout-pane", s, i;
-  if (t[0] !== e || t[1] !== p || t[2] !== a || t[3] !== l || t[4] !== c || t[5] !== o || t[6] !== m) {
-    const u = {};
-    a ? e = "layout-pane layout-pane-primary" : m ? u.height = `${l}${o}` : u.width = `${l}${o}`, s = `${e} ${p}`, i = Object.assign({}, u, c), t[0] = e, t[1] = p, t[2] = a, t[3] = l, t[4] = c, t[5] = o, t[6] = m, t[7] = s, t[8] = i, t[9] = e;
-  } else
-    s = t[7], i = t[8], e = t[9];
-  let r;
-  return t[10] !== n || t[11] !== s || t[12] !== i ? (r = /* @__PURE__ */ d.jsx("div", { className: s, style: i, children: n }), t[10] = n, t[11] = s, t[12] = i, t[13] = r) : r = t[13], r;
-};
-export {
-  z as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _helpers = _interopRequireDefault(require("./helpers"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SplitSide = _ref => {
+  let {
+    primary,
+    children,
+    customClass,
+    style
+  } = _ref;
+  const {
+    size,
+    percentage,
+    vertical
+  } = (0, _react.useContext)(_helpers.default);
+  const sizeSplitSide = size || 0;
+  const unit = percentage ? '%' : 'px';
+  let classes = 'layout-pane';
+  const splitSideStyle = {};
+  if (!primary) {
+    if (vertical) {
+      splitSideStyle.height = "".concat(sizeSplitSide).concat(unit);
+    } else {
+      splitSideStyle.width = "".concat(sizeSplitSide).concat(unit);
+    }
+  } else {
+    classes += ' layout-pane-primary';
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(classes, " ").concat(customClass),
+    style: Object.assign({}, splitSideStyle, style)
+  }, children);
 };
+var _default = exports.default = SplitSide;

package/lib/split/helpers.d.ts

@@ -1,8 +1,10 @@
-import { default as React } from 'react';
-export type ISplitContext = {
+import React__default from 'react';
+
+type ISplitContext = {
     size?: number;
     percentage?: number | string;
     vertical?: boolean;
 };
-declare const SplitContext: React.Context<ISplitContext>;
-export default SplitContext;
+declare const SplitContext: React__default.Context<ISplitContext>;
+
+export { ISplitContext, SplitContext as default };

package/lib/split/helpers.js

@@ -1,5 +1,10 @@
-import t from "react";
-const o = t.createContext({});
-export {
-  o as default
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SplitContext = /*#__PURE__*/_react.default.createContext({});
+var _default = exports.default = SplitContext;

package/lib/split/index.d.ts

@@ -1,4 +1,8 @@
-import { default as Split } from './Split';
-import { default as SplitSide } from './SplitSide';
-export default Split;
-export { SplitSide };
+import Split from './Split.js';
+export { default as SplitSide } from './SplitSide.js';
+import './types.js';
+import 'react';
+
+
+
+export { Split as default };

package/lib/split/index.js

@@ -1,6 +1,17 @@
-import e from "./Split.js";
-import { default as r } from "./SplitSide.js";
-import '../assets/index16.css';export {
-  r as SplitSide,
-  e as default
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SplitSide", {
+  enumerable: true,
+  get: function () {
+    return _SplitSide.default;
+  }
+});
+exports.default = void 0;
+require("../assets/styles/split.scss");
+var _Split = _interopRequireDefault(require("./Split"));
+var _SplitSide = _interopRequireDefault(require("./SplitSide"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _Split.default;

package/lib/split/types.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export interface ISplitProps {
+
+interface ISplitProps {
     style?: object;
     customClass?: string;
     vertical?: boolean;
@@ -14,7 +15,7 @@ export interface ISplitProps {
     children?: ReactNode[];
     nodeParameter?: Node;
 }
-export interface ISplitSideProps {
+interface ISplitSideProps {
     style?: object;
     customClass?: string;
     vertical?: boolean;
@@ -23,9 +24,11 @@ export interface ISplitSideProps {
     percentage?: boolean;
     children?: ReactNode;
 }
-export interface DocumentSelection {
+interface DocumentSelection {
     new (): Selection;
     prototype: Selection;
     toString(): string;
     empty(): void;
 }
+
+export { DocumentSelection, ISplitProps, ISplitSideProps };