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

package/lib/table/Header.js

@@ -1,52 +1,56 @@
-import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as x } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as y, useRef as C, useEffect as E, isValidElement as u } from "react";
-import { _ as l } from "../chunks/lodash.CIAK_hAg.js";
-import b from "./helpers.js";
-const g = (r) => {
-  const s = [];
-  if (u(r) && r.props) {
-    let o = r.props.children;
-    l.isArray(o) || (o = [o]), o.forEach((e) => {
-      let i = 0;
-      l.isArray(e) ? e.forEach((c) => {
-        c && c.props && (i = c.props?.style?.width), s.push(i);
-      }) : e && e.props && (i = e.props?.style?.width, s.push(i));
-    });
-  }
-  return s;
-}, h = (r, s) => {
-  const t = s;
-  if (u(r)) {
-    const o = r.props;
-    l.isArray(o?.children) ? r.props.children.forEach((i) => h(i, t)) : r && (t.current += 1);
-  } else l.isArray(r) && r.length > 0 && r.forEach((o) => h(o, t));
-}, j = (r, s) => {
-  const t = r;
-  return l.isArray(r) && r.length > 0 && r[0].props ? h(r[0].props.children, s) : u(r) && r.props && t?.props?.children && h(t?.props?.children, s), s.current;
-}, P = (r) => {
-  const s = x.c(10), {
-    customClass: t,
-    children: o
-  } = r, {
-    bodyScrollWidth: e,
-    bodyScrollable: i,
-    handlerSetColumnsWidth: c,
-    handlerSetColumnsCount: n
-  } = y(b), m = C(0);
-  let p;
-  s[0] !== o || s[1] !== n || s[2] !== c ? (p = () => {
-    o && c && n && (c(g(o)), n(j(o, m)));
-  }, s[0] = o, s[1] = n, s[2] = c, s[3] = p) : p = s[3];
-  let a;
-  s[4] === Symbol.for("react.memo_cache_sentinel") ? (a = [], s[4] = a) : a = s[4], E(p, a);
-  let f;
-  return s[5] !== e || s[6] !== i || s[7] !== o || s[8] !== t ? (f = i ? /* @__PURE__ */ d.jsx("div", { className: "headercontainer", style: {
-    paddingRight: e
-  }, children: /* @__PURE__ */ d.jsx("table", { className: "innertable", style: {
-    tableLayout: "fixed"
-  }, children: /* @__PURE__ */ d.jsx("thead", { className: `theader ${t}`, children: o }) }) }) : /* @__PURE__ */ d.jsx("thead", { className: `theader ${t}`, children: o }), s[5] = e, s[6] = i, s[7] = o, s[8] = t, s[9] = f) : f = s[9], f;
-};
-export {
-  P as default
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../node_modules/react/compiler-runtime.js";
+import { require_lodash as n } from "../node_modules/lodash/lodash.js";
+import r from "./helpers.js";
+import { isValidElement as i, useContext as a, useEffect as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/lib/table/Header.tsx
+var l = t(), u = /* @__PURE__ */ e(n(), 1), d = (e) => {
+	let t = [];
+	if (i(e) && e.props) {
+		let n = e.props.children;
+		u.default.isArray(n) || (n = [n]), n.forEach((e) => {
+			let n = 0;
+			u.default.isArray(e) ? e.forEach((e) => {
+				e && e.props && (n = e.props?.style?.width), t.push(n);
+			}) : e && e.props && (n = e.props?.style?.width, t.push(n));
+		});
+	}
+	return t;
+}, f = (e, t) => {
+	let n = t;
+	if (i(e)) {
+		let t = e.props;
+		u.default.isArray(t?.children) ? e.props.children.forEach((e) => f(e, n)) : e && (n.current += 1);
+	} else u.default.isArray(e) && e.length > 0 && e.forEach((e) => f(e, n));
+}, p = (e, t) => {
+	let n = e;
+	return u.default.isArray(e) && e.length > 0 && e[0].props ? f(e[0].props.children, t) : i(e) && e.props && n?.props?.children && f(n?.props?.children, t), t.current;
+}, m = (e) => {
+	let t = (0, l.c)(10), { customClass: n, children: i } = e, { bodyScrollWidth: u, bodyScrollable: f, handlerSetColumnsWidth: m, handlerSetColumnsCount: h } = a(r), g = s(0), _;
+	t[0] !== i || t[1] !== h || t[2] !== m ? (_ = () => {
+		i && m && h && (m(d(i)), h(p(i, g)));
+	}, t[0] = i, t[1] = h, t[2] = m, t[3] = _) : _ = t[3];
+	let v;
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (v = [], t[4] = v) : v = t[4], o(_, v);
+	let y;
+	return t[5] !== u || t[6] !== f || t[7] !== i || t[8] !== n ? (y = f ? c("div", {
+		className: "headercontainer",
+		style: { paddingRight: u },
+		children: c("table", {
+			className: "innertable",
+			style: { tableLayout: "fixed" },
+			children: c("thead", {
+				className: `theader ${n}`,
+				children: i
+			})
+		})
+	}) : c("thead", {
+		className: `theader ${n}`,
+		children: i
+	}), t[5] = u, t[6] = f, t[7] = i, t[8] = n, t[9] = y) : y = t[9], y;
 };
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=Header.js.map

package/lib/table/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":[],"sources":["../../src/lib/table/Header.tsx"],"sourcesContent":["import { isValidElement, MutableRefObject, ReactNode, RefObject, useContext, useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport TableContext from './helpers';\nimport { ITableHeaderProps, TableElement } from './types';\n\nconst getColumnsWidth = (children: ReactNode) => {\n  const columnsWidth: (string | number | undefined)[] = [];\n  if (isValidElement(children) && children.props) {\n    const childrenProps = children.props as any;\n    let columns = childrenProps.children;\n    if (!_.isArray(columns)) columns = [columns];\n    columns.forEach((element: TableElement) => {\n      let colWidth: number | string = 0;\n      if (_.isArray(element)) {\n        element.forEach((elementArray: TableElement) => {\n          if (elementArray && elementArray.props) {\n            colWidth = elementArray.props?.style?.width;\n          }\n          columnsWidth.push(colWidth);\n        });\n      } else if (element && element.props) {\n        colWidth = element.props?.style?.width;\n        columnsWidth.push(colWidth);\n      }\n    });\n  }\n  return columnsWidth;\n};\n\nconst countColumnsFromChildren = (\n  element: ReactNode | ReactNode[],\n  columnsCount: RefObject<number>,\n) => {\n  const count = columnsCount;\n  if (isValidElement(element)) {\n    const elementProps = element.props as any;\n    if (_.isArray(elementProps?.children)) {\n      const currentElement = element.props as { children: ReactNode[] };\n      currentElement.children.forEach(child => countColumnsFromChildren(child, count));\n    } else if (element) {\n      count.current += 1;\n    }\n  } else if (_.isArray(element) && element.length > 0) {\n    element.forEach(child => countColumnsFromChildren(child, count));\n  }\n};\n\nconst getColumnsCount = (children: ReactNode, columnsCount: MutableRefObject<number>) => {\n  const childrenFormatted = children as any;\n  if (_.isArray(children) && children.length > 0 && children[0].props) {\n    countColumnsFromChildren(children[0].props.children, columnsCount);\n  } else if (isValidElement(children) && children.props && childrenFormatted?.props?.children) {\n    countColumnsFromChildren(childrenFormatted?.props?.children, columnsCount);\n  }\n  return columnsCount.current;\n};\n\nconst Header = ({ customClass, children }: ITableHeaderProps) => {\n  const {\n    bodyScrollWidth, bodyScrollable, handlerSetColumnsWidth, handlerSetColumnsCount,\n  } = useContext(TableContext);\n  const columnsCount = useRef(0);\n\n  useEffect(() => {\n    if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {\n      handlerSetColumnsWidth(getColumnsWidth(children));\n      handlerSetColumnsCount(getColumnsCount(children, columnsCount));\n    }\n  }, []);\n\n  return (\n    bodyScrollable\n      ? (\n        <div className=\"headercontainer\" style={{ paddingRight: bodyScrollWidth }}>\n          <table className=\"innertable\" style={{ tableLayout: 'fixed' }} >\n            <thead className={`theader ${customClass}`}>{children}</thead>\n          </table>\n        </div>\n        )\n      : (\n        <thead className={`theader ${customClass}`}>{children}</thead>\n        )\n  );\n};\n\nexport default Header;\n"],"mappings":";;;;;;;4CAKM,KAAmB,MAAwB;CAC/C,IAAM,IAAgD,EAAE;AACxD,KAAI,EAAe,EAAS,IAAI,EAAS,OAAO;EAE9C,IAAI,IADkB,EAAS,MACH;AAE5B,EADK,EAAA,QAAE,QAAQ,EAAQ,KAAE,IAAU,CAAC,EAAQ,GAC5C,EAAQ,SAAS,MAA0B;GACzC,IAAI,IAA4B;AAChC,GAAI,EAAA,QAAE,QAAQ,EAAQ,GACpB,EAAQ,SAAS,MAA+B;AAI9C,IAHI,KAAgB,EAAa,UAC/B,IAAW,EAAa,OAAO,OAAO,QAExC,EAAa,KAAK,EAAS;KAC3B,GACO,KAAW,EAAQ,UAC5B,IAAW,EAAQ,OAAO,OAAO,OACjC,EAAa,KAAK,EAAS;IAE7B;;AAEJ,QAAO;GAGH,KACJ,GACA,MACG;CACH,IAAM,IAAQ;AACd,KAAI,EAAe,EAAQ,EAAE;EAC3B,IAAM,IAAe,EAAQ;AAC7B,EAAI,EAAA,QAAE,QAAQ,GAAc,SAAS,GACZ,EAAQ,MAChB,SAAS,SAAQ,MAAS,EAAyB,GAAO,EAAM,CAAC,GACvE,MACT,EAAM,WAAW;QAEV,EAAA,QAAE,QAAQ,EAAQ,IAAI,EAAQ,SAAS,KAChD,EAAQ,SAAQ,MAAS,EAAyB,GAAO,EAAM,CAAC;GAI9D,KAAmB,GAAqB,MAA2C;CACvF,IAAM,IAAoB;AAM1B,QALI,EAAA,QAAE,QAAQ,EAAS,IAAI,EAAS,SAAS,KAAK,EAAS,GAAG,QAC5D,EAAyB,EAAS,GAAG,MAAM,UAAU,EAAa,GACzD,EAAe,EAAS,IAAI,EAAS,SAAS,GAAmB,OAAO,YACjF,EAAyB,GAAmB,OAAO,UAAU,EAAa,EAErE,EAAa;GAGhB,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAU,EAAA,gBAAA,gBAAA,GACd,EAAA,oBAAA,mBAAA,2BAAA,8BAEI,EAAW,EAAa,EAC5B,IAAqB,EAAO,EAAE,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAE9B,UAAA;AACE,EAAI,KAAA,KAAA,MACF,EAAuB,EAAgB,EAAS,CAAC,EACjD,EAAuB,EAAgB,GAAU,EAAa,CAAC;;;AAHnE,qDAKG,IAAA,EAAE,EAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IALL,EAAA,GAKG,EAAG;CAAA,IAAA;AAY8D,QAZ9D,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAGJ,IAAA,IAEI,EAAC,OAAD;EAAA,WAAe;EAAA,OAAyB,EAAA,cAAgB,GAAiB;EAAA,UACvE,EAAC,SAAD;GAAA,WAAiB;GAAA,OAAoB,EAAA,aAAe,SAAS;GAAA,UAC3D,EAAC,SAAD;IAAA,WAAkB,WAAW;IAAA;IAAiC,CAAA;GACxD,CAAA;EAIoD,CAAA,GAA9D,EAAC,SAAD;EAAA,WAAkB,WAAW;EAAA;EAAiC,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IATlE"}

package/lib/table/HeaderColumn.js

@@ -1,43 +1,41 @@
-import { j as g } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as $ } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as w } from "react";
-import { _ as y } from "../chunks/lodash.CIAK_hAg.js";
-import z from "../icons/index.js";
-import A from "../skeleton/index.js";
-import E from "./helpers.js";
-const D = (s) => {
-  const e = $.c(20), {
-    customClass: M,
-    style: t,
-    children: u,
-    textAlign: b,
-    visible: p,
-    id: c,
-    isMenuColumn: I
-  } = s, R = p === void 0 ? !0 : p, i = I === void 0 ? !1 : I, {
-    skeletonize: a,
-    vertical: f,
-    skeletonInHeader: d,
-    skeletonInRows: j
-  } = w(E), h = j === void 0 ? 10 : j;
-  let l;
-  e[0] !== u ? (l = (k) => (k === void 0 ? !1 : k) ? /* @__PURE__ */ g.jsx(z, { name: "menu4", size: 22 }) : u, e[0] = u, e[1] = l) : l = e[1];
-  const x = l;
-  let r;
-  e[2] !== s ? (r = () => y.omit(s, ["isMenuColumn", "customClass", "children", "textAlign", "visible"]), e[2] = s, e[3] = r) : r = e[3];
-  const C = r;
-  if (!R)
-    return null;
-  let o;
-  e[4] !== C ? (o = C(), e[4] = C, e[5] = o) : o = e[5];
-  const v = `headercolumn ${M} text-align-${b} ${i && "menu-column"}`;
-  let n;
-  e[6] !== x || e[7] !== i || e[8] !== d || e[9] !== h || e[10] !== a || e[11] !== t || e[12] !== f ? (n = a && (d || !h) && !f ? /* @__PURE__ */ g.jsx(A, { height: t && t.height ? void 0 : 16, style: {
-    marginBottom: 0
-  } }) : x(i), e[6] = x, e[7] = i, e[8] = d, e[9] = h, e[10] = a, e[11] = t, e[12] = f, e[13] = n) : n = e[13];
-  let m;
-  return e[14] !== c || e[15] !== t || e[16] !== o || e[17] !== v || e[18] !== n ? (m = /* @__PURE__ */ g.jsx("th", { ...o, id: c, style: t, className: v, children: n }), e[14] = c, e[15] = t, e[16] = o, e[17] = v, e[18] = n, e[19] = m) : m = e[19], m;
-};
-export {
-  D as default
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../node_modules/react/compiler-runtime.js";
+import n from "../icons/index.js";
+import { require_lodash as r } from "../node_modules/lodash/lodash.js";
+import i from "../skeleton/index.js";
+import a from "./helpers.js";
+import { useContext as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/lib/table/HeaderColumn.tsx
+var c = t(), l = /* @__PURE__ */ e(r(), 1), u = (e) => {
+	let t = (0, c.c)(16), { customClass: r, style: u, children: d, textAlign: f, visible: p, id: m, isMenuColumn: h } = e, g = p === void 0 ? !0 : p, _ = h === void 0 ? !1 : h, { skeletonize: v, vertical: y, skeletonInHeader: b, skeletonInRows: x } = o(a), S = x === void 0 ? 10 : x, C;
+	t[0] === d ? C = t[1] : (C = (e) => e !== void 0 && e ? s(n, {
+		name: "menu4",
+		size: 22
+	}) : d, t[0] = d, t[1] = C);
+	let w = C, T;
+	t[2] === e ? T = t[3] : (T = () => l.default.omit(e, [
+		"isMenuColumn",
+		"customClass",
+		"children",
+		"textAlign",
+		"visible"
+	]), t[2] = e, t[3] = T);
+	let E = T;
+	if (!g) return null;
+	let D;
+	return t[4] !== r || t[5] !== w || t[6] !== E || t[7] !== m || t[8] !== _ || t[9] !== b || t[10] !== S || t[11] !== v || t[12] !== u || t[13] !== f || t[14] !== y ? (D = s("th", {
+		...E(),
+		id: m,
+		style: u,
+		className: `headercolumn ${r} text-align-${f} ${_ && "menu-column"}`,
+		children: v && (b || !S) && !y ? s(i, {
+			height: u && u.height ? void 0 : 16,
+			style: { marginBottom: 0 }
+		}) : w(_)
+	}), t[4] = r, t[5] = w, t[6] = E, t[7] = m, t[8] = _, t[9] = b, t[10] = S, t[11] = v, t[12] = u, t[13] = f, t[14] = y, t[15] = D) : D = t[15], D;
 };
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=HeaderColumn.js.map

package/lib/table/HeaderColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderColumn.js","names":[],"sources":["../../src/lib/table/HeaderColumn.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport _ from 'lodash';\nimport Icon from '../icons';\nimport Skeleton from '../skeleton';\nimport TableContext from './helpers';\nimport { ITableHeaderProps } from './types';\n\nconst HeaderColumn = (props: ITableHeaderProps) => {\n  const {\n    customClass, style, children, textAlign, visible = true, id, isMenuColumn = false,\n  } = props;\n  const { skeletonize, vertical, skeletonInHeader, skeletonInRows = 10 } = useContext(TableContext);\n\n  const getChildren = (childrenIsMenuColum = false) => {\n    if (!childrenIsMenuColum) return children;\n    return <Icon name=\"menu4\" size={22} />;\n  };\n\n  const getProps = () => {\n    return _.omit(props, ['isMenuColumn', 'customClass', 'children', 'textAlign', 'visible']);\n  };\n\n  if (!visible) return null;\n\n  return (\n    <th\n      {...getProps()}\n      id={id}\n      style={style}\n      className={`headercolumn ${customClass} text-align-${textAlign} ${isMenuColumn && 'menu-column'}`}>\n      {skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical\n        ? (\n          <Skeleton height={style && style.height ? undefined : 16} style={{ marginBottom: 0 }} />\n          )\n        : getChildren(isMenuColumn)}\n    </th>\n  );\n};\n\nexport default HeaderColumn;\n"],"mappings":";;;;;;;;;4CAOM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,gBAAA,UAAA,aAAA,cAAA,SAAA,GAAA,OAAA,cAAA,MAEI,GADuC,IAAA,MAAA,KAAA,IAAA,KAAA,GAAoB,IAAA,MAAA,KAAA,IAAA,KAAA,GAE/D,EAAA,gBAAA,aAAA,qBAAA,gBAAA,MAAyE,EAAW,EAAa,EAAhD,IAAA,MAAA,KAAA,IAAA,KAAA,GAAiB;AAAA,CAAA,EAAA,OAAA,gBAE5D,KAAA,MAAe,MAAA,KAAA,KAAA,IAEZ,EAAC,GAAD;EAAA,MAAW;EAAA,MAAc;EAAM,CAAA,GADL;CADnC,IAAA,IAAM;0BAKA,UACG,EAAA,QAAA,KAAO,GAAO;EAAC;EAAgB;EAAe;EAAY;EAAa;EAAU,CAAA;CAD1F,IAAA,IAAM;AAIN,KAAI,CAAC,EAAA,QAAgB;CAAA,IAAA;AAad,QAbc,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAGnB,IAAA,EAAC,MAAD;EAAA,GACM,GAAU;EAAA;EAAA;EAAA,WAGH,gBAAgB,EAAA,cAA0B,EAAA,GAAa,KAAA;EAAgB,UACjF,MAAgB,KAAA,CAAqB,MAArC,CAAyD,IAEtD,EAAC,GAAD;GAAA,QAAkB,KAAS,EAAA,SAAT,KAAA,IAAA;GAAoC,OAAW,EAAA,cAAgB,GAAA;GAErE,CAAa,GAAzB,EAAY,EAAA;EACb,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAVL"}

package/lib/table/Row.js

@@ -1,53 +1,48 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as z } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as L } from "react";
-import P, { RowContext as V } from "./helpers.js";
-const G = (g) => {
-  const e = z.c(29), {
-    customClass: C,
-    children: f,
-    rowId: o,
-    dataId: t,
-    onClick: r,
-    height: p,
-    style: u,
-    onMouseEnter: h,
-    onMouseLeave: R,
-    rowBorder: T,
-    divider: j,
-    dividerTitle: d,
-    dividerStyle: n,
-    dividerColor: b,
-    dividerColSpan: E
-  } = g, k = T === void 0 ? !0 : T, c = b === void 0 ? "info" : b, a = E === void 0 ? 2 : E, {
-    selectedRowId: S,
-    handleSelectRow: v,
-    handleTableRowClick: m,
-    handleTableColClick: y,
-    vertical: i,
-    skeletonize: I,
-    skeletonInRows: B
-  } = L(P), $ = B === void 0 ? 10 : B;
-  let w;
-  e[0] !== t || e[1] !== y || e[2] !== k || e[3] !== $ || e[4] !== I || e[5] !== i ? (w = {
-    dataId: t,
-    rowBorder: k,
-    handleTableColClick: y,
-    vertical: i,
-    skeletonize: I,
-    skeletonInRows: $
-  }, e[0] = t, e[1] = y, e[2] = k, e[3] = $, e[4] = I, e[5] = i, e[6] = w) : w = e[6];
-  const N = w;
-  let l;
-  e[7] !== f || e[8] !== C || e[9] !== t || e[10] !== j || e[11] !== a || e[12] !== c || e[13] !== n || e[14] !== d || e[15] !== v || e[16] !== m || e[17] !== p || e[18] !== r || e[19] !== h || e[20] !== R || e[21] !== o || e[22] !== S || e[23] !== u || e[24] !== i ? (l = j ? /* @__PURE__ */ s.jsx("tr", { className: "trow trow-divider", children: i ? /* @__PURE__ */ s.jsx("th", { colSpan: a, className: `-divider -${c}`, style: n, children: d || "" }) : /* @__PURE__ */ s.jsx("td", { colSpan: a, className: `-divider -${c}`, style: n, children: d || "" }) }) : /* @__PURE__ */ s.jsx("tr", { onMouseEnter: h, onMouseLeave: R, className: `trow ${C} ${o && S === o ? "-selected" : ""}`, onClick: (M) => {
-    v && (o !== void 0 || o !== null) && v(o), m && m(M, t), r && r(M, t);
-  }, id: o, style: {
-    ...u,
-    height: p
-  }, children: f }), e[7] = f, e[8] = C, e[9] = t, e[10] = j, e[11] = a, e[12] = c, e[13] = n, e[14] = d, e[15] = v, e[16] = m, e[17] = p, e[18] = r, e[19] = h, e[20] = R, e[21] = o, e[22] = S, e[23] = u, e[24] = i, e[25] = l) : l = e[25];
-  let x;
-  return e[26] !== N || e[27] !== l ? (x = /* @__PURE__ */ s.jsx(V.Provider, { value: N, children: l }), e[26] = N, e[27] = l, e[28] = x) : x = e[28], x;
-};
-export {
-  G as default
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t, { RowContext as n } from "./helpers.js";
+import { useContext as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/lib/table/Row.tsx
+var a = e(), o = (e) => {
+	let o = (0, a.c)(23), { customClass: s, children: c, rowId: l, dataId: u, onClick: d, height: f, style: p, onMouseEnter: m, onMouseLeave: h, rowBorder: g, divider: _, dividerTitle: v, dividerStyle: y, dividerColor: b, dividerColSpan: x } = e, S = g === void 0 ? !0 : g, C = b === void 0 ? "info" : b, w = x === void 0 ? 2 : x, { selectedRowId: T, handleSelectRow: E, handleTableRowClick: D, handleTableColClick: O, vertical: k, skeletonize: A, skeletonInRows: j } = r(t), M = j === void 0 ? 10 : j, N;
+	if (o[0] !== c || o[1] !== s || o[2] !== u || o[3] !== _ || o[4] !== w || o[5] !== C || o[6] !== y || o[7] !== v || o[8] !== E || o[9] !== O || o[10] !== D || o[11] !== f || o[12] !== d || o[13] !== m || o[14] !== h || o[15] !== S || o[16] !== l || o[17] !== T || o[18] !== M || o[19] !== A || o[20] !== p || o[21] !== k) {
+		let e = {
+			dataId: u,
+			rowBorder: S,
+			handleTableColClick: O,
+			vertical: k,
+			skeletonize: A,
+			skeletonInRows: M
+		};
+		N = i(n.Provider, {
+			value: e,
+			children: _ ? i("tr", {
+				className: "trow trow-divider",
+				children: i(k ? "th" : "td", {
+					colSpan: w,
+					className: `-divider -${C}`,
+					style: y,
+					children: v || ""
+				})
+			}) : i("tr", {
+				onMouseEnter: m,
+				onMouseLeave: h,
+				className: `trow ${s} ${l && T === l ? "-selected" : ""}`,
+				onClick: (e) => {
+					E && (l !== void 0 || l !== null) && E(l), D && D(e, u), d && d(e, u);
+				},
+				id: l,
+				style: {
+					...p,
+					height: f
+				},
+				children: c
+			})
+		}), o[0] = c, o[1] = s, o[2] = u, o[3] = _, o[4] = w, o[5] = C, o[6] = y, o[7] = v, o[8] = E, o[9] = O, o[10] = D, o[11] = f, o[12] = d, o[13] = m, o[14] = h, o[15] = S, o[16] = l, o[17] = T, o[18] = M, o[19] = A, o[20] = p, o[21] = k, o[22] = N;
+	} else N = o[22];
+	return N;
 };
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=Row.js.map

package/lib/table/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","names":[],"sources":["../../src/lib/table/Row.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport TableContext, { RowContext } from './helpers';\nimport { ITableRowProps } from './types';\n\nconst Row = (props: ITableRowProps) => {\n  const {\n    customClass,\n    children,\n    rowId,\n    dataId,\n    onClick,\n    height,\n    style,\n    onMouseEnter,\n    onMouseLeave,\n    rowBorder = true,\n    divider,\n    dividerTitle,\n    dividerStyle,\n    dividerColor = 'info',\n    dividerColSpan = 2,\n  } = props;\n  const {\n    selectedRowId, handleSelectRow, handleTableRowClick, handleTableColClick, vertical, skeletonize,\n    skeletonInRows = 10,\n  } = useContext(TableContext);\n  const contextValues = {\n    dataId, rowBorder, handleTableColClick, vertical, skeletonize, skeletonInRows,\n  };\n\n  return (\n    <RowContext.Provider value={contextValues}>\n      {\n        !divider\n          ? (\n            <tr\n              onMouseEnter={onMouseEnter}\n              onMouseLeave={onMouseLeave}\n              className={`trow ${customClass} ${rowId && selectedRowId === rowId ? '-selected' : ''}`}\n              onClick={(e) => {\n                if (handleSelectRow &&\n                (rowId !== undefined || rowId !== null)) handleSelectRow(rowId);\n                if (handleTableRowClick) handleTableRowClick(e, dataId);\n                if (onClick) onClick(e, dataId);\n              }}\n              id={rowId}\n              style={{ ...style, height }}>\n              {children}\n            </tr>\n            )\n          : (\n            <tr className=\"trow trow-divider\">\n              {vertical\n                ? (\n                  <th colSpan={dividerColSpan} className={`-divider -${dividerColor}`} style={dividerStyle}>\n                    {dividerTitle || ''}\n                  </th>\n                  )\n                : (\n                  <td colSpan={dividerColSpan} className={`-divider -${dividerColor}`} style={dividerStyle}>\n                    {dividerTitle || ''}\n                  </td>\n                  )}\n            </tr>\n            )\n      }\n    </RowContext.Provider>\n  );\n};\n\nexport default Row;\n"],"mappings":";;;;;aAIM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,gBAAA,aAAA,UAAA,WAAA,YAAA,WAAA,UAAA,iBAAA,iBAAA,WAAA,GAAA,YAAA,iBAAA,iBAAA,cAAA,GAAA,gBAAA,MAgBI,GANF,IAAA,MAAA,KAAA,IAAA,KAAA,GAIA,IAAA,MAAA,KAAA,IAAA,SAAA,GACA,IAAA,MAAA,KAAA,IAAA,IAAA,GAEF,EAAA,kBAAA,oBAAA,wBAAA,wBAAA,aAAA,gBAAA,gBAAA,MAGI,EAAW,EAAa,EAD1B,IAAA,MAAA,KAAA,IAAA,KAAA,GAAiB;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,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,GAAA;EAEnB,IAAA,IAAsB;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAErB;AAsCuB,EAnCtB,IAAA,EAAC,EAAA,UAAD;GAAA,OAA4B;GAAA,UAEvB,IAkBG,EAAC,MAAD;IAAA,WAAc;IAAA,UAGR,EAFH,IAEI,OAKA,MALD;KAAA,SAAa;KAAA,WAA2B,aAAa;KAAA,OAAuB;KAAA,UACzE,KAAA;KAME,CAAA;IAEN,CAAA,GA5BL,EAAC,MAAD;IAAA;IAAA;IAAA,WAGa,QAAQ,EAAA,GAAe,KAAS,MAAkB,IAA3B,cAAA;IAAiD,UACnF,MAAA;AAIE,KAHI,MACH,MAAU,KAAA,KAAa,MAAU,SAAO,EAAgB,EAAM,EAC3D,KAAqB,EAAoB,GAAG,EAAO,EACnD,KAAS,EAAQ,GAAG,EAAO;;QAE7B;IAAA,OACG;KAAA,GAAK;KAAA;KAAe;IAAA;IAiBxB,CAAA;GAGS,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,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA;OAAA,KAAA,EAAA;AAAA,QAnCtB"}

package/lib/table/RowColumn.js

@@ -1,58 +1,48 @@
-import { j as y } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as S } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as B } from "react";
-import I from "../skeleton/index.js";
-import { RowContext as M } from "./helpers.js";
-function N(e, {
-  ignoreTableColClick: t,
-  handleTableColClick: c,
-  onClick: n,
-  dataId: r
-}) {
-  if (!t) {
-    if (n)
-      return n(e, r);
-    if (c)
-      return c(e, r);
-  }
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "../skeleton/index.js";
+import { RowContext as n } from "./helpers.js";
+import { useContext as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/lib/table/RowColumn.tsx
+var a = e();
+function o(e, { ignoreTableColClick: t, handleTableColClick: n, onClick: r, dataId: i }) {
+	if (!t) {
+		if (r) return r(e, i);
+		if (n) return n(e, i);
+	}
 }
-const z = {
-  never: "hidden",
-  onRowHover: "rowhover"
-}, G = (e) => {
-  const t = S.c(18), {
-    customClass: c,
-    style: n,
-    displayContent: r,
-    textAlign: g,
-    visible: R,
-    rowSpan: u,
-    colSpan: v,
-    children: m,
-    isMenuColumn: h
-  } = e, i = r === void 0 ? "always" : r, j = R === void 0 ? !0 : R, k = h === void 0 ? !1 : h, l = B(M), {
-    skeletonize: a,
-    vertical: d,
-    skeletonInRows: $
-  } = l, b = $ === void 0 ? 10 : $, w = i !== "always";
-  let f;
-  t[0] !== m || t[1] !== i || t[2] !== w || t[3] !== a || t[4] !== d ? (f = () => a && d ? /* @__PURE__ */ y.jsx(I, { height: 16, style: {
-    marginBottom: 0
-  } }) : w && i ? /* @__PURE__ */ y.jsx("span", { className: z[i], children: m }) : m, t[0] = m, t[1] = i, t[2] = w, t[3] = a, t[4] = d, t[5] = f) : f = t[5];
-  const p = f;
-  if (!j || a && !b && !d)
-    return null;
-  const C = `rowcolumn ${c} text-align-${g} ${!l.rowBorder && " -noborder"} ${u ? "" : " -norowspan"} ${k && "menu-column"}`;
-  let o;
-  t[6] !== l || t[7] !== e ? (o = (E) => N(E, {
-    ...l,
-    ...e
-  }), t[6] = l, t[7] = e, t[8] = o) : o = t[8];
-  let s;
-  t[9] !== p ? (s = p(), t[9] = p, t[10] = s) : s = t[10];
-  let x;
-  return t[11] !== v || t[12] !== u || t[13] !== n || t[14] !== C || t[15] !== o || t[16] !== s ? (x = /* @__PURE__ */ y.jsx("td", { rowSpan: u, colSpan: v, className: C, style: n, onClick: o, role: "presentation", tabIndex: -1, children: s }), t[11] = v, t[12] = u, t[13] = n, t[14] = C, t[15] = o, t[16] = s, t[17] = x) : x = t[17], x;
-};
-export {
-  G as default
+var s = {
+	never: "hidden",
+	onRowHover: "rowhover"
+}, c = (e) => {
+	let c = (0, a.c)(16), { customClass: l, style: u, displayContent: d, textAlign: f, visible: p, rowSpan: m, colSpan: h, children: g, isMenuColumn: _ } = e, v = d === void 0 ? "always" : d, y = p === void 0 ? !0 : p, b = _ === void 0 ? !1 : _, x = r(n), { skeletonize: S, vertical: C, skeletonInRows: w } = x, T = w === void 0 ? 10 : w, E = v !== "always", D;
+	c[0] !== g || c[1] !== v || c[2] !== E || c[3] !== S || c[4] !== C ? (D = () => S && C ? i(t, {
+		height: 16,
+		style: { marginBottom: 0 }
+	}) : E && v ? i("span", {
+		className: s[v],
+		children: g
+	}) : g, c[0] = g, c[1] = v, c[2] = E, c[3] = S, c[4] = C, c[5] = D) : D = c[5];
+	let O = D;
+	if (!y || S && !T && !C) return null;
+	let k = `rowcolumn ${l} text-align-${f} ${!x.rowBorder && " -noborder"} ${m ? "" : " -norowspan"} ${b && "menu-column"}`, A;
+	c[6] !== x || c[7] !== e ? (A = (t) => o(t, {
+		...x,
+		...e
+	}), c[6] = x, c[7] = e, c[8] = A) : A = c[8];
+	let j;
+	return c[9] !== h || c[10] !== O || c[11] !== m || c[12] !== u || c[13] !== k || c[14] !== A ? (j = i("td", {
+		rowSpan: m,
+		colSpan: h,
+		className: k,
+		style: u,
+		onClick: A,
+		role: "presentation",
+		tabIndex: -1,
+		children: O()
+	}), c[9] = h, c[10] = O, c[11] = m, c[12] = u, c[13] = k, c[14] = A, c[15] = j) : j = c[15], j;
 };
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=RowColumn.js.map

package/lib/table/RowColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowColumn.js","names":[],"sources":["../../src/lib/table/RowColumn.tsx"],"sourcesContent":["import { MouseEvent, useCallback, useContext } from 'react';\nimport Skeleton from '../skeleton';\nimport { RowContext } from './helpers';\nimport { ITableRowContext, ITableRowProps } from './types';\n\nfunction getColClickEvent(event: MouseEvent, {\n  ignoreTableColClick,\n  handleTableColClick,\n  onClick,\n  dataId,\n}: ITableRowProps) {\n  if (ignoreTableColClick) return undefined;\n  if (onClick) {\n    return onClick(event, dataId);\n  } else if (handleTableColClick) {\n    return handleTableColClick(event, dataId);\n  }\n  return undefined;\n}\n\nconst displayClass = { never: 'hidden', onRowHover: 'rowhover' };\n\nconst RowColumn = (props: ITableRowProps) => {\n  const {\n    customClass, style, displayContent = 'always', textAlign, visible = true, rowSpan, colSpan, children, isMenuColumn = false,\n  } = props;\n  const context = useContext(RowContext);\n  const { skeletonize, vertical, skeletonInRows = 10 }: ITableRowContext = context;\n  const hiddenContent = displayContent !== 'always';\n\n  const renderContent = useCallback(() => {\n    if (skeletonize && vertical) {\n      return <Skeleton height={16} style={{ marginBottom: 0 }} />;\n    }\n    return hiddenContent && displayContent\n      ? (\n        <span className={displayClass[displayContent]}>\n          {children}\n        </span>\n        )\n      : children;\n  }, [skeletonize, vertical, children, displayContent, hiddenContent, displayClass]);\n\n  if (!visible) return null;\n\n  if (skeletonize && !skeletonInRows && !vertical) return null;\n\n  return (\n    <td\n      rowSpan={rowSpan}\n      colSpan={colSpan}\n      className={`rowcolumn ${customClass} text-align-${textAlign} ${!context.rowBorder && ' -noborder'} ${!rowSpan ? ' -norowspan' : ''} ${isMenuColumn && 'menu-column'}`}\n      style={style}\n      onClick={e => getColClickEvent(e, { ...context, ...props })}\n      role=\"presentation\"\n      tabIndex={-1}>\n      {renderContent()}\n    </td>\n  );\n};\n\nexport default RowColumn;\n"],"mappings":";;;;;;;AAKA,SAAS,EAAiB,GAAmB,EAC3C,wBACA,wBACA,YACA,aACiB;AACb,SACJ;MAAI,EACF,QAAO,EAAQ,GAAO,EAAO;MACpB,EACT,QAAO,EAAoB,GAAO,EAAO;;;AAK7C,IAAM,IAAe;CAAE,OAAO;CAAU,YAAY;CAAY,EAE1D,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,gBAAA,UAAA,gBAAA,GAAA,cAAA,SAAA,GAAA,YAAA,YAAA,aAAA,cAAA,MAEI,GADkB,IAAA,MAAA,KAAA,IAAA,WAAA,GAAsC,IAAA,MAAA,KAAA,IAAA,KAAA,GAA4C,IAAA,MAAA,KAAA,IAAA,KAAA,GAExG,IAAgB,EAAW,EAAW,EACtC,EAAA,gBAAA,aAAA,gBAAA,MAAyE,GAA1C,IAAA,MAAA,KAAA,IAAA,KAAA,GAC/B,IAAsB,MAAmB,UAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEnB,UAChB,KAAA,IACK,EAAC,GAAD;EAAA,QAAkB;EAAA,OAAW,EAAA,cAAgB,GAAA;EAAO,CAAA,GAEtD,KAAA,IAEH,EAAC,QAAD;EAAA,WAAiB,EAAa;EAAA;EAI9B,CAAA,GANG;CAJT,IAAA,IAAsB;AAetB,KAFI,CAAC,KAED,KAAA,CAAgB,KAAhB,CAAmC,EAAA,QAAiB;CAMzC,IAAA,IAAA,aAAa,EAAA,cAA0B,EAAA,GAAa,CAAC,EAAA,aAAD,aAAsB,GAAiB,IAAD,KAAA,cAA2B,GAAM,KAAA,iBAAgB;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEtJ,KAAA,MAAc,EAAiB,GAAG;EAAA,GAAK;EAAA,GAAY;EAAO,CAAC,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;AAIxD,QAJwD,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAL7D,IAAA,EAAC,MAAD;EAAA;EAAA;EAAA,WAGa;EAA2I;EAAA,SAEtJ;EAA2D,MACtD;EAAA,UACK;EAAC,UACV,GAAA;EACE,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KATL"}

package/lib/table/helpers.d.ts

@@ -1,7 +1,6 @@
-import { default as React } from 'react';
 import { ITableContext, ITableRowContext } from './types';
-declare const TableContext: React.Context<ITableContext>;
-declare const RowContext: React.Context<ITableRowContext>;
+declare const TableContext: import('react').Context<ITableContext>;
+declare const RowContext: import('react').Context<ITableRowContext>;
 declare const getArrayFromNumber: (number: number) => number[];
 export default TableContext;
 export { RowContext, getArrayFromNumber };

package/lib/table/helpers.js

@@ -1,9 +1,7 @@
-import t from "react";
-const n = t.createContext({}), c = t.createContext({}), m = (e) => Array.from({
-  length: e
-}, (r, o) => o + 1);
-export {
-  c as RowContext,
-  n as default,
-  m as getArrayFromNumber
-};
+import { createContext as e } from "react";
+//#region src/lib/table/helpers.ts
+var t = e({}), n = e({}), r = (e) => Array.from({ length: e }, (e, t) => t + 1);
+//#endregion
+export { n as RowContext, t as default, r as getArrayFromNumber };
+
+//# sourceMappingURL=helpers.js.map

package/lib/table/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/lib/table/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ITableContext, ITableRowContext } from './types';\n\nconst TableContext = createContext({} as ITableContext);\nconst RowContext = createContext({} as ITableRowContext);\n\nconst getArrayFromNumber = (number: number) =>\n  Array.from({ length: number }, (_, i) => i + 1);\n\nexport default TableContext;\nexport { RowContext, getArrayFromNumber };\n"],"mappings":";;AAGA,IAAM,IAAe,EAAc,EAAE,CAAkB,EACjD,IAAa,EAAc,EAAE,CAAqB,EAElD,KAAsB,MAC1B,MAAM,KAAK,EAAE,QAAQ,GAAQ,GAAG,GAAG,MAAM,IAAI,EAAE"}