linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/split/Split.js

@@ -1,292 +1,194 @@
-"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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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)({
+import { jsx as v, jsxs as U } from "react/jsx-runtime";
+import { useState as V, useRef as M, useEffect as b } from "react";
+import X from "./helpers.js";
+const F = ({
+  hotKey: h,
+  secondaryInitialSize: y = 0,
+  onSecondaryPaneSizeChange: w,
+  vertical: f,
+  primaryIndex: N = 0,
+  percentage: z,
+  primaryMinSize: P = 0,
+  secondaryMinSize: R = 0,
+  customClass: C,
+  children: S = [],
+  hideSplitSideOnToggleClick: H = "primary",
+  style: A,
+  nodeParameter: _
+}) => {
+  const [e, s] = V({
     secondaryPaneSize: 0,
-    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);
+    resizing: !1,
+    visibleSplitSide: !0,
+    isHidePane: !0
+  }), c = M(null), d = M(null), m = (t, i, o, a) => {
+    let r = f ? t.height : t.width, n = f ? i.height : i.width, u = f ? o.top - t.top : o.left - t.left;
+    a && (u -= n / 2), u < 0 ? u = 0 : u > r - n && (u = r - n);
+    let l;
+    l = N === 1 ? u : r - n - u;
+    let g = r - n - l;
+    return z && (l = l * 100 / r, g = g * 100 / r, n = n * 100 / r, r = 100), g < P ? l = Math.max(l - (P - g), 0) : l < R && (l = Math.min(r - n - P, R)), l;
+  }, x = () => {
+    const t = Selection;
+    if (document.createRange() && _) {
+      const i = document.createRange();
+      i.collapse(), i.selectNode(_);
     } else if (window.getSelection) {
-      const selection = window.getSelection();
-      if (selection && selection.empty) {
-        selection.empty();
-      } else if (selection && selection.removeAllRanges) {
-        selection.removeAllRanges();
-      }
-    } else if (docuemntSelection) {
-      docuemntSelection.empty();
+      const i = window.getSelection();
+      i && i.empty ? i.empty() : i && i.removeAllRanges && i.removeAllRanges();
+    } else t && t.empty();
+  }, k = () => {
+    if (c.current && d.current && !z) {
+      const t = c.current.getBoundingClientRect(), i = d.current.getBoundingClientRect(), o = m(t, i, {
+        left: i.left,
+        top: i.top
+      }, !1);
+      s({
+        ...e,
+        secondaryPaneSize: o
+      });
     }
-  };
-  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
-      }));
+  }, E = (t) => {
+    if (c.current && d.current && e.resizing) {
+      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect(), a = m(i, o, {
+        left: t.clientX,
+        top: t.clientY
+      }, !0);
+      x(), s({
+        ...e,
+        secondaryPaneSize: a
+      });
     }
-  };
-  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 = {
+  }, D = () => {
+    x(), s({
+      ...e,
+      resizing: !0
+    });
+  }, B = (t) => {
+    const i = t.keyCode || t.which, o = y, a = {
       left: 37,
       up: 38,
       right: 39,
       down: 40
-    };
-    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
-            }));
-          }
+    }, {
+      isHidePane: r,
+      visibleSplitSide: n
+    } = e;
+    if (t.ctrlKey)
+      switch (s({
+        ...e,
+        visibleSplitSide: !1
+      }), i) {
+        case a.left:
+          r ? s({
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: 100,
+            isHidePane: !1
+          }) : e.secondaryPaneSize && s({
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: o,
+            isHidePane: !0
+          });
           break;
-        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
-            }));
-          }
+        case a.right:
+          s(r ? {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: 0,
+            isHidePane: !1
+          } : {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: o,
+            isHidePane: !0
+          });
           break;
-        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
-            }));
-          }
+        case a.up:
+          s(r ? {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: 100,
+            isHidePane: !1
+          } : {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: o,
+            isHidePane: !0
+          });
           break;
-        default:
+        case a.down:
+          s(r ? {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: 0,
+            isHidePane: !1
+          } : {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: o,
+            isHidePane: !0
+          });
           break;
       }
-    }
   };
