linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/split/Split.js

@@ -1,193 +1,195 @@
-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({
-    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);
-    } 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
-      });
-    }
-  }, 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
-      });
-    }
-  }, A = () => {
-    _(), s({
-      ...e,
-      resizing: !0
-    });
-  }, j = (t) => {
-    const i = t.keyCode || t.which, o = z, l = {
-      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
-          });
-          break;
-        case l.right:
-          s(r ? {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: 0,
-            isHidePane: !1
-          } : {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: o,
-            isHidePane: !0
-          });
-          break;
-        case l.up:
-          s(r ? {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: 100,
-            isHidePane: !1
-          } : {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: o,
-            isHidePane: !0
-          });
-          break;
-        case l.down:
-          s(r ? {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: 0,
-            isHidePane: !1
-          } : {
-            ...e,
-            visibleSplitSide: !n,
-            secondaryPaneSize: o,
-            isHidePane: !0
-          });
-          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);
-    }
-    return t = t, s({
-      ...e,
-      secondaryPaneSize: t
-    }), () => {
-      window.removeEventListener("resize", k), h && document.removeEventListener("keyup", j);
-    };
-  }, []), 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,
-      secondaryPaneSize: 50,
-      resizing: !1
-    }) : s({
-      ...e,
-      secondaryPaneSize: 100,
-      resizing: !1
-    }), className: f ? "toggler-vertical" : "toggler-horizontal" }) }),
-    C === "secondary" ? B && S[1] : S[1]
-  ] }) });
-};
-export {
-  q as default
+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]
+			]
+		})
+	});
 };
+//#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.js

@@ -1,27 +1,21 @@
-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
+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;
 };
+//#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,8 +1,7 @@
-import { default as React } from 'react';
 export type ISplitContext = {
     size?: number;
     percentage?: number | string;
     vertical?: boolean;
 };
-declare const SplitContext: React.Context<ISplitContext>;
+declare const SplitContext: import('react').Context<ISplitContext>;
 export default SplitContext;

package/lib/split/helpers.js

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

package/lib/split/index.js

@@ -1,6 +1,9 @@
+import '../assets/styles/split.css';/* empty css                     */
 import e from "./Split.js";
-import { default as r } from "./SplitSide.js";
-import '../assets/index16.css';export {
-  r as SplitSide,
-  e as default
-};
+import t from "./SplitSide.js";
+//#region src/lib/split/index.tsx
+var n = e;
+//#endregion
+export { t as SplitSide, n as default };
+
+//# sourceMappingURL=index.js.map

package/lib/split/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/split/index.tsx"],"sourcesContent":["import '../assets/styles/split.scss';\nimport Split from './Split';\nimport SplitSide from './SplitSide';\n\nexport default Split;\nexport { SplitSide };\n"],"mappings":";;;;AAIA,IAAA,IAAe"}

package/lib/table/Body.js

