linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/split/index.d.ts

@@ -1,8 +1,4 @@
-import Split from './Split.js';
-export { default as SplitSide } from './SplitSide.js';
-import './types.js';
-import 'react';
-
-
-
-export { Split as default };
+import { default as Split } from './Split';
+import { default as SplitSide } from './SplitSide';
+export default Split;
+export { SplitSide };

package/lib/split/index.js

@@ -1,17 +1,9 @@
-"use strict";
+import '../assets/styles/split.css';/* empty css                     */
+import e from "./Split.js";
+import t from "./SplitSide.js";
+//#region src/lib/split/index.tsx
+var n = e;
+//#endregion
+export { t as SplitSide, n as default };
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SplitSide", {
-  enumerable: true,
-  get: function () {
-    return _SplitSide.default;
-  }
-});
-exports.default = void 0;
-require("../assets/styles/split.scss");
-var _Split = _interopRequireDefault(require("./Split"));
-var _SplitSide = _interopRequireDefault(require("./SplitSide"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _Split.default;
+//# sourceMappingURL=index.js.map

package/lib/split/index.js.map

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

package/lib/split/types.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
-
-interface ISplitProps {
+export interface ISplitProps {
     style?: object;
     customClass?: string;
     vertical?: boolean;
@@ -15,7 +14,7 @@ interface ISplitProps {
     children?: ReactNode[];
     nodeParameter?: Node;
 }
-interface ISplitSideProps {
+export interface ISplitSideProps {
     style?: object;
     customClass?: string;
     vertical?: boolean;
@@ -24,11 +23,9 @@ interface ISplitSideProps {
     percentage?: boolean;
     children?: ReactNode;
 }
-interface DocumentSelection {
+export interface DocumentSelection {
     new (): Selection;
     prototype: Selection;
     toString(): string;
     empty(): void;
 }
-
-export { DocumentSelection, ISplitProps, ISplitSideProps };

package/lib/table/Body.d.ts

@@ -1,8 +1,3 @@
-import { ITableBodyProps } from './types.js';
-import 'react';
-import '../tooltip/types.js';
-import '../@types/Position.js';
-
-declare const TableBody: ({ children, customClass }: ITableBodyProps) => JSX.Element;
-
-export { TableBody as default };
+import { ITableBodyProps } from './types';
+declare const TableBody: ({ children, customClass }: ITableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default TableBody;

package/lib/table/Body.js

@@ -1,70 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _helpers = _interopRequireWildcard(require("./helpers"));
-var _skeleton = _interopRequireDefault(require("../skeleton"));
-var _index = require("./index");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const renderChildren = (children, _ref) => {
-  let {
-    columnsCount,
-    vertical,
-    skeletonize,
-    skeletonInRows = 10,
-    skeletonHeight = 16,
-    columnsWidth
-  } = _ref;
-  if (skeletonize && !vertical && columnsCount && skeletonInRows) {
-    const rows = (0, _helpers.getArrayFromNumber)(skeletonInRows);
-    const columns = (0, _helpers.getArrayFromNumber)(columnsCount);
-    const skeletonChildrens = rows.map(index => /*#__PURE__*/_react.default.createElement(_index.TRow, {
-      customClass: "row-skeleton",
-      key: index
-    }, columns.map(id => /*#__PURE__*/_react.default.createElement(_index.Td, {
-      style: {
-        width: columnsWidth === null || columnsWidth === void 0 ? void 0 : columnsWidth[id - 1]
-      },
-      key: id
-    }, /*#__PURE__*/_react.default.createElement(_skeleton.default, {
-      height: skeletonHeight
-    })))));
-    return skeletonChildrens;
-  }
-  return children;
-};
-const TableBody = _ref2 => {
-  let {
-    children,
-    customClass
-  } = _ref2;
-  const context = (0, _react.useContext)(_helpers.default);
-  const {
-    bodyScrollable,
-    bodyContainerRef,
-    skeletonize,
-    skeletonInRows = 10,
-    strict,
-    vertical,
-    columnsCount
-  } = context;
-  const isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);
-  return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "bodycontainer",
-    ref: bodyContainerRef
-  }, /*#__PURE__*/_react.default.createElement("table", {
-    className: "innertable",
-    style: {
-      contain: strict ? 'strict' : 'size layout style'
-    }
-  }, /*#__PURE__*/_react.default.createElement("tbody", {
-    className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
-  }, renderChildren(children, context)))) : /*#__PURE__*/_react.default.createElement("tbody", {
-    className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
-  }, renderChildren(children, context));
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "../skeleton/index.js";
+import n, { getArrayFromNumber as r } from "./helpers.js";
+import i from "./Row.js";
+import a from "./RowColumn.js";
+import { useContext as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/lib/table/Body.tsx
+var c = e(), l = (e, { columnsCount: n, vertical: o, skeletonize: c, skeletonInRows: l = 10, skeletonHeight: u = 16, columnsWidth: d }) => {
+	if (c && !o && n && l) {
+		let e = r(l), o = r(n);
+		return e.map((e) => /* @__PURE__ */ s(i, {
+			customClass: "row-skeleton",
+			children: o.map((e) => /* @__PURE__ */ s(a, {
+				style: { width: d?.[e - 1] },
+				children: /* @__PURE__ */ s(t, { height: u })
+			}, e))
+		}, e));
+	}
+	return e;
+}, u = (e) => {
+	let t = (0, c.c)(8), { children: r, customClass: i } = e, a = o(n), { bodyScrollable: u, bodyContainerRef: d, skeletonize: f, skeletonInRows: p, strict: m, vertical: h, columnsCount: g } = a, _ = !!(f && !h && (p === void 0 || p) && g), v;
+	return t[0] !== d || t[1] !== u || t[2] !== r || t[3] !== a || t[4] !== i || t[5] !== _ || t[6] !== m ? (v = u ? s("div", {
+		className: "bodycontainer",
+		ref: d,
+		children: s("table", {
+			className: "innertable",
+			style: { contain: m ? "strict" : "size layout style" },
+			children: s("tbody", {
+				className: `tbody ${_ ? "skeleton-transparency" : ""} ${i}`,
+				children: l(r, a)
+			})
+		})
+	}) : s("tbody", {
+		className: `tbody ${_ ? "skeleton-transparency" : ""} ${i}`,
+		children: l(r, a)
+	}), t[0] = d, t[1] = u, t[2] = r, t[3] = a, t[4] = i, t[5] = _, t[6] = m, t[7] = v) : v = t[7], v;
 };
-var _default = exports.default = TableBody;
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=Body.js.map

package/lib/table/Body.js.map

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

package/lib/table/Header.d.ts

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

package/lib/table/Header.js

@@ -1,92 +1,56 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const getColumnsWidth = children => {
-  const columnsWidth = [];
-  if (/*#__PURE__*/(0, _react.isValidElement)(children) && children.props) {
-    let columns = children.props.children;
-    if (!_lodash.default.isArray(columns)) columns = [columns];
-    columns.forEach(element => {
-      let colWidth = 0;
-      if (_lodash.default.isArray(element)) {
-        element.forEach(elementArray => {
-          if (elementArray && elementArray.props) {
-            var _elementArray$props, _elementArray$props$s;
-            colWidth = (_elementArray$props = elementArray.props) === null || _elementArray$props === void 0 ? void 0 : (_elementArray$props$s = _elementArray$props.style) === null || _elementArray$props$s === void 0 ? void 0 : _elementArray$props$s.width;
-          }
-          columnsWidth.push(colWidth);
-        });
-      } else if (element && element.props) {
-        var _element$props, _element$props$style;
-        colWidth = (_element$props = element.props) === null || _element$props === void 0 ? void 0 : (_element$props$style = _element$props.style) === null || _element$props$style === void 0 ? void 0 : _element$props$style.width;
-        columnsWidth.push(colWidth);
-      }
-    });
-  }
-  return columnsWidth;
-};
-const countColumnsFromChildren = (element, columnsCount) => {
-  const count = columnsCount;
-  if (/*#__PURE__*/(0, _react.isValidElement)(element)) {
-    var _element$props2;
-    if (_lodash.default.isArray(element === null || element === void 0 ? void 0 : (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.children)) {
-      const currentElement = element.props;
-      currentElement.children.forEach(child => countColumnsFromChildren(child, count));
-    } else if (element) {
-      count.current += 1;
-    }
-  } else if (_lodash.default.isArray(element) && element.length > 0) {
-    element.forEach(child => countColumnsFromChildren(child, count));
-  }
-};
-const getColumnsCount = (children, columnsCount) => {
-  if (_lodash.default.isArray(children) && children.length > 0 && children[0].props) {
-    countColumnsFromChildren(children[0].props.children, columnsCount);
-  } else if (/*#__PURE__*/(0, _react.isValidElement)(children) && children.props && children.props.children) {
-    countColumnsFromChildren(children.props.children, columnsCount);
-  }
-  return columnsCount.current;
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../node_modules/react/compiler-runtime.js";
+import { require_lodash as n } from "../node_modules/lodash/lodash.js";
+import r from "./helpers.js";
+import { isValidElement as i, useContext as a, useEffect as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/lib/table/Header.tsx
+var l = t(), u = /* @__PURE__ */ e(n(), 1), d = (e) => {
+	let t = [];
+	if (i(e) && e.props) {
+		let n = e.props.children;
+		u.default.isArray(n) || (n = [n]), n.forEach((e) => {
+			let n = 0;
+			u.default.isArray(e) ? e.forEach((e) => {
+				e && e.props && (n = e.props?.style?.width), t.push(n);
+			}) : e && e.props && (n = e.props?.style?.width, t.push(n));
+		});
+	}
+	return t;
+}, f = (e, t) => {
+	let n = t;
+	if (i(e)) {
+		let t = e.props;
+		u.default.isArray(t?.children) ? e.props.children.forEach((e) => f(e, n)) : e && (n.current += 1);
+	} else u.default.isArray(e) && e.length > 0 && e.forEach((e) => f(e, n));
+}, p = (e, t) => {
+	let n = e;
+	return u.default.isArray(e) && e.length > 0 && e[0].props ? f(e[0].props.children, t) : i(e) && e.props && n?.props?.children && f(n?.props?.children, t), t.current;
+}, m = (e) => {
+	let t = (0, l.c)(10), { customClass: n, children: i } = e, { bodyScrollWidth: u, bodyScrollable: f, handlerSetColumnsWidth: m, handlerSetColumnsCount: h } = a(r), g = s(0), _;
+	t[0] !== i || t[1] !== h || t[2] !== m ? (_ = () => {
+		i && m && h && (m(d(i)), h(p(i, g)));
+	}, t[0] = i, t[1] = h, t[2] = m, t[3] = _) : _ = t[3];
+	let v;
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (v = [], t[4] = v) : v = t[4], o(_, v);
+	let y;
+	return t[5] !== u || t[6] !== f || t[7] !== i || t[8] !== n ? (y = f ? c("div", {
+		className: "headercontainer",
+		style: { paddingRight: u },
+		children: c("table", {
+			className: "innertable",
+			style: { tableLayout: "fixed" },
+			children: c("thead", {
+				className: `theader ${n}`,
+				children: i
+			})
+		})
+	}) : c("thead", {
+		className: `theader ${n}`,
+		children: i
+	}), t[5] = u, t[6] = f, t[7] = i, t[8] = n, t[9] = y) : y = t[9], y;
 };
-const Header = _ref => {
-  let {
-    customClass,
-    children
-  } = _ref;
-  const {
-    bodyScrollWidth,
-    bodyScrollable,
-    handlerSetColumnsWidth,
-    handlerSetColumnsCount
-  } = (0, _react.useContext)(_helpers.default);
-  const columnsCount = (0, _react.useRef)(0);
-  (0, _react.useEffect)(() => {
-    if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {
-      handlerSetColumnsWidth(getColumnsWidth(children));
-      handlerSetColumnsCount(getColumnsCount(children, columnsCount));
-    }
-  }, []);
-  return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "headercontainer",
-    style: {
-      paddingRight: bodyScrollWidth
-    }
-  }, /*#__PURE__*/_react.default.createElement("table", {
-    className: "innertable",
-    style: {
-      tableLayout: 'fixed'
-    }
-  }, /*#__PURE__*/_react.default.createElement("thead", {
-    className: "theader ".concat(customClass)
-  }, children))) : /*#__PURE__*/_react.default.createElement("thead", {
-    className: "theader ".concat(customClass)
-  }, children);
-};
-var _default = exports.default = Header;
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=Header.js.map

package/lib/table/Header.js.map

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

package/lib/table/HeaderColumn.d.ts

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

package/lib/table/HeaderColumn.js

@@ -1,54 +1,41 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = _interopRequireDefault(require("../icons"));
-var _skeleton = _interopRequireDefault(require("../skeleton"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-var _lodash = _interopRequireDefault(require("lodash"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const HeaderColumn = props => {
-  const {
-    customClass,
-    style,
-    children,
-    textAlign,
-    visible = true,
-    id,
-    isMenuColumn = false
-  } = props;
-  const {
-    skeletonize,
-    vertical,
-    skeletonInHeader,
-    skeletonInRows = 10
-  } = (0, _react.useContext)(_helpers.default);
-  const getChildren = function () {
-    let childrenIsMenuColum = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (!childrenIsMenuColum) return children;
-    return /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: "menu4",
-      size: 22
-    });
-  };
-  const getProps = () => {
-    return _lodash.default.omit(props, ['isMenuColumn', 'customClass', 'children', 'textAlign', 'visible']);
-  };
-  if (!visible) return null;
-  return /*#__PURE__*/_react.default.createElement("th", _extends({}, getProps(), {
-    id: id,
-    style: style,
-    className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(isMenuColumn && 'menu-column')
-  }), skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
-    height: style && style.height ? undefined : 16,
-    style: {
-      marginBottom: 0
-    }
-  }) : getChildren(isMenuColumn));
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../node_modules/react/compiler-runtime.js";
+import n from "../icons/index.js";
+import { require_lodash as r } from "../node_modules/lodash/lodash.js";
+import i from "../skeleton/index.js";
+import a from "./helpers.js";
+import { useContext as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/lib/table/HeaderColumn.tsx
+var c = t(), l = /* @__PURE__ */ e(r(), 1), u = (e) => {
+	let t = (0, c.c)(16), { customClass: r, style: u, children: d, textAlign: f, visible: p, id: m, isMenuColumn: h } = e, g = p === void 0 ? !0 : p, _ = h === void 0 ? !1 : h, { skeletonize: v, vertical: y, skeletonInHeader: b, skeletonInRows: x } = o(a), S = x === void 0 ? 10 : x, C;
+	t[0] === d ? C = t[1] : (C = (e) => e !== void 0 && e ? s(n, {
+		name: "menu4",
+		size: 22
+	}) : d, t[0] = d, t[1] = C);
+	let w = C, T;
+	t[2] === e ? T = t[3] : (T = () => l.default.omit(e, [
+		"isMenuColumn",
+		"customClass",
+		"children",
+		"textAlign",
+		"visible"
+	]), t[2] = e, t[3] = T);
+	let E = T;
+	if (!g) return null;
+	let D;
+	return t[4] !== r || t[5] !== w || t[6] !== E || t[7] !== m || t[8] !== _ || t[9] !== b || t[10] !== S || t[11] !== v || t[12] !== u || t[13] !== f || t[14] !== y ? (D = s("th", {
+		...E(),
+		id: m,
+		style: u,
+		className: `headercolumn ${r} text-align-${f} ${_ && "menu-column"}`,
+		children: v && (b || !S) && !y ? s(i, {
+			height: u && u.height ? void 0 : 16,
+			style: { marginBottom: 0 }
+		}) : w(_)
+	}), t[4] = r, t[5] = w, t[6] = E, t[7] = m, t[8] = _, t[9] = b, t[10] = S, t[11] = v, t[12] = u, t[13] = f, t[14] = y, t[15] = D) : D = t[15], D;
 };
-var _default = exports.default = HeaderColumn;
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=HeaderColumn.js.map

package/lib/table/HeaderColumn.js.map

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

package/lib/table/Row.d.ts

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