-  (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);
+  b(() => {
+    let t;
+    if (window.addEventListener("resize", k), h && document.addEventListener("keyup", B), y)
+      t = y;
+    else if (c.current && d.current) {
+      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect();
+      t = m(i, o, {
+        left: i.left + (i.width - o.width) / 2,
+        top: i.top + (i.height - o.height) / 2
+      }, !1);
     }
-    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);
+    return t = t, s({
+      ...e,
+      secondaryPaneSize: t
+    }), () => {
+      window.removeEventListener("resize", k), h && document.removeEventListener("keyup", B);
     };
-  }, []);
-  (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 += ` ${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), {}, {
+  }, []), b(() => {
+    w && w(e.secondaryPaneSize);
+  }, [e.secondaryPaneSize]), b(() => (e.resizing && document.addEventListener("mousemove", E), () => {
+    document.removeEventListener("mousemove", E);
+  }), [e.resizing]);
+  const j = () => ({
+    size: e.secondaryPaneSize,
+    percentage: z,
+    vertical: f,
+    primary: S[1] && !1
+  }), {
+    resizing: K,
+    visibleSplitSide: L
+  } = e;
+  let p = "split-component";
+  return C && (p += ` ${C}`), f && (p += " splitter-layout-vertical"), K && (p += " layout-changing"), /* @__PURE__ */ v(X.Provider, { value: j(), children: /* @__PURE__ */ U("div", { className: p, style: A, ref: (t) => {
+    c.current = t;
+  }, children: [
+    H === "primary" ? L && S[0] : S[0],
+    /* @__PURE__ */ v("div", { role: "button", onKeyPress: void 0, tabIndex: -1, className: "layout-splitter", ref: (t) => {
+      d.current = t;
+    }, onMouseUp: () => s({
+      ...e,
+      resizing: !1
+    }), onMouseDown: () => {
+      D();
+    }, children: /* @__PURE__ */ v("div", { role: "button", tabIndex: -1, onDoubleClick: () => e.secondaryPaneSize === 100 ? s({
+      ...e,
       secondaryPaneSize: 50,
-      resizing: false
-    })) : setState(_objectSpread(_objectSpread({}, state), {}, {
+      resizing: !1
+    }) : s({
+      ...e,
       secondaryPaneSize: 100,
-      resizing: false
-    })),
-    className: vertical ? 'toggler-vertical' : 'toggler-horizontal'
-  })), hideSplitSideOnToggleClick === 'secondary' ? visibleSplitSide && children[1] : children[1]));
+      resizing: !1
+    }), className: f ? "toggler-vertical" : "toggler-horizontal" }) }),
+    H === "secondary" ? L && S[1] : S[1]
+  ] }) });
+};
+export {
+  F as default
 };
-var _default = exports.default = Split;
+//# sourceMappingURL=Split.js.map

package/lib/split/Split.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Split.js","sources":["../../src/lib/split/Split.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ReactNode } from 'react';\nimport SplitContext, { ISplitContext } from './helpers';\nimport { ISplitProps, DocumentSelection } from './types';\n\nconst Split = ({\n  hotKey, secondaryInitialSize = 0, onSecondaryPaneSizeChange, vertical,\n  primaryIndex = 0, percentage, primaryMinSize = 0, secondaryMinSize = 0, customClass,\n  children = [], hideSplitSideOnToggleClick = 'primary', style, nodeParameter,\n}: ISplitProps) => {\n  const [state, setState] = useState({\n    secondaryPaneSize: 0,\n    resizing: false,\n    visibleSplitSide: true,\n    isHidePane: true,\n  });\n  const container = useRef<HTMLDivElement>(null);\n  const splitter = useRef<HTMLDivElement>(null);\n\n  const getSecondaryPaneSize =\n    (\n      containerRect: { height: number; width: number; top: number; left: number; },\n      splitterRect: { height: number; width: number; },\n      clientPosition: { left: number; top: number; },\n      offsetMouse: boolean,\n    ) => {\n      let totalSize = vertical ? containerRect.height : containerRect.width;\n      let splitterSize = vertical ? splitterRect.height : splitterRect.width;\n      let offset = vertical\n        ? clientPosition.top - containerRect.top :\n        clientPosition.left - containerRect.left;\n      if (offsetMouse) {\n        offset -= splitterSize / 2;\n      }\n      if (offset < 0) {\n        offset = 0;\n      } else if (offset > totalSize - splitterSize) {\n        offset = totalSize - splitterSize;\n      }\n      let secondaryPaneSize;\n      secondaryPaneSize = primaryIndex === 1 ? offset : totalSize - splitterSize - offset;\n      let primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;\n      if (percentage) {\n        secondaryPaneSize = (secondaryPaneSize * 100) / totalSize;\n        primaryPaneSize = (primaryPaneSize * 100) / totalSize;\n        splitterSize = (splitterSize * 100) / totalSize;\n        totalSize = 100;\n      }\n      if (primaryPaneSize < primaryMinSize) {\n        secondaryPaneSize = Math.max(secondaryPaneSize - (primaryMinSize - primaryPaneSize), 0);\n      } else if (secondaryPaneSize < secondaryMinSize) {\n        secondaryPaneSize = Math.min(totalSize - splitterSize - primaryMinSize, secondaryMinSize);\n      }\n      return secondaryPaneSize;\n    };\n\n  const clearSelection = () => {\n    const docuemntSelection = Selection as DocumentSelection;\n    if (document.createRange() && nodeParameter) {\n      const range = document.createRange();\n      range.collapse();\n      range.selectNode(nodeParameter);\n    } else if (window.getSelection) {\n      const selection = window.getSelection();\n      if (selection && selection.empty) {\n        selection.empty();\n      } else if (selection && selection.removeAllRanges) {\n        selection.removeAllRanges();\n      }\n    } else if (docuemntSelection) {\n      docuemntSelection.empty();\n    }\n  };\n\n  const handleResize = () => {\n    if (container.current && splitter.current && !percentage) {\n      const containerRect = container.current.getBoundingClientRect();\n      const splitterRect = splitter.current.getBoundingClientRect();\n      const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {\n        left: splitterRect.left,\n        top: splitterRect.top,\n      }, false);\n      setState({ ...state, secondaryPaneSize });\n    }\n  };\n\n  const handleMouseMove = (e: { clientX: number; clientY: number; }) => {\n    if (container.current && splitter.current && state.resizing) {\n      const containerRect = container.current.getBoundingClientRect();\n      const splitterRect = splitter.current.getBoundingClientRect();\n      const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {\n        left: e.clientX,\n        top: e.clientY,\n      }, true);\n      clearSelection();\n      setState({ ...state, secondaryPaneSize });\n    }\n  };\n\n  const handleSplitterMouseDown = () => {\n    clearSelection();\n    setState({ ...state, resizing: true });\n  };\n\n  const expandAndCollapseSide = (event: {\n    keyCode: number; which: ReactNode; ctrlKey: ReactNode;\n  }) => {\n    const keyCode = event.keyCode || event.which;\n    const secondaryPaneValue = secondaryInitialSize;\n    const arrow = {\n      left: 37, up: 38, right: 39, down: 40,\n    };\n    const { isHidePane, visibleSplitSide } = state;\n    if (event.ctrlKey) {\n      setState({ ...state, visibleSplitSide: false });\n      switch (keyCode) {\n        case arrow.left:\n          if (isHidePane) {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: 100,\n              isHidePane: false,\n            });\n          } else if (state.secondaryPaneSize) {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: secondaryPaneValue,\n              isHidePane: true,\n            });\n          }\n          break;\n        case arrow.right:\n          if (isHidePane) {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: 0,\n              isHidePane: false,\n            });\n          } else {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: secondaryPaneValue,\n              isHidePane: true,\n            });\n          }\n          break;\n        case arrow.up:\n          if (isHidePane) {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: 100,\n              isHidePane: false,\n            });\n          } else {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: secondaryPaneValue,\n              isHidePane: true,\n            });\n          }\n          break;\n        case arrow.down:\n          if (isHidePane) {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: 0,\n              isHidePane: false,\n            });\n          } else {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: secondaryPaneValue,\n              isHidePane: true,\n            });\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  };\n\n  useEffect(() => {\n    let secondaryPaneSize;\n    window.addEventListener('resize', handleResize);\n    if (hotKey) document.addEventListener('keyup', expandAndCollapseSide);\n    if (secondaryInitialSize) {\n      secondaryPaneSize = secondaryInitialSize;\n    } else if (container.current && splitter.current) {\n      const containerRect = container.current.getBoundingClientRect();\n      const splitterRect = splitter.current.getBoundingClientRect();\n      secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {\n        left: containerRect.left + ((containerRect.width - splitterRect.width) / 2),\n        top: containerRect.top + ((containerRect.height - splitterRect.height) / 2),\n      }, false);\n    }\n    secondaryPaneSize = secondaryPaneSize as number;\n    // TODO: Ao revisar este componente, encontrar solução melhor\n    setState({ ...state, secondaryPaneSize });\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      if (hotKey) document.removeEventListener('keyup', expandAndCollapseSide);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (onSecondaryPaneSizeChange) onSecondaryPaneSizeChange(state.secondaryPaneSize);\n  }, [state.secondaryPaneSize]);\n\n  useEffect(() => {\n    if (state.resizing) {\n      document.addEventListener('mousemove', handleMouseMove);\n    }\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n    };\n  }, [state.resizing]);\n\n  const getChildContext = () => ({\n    size: state.secondaryPaneSize,\n    percentage,\n    vertical,\n    primary: children[1] && false,\n  } as ISplitContext);\n\n  const { resizing, visibleSplitSide } = state;\n\n  let containerClasses = 'split-component';\n  if (customClass) {\n    containerClasses += ` ${customClass}`;\n  }\n  if (vertical) {\n    containerClasses += ' splitter-layout-vertical';\n  }\n  if (resizing) {\n    containerClasses += ' layout-changing';\n  }\n  return (\n    <SplitContext.Provider value={getChildContext()}>\n      <div className={containerClasses} style={style} ref={(r) => { container.current = r; }}>\n        {hideSplitSideOnToggleClick === 'primary' ?\n            (visibleSplitSide && children[0])\n          : children[0]}\n        <div\n          role=\"button\"\n          onKeyPress={undefined}\n          tabIndex={-1}\n          className=\"layout-splitter\"\n          ref={(r) => { splitter.current = r; }}\n          onMouseUp={() => setState({ ...state, resizing: false })}\n          onMouseDown={() => { handleSplitterMouseDown(); }}>\n          <div\n            role=\"button\"\n            tabIndex={-1}\n            onDoubleClick={() => (state.secondaryPaneSize === 100 ?\n                setState({\n                  ...state,\n                  secondaryPaneSize: 50,\n                  resizing: false,\n                }) :\n                setState({\n                  ...state,\n                  secondaryPaneSize: 100,\n                  resizing: false,\n                }))}\n            className={vertical ? 'toggler-vertical' : 'toggler-horizontal'} />\n        </div>\n        {hideSplitSideOnToggleClick === 'secondary' ?\n            (visibleSplitSide && children[1])\n          : children[1]}\n      </div>\n    </SplitContext.Provider>\n  );\n};\n\nexport default Split;\n"],"names":["Split","hotKey","secondaryInitialSize","onSecondaryPaneSizeChange","vertical","primaryIndex","percentage","primaryMinSize","secondaryMinSize","customClass","children","hideSplitSideOnToggleClick","style","nodeParameter","state","setState","useState","secondaryPaneSize","resizing","visibleSplitSide","isHidePane","container","useRef","splitter","getSecondaryPaneSize","containerRect","splitterRect","clientPosition","offsetMouse","totalSize","height","width","splitterSize","offset","top","left","primaryPaneSize","Math","max","min","clearSelection","docuemntSelection","Selection","document","createRange","range","collapse","selectNode","window","getSelection","selection","empty","removeAllRanges","handleResize","current","getBoundingClientRect","handleMouseMove","e","clientX","clientY","handleSplitterMouseDown","expandAndCollapseSide","event","keyCode","which","secondaryPaneValue","arrow","up","right","down","ctrlKey","useEffect","addEventListener","removeEventListener","getChildContext","size","primary","containerClasses","jsx","SplitContext","jsxs","r","undefined"],"mappings":"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"}

package/lib/split/SplitSide.d.ts

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

package/lib/split/SplitSide.js

@@ -1,42 +1,28 @@
-"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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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 = `${sizeSplitSide}${unit}`;
-    } else {
-      splitSideStyle.width = `${sizeSplitSide}${unit}`;
-    }
-  } else {
-    classes += ' layout-pane-primary';
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${classes} ${customClass}`,
-    style: Object.assign({}, splitSideStyle, style)
-  }, children);
+import { jsx as S } from "react/jsx-runtime";
+import { c as $ } from "../_virtual/compiler-runtime.js";
+import { useContext as x } from "react";
+import h from "./helpers.js";
+const z = (u) => {
+  const t = $.c(14), {
+    primary: a,
+    children: n,
+    customClass: p,
+    style: c
+  } = u, {
+    size: y,
+    percentage: d,
+    vertical: m
+  } = x(h), l = y || 0, o = d ? "%" : "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 f = {};
+    a ? e = "layout-pane layout-pane-primary" : m ? f.height = `${l}${o}` : f.width = `${l}${o}`, s = `${e} ${p}`, i = Object.assign({}, f, 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__ */ S("div", { className: s, style: i, children: n }), t[10] = n, t[11] = s, t[12] = i, t[13] = r) : r = t[13], r;
 };