@@ -1,46 +1,42 @@
-import { j as o } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as u } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as f } from "react";
-import k, { getArrayFromNumber as b } from "./helpers.js";
-import j from "../skeleton/index.js";
-import "../chunks/lodash.CIAK_hAg.js";
-import C from "./Row.js";
-import "../icons/index.js";
-import w from "./RowColumn.js";
-import '../assets/table.css';/* empty css                       */
-const h = (p, {
-  columnsCount: t,
-  vertical: s,
-  skeletonize: r,
-  skeletonInRows: e = 10,
-  skeletonHeight: n = 16,
-  columnsWidth: l
-}) => {
-  if (r && !s && t && e) {
-    const y = b(e), i = b(t);
-    return y.map((x) => /* @__PURE__ */ o.jsx(C, { customClass: "row-skeleton", children: i.map((m) => /* @__PURE__ */ o.jsx(w, { style: {
-      width: l?.[m - 1]
-    }, children: /* @__PURE__ */ o.jsx(j, { height: n }) }, m)) }, x));
-  }
-  return p;
-}, B = (p) => {
-  const t = u.c(8), {
-    children: s,
-    customClass: r
-  } = p, e = f(k), {
-    bodyScrollable: n,
-    bodyContainerRef: l,
-    skeletonize: y,
-    skeletonInRows: i,
-    strict: c,
-    vertical: x,
-    columnsCount: m
-  } = e, a = !!(y && !x && (i === void 0 ? 10 : i) && m);
-  let d;
-  return t[0] !== l || t[1] !== n || t[2] !== s || t[3] !== e || t[4] !== r || t[5] !== a || t[6] !== c ? (d = n ? /* @__PURE__ */ o.jsx("div", { className: "bodycontainer", ref: l, children: /* @__PURE__ */ o.jsx("table", { className: "innertable", style: {
-    contain: c ? "strict" : "size layout style"
-  }, children: /* @__PURE__ */ o.jsx("tbody", { className: `tbody ${a ? "skeleton-transparency" : ""} ${r}`, children: h(s, e) }) }) }) : /* @__PURE__ */ o.jsx("tbody", { className: `tbody ${a ? "skeleton-transparency" : ""} ${r}`, children: h(s, e) }), t[0] = l, t[1] = n, t[2] = s, t[3] = e, t[4] = r, t[5] = a, t[6] = c, t[7] = d) : d = t[7], d;
-};
-export {
-  B as default
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "../skeleton/index.js";
+import n, { getArrayFromNumber as r } from "./helpers.js";
+import i from "./Row.js";
+import a from "./RowColumn.js";
+import { useContext as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/lib/table/Body.tsx
+var c = e(), l = (e, { columnsCount: n, vertical: o, skeletonize: c, skeletonInRows: l = 10, skeletonHeight: u = 16, columnsWidth: d }) => {
+	if (c && !o && n && l) {
+		let e = r(l), o = r(n);
+		return e.map((e) => /* @__PURE__ */ s(i, {
+			customClass: "row-skeleton",
+			children: o.map((e) => /* @__PURE__ */ s(a, {
+				style: { width: d?.[e - 1] },
+				children: /* @__PURE__ */ s(t, { height: u })
+			}, e))
+		}, e));
+	}
+	return e;
+}, u = (e) => {
+	let t = (0, c.c)(8), { children: r, customClass: i } = e, a = o(n), { bodyScrollable: u, bodyContainerRef: d, skeletonize: f, skeletonInRows: p, strict: m, vertical: h, columnsCount: g } = a, _ = !!(f && !h && (p === void 0 || p) && g), v;
+	return t[0] !== d || t[1] !== u || t[2] !== r || t[3] !== a || t[4] !== i || t[5] !== _ || t[6] !== m ? (v = u ? s("div", {
+		className: "bodycontainer",
+		ref: d,
+		children: s("table", {
+			className: "innertable",
+			style: { contain: m ? "strict" : "size layout style" },
+			children: s("tbody", {
+				className: `tbody ${_ ? "skeleton-transparency" : ""} ${i}`,
+				children: l(r, a)
+			})
+		})
+	}) : s("tbody", {
+		className: `tbody ${_ ? "skeleton-transparency" : ""} ${i}`,
+		children: l(r, a)
+	}), t[0] = d, t[1] = u, t[2] = r, t[3] = a, t[4] = i, t[5] = _, t[6] = m, t[7] = v) : v = t[7], v;
 };
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=Body.js.map

package/lib/table/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","names":[],"sources":["../../src/lib/table/Body.tsx"],"sourcesContent":["import { ReactNode, useContext } from 'react';\nimport TableContext, { getArrayFromNumber } from './helpers';\nimport Skeleton from '../skeleton';\nimport { TRow, Td } from './index';\nimport { ITableBodyProps, ITableContext } from './types';\n\nconst renderChildren = (\n  children: ReactNode,\n  {\n    columnsCount, vertical, skeletonize, skeletonInRows = 10, skeletonHeight = 16,\n    columnsWidth,\n  }: ITableContext,\n) => {\n  if (skeletonize && !vertical && columnsCount && skeletonInRows) {\n    const rows = getArrayFromNumber(skeletonInRows);\n    const columns = getArrayFromNumber(columnsCount);\n    const skeletonChildrens =\n      rows.map((index: number) => (\n        <TRow customClass=\"row-skeleton\" key={index}>\n          {columns.map((id: number) => (\n            <Td style={{ width: columnsWidth?.[id - 1] }} key={id}>\n              <Skeleton height={skeletonHeight} />\n            </Td>\n          ))}\n        </TRow>\n      ));\n    return skeletonChildrens;\n  }\n  return children;\n};\n\nconst TableBody = ({ children, customClass }: ITableBodyProps) => {\n  const context = useContext(TableContext);\n  const {\n    bodyScrollable,\n    bodyContainerRef,\n    skeletonize,\n    skeletonInRows = 10,\n    strict,\n    vertical,\n    columnsCount,\n  } = context;\n  const isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);\n\n  return (\n    bodyScrollable\n      ? (\n        <div\n          className=\"bodycontainer\"\n          ref={bodyContainerRef}>\n          <table\n            className=\"innertable\"\n            style={{\n              contain: strict ? 'strict' : 'size layout style',\n            }}>\n            <tbody\n              className={`tbody ${isSkeletonized ? 'skeleton-transparency' : ''} ${customClass}`}>\n              {renderChildren(children, context)}\n            </tbody>\n          </table>\n        </div>\n        )\n      : (\n        <tbody className={`tbody ${isSkeletonized ? 'skeleton-transparency' : ''} ${customClass}`}>\n          {renderChildren(children, context)}\n        </tbody>\n        )\n  );\n};\n\nexport default TableBody;\n"],"mappings":";;;;;;;;aAMM,KACJ,GACA,EACE,iBAAc,aAAU,gBAAa,oBAAiB,IAAI,oBAAiB,IAC3E,sBAEC;AACH,KAAI,KAAe,CAAC,KAAY,KAAgB,GAAgB;EAC9D,IAAM,IAAO,EAAmB,EAAe,EACzC,IAAU,EAAmB,EAAa;AAWhD,SATE,EAAK,KAAK,MACR,kBAAC,GAAD;GAAM,aAAY;aACf,EAAQ,KAAK,MACZ,kBAAC,GAAD;IAAI,OAAO,EAAE,OAAO,IAAe,IAAK,IAAI;cAC1C,kBAAC,GAAD,EAAU,QAAQ,GAAkB,CAAA;IACjC,EAF8C,EAE9C,CAAA;GAEF,EAN+B,EAM/B,CACP;;AAGN,QAAO;GAGH,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EAAa,EAAA,aAAA,mBAAA,GACjB,IAAgB,EAAW,EAAa,EACxC,EAAA,mBAAA,qBAAA,gBAAA,gBAAA,GAAA,WAAA,aAAA,oBAQI,GACJ,IAAuB,CAAC,EAAE,KAAA,CAAgB,MALxC,MAAA,KAAA,KAAA,MAKwB,IAA8C;AAuB1D,QAvB0D,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAGtE,IAAA,IAEI,EAAC,OAAD;EAAA,WACY;EAAA,KACL;EAAA,UACL,EAAC,SAAD;GAAA,WACY;GAAA,OACH,EAAA,SACI,IAAA,WAAA,qBACV;GAAA,UACD,EAAC,SAAD;IAAA,WACa,SAAS,IAAA,0BAAA,GAA2C,GAAM;IAAA,UACpE,EAAe,GAAU,EAAA;IACpB,CAAA;GACF,CAAA;EAMF,CAAA,GAFR,EAAC,SAAD;EAAA,WAAkB,SAAS,IAAA,0BAAA,GAA2C,GAAM;EAAA,UACzE,EAAe,GAAU,EAAA;EACpB,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,KAAA,IAAA,EAAA,IApBZ"}