linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/table/HeaderColumn.js

@@ -1,30 +1,44 @@
-import { j as t } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as g } from "react";
-import C from "lodash";
-import p from "../icons/index.js";
-import j from "../skeleton/index.js";
-import k from "./helpers.js";
-const A = (n) => {
-  const {
-    customClass: r,
-    style: e,
-    children: s,
-    textAlign: i,
-    visible: l = !0,
-    id: m,
-    isMenuColumn: o = !1
-  } = n, { skeletonize: u, vertical: a, skeletonInHeader: c, skeletonInRows: f = 10 } = g(k), x = (h = !1) => h ? /* @__PURE__ */ t.jsx(p, { name: "menu4", size: 22 }) : s, d = () => C.omit(n, ["isMenuColumn", "customClass", "children", "textAlign", "visible"]);
-  return l ? /* @__PURE__ */ t.jsx(
-    "th",
-    {
-      ...d(),
-      id: m,
-      style: e,
-      className: `headercolumn ${r} text-align-${i} ${o && "menu-column"}`,
-      children: u && (c || !f) && !a ? /* @__PURE__ */ t.jsx(j, { height: e && e.height ? void 0 : 16, style: { marginBottom: 0 } }) : x(o)
-    }
-  ) : null;
+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 {
-  A as default
+  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.js

@@ -1,54 +1,54 @@
-import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as N } from "react";
-import T, { RowContext as $ } from "./helpers.js";
-const g = (m) => {
-  const {
-    customClass: x,
+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: e,
+    rowId: o,
     dataId: t,
-    onClick: l,
-    height: u,
-    style: w,
-    onMouseEnter: C,
-    onMouseLeave: f,
-    rowBorder: p = !0,
-    divider: j,
-    dividerTitle: i,
-    dividerStyle: r,
-    dividerColor: s = "info",
-    dividerColSpan: d = 2
-  } = m, {
-    selectedRowId: R,
-    handleSelectRow: n,
-    handleTableRowClick: a,
-    handleTableColClick: k,
-    vertical: c,
-    skeletonize: y,
-    skeletonInRows: S = 10
-  } = N(T), I = {
+    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: p,
-    handleTableColClick: k,
-    vertical: c,
-    skeletonize: y,
-    skeletonInRows: S
-  };
-  return /* @__PURE__ */ o.jsx($.Provider, { value: I, children: j ? /* @__PURE__ */ o.jsx("tr", { className: "trow trow-divider", children: c ? /* @__PURE__ */ o.jsx("th", { colSpan: d, className: `-divider -${s}`, style: r, children: i || "" }) : /* @__PURE__ */ o.jsx("td", { colSpan: d, className: `-divider -${s}`, style: r, children: i || "" }) }) : /* @__PURE__ */ o.jsx(
-    "tr",
-    {
-      onMouseEnter: C,
-      onMouseLeave: f,
-      className: `trow ${x} ${e && R === e ? "-selected" : ""}`,
-      onClick: (v) => {
-        n && (e !== void 0 || e !== null) && n(e), a && a(v, t), l && l(v, t);
-      },
-      id: e,
-      style: { ...w, height: u },
-      children: h
-    }
-  ) });
+    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
+  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.js

@@ -1,46 +1,59 @@
-import { j as a } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as h, useCallback as y } from "react";
-import g from "../skeleton/index.js";
-import { RowContext as j } from "./helpers.js";
-function R(e, {
-  ignoreTableColClick: r,
-  handleTableColClick: t,
+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: o
+  dataId: s
 }) {
-  if (!r) {
+  if (!t) {
     if (n)
-      return n(e, o);
-    if (t)
-      return t(e, o);
+      return n(e, s);
+    if (c)
+      return c(e, s);
   }
 }
-const d = { never: "hidden", onRowHover: "rowhover" }, B = (e) => {
-  const {
-    customClass: r,
-    style: t,
-    displayContent: n = "always",
-    textAlign: o,
-    visible: f = !0,
-    rowSpan: c,
-    colSpan: x,
-    children: s,
-    isMenuColumn: p = !1
-  } = e, l = h(j), { skeletonize: i, vertical: u, skeletonInRows: w = 10 } = l, m = n !== "always", C = y(() => i && u ? /* @__PURE__ */ a.jsx(g, { height: 16, style: { marginBottom: 0 } }) : m && n ? /* @__PURE__ */ a.jsx("span", { className: d[n], children: s }) : s, [i, u, s, n, m, d]);
-  return !f || i && !w && !u ? null : /* @__PURE__ */ a.jsx(
-    "td",
-    {
-      rowSpan: c,
-      colSpan: x,
-      className: `rowcolumn ${r} text-align-${o} ${!l.rowBorder && " -noborder"} ${c ? "" : " -norowspan"} ${p && "menu-column"}`,
-      style: t,
-      onClick: (v) => R(v, { ...l, ...e }),
-      role: "presentation",
-      tabIndex: -1,
-      children: C()
-    }
-  );
+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 {
-  B as default
+  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":"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"}

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,7 +1,10 @@
-import t from "react";
-const n = t.createContext({}), c = t.createContext({}), m = (e) => Array.from({ length: e }, (r, o) => o + 1);
+import { createContext as t } from "react";
+const a = t({}), m = t({}), c = (o) => Array.from({
+  length: o
+}, (r, e) => e + 1);
 export {
-  c as RowContext,
-  n as default,
-  m as getArrayFromNumber
+  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.js

@@ -1,109 +1,105 @@
-import { j as b } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as f, useRef as P, useCallback as C, useMemo as V, useEffect as S } from "react";
-import W from "lodash";
-import { default as Z } from "./Header.js";
-import { default as te } from "./Row.js";
-import { default as se } from "./Body.js";
-import { default as ne } from "./HeaderColumn.js";
-import { default as re } from "./RowColumn.js";
-/* empty css                       */
-import F from "./helpers.js";
-const v = ({
-  customClass: l,
-  striped: t,
-  bordered: n,
-  hovered: d,
-  skeletonize: r,
-  headerColored: c,
-  condensed: a,
-  vertical: o,
-  bodyScrollable: i,
-  skeletonInRows: m = 10
-}) => `table-component ${l} ${t && "-striped"} 
-  ${n && "-bordered"} ${d && "-hovered"} ${c && "-headercolor"}
-  ${a && "-condensed"}
-  ${o && "-vertical"}
-  ${r && !m ? "-skeletonized" : ""}
-  ${i ? "-scrollable" : ""}`, U = ({ children: l, ...t }) => {
-  const {
-    onColClick: n,
-    onRowClick: d,
-    bodyScrollable: r,
-    vertical: c,
-    skeletonize: a,
-    strict: o,
-    skeletonHeight: i,
-    skeletonInHeader: m,
-    skeletonInRows: x,
-    customClass: M,
-    bordered: _,
-    hovered: q,
-    headerColored: A,
-    condensed: D,
-    selectedRowId: j,
-    striped: G,
-    ...E
-  } = t, [R, k] = f(j), [h, g] = f(0), [u, z] = f([]), [p, H] = f(0), s = P(null), w = C((e) => {
-    k(e);
-  }, []), y = C((e) => {
-    !W.isEmpty(e) && W.isEmpty(u) && z(e);
-  }, [u]), T = C((e) => H(e), []), $ = C(() => ({
-    bodyContainerRef: s,
-    bodyScrollWidth: h,
-    selectedRowId: R,
-    vertical: c,
-    skeletonize: a,
-    skeletonHeight: i,
-    skeletonInHeader: m,
-    skeletonInRows: x,
-    strict: o,
-    columnsCount: p,
-    handleSelectRow: w,
-    handleTableColClick: n,
-    handleTableRowClick: d,
-    handlerSetColumnsWidth: y,
-    columnsWidth: u,
-    handlerSetColumnsCount: T
-  }), [
-    s,
-    h,
-    R,
-    c,
-    a,
-    i,
-    m,
-    x,
-    o,
-    p,
-    w,
-    n,
-    d,
-    y,
-    u,
-    T
-  ]), B = V(() => $(), [$]);
-  return S(() => {
-    if (r && s && s.current) {
-      const { offsetWidth: e, clientWidth: N } = s.current, I = e - N;
-      I !== h && g(I);
+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);
     }
-  }, []), S(() => {
-    k(t.selectedRowId);
-  }, [t.selectedRowId]), /* @__PURE__ */ b.jsx(F.Provider, { value: B, children: r ? /* @__PURE__ */ b.jsx("div", { className: v(t), children: l }) : /* @__PURE__ */ b.jsx(
-    "table",
-    {
-      style: { contain: o ? "strict" : "size style" },
-      className: v(t),
-      ...E,
-      children: l
-    }
-  ) });
+  }, u), $(() => {
+    w(o.selectedRowId);
+  }, [o.selectedRowId]), /* @__PURE__ */ l(M.Provider, { value: D, children: n ? /* @__PURE__ */ l("div", { className: _(o), children: s }) : A() });
 };
 export {
-  se as TBody,
-  Z as THeader,
-  te as TRow,
-  re as Td,
-  ne as Th,
-  U as default
+  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

@@ -17,6 +17,7 @@ export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
     skeletonInRows?: number;
     skeletonInHeader?: boolean;
     skeletonHeight?: number;
+    allowHorizontalScroll?: boolean;
 }
 export interface ITableHeaderProps extends ComponentProps<'th'> {
     children?: ReactNode;