-var _default = exports.default = SplitSide;
+export {
+  z as default
+};
+//# sourceMappingURL=SplitSide.js.map

package/lib/split/SplitSide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitSide.js","sources":["../../src/lib/split/SplitSide.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport { ISplitSideProps } from './types';\nimport SplitContext from './helpers';\n\nconst SplitSide = ({ primary, children, customClass, style } : ISplitSideProps) => {\n  const { size, percentage, vertical } = useContext(SplitContext);\n  const sizeSplitSide = size || 0;\n  const unit = percentage ? '%' : 'px';\n  let classes = 'layout-pane';\n\n  type SplitSideSpecificStyle = {\n    height: string;\n    width: string;\n  };\n\n  const splitSideStyle = {} as SplitSideSpecificStyle;\n  if (!primary) {\n    if (vertical) {\n      splitSideStyle.height = `${sizeSplitSide}${unit}`;\n    } else {\n      splitSideStyle.width = `${sizeSplitSide}${unit}`;\n    }\n  } else {\n    classes += ' layout-pane-primary';\n  }\n  return (\n    <div\n      className={`${classes} ${customClass}`}\n      style={Object.assign({}, splitSideStyle, style)}>\n      {children}\n    </div>\n  );\n};\n\nexport default SplitSide;\n"],"names":["SplitSide","t0","$","_c","primary","children","customClass","style","size","percentage","vertical","useContext","SplitContext","sizeSplitSide","unit","classes","t1","t2","splitSideStyle","height","width","Object","assign","t3"],"mappings":";;;;AAIA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAN,GACjB;AAAA,IAAAO,MAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAuCC,EAAWC,CAAY,GAC9DC,IAAsBL,KAAA,GACtBM,IAAaL,IAAA,MAAA;AACb,MAAAM,IAAc,eAAcC,GAAAC;AAAA,MAAAf,EAAA,CAAA,MAAAa,KAAAb,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAE,KAAAF,SAAAW,KAAAX,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAQ,GAAA;AAO5B,UAAAQ,IAAuB,CAAA;AACvB,IAAKd,IAOHW,IAAA,oCANIL,IACFQ,EAAcC,SAAU,GAAGN,CAAa,GAAGC,CAAI,KAE/CI,EAAcE,QAAS,GAAGP,CAAa,GAAGC,CAAI,IAOnCE,IAAA,GAAGD,CAAO,IAAIT,CAAW,IAC7BW,IAAAI,OAAMC,OAAQ,CAAA,GAAIJ,GAAgBX,CAAK,GAACL,OAAAa,GAAAb,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAW,GAAAX,OAAAK,GAAAL,OAAAY,GAAAZ,OAAAQ,GAAAR,OAAAc,GAAAd,OAAAe,GAAAf,OAAAa;AAAAA,EAAA;AAAAC,IAAAA,IAAAd,EAAA,CAAA,GAAAe,IAAAf,EAAA,CAAA,GAAAa,IAAAb,EAAA,CAAA;AAAA,MAAAqB;AAAA,SAAArB,EAAA,EAAA,MAAAG,KAAAH,UAAAc,KAAAd,EAAA,EAAA,MAAAe,KAFjDM,+BACa,WAAAP,GACJ,OAAAC,GACNZ,UAAAA,GACH,GAAMH,QAAAG,GAAAH,QAAAc,GAAAd,QAAAe,GAAAf,QAAAqB,KAAAA,IAAArB,EAAA,EAAA,GAJNqB;AAIM;"}

package/lib/split/helpers.d.ts

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

package/lib/split/helpers.js

@@ -1,10 +1,6 @@
-"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;
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as default
+};
+//# sourceMappingURL=helpers.js.map

package/lib/split/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/lib/split/helpers.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type ISplitContext = {\n  size?: number;\n  percentage?: number | string;\n  vertical?: boolean;\n};\n\nconst SplitContext = createContext({} as ISplitContext);\n\nexport default SplitContext;\n"],"names":["SplitContext","createContext"],"mappings":";AAQA,MAAMA,IAAeC,EAAc,CAAA,CAAmB;"}