linear-react-components-ui 1.1.26-beta.14 → 1.1.26-beta.16

package/lib/table/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../src/lib/table/Header.tsx"],"sourcesContent":["import React, { isValidElement, ReactNode, 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: React.MutableRefObject<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: React.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":"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"}
+{"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.js

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

package/lib/table/HeaderColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderColumn.js","sources":["../../src/lib/table/HeaderColumn.tsx"],"sourcesContent":["import React, { 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,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;"}
+{"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,33 +1,33 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as E } from "react/compiler-runtime";
+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 = (z) => {
-  const e = E(29), {
+const G = (j) => {
+  const e = z.c(29), {
     customClass: f,
     children: h,
     rowId: o,
     dataId: t,
-    onClick: r,
-    height: u,
-    style: p,
-    onMouseEnter: k,
-    onMouseLeave: R,
+    onClick: d,
+    height: p,
+    style: u,
+    onMouseEnter: R,
+    onMouseLeave: k,
     rowBorder: b,
     divider: x,
     dividerTitle: s,
     dividerStyle: n,
     dividerColor: B,
-    dividerColSpan: M
-  } = z, S = b === void 0 ? !0 : b, c = B === void 0 ? "info" : B, a = M === void 0 ? 2 : M, {
+    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: g
-  } = L(P), N = g === void 0 ? 10 : g;
+    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,
@@ -39,14 +39,14 @@ const G = (z) => {
   }, 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] !== u || e[18] !== r || e[19] !== k || e[20] !== R || e[21] !== o || e[22] !== y || e[23] !== p || e[24] !== i ? (l = x ? /* @__PURE__ */ d("tr", { className: "trow trow-divider", children: i ? /* @__PURE__ */ d("th", { colSpan: a, className: `-divider -${c}`, style: n, children: s || "" }) : /* @__PURE__ */ d("td", { colSpan: a, className: `-divider -${c}`, style: n, children: s || "" }) }) : /* @__PURE__ */ d("tr", { onMouseEnter: k, onMouseLeave: R, className: `trow ${f} ${o && y === o ? "-selected" : ""}`, onClick: (j) => {
-    v && (o !== void 0 || o !== null) && v(o), m && m(j, t), r && r(j, t);
+  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: {
-    ...p,
-    height: u
-  }, 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] = u, e[18] = r, e[19] = k, e[20] = R, e[21] = o, e[22] = y, e[23] = p, e[24] = i, e[25] = l) : l = e[25];
+    ...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__ */ d(V.Provider, { value: T, children: l }), e[26] = T, e[27] = l, e[28] = C) : C = e[28], 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

package/lib/table/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../src/lib/table/Row.tsx"],"sourcesContent":["import React, { 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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"}
+{"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,9 +1,9 @@
 import { jsx as y } from "react/jsx-runtime";
-import { c as I } from "react/compiler-runtime";
-import { useContext as M } from "react";
-import N from "../skeleton/index.js";
-import { RowContext as j } from "./helpers.js";
-function z(e, {
+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,
@@ -16,35 +16,35 @@ function z(e, {
       return c(e, s);
   }
 }
-const A = {
+const z = {
   never: "hidden",
   onRowHover: "rowhover"
 }, G = (e) => {
-  const t = I(18), {
+  const t = E.c(18), {
     customClass: c,
     style: n,
     displayContent: s,
-    textAlign: R,
+    textAlign: g,
     visible: h,
     rowSpan: u,
     colSpan: w,
-    children: a,
-    isMenuColumn: $
-  } = e, i = s === void 0 ? "always" : s, k = h === void 0 ? !0 : h, b = $ === void 0 ? !1 : $, l = M(j), {
-    skeletonize: m,
+    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: g
-  } = l, S = g === void 0 ? 10 : g, C = i !== "always";
+    skeletonInRows: $
+  } = l, S = $ === void 0 ? 10 : $, C = i !== "always";
   let f;
-  t[0] !== a || t[1] !== i || t[2] !== C || t[3] !== m || t[4] !== d ? (f = () => m && d ? /* @__PURE__ */ y(N, { height: 16, style: {
+  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: A[i], children: a }) : a, t[0] = a, t[1] = i, t[2] = C, t[3] = m, t[4] = d, t[5] = f) : f = t[5];
+  } }) : 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 || m && !S && !d)
+  if (!k || a && !S && !d)
     return null;
-  const x = `rowcolumn ${c} text-align-${R} ${!l.rowBorder && " -noborder"} ${u ? "" : " -norowspan"} ${b && "menu-column"}`;
+  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) => z(B, {
+  t[6] !== l || t[7] !== e ? (o = (B) => j(B, {
     ...l,
     ...e
   }), t[6] = l, t[7] = e, t[8] = o) : o = t[8];

package/lib/table/RowColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowColumn.js","sources":["../../src/lib/table/RowColumn.tsx"],"sourcesContent":["import React, { 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,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;"}
+{"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,10 +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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/lib/table/helpers.ts"],"sourcesContent":["import React from 'react';\nimport { ITableContext, ITableRowContext } from './types';\n\nconst TableContext = React.createContext({} as ITableContext);\nconst RowContext = React.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","React","createContext","RowContext","getArrayFromNumber","number","Array","from","length","_","i"],"mappings":";AAGA,MAAMA,IAAeC,EAAMC,cAAc,CAAA,CAAmB,GACtDC,IAAaF,EAAMC,cAAc,CAAA,CAAsB,GAEvDE,IAAqBA,CAACC,MAC1BC,MAAMC,KAAK;AAAA,EAAEC,QAAQH;AAAO,GAAG,CAACI,GAAGC,MAAMA,IAAI,CAAC;"}
+{"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,107 +1,105 @@
-import { jsx as R } from "react/jsx-runtime";
-import { c as q } from "react/compiler-runtime";
-import { useState as u, useRef as A, useEffect as k } from "react";
-import x from "../_virtual/lodash.js";
-import { default as re } from "./Header.js";
-import { default as ce } from "./Row.js";
-import { default as ae } from "./Body.js";
-import { default as me } from "./HeaderColumn.js";
-import { default as ue } from "./RowColumn.js";
-import '../styles/assets/styles/table.css';/* empty css                          */
-import D from "./helpers.js";
-const T = ({
-  customClass: h,
+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: l,
+  bordered: s,
   hovered: o,
-  skeletonize: p,
+  skeletonize: b,
   headerColored: C,
-  condensed: s,
-  vertical: b,
-  bodyScrollable: y,
+  condensed: n,
+  vertical: R,
+  bodyScrollable: S,
   skeletonInRows: r = 10
-}) => `table-component ${h} ${e && "-striped"} 
-  ${l && "-bordered"} ${o && "-hovered"} ${C && "-headercolor"}
-  ${s && "-condensed"}
-  ${b && "-vertical"}
-  ${p && !r ? "-skeletonized" : ""}
-  ${y ? "-scrollable" : ""}`, oe = (h) => {
-  const e = q(6), {
-    children: l,
+}) => `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
-  } = h, {
-    onColClick: p,
+  } = p, {
+    onColClick: b,
     onRowClick: C,
-    bodyScrollable: s,
-    vertical: b,
-    skeletonize: y,
+    bodyScrollable: n,
+    vertical: R,
+    skeletonize: S,
     strict: r,
-    skeletonHeight: _,
+    skeletonHeight: v,
     skeletonInHeader: I,
     skeletonInRows: W,
-    customClass: G,
-    bordered: J,
-    hovered: K,
-    headerColored: L,
-    condensed: M,
-    selectedRowId: v,
-    striped: O,
-    ...z
-  } = o, [E, S] = u(v), [w, H] = u(0);
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = [], e[0] = n) : n = e[0];
-  const [c, g] = u(n), [B, N] = u(0), d = A(null);
-  let a;
-  e[1] === Symbol.for("react.memo_cache_sentinel") ? (a = (t) => {
-    S(t);
-  }, e[1] = a) : a = e[1];
-  const P = a;
-  let i;
-  e[2] !== c ? (i = (t) => {
-    !x.isEmpty(t) && x.isEmpty(c) && g(t);
-  }, e[2] = c, e[3] = i) : i = e[3];
-  const j = i;
+    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[4] === Symbol.for("react.memo_cache_sentinel") ? (m = (t) => N(t), e[4] = m) : m = e[4];
-  const F = {
-    bodyContainerRef: d,
-    bodyScrollWidth: w,
+  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: b,
-    skeletonize: y,
-    skeletonHeight: _,
+    vertical: R,
+    skeletonize: S,
+    skeletonHeight: v,
     skeletonInHeader: I,
     skeletonInRows: W,
     strict: r,
-    columnsCount: B,
-    handleSelectRow: P,
-    handleTableColClick: p,
+    columnsCount: F,
+    handleSelectRow: j,
+    handleTableColClick: b,
     handleTableRowClick: C,
-    handlerSetColumnsWidth: j,
-    columnsWidth: c,
-    handlerSetColumnsCount: m
+    handlerSetColumnsWidth: V,
+    columnsWidth: a,
+    handlerSetColumnsCount: q
   };
-  let f;
-  return e[5] === Symbol.for("react.memo_cache_sentinel") ? (f = [], e[5] = f) : f = e[5], k(() => {
-    if (s && d && d.current) {
+  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: V
-      } = d.current, $ = t - V;
-      $ !== w && H($);
+        clientWidth: G
+      } = i.current, T = t - G;
+      T !== x && N(T);
     }
-  }, f), k(() => {
-    S(o.selectedRowId);
-  }, [o.selectedRowId]), /* @__PURE__ */ R(D.Provider, { value: F, children: s ? /* @__PURE__ */ R("div", { className: T(o), children: l }) : /* @__PURE__ */ R("table", { style: {
-    contain: r ? "strict" : "size style"
-  }, className: T(o), ...z, 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 {
-  ae as TBody,
-  re as THeader,
-  ce as TRow,
-  ue as Td,
-  me as Th,
-  oe 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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/lib/table/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useMemo } 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,\n  headerColored, condensed, 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,\n    skeletonHeight, skeletonInHeader, skeletonInRows, customClass, bordered, hovered, headerColored,\n    condensed, selectedRowId: selectedRowIdFromProps, striped, ...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: React.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 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 ?\n        <div className={getClass(props)}>{children}</div> :\n        <table\n          style={{ contain: strict ? 'strict' : 'size style' }}\n          className={getClass(props)}\n          {...rest}>\n          {children}\n        </table>\n      }\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","rest","setSelectedRowId","useState","bodyScrollWidth","setBodyScrollWidth","t1","Symbol","for","columnsWidth","setColumnsWidth","columnsCount","setColumnsCount","bodyContainerRef","useRef","t2","selectedId","handleSelectRow","t3","widths","_","isEmpty","handlerSetColumnsWidth","t4","count","contextValues","handleTableColClick","handleTableRowClick","handlerSetColumnsCount","t5","useEffect","current","offsetWidth","clientWidth","scrollWidth","TableContext","jsx","contain"],"mappings":"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"}
+{"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":";;;;;;;;;;;AAYA,MAAMA,IAAWA,CAAC;AAAA,EAChBC,aAAAA;AAAAA,EAAaC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAASC,aAAAA;AAAAA,EAAaC,eAAAA;AAAAA,EAAeC,WAAAA;AAAAA,EACrEC,UAAAA;AAAAA,EAAUC,gBAAAA;AAAAA,EAAgBC,gBAAAA,IAAiB;AAChC,MACX,mBAAmBT,CAAW,IAAIC,KAAW,UAAU;AAAA,IACrDC,KAAY,WAAW,IAAIC,KAAW,UAAU,IAAIE,KAAiB,cAAc;AAAA,IACnFC,KAAa,YAAY;AAAA,IACzBC,KAAY,WAAW;AAAA,IACvBH,KAAe,CAACK,IAAiB,kBAAkB,EAAE;AAAA,IACrDD,IAAiB,gBAAgB,EAAE,IAGjCE,KAAQC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAAJ,GACb;AAAA,IAAAK,YAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAT,gBAAAA;AAAAA,IAAAD,UAAAA;AAAAA,IAAAH,aAAAA;AAAAA,IAAAc,QAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAX,gBAAAA;AAAAA,IAAAY,eAAAC;AAAAA,IAAAC,uBAAAC;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAIIV,GADFQ,IAAAC,MAAAE,SAAA,KAAAF,GAEF,CAAAH,GAAAM,CAAA,IAA0CC,EAASN,CAAsB,GACzE,CAAAO,GAAAC,CAAA,IAA8CF,EAAS,CAAC;AAAE,MAAAG;AAAA,EAAAnB,EAAA,CAAA,MAAAoB,OAAAC,IAAA,2BAAA,KACYF,IAAA,CAAA,GAAEnB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAxE,QAAA,CAAAsB,GAAAC,CAAA,IAAwCP,EAA8BG,CAAE,GACxE,CAAAK,GAAAC,CAAA,IAAwCT,EAAS,CAAC,GAClDU,IAAyBC,EAAO,IAAI;AAAE,MAAAC;AAAA,EAAA5B,EAAA,CAAA,MAAAoB,OAAAC,IAAA,2BAAA,KAEFO,IAAAC,CAAAA,MAAA;AAClCd,IAAAA,EAAiBc,CAAU;AAAA,EAAC,GAC7B7B,OAAA4B,KAAAA,IAAA5B,EAAA,CAAA;AAFD,QAAA8B,IAAwBF;AAEjB,MAAAG;AAAA,EAAA/B,SAAAsB,KAEoCS,IAAAC,CAAAA,MAAA;AACzC,IAAI,CAACC,EAACC,QAASF,CAAM,KAAKC,EAACC,QAASZ,CAAY,KAAGC,EAAgBS,CAAY;AAAA,EAAE,GAClFhC,OAAAsB,GAAAtB,OAAA+B,KAAAA,IAAA/B,EAAA,CAAA;AAFD,QAAAmC,IAA+BJ;AAEZ,MAAAK;AAAA,EAAApC,EAAA,CAAA,MAAAoB,OAAAC,IAAA,2BAAA,KAEwBe,IAAAC,CAAAA,MAAmBZ,EAAgBY,CAAK,GAACrC,OAAAoC,KAAAA,IAAApC,EAAA,CAAA;AAApF,QAAAsC,IAA+BF,GAE/BG,IAA0BA,MAAA;AACxB,UAAAC,IACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAA,WACS,OAAA;AAAA,MAAAE,SAAWrC,IAAA,WAAA;AAAA,IAAA,GACP,WAAAnB,EAASgB,CAAK,GAAC,GACtBU,gBAEN,GACF;AAGF,WAAIF,IAEA,gBAAA8B,EAAA,OAAA,EAAe,WAAA,+BACZD,UAAAA,GACH,IAIGA;AAAAA,EAAc,GAGvBI,IAAqC;AAAA,IAAAlB,kBAAAA;AAAAA,IAAAT,iBAAAA;AAAAA,IAAAR,eAAAA;AAAAA,IAAAd,UAAAA;AAAAA,IAAAH,aAAAA;AAAAA,IAAAe,gBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAX,gBAAAA;AAAAA,IAAAS,QAAAA;AAAAA,IAAAkB,cAAAA;AAAAA,IAAAM,iBAAAA;AAAAA,IAAAe,qBAYdzC;AAAAA,IAAU0C,qBACVzC;AAAAA,IAAU8B,wBAAAA;AAAAA,IAAAb,cAAAA;AAAAA,IAAAgB,wBAAAA;AAAAA,EAAAA;AAI/B,MAAAS;AAAA,SAAA/C,EAAA,CAAA,MAAAoB,OAAAC,IAAA,2BAAA,KAQC0B,IAAA,CAAA,GAAE/C,OAAA+C,KAAAA,IAAA/C,EAAA,CAAA,GANLgD,EAAU,MAAA;AACR,QAAIpD,KAAA8B,KAAsCA,EAAgBuB,SAAQ;AAChE,YAAA;AAAA,QAAAC,aAAAA;AAAAA,QAAAC,aAAAA;AAAAA,MAAAA,IAAqCzB,EAAgBuB,SACrDG,IAAoBF,IAAcC;AAClC,MAAIC,MAAgBnC,KAAiBC,EAAmBkC,CAAW;AAAA,IAAE;AAAA,EACtE,GACAL,CAAE,GAELC,EAAU,MAAA;AACRjC,IAAAA,EAAiBZ,EAAKM,aAAc;AAAA,EAAC,GACpC,CAACN,EAAKM,aAAc,CAAC,qBAGtB4C,EAAA,UAAA,EAA8BT,OAAAA,GAC3BhD,UAAAA,IAAiB,gBAAA6C,EAAA,OAAA,EAAgB,WAAAtD,EAASgB,CAAK,GAAID,UAAAA,GAAS,IAASqC,KACxE;AAAwB;"}

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;