linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/split/Split.js

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

package/lib/split/Split.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Split.js","names":[],"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"],"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,41 +1,21 @@
-"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);
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "./helpers.js";
+import { useContext as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/split/SplitSide.tsx
+var i = e(), a = (e) => {
+	let a = (0, i.c)(10), { primary: o, children: s, customClass: c, style: l } = e, { size: u, percentage: d, vertical: f } = n(t), p = u || 0, m = d ? "%" : "px", h = "layout-pane", g;
+	if (a[0] !== s || a[1] !== h || a[2] !== c || a[3] !== o || a[4] !== p || a[5] !== l || a[6] !== m || a[7] !== f) {
+		let e = {};
+		o ? h = "layout-pane layout-pane-primary" : f ? e.height = `${p}${m}` : e.width = `${p}${m}`, g = r("div", {
+			className: `${h} ${c}`,
+			style: Object.assign({}, e, l),
+			children: s
+		}), a[0] = s, a[1] = h, a[2] = c, a[3] = o, a[4] = p, a[5] = l, a[6] = m, a[7] = f, a[8] = g, a[9] = h;
+	} else g = a[8], h = a[9];
+	return g;
 };
-var _default = exports.default = SplitSide;
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=SplitSide.js.map

package/lib/split/SplitSide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitSide.js","names":[],"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"],"mappings":";;;;;aAIM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAa,EAAA,YAAA,aAAA,gBAAA,aAAA,GACjB,EAAA,SAAA,eAAA,gBAAuC,EAAW,EAAa,EAC/D,IAAsB,KAAA,GACtB,IAAa,IAAA,MAAA,MACb,IAAc,eAAA;AAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,GAAA;EAOd,IAAA,IAAuB,EAAE;AAejB,EAdH,IAOH,IAAA,oCANI,IACF,EAAA,SAAwB,GAAG,IAAgB,MAE3C,EAAA,QAAuB,GAAG,IAAgB,KAM5C,IAAA,EAAC,OAAD;GAAA,WACa,GAAG,EAAA,GAAW;GAAA,OAClB,OAAA,OAAc,EAAE,EAAE,GAAgB,EAAM;GAAA;GAE3C,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;OAAA,CAAA,IAAA,EAAA,IAAA,IAAA,EAAA;AAAA,QAJN"}

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,7 @@
-"use strict";
+import { createContext as e } from "react";
+//#region src/lib/split/helpers.ts
+var t = e({});
+//#endregion
+export { t as default };
 
-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;
+//# sourceMappingURL=helpers.js.map

package/lib/split/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"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"],"mappings":";;AAQA,IAAM,IAAe,EAAc,EAAE,CAAkB"}