linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.2

package/lib/table/Body.js

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

package/lib/table/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","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"],"names":["renderChildren","children","columnsCount","vertical","skeletonize","skeletonInRows","skeletonHeight","columnsWidth","rows","getArrayFromNumber","columns","map","index","jsx","TRow","id","Td","width","Skeleton","TableBody","t0","$","_c","customClass","context","useContext","TableContext","bodyScrollable","bodyContainerRef","t1","strict","isSkeletonized","undefined","t2","contain"],"mappings":";;;;;;;;;AAMA,MAAMA,IAAiBA,CACrBC,GACA;AAAA,EACEC,cAAAA;AAAAA,EAAcC,UAAAA;AAAAA,EAAUC,aAAAA;AAAAA,EAAaC,gBAAAA,IAAiB;AAAA,EAAIC,gBAAAA,IAAiB;AAAA,EAC3EC,cAAAA;AACa,MACZ;AACH,MAAIH,KAAe,CAACD,KAAYD,KAAgBG,GAAgB;AAC9D,UAAMG,IAAOC,EAAmBJ,CAAc,GACxCK,IAAUD,EAAmBP,CAAY;AAW/C,WATEM,EAAKG,IAAI,CAACC,MACR,gBAAAC,EAACC,GAAA,EAAK,aAAY,gBACfJ,YAAQC,IAAI,CAACI,MACZ,gBAAAF,EAACG,KAAG,OAAO;AAAA,MAAEC,OAAOV,IAAeQ,IAAK,CAAC;AAAA,IAAA,GACvC,UAAA,gBAAAF,EAACK,GAAA,EAAS,QAAQZ,GAAe,KADgBS,CAEnD,CACD,EAAA,GALmCH,CAMtC,CACD;AAAA,EAEL;AACA,SAAOX;AACT,GAEMkB,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAArB,UAAAA;AAAAA,IAAAsB,aAAAA;AAAAA,EAAAA,IAAAH,GACjBI,IAAgBC,EAAWC,CAAY,GACvC;AAAA,IAAAC,gBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAxB,aAAAA;AAAAA,IAAAC,gBAAAwB;AAAAA,IAAAC,QAAAA;AAAAA,IAAA3B,UAAAA;AAAAA,IAAAD,cAAAA;AAAAA,EAAAA,IAQIsB,GACJO,IAAuB,CAAC,EAAE3B,KAAA,CAAgBD,MALxC0B,MAAAG,SAAA,KAAAH,MAKwB3B;AAA4D,MAAA+B;AAAA,SAAAZ,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAApB,KAAAoB,SAAAG,KAAAH,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAS,KAGpFG,IAAAN,IAEI,gBAAAd,EAAA,OAAA,EACY,WAAA,iBACLe,KAAAA,GACL,UAAA,gBAAAf,EAAA,SAAA,EACY,WAAA,cACH,OAAA;AAAA,IAAAqB,SACIJ,IAAA,WAAA;AAAA,EAAA,GAEX,UAAA,gBAAAjB,EAAA,SAAA,EACa,WAAA,SAASkB,IAAA,0BAAA,EAA6C,IAAIR,CAAW,IAC/EvB,UAAAA,EAAeC,GAAUuB,CAAO,EAAA,CACnC,EAAA,CACF,EAAA,CACF,IAGA,gBAAAX,EAAA,SAAA,EAAkB,WAAA,SAASkB,IAAA,0BAAA,EAA6C,IAAIR,CAAW,IACpFvB,UAAAA,EAAeC,GAAUuB,CAAO,GACnC,GACCH,OAAAO,GAAAP,OAAAM,GAAAN,OAAApB,GAAAoB,OAAAG,GAAAH,OAAAE,GAAAF,OAAAU,GAAAV,OAAAS,GAAAT,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GArBLY;AAqBK;"}

package/lib/table/Header.d.ts

@@ -0,0 +1,3 @@
+import { ITableHeaderProps } from './types';
+declare const Header: ({ customClass, children }: ITableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/lib/table/Header.js

@@ -0,0 +1,53 @@
+import { jsx as d } from "react/jsx-runtime";
+import { c as y } from "../_virtual/compiler-runtime.js";
+import { useContext as C, useRef as E, useEffect as b, isValidElement as u } from "react";
+import l from "../_virtual/lodash.js";
+import g from "./helpers.js";
+const x = (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));
+}, S = (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;
+}, _ = (r) => {
+  const s = y.c(10), {
+    customClass: t,
+    children: o
+  } = r, {
+    bodyScrollWidth: e,
+    bodyScrollable: i,
+    handlerSetColumnsWidth: c,
+    handlerSetColumnsCount: n
+  } = C(g), m = E(0);
+  let p;
+  s[0] !== o || s[1] !== n || s[2] !== c ? (p = () => {
+    o && c && n && (c(x(o)), n(S(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], b(p, a);
+  let f;
+  return s[5] !== e || s[6] !== i || s[7] !== o || s[8] !== t ? (f = i ? /* @__PURE__ */ d("div", { className: "headercontainer", style: {
+    paddingRight: e
+  }, children: /* @__PURE__ */ d("table", { className: "innertable", style: {
+    tableLayout: "fixed"
+  }, children: /* @__PURE__ */ d("thead", { className: `theader ${t}`, children: o }) }) }) : /* @__PURE__ */ d("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 {
+  _ as default
+};
+//# sourceMappingURL=Header.js.map

package/lib/table/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","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"],"names":["getColumnsWidth","children","columnsWidth","isValidElement","props","columns","_","isArray","forEach","element","colWidth","elementArray","style","width","push","countColumnsFromChildren","columnsCount","count","elementProps","child","current","length","getColumnsCount","childrenFormatted","Header","t0","$","_c","customClass","bodyScrollWidth","bodyScrollable","handlerSetColumnsWidth","handlerSetColumnsCount","useContext","TableContext","useRef","t1","t2","Symbol","for","useEffect","t3","jsx","paddingRight","tableLayout"],"mappings":";;;;;AAKA,MAAMA,IAAkBA,CAACC,MAAwB;AAC/C,QAAMC,IAAgD,CAAA;AACtD,MAAIC,EAAeF,CAAQ,KAAKA,EAASG,OAAO;AAE9C,QAAIC,IADkBJ,EAASG,MACHH;AAC5B,IAAKK,EAAEC,QAAQF,CAAO,MAAGA,IAAU,CAACA,CAAO,IAC3CA,EAAQG,QAAQ,CAACC,MAA0B;AACzC,UAAIC,IAA4B;AAChC,MAAIJ,EAAEC,QAAQE,CAAO,IACnBA,EAAQD,QAAQ,CAACG,MAA+B;AAC9C,QAAIA,KAAgBA,EAAaP,UAC/BM,IAAWC,EAAaP,OAAOQ,OAAOC,QAExCX,EAAaY,KAAKJ,CAAQ;AAAA,MAC5B,CAAC,IACQD,KAAWA,EAAQL,UAC5BM,IAAWD,EAAQL,OAAOQ,OAAOC,OACjCX,EAAaY,KAAKJ,CAAQ;AAAA,IAE9B,CAAC;AAAA,EACH;AACA,SAAOR;AACT,GAEMa,IAA2BA,CAC/BN,GACAO,MACG;AACH,QAAMC,IAAQD;AACd,MAAIb,EAAeM,CAAO,GAAG;AAC3B,UAAMS,IAAeT,EAAQL;AAC7B,IAAIE,EAAEC,QAAQW,GAAcjB,QAAQ,IACXQ,EAAQL,MAChBH,SAASO,QAAQW,CAAAA,MAASJ,EAAyBI,GAAOF,CAAK,CAAC,IACtER,MACTQ,EAAMG,WAAW;AAAA,EAErB,OAAWd,EAAEC,QAAQE,CAAO,KAAKA,EAAQY,SAAS,KAChDZ,EAAQD,QAAQW,CAAAA,MAASJ,EAAyBI,GAAOF,CAAK,CAAC;AAEnE,GAEMK,IAAkBA,CAACrB,GAAqBe,MAA2C;AACvF,QAAMO,IAAoBtB;AAC1B,SAAIK,EAAEC,QAAQN,CAAQ,KAAKA,EAASoB,SAAS,KAAKpB,EAAS,CAAC,EAAEG,QAC5DW,EAAyBd,EAAS,CAAC,EAAEG,MAAMH,UAAUe,CAAY,IACxDb,EAAeF,CAAQ,KAAKA,EAASG,SAASmB,GAAmBnB,OAAOH,YACjFc,EAAyBQ,GAAmBnB,OAAOH,UAAUe,CAAY,GAEpEA,EAAaI;AACtB,GAEMI,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,aAAAA;AAAAA,IAAA3B,UAAAA;AAAAA,EAAAA,IAAAwB,GACd;AAAA,IAAAI,iBAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,wBAAAA;AAAAA,IAAAC,wBAAAA;AAAAA,EAAAA,IAEIC,EAAWC,CAAY,GAC3BlB,IAAqBmB,EAAO,CAAC;AAAE,MAAAC;AAAA,EAAAV,EAAA,CAAA,MAAAzB,KAAAyB,SAAAM,KAAAN,EAAA,CAAA,MAAAK,KAErBK,IAAAA,MAAA;AACR,IAAInC,KAAA8B,KAAAC,MACFD,EAAuB/B,EAAgBC,CAAQ,CAAC,GAChD+B,EAAuBV,EAAgBrB,GAAUe,CAAY,CAAC;AAAA,EAC/D,GACFU,OAAAzB,GAAAyB,OAAAM,GAAAN,OAAAK,GAAAL,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAY,OAAAC,IAAA,2BAAA,KAAEF,IAAA,CAAA,GAAEX,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GALLc,EAAUJ,GAKPC,CAAE;AAAC,MAAAI;AAAA,SAAAf,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAzB,KAAAyB,SAAAE,KAGJa,IAAAX,IAEI,gBAAAY,EAAA,OAAA,EAAe,WAAA,mBAAyB,OAAA;AAAA,IAAAC,cAAgBd;AAAAA,EAAAA,GACtD,UAAA,gBAAAa,aAAiB,WAAA,cAAoB,OAAA;AAAA,IAAAE,aAAe;AAAA,EAAA,GAClD,UAAA,gBAAAF,EAAA,SAAA,EAAkB,WAAA,WAAWd,CAAW,IAAK3B,UAAAA,EAAAA,CAAS,EAAA,CACxD,GACF,IAGA,gBAAAyC,EAAA,SAAA,EAAkB,WAAA,WAAWd,CAAW,IAAK3B,UAAAA,GAAS,GACrDyB,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAzB,GAAAyB,OAAAE,GAAAF,OAAAe,KAAAA,IAAAf,EAAA,CAAA,GAVLe;AAUK;"}

package/lib/table/HeaderColumn.d.ts

@@ -0,0 +1,3 @@
+import { ITableHeaderProps } from './types';
+declare const HeaderColumn: (props: ITableHeaderProps) => import("react/jsx-runtime").JSX.Element | null;
+export default HeaderColumn;

package/lib/table/HeaderColumn.js

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

package/lib/table/HeaderColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderColumn.js","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"],"names":["HeaderColumn","props","$","_c","customClass","style","children","textAlign","visible","t0","id","isMenuColumn","t1","undefined","skeletonize","vertical","skeletonInHeader","skeletonInRows","t2","useContext","TableContext","t3","t4","jsx","Icon","getChildren","_","omit","getProps","t5","t6","t7","Skeleton","height","marginBottom","t8"],"mappings":";;;;;;;AAOA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACnB;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,cAAAC;AAAAA,EAAAA,IAEIX,GADuCO,IAAAC,MAAAI,SAAA,KAAAJ,GAAoBE,IAAAC,MAAAC,SAAA,KAAAD,GAE/D;AAAA,IAAAE,aAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,gBAAAC;AAAAA,EAAAA,IAAyEC,EAAWC,CAAY,GAA/CH,IAAAC,MAAAL,SAAA,KAAAK;AAAmB,MAAAG;AAAA,EAAAnB,SAAAI,KAEhDe,IAAAC,CAAAA,OAACA,MAAAT,SAAA,KAAAS,KAEZ,gBAAAC,EAACC,GAAA,EAAU,MAAA,SAAc,MAAA,IAAE,IADDlB,GAElCJ,OAAAI,GAAAJ,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAHD,QAAAuB,IAAoBJ;AAGlB,MAAAC;AAAA,EAAApB,SAAAD,KAEeqB,IAAAA,MACRI,EAACC,KAAM1B,GAAO,CAAC,gBAAgB,eAAe,YAAY,aAAa,SAAS,CAAC,GACzFC,OAAAD,GAAAC,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AAFD,QAAA0B,IAAiBN;AAIjB,MAAI,CAACd;AAAO,WAAS;AAAK,MAAAqB;AAAA,EAAA3B,SAAA0B,KAIlBC,IAAAD,EAAAA,GAAU1B,OAAA0B,GAAA1B,OAAA2B,KAAAA,IAAA3B,EAAA,CAAA;AAGH,QAAA4B,oBAAgB1B,CAAW,eAAeG,CAAS,IAAII,KAAA,aAA6B;AAAE,MAAAoB;AAAA,EAAA7B,EAAA,CAAA,MAAAuB,KAAAvB,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAc,KAAAd,SAAAe,KAAAf,EAAA,EAAA,MAAAY,KAAAZ,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAa,KAChGgB,IAAAjB,MAAgBE,KAAA,CAAqBC,MAArC,CAAyDF,IAEtD,gBAAAQ,EAACS,GAAA,EAAiB,QAAA3B,KAASA,EAAK4B,SAAdpB,SAAA,IAA+C,OAAA;AAAA,IAAAqB,cAAgB;AAAA,EAAA,GAAG,IAEpFT,EAAYd,CAAY,GAACT,OAAAuB,GAAAvB,OAAAS,GAAAT,OAAAc,GAAAd,OAAAe,GAAAf,QAAAY,GAAAZ,QAAAG,GAAAH,QAAAa,GAAAb,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA;AAAA,MAAAiC;AAAA,SAAAjC,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAA2B,KAAA3B,EAAA,EAAA,MAAA4B,KAAA5B,UAAA6B,KAT/BI,IAAA,gBAAAZ,EAAA,QAUK,GATCM,GACAnB,IAAAA,GACGL,OAAAA,GACI,WAAAyB,GACVC,UAAAA,EAAAA,CAKH,GAAK7B,QAAAQ,GAAAR,QAAAG,GAAAH,QAAA2B,GAAA3B,QAAA4B,GAAA5B,QAAA6B,GAAA7B,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA,GAVLiC;AAUK;"}

package/lib/table/Row.d.ts

@@ -0,0 +1,3 @@
+import { ITableRowProps } from './types';
+declare const Row: (props: ITableRowProps) => import("react/jsx-runtime").JSX.Element;
+export default Row;

package/lib/table/Row.js

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

package/lib/table/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","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"],"names":["Row","props","$","_c","customClass","children","rowId","dataId","onClick","height","style","onMouseEnter","onMouseLeave","rowBorder","t0","divider","dividerTitle","dividerStyle","dividerColor","t1","dividerColSpan","t2","undefined","selectedRowId","handleSelectRow","handleTableRowClick","handleTableColClick","vertical","skeletonize","skeletonInRows","t3","useContext","TableContext","t4","contextValues","t5","jsx","e","t6","RowContext"],"mappings":"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"}

package/lib/table/RowColumn.d.ts

@@ -0,0 +1,3 @@
+import { ITableRowProps } from './types';
+declare const RowColumn: (props: ITableRowProps) => import("react/jsx-runtime").JSX.Element | null;
+export default RowColumn;

package/lib/table/RowColumn.js

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

package/lib/table/RowColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowColumn.js","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"],"names":["getColClickEvent","event","ignoreTableColClick","handleTableColClick","onClick","dataId","displayClass","never","onRowHover","RowColumn","props","$","_c","customClass","style","displayContent","t0","textAlign","visible","t1","rowSpan","colSpan","children","isMenuColumn","t2","undefined","context","useContext","RowContext","skeletonize","vertical","skeletonInRows","t3","hiddenContent","t4","jsx","Skeleton","marginBottom","renderContent","t5","rowBorder","t6","e","t7","t8"],"mappings":";;;;;AAKA,SAASA,EAAiBC,GAAmB;AAAA,EAC3CC,qBAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,QAAAA;AACc,GAAG;AACjB,MAAIH,CAAAA,GACJ;AAAA,QAAIE;AACF,aAAOA,EAAQH,GAAOI,CAAM;QACnBF;AACT,aAAOA,EAAoBF,GAAOI,CAAM;AAAA;AAG5C;AAEA,MAAMC,IAAe;AAAA,EAAEC,OAAO;AAAA,EAAUC,YAAY;AAAW,GAEzDC,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAChB;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,gBAAAC;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,cAAAC;AAAAA,EAAAA,IAEId,GADkBK,IAAAC,MAAAS,SAAA,WAAAT,GAAsCE,IAAAC,MAAAM,SAAA,KAAAN,GAA4CI,IAAAC,MAAAC,SAAA,KAAAD,GAExGE,IAAgBC,EAAWC,CAAU,GACrC;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,gBAAAC;AAAAA,EAAAA,IAAyEN,GAA1CK,IAAAC,MAAAP,SAAA,KAAAO,GAC/BC,IAAsBlB,MAAmB;AAAS,MAAAmB;AAAA,EAAAvB,EAAA,CAAA,MAAAW,KAAAX,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAsB,KAAAtB,EAAA,CAAA,MAAAkB,KAAAlB,SAAAmB,KAEhBI,IAAAA,MAC5BL,KAAAC,IACK,gBAAAK,EAACC,GAAA,EAAiB,QAAA,IAAW,OAAA;AAAA,IAAAC,cAAgB;AAAA,EAAA,GAAG,IAElDJ,KAAAlB,IAEH,gBAAAoB,YAAiB,WAAA7B,EAAaS,CAAc,GACzCO,UAAAA,EAAAA,CACH,IAJGA,GAORX,OAAAW,GAAAX,OAAAI,GAAAJ,OAAAsB,GAAAtB,OAAAkB,GAAAlB,OAAAmB,GAAAnB,OAAAuB,KAAAA,IAAAvB,EAAA,CAAA;AAXD,QAAA2B,IAAsBJ;AAetB,MAFI,CAAChB,KAEDW,KAAA,CAAgBE,KAAhB,CAAmCD;AAAQ,WAAS;AAMzC,QAAAS,iBAAa1B,CAAW,eAAeI,CAAS,IAAI,CAACS,EAAOc,aAAR,YAAkC,IAAKpB,IAAD,KAAA,aAA6B,IAAIG,KAAA,aAA6B;AAAE,MAAAkB;AAAA,EAAA9B,EAAA,CAAA,MAAAe,KAAAf,SAAAD,KAE5J+B,IAAAC,CAAAA,MAAK1C,EAAiB0C,GAAG;AAAA,IAAA,GAAKhB;AAAAA,IAAO,GAAKhB;AAAAA,EAAAA,CAAO,GAACC,OAAAe,GAAAf,OAAAD,GAAAC,OAAA8B,KAAAA,IAAA9B,EAAA,CAAA;AAAA,MAAAgC;AAAA,EAAAhC,SAAA2B,KAG1DK,IAAAL,EAAAA,GAAe3B,OAAA2B,GAAA3B,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA;AAAA,MAAAiC;AAAA,SAAAjC,UAAAU,KAAAV,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAA4B,KAAA5B,UAAA8B,KAAA9B,EAAA,EAAA,MAAAgC,KARlBC,8BACWxB,SAAAA,GACAC,SAAAA,GACE,WAAAkB,GACJzB,OAAAA,GACE,SAAA2B,GACJ,MAAA,gBACK,cACTE,UAAAA,GACH,GAAKhC,QAAAU,GAAAV,QAAAS,GAAAT,QAAAG,GAAAH,QAAA4B,GAAA5B,QAAA8B,GAAA9B,QAAAgC,GAAAhC,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA,GATLiC;AASK;"}

package/lib/table/helpers.d.ts

@@ -0,0 +1,6 @@
+import { ITableContext, ITableRowContext } from './types';
+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

@@ -0,0 +1,10 @@
+import { createContext as t } from "react";
+const a = t({}), m = t({}), c = (o) => Array.from({
+  length: o
+}, (r, e) => e + 1);
+export {
+  m as RowContext,
+  a as default,
+  c as getArrayFromNumber
+};
+//# sourceMappingURL=helpers.js.map

package/lib/table/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","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"],"names":["TableContext","createContext","RowContext","getArrayFromNumber","number","Array","from","length","_","i"],"mappings":";AAGA,MAAMA,IAAeC,EAAc,CAAA,CAAmB,GAChDC,IAAaD,EAAc,CAAA,CAAsB,GAEjDE,IAAqBA,CAACC,MAC1BC,MAAMC,KAAK;AAAA,EAAEC,QAAQH;AAAO,GAAG,CAACI,GAAGC,MAAMA,IAAI,CAAC;"}

package/lib/table/index.d.ts

@@ -0,0 +1,9 @@
+import { default as THeader } from './Header';
+import { default as TRow } from './Row';
+import { default as TBody } from './Body';
+import { default as Th } from './HeaderColumn';
+import { default as Td } from './RowColumn';
+import { ITableProps } from './types';
+declare const Table: ({ children, ...props }: ITableProps) => import("react/jsx-runtime").JSX.Element;
+export default Table;
+export { THeader, TRow, TBody, Th, Td, };

package/lib/table/index.js

@@ -0,0 +1,105 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as J } from "../_virtual/compiler-runtime.js";
+import { useState as h, useRef as K, useEffect as $, Fragment as L } from "react";
+import k from "../_virtual/lodash.js";
+import { default as le } from "./Header.js";
+import { default as ne } from "./Row.js";
+import { default as ce } from "./Body.js";
+import { default as ie } from "./HeaderColumn.js";
+import { default as me } from "./RowColumn.js";
+import '../assets/styles/table.css';/* empty css                          */
+import M from "./helpers.js";
+const _ = ({
+  customClass: p,
+  striped: e,
+  bordered: s,
+  hovered: o,
+  skeletonize: b,
+  headerColored: C,
+  condensed: n,
+  vertical: R,
+  bodyScrollable: S,
+  skeletonInRows: r = 10
+}) => `table-component ${p} ${e && "-striped"} 
+  ${s && "-bordered"} ${o && "-hovered"} ${C && "-headercolor"}
+  ${n && "-condensed"}
+  ${R && "-vertical"}
+  ${b && !r ? "-skeletonized" : ""}
+  ${S ? "-scrollable" : ""}`, ee = (p) => {
+  const e = J.c(6), {
+    children: s,
+    ...o
+  } = p, {
+    onColClick: b,
+    onRowClick: C,
+    bodyScrollable: n,
+    vertical: R,
+    skeletonize: S,
+    strict: r,
+    skeletonHeight: v,
+    skeletonInHeader: I,
+    skeletonInRows: W,
+    selectedRowId: z,
+    allowHorizontalScroll: y,
+    ...H
+  } = o, g = y === void 0 ? !1 : y, [E, w] = h(z), [x, N] = h(0);
+  let c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = [], e[0] = c) : c = e[0];
+  const [a, B] = h(c), [F, P] = h(0), i = K(null);
+  let d;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (d = (t) => {
+    w(t);
+  }, e[1] = d) : d = e[1];
+  const j = d;
+  let m;
+  e[2] !== a ? (m = (t) => {
+    !k.isEmpty(t) && k.isEmpty(a) && B(t);
+  }, e[2] = a, e[3] = m) : m = e[3];
+  const V = m;
+  let f;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (f = (t) => P(t), e[4] = f) : f = e[4];
+  const q = f, A = () => {
+    const t = /* @__PURE__ */ l(L, { children: /* @__PURE__ */ l("table", { style: {
+      contain: r ? "strict" : "size style"
+    }, className: _(o), ...H, children: s }) });
+    return g ? /* @__PURE__ */ l("div", { className: "horizontal-scroll-container", children: t }) : t;
+  }, D = {
+    bodyContainerRef: i,
+    bodyScrollWidth: x,
+    selectedRowId: E,
+    vertical: R,
+    skeletonize: S,
+    skeletonHeight: v,
+    skeletonInHeader: I,
+    skeletonInRows: W,
+    strict: r,
+    columnsCount: F,
+    handleSelectRow: j,
+    handleTableColClick: b,
+    handleTableRowClick: C,
+    handlerSetColumnsWidth: V,
+    columnsWidth: a,
+    handlerSetColumnsCount: q
+  };
+  let u;
+  return e[5] === Symbol.for("react.memo_cache_sentinel") ? (u = [], e[5] = u) : u = e[5], $(() => {
+    if (n && i && i.current) {
+      const {
+        offsetWidth: t,
+        clientWidth: G
+      } = i.current, T = t - G;
+      T !== x && N(T);
+    }
+  }, u), $(() => {
+    w(o.selectedRowId);
+  }, [o.selectedRowId]), /* @__PURE__ */ l(M.Provider, { value: D, children: n ? /* @__PURE__ */ l("div", { className: _(o), children: s }) : A() });
+};
+export {
+  ce as TBody,
+  le as THeader,
+  ne as TRow,
+  me as Td,
+  ie as Th,
+  ee as default
+};
+//# sourceMappingURL=index.js.map

package/lib/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/table/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback, SetStateAction, Fragment } from 'react';\nimport _ from 'lodash';\nimport THeader from './Header';\nimport TRow from './Row';\nimport TBody from './Body';\nimport Th from './HeaderColumn';\nimport Td from './RowColumn';\nimport '../assets/styles/table.scss';\nimport TableContext from './helpers';\nimport { ITableContext, ITableProps } from './types';\n\n// TODO - Precisa finalizar o scroll no corpo da tabela.\nconst getClass = ({\n  customClass, striped, bordered, hovered, skeletonize, headerColored, condensed,\n  vertical, bodyScrollable, skeletonInRows = 10,\n}: ITableProps) => (\n  `table-component ${customClass} ${striped && '-striped'} \n  ${bordered && '-bordered'} ${hovered && '-hovered'} ${headerColored && '-headercolor'}\n  ${condensed && '-condensed'}\n  ${vertical && '-vertical'}\n  ${skeletonize && !skeletonInRows ? '-skeletonized' : ''}\n  ${bodyScrollable ? '-scrollable' : ''}`\n);\n\nconst Table = ({ children, ...props }: ITableProps) => {\n  const {\n    onColClick, onRowClick, bodyScrollable, vertical, skeletonize, strict, skeletonHeight,\n    skeletonInHeader, skeletonInRows, selectedRowId: selectedRowIdFromProps, \n    allowHorizontalScroll = false, ...rest\n  } = props;\n  const [selectedRowId, setSelectedRowId] = useState(selectedRowIdFromProps);\n  const [bodyScrollWidth, setBodyScrollWidth] = useState(0);\n  const [columnsWidth, setColumnsWidth] = useState<string[] | number[]>([]);\n  const [columnsCount, setColumnsCount] = useState(0);\n  const bodyContainerRef = useRef(null);\n\n  const handleSelectRow = useCallback((selectedId: SetStateAction<string | undefined>) => {\n    setSelectedRowId(selectedId);\n  }, []);\n\n  const handlerSetColumnsWidth = useCallback((widths: (string | number | undefined)[]) => {\n    if (!_.isEmpty(widths) && _.isEmpty(columnsWidth)) setColumnsWidth(widths as []);\n  }, [columnsWidth]);\n\n  const handlerSetColumnsCount = useCallback((count: number) => setColumnsCount(count), []);\n\n  const getTableComponent = () => {\n    const tableComponent = (\n      <Fragment>\n        <table\n          style={{ contain: strict ? 'strict' : 'size style' }}\n          className={getClass(props)}\n          {...rest}>\n          {children}\n        </table>\n      </Fragment>\n    );\n\n    if (allowHorizontalScroll) {\n      return (\n        <div className=\"horizontal-scroll-container\">\n          {tableComponent}\n        </div>\n      );\n    }\n\n    return tableComponent;\n  };\n\n  const contextValues: ITableContext = {\n    bodyContainerRef,\n    bodyScrollWidth,\n    selectedRowId,\n    vertical,\n    skeletonize,\n    skeletonHeight,\n    skeletonInHeader,\n    skeletonInRows,\n    strict,\n    columnsCount,\n    handleSelectRow,\n    handleTableColClick: onColClick,\n    handleTableRowClick: onRowClick,\n    handlerSetColumnsWidth,\n    columnsWidth,\n    handlerSetColumnsCount,\n  };\n\n  useEffect(() => {\n    if (bodyScrollable && bodyContainerRef && bodyContainerRef.current) {\n      const { offsetWidth, clientWidth } = bodyContainerRef.current;\n      const scrollWidth = offsetWidth - clientWidth;\n      if (scrollWidth !== bodyScrollWidth) setBodyScrollWidth(scrollWidth);\n    }\n  }, []);\n\n  useEffect(() => {\n    setSelectedRowId(props.selectedRowId);\n  }, [props.selectedRowId]);\n\n  return (\n    <TableContext.Provider value={contextValues}>\n      {bodyScrollable ? <div className={getClass(props)}>{children}</div> : getTableComponent()}\n    </TableContext.Provider>\n  );\n};\n\nexport default Table;\nexport {\n  THeader,\n  TRow,\n  TBody,\n  Th,\n  Td,\n};\n"],"names":["getClass","customClass","striped","bordered","hovered","skeletonize","headerColored","condensed","vertical","bodyScrollable","skeletonInRows","Table","t0","$","_c","children","props","onColClick","onRowClick","strict","skeletonHeight","skeletonInHeader","selectedRowId","selectedRowIdFromProps","allowHorizontalScroll","t1","rest","undefined","setSelectedRowId","useState","bodyScrollWidth","setBodyScrollWidth","t2","Symbol","for","columnsWidth","setColumnsWidth","columnsCount","setColumnsCount","bodyContainerRef","useRef","t3","selectedId","handleSelectRow","t4","widths","_","isEmpty","handlerSetColumnsWidth","t5","count","handlerSetColumnsCount","getTableComponent","tableComponent","jsx","Fragment","contain","contextValues","handleTableColClick","handleTableRowClick","t6","useEffect","current","offsetWidth","clientWidth","scrollWidth","TableContext"],"mappings":"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"}

package/lib/table/types.d.ts

@@ -0,0 +1,95 @@
+import { CSSProperties, ReactNode, TableHTMLAttributes, MouseEvent, SetStateAction, LegacyRef, ComponentProps } from 'react';
+export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
+    children?: ReactNode;
+    striped?: boolean;
+    customClass?: string;
+    bordered?: boolean;
+    hovered?: boolean;
+    headerColored?: boolean;
+    condensed?: boolean;
+    onRowClick?: () => void;
+    onColClick?: () => void;
+    vertical?: boolean;
+    selectedRowId?: string;
+    bodyScrollable?: boolean;
+    skeletonize?: boolean;
+    strict?: boolean;
+    skeletonInRows?: number;
+    skeletonInHeader?: boolean;
+    skeletonHeight?: number;
+    allowHorizontalScroll?: boolean;
+}
+export interface ITableHeaderProps extends ComponentProps<'th'> {
+    children?: ReactNode;
+    customClass?: string;
+    textAlign?: string;
+    visible?: boolean;
+    id?: string;
+    isMenuColumn?: boolean;
+}
+export interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
+    children?: ReactNode;
+    customClass?: string;
+    columnsCount?: number;
+    vertical?: boolean;
+    skeletonize?: boolean;
+    skeletonInRows?: number;
+    skeletonHeight?: number;
+}
+export interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>, 'onMouseEnter' | 'onMouseLeave'> {
+    children?: ReactNode;
+    color?: string;
+    customClass?: string;
+    rowId?: string;
+    dataId?: number | string;
+    onClick?: (e: MouseEvent, dataId?: number | string) => void;
+    handleTableColClick?: (e: MouseEvent, dataId?: number | string) => void;
+    rowBorder?: boolean;
+    height?: string;
+    style?: CSSProperties;
+    ignoreTableColClick?: boolean;
+    textAlign?: string;
+    displayContent?: 'always' | 'never' | 'onRowHover';
+    visible?: boolean;
+    divider?: boolean;
+    dividerTitle?: string;
+    dividerColor?: 'primary' | 'danger' | 'info' | 'success' | 'warning';
+    dividerColSpan?: number;
+    dividerStyle?: CSSProperties;
+    rowSpan?: number;
+    colSpan?: number;
+    isMenuColumn?: boolean;
+}
+export interface ITableContext {
+    bodyScrollable?: boolean;
+    skeletonInRows?: number;
+    bodyContainerRef?: LegacyRef<HTMLDivElement>;
+    bodyScrollWidth?: number | string;
+    selectedRowId?: string;
+    vertical?: boolean;
+    skeletonize?: boolean;
+    skeletonInHeader?: boolean;
+    skeletonHeight?: number;
+    strict?: boolean;
+    columnsCount?: number;
+    columnsWidth?: string[] | number[];
+    handleSelectRow?: (rowId: SetStateAction<string | undefined>) => void;
+    handleTableColClick?: () => void;
+    handleTableRowClick?: (e: MouseEvent, dataId?: number | string) => void;
+    handlerSetColumnsWidth?: (width: (string | number | undefined)[]) => void;
+    handlerSetColumnsCount?: (count: number) => void;
+    tableContainer?: HTMLTableElement | null;
+}
+export interface ITableRowContext {
+    skeletonize?: boolean;
+    vertical?: boolean;
+    skeletonInRows?: number;
+    rowBorder?: boolean;
+}
+export type TableElement = {
+    props: {
+        style: {
+            width: string | number;
+        };
+    };
+};

package/lib/tabs/DropdownTabs.d.ts

@@ -0,0 +1,3 @@
+import { DropdownProps } from './types';
+declare const DropdownTabs: ({ tabs, tabMenuSize, }: DropdownProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DropdownTabs;