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

package/lib/split/types.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode } from 'react';
-export interface ISplitProps {
-    style?: object;
-    customClass?: string;
-    vertical?: boolean;
-    percentage?: boolean;
-    primaryIndex?: number;
-    primaryMinSize?: number;
-    hotKey?: boolean;
-    secondaryInitialSize?: number;
-    secondaryMinSize?: number;
-    hideSplitSideOnToggleClick?: string;
-    onSecondaryPaneSizeChange?: (parameter: number) => void;
-    children?: ReactNode[];
-    nodeParameter?: Node;
-}
-export interface ISplitSideProps {
-    style?: object;
-    customClass?: string;
-    vertical?: boolean;
-    primary?: boolean;
-    size?: number;
-    percentage?: boolean;
-    children?: ReactNode;
-}
-export interface DocumentSelection {
-    new (): Selection;
-    prototype: Selection;
-    toString(): string;
-    empty(): void;
-}

package/lib/table/Body.d.ts

@@ -1,3 +0,0 @@
-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,42 +0,0 @@
-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;
-};
-//#endregion
-export { u as default };
-
-//# sourceMappingURL=Body.js.map

package/lib/table/Body.js.map

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

package/lib/table/Header.js.map

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

package/lib/table/HeaderColumn.js.map

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

package/lib/table/Row.js

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

package/lib/table/Row.js.map

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

package/lib/table/RowColumn.d.ts

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

package/lib/table/RowColumn.js

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

package/lib/table/RowColumn.js.map

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

package/lib/table/helpers.d.ts

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

package/lib/table/helpers.js

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

package/lib/table/helpers.js.map

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

package/lib/table/index.d.ts

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

package/lib/table/index.js

@@ -1,70 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import { require_lodash as t } from "../node_modules/lodash/lodash.js";
-import n from "./helpers.js";
-import r from "./Header.js";
-import i from "./Row.js";
-import a from "./Body.js";
-import o from "./HeaderColumn.js";
-import s from "./RowColumn.js";
-import '../assets/styles/table.css';/* empty css                     */
-import { Fragment as c, useCallback as l, useEffect as u, useRef as d, useState as f } from "react";
-import { jsx as p } from "react/jsx-runtime";
-//#region src/lib/table/index.tsx
-var m = /* @__PURE__ */ e(t(), 1), h = ({ customClass: e, striped: t, bordered: n, hovered: r, skeletonize: i, headerColored: a, condensed: o, vertical: s, bodyScrollable: c, skeletonInRows: l = 10 }) => `table-component ${e} ${t && "-striped"} 
-  ${n && "-bordered"} ${r && "-hovered"} ${a && "-headercolor"}
-  ${o && "-condensed"}
-  ${s && "-vertical"}
-  ${i && !l ? "-skeletonized" : ""}
-  ${c ? "-scrollable" : ""}`, g = ({ children: e, ...t }) => {
-	let { onColClick: r, onRowClick: i, bodyScrollable: a, vertical: o, skeletonize: s, strict: g, skeletonHeight: _, skeletonInHeader: v, skeletonInRows: y, selectedRowId: b, allowHorizontalScroll: x = !1, ...S } = t, [C, w] = f(b), [T, E] = f(0), [D, O] = f([]), [k, A] = f(0), j = d(null), M = l((e) => {
-		w(e);
-	}, []), N = l((e) => {
-		!m.default.isEmpty(e) && m.default.isEmpty(D) && O(e);
-	}, [D]), P = l((e) => A(e), []), F = () => {
-		let n = /* @__PURE__ */ p(c, { children: /* @__PURE__ */ p("table", {
-			style: { contain: g ? "strict" : "size style" },
-			className: h(t),
-			...S,
-			children: e
-		}) });
-		return x ? /* @__PURE__ */ p("div", {
-			className: "horizontal-scroll-container",
-			children: n
-		}) : n;
-	}, I = {
-		bodyContainerRef: j,
-		bodyScrollWidth: T,
-		selectedRowId: C,
-		vertical: o,
-		skeletonize: s,
-		skeletonHeight: _,
-		skeletonInHeader: v,
-		skeletonInRows: y,
-		strict: g,
-		columnsCount: k,
-		handleSelectRow: M,
-		handleTableColClick: r,
-		handleTableRowClick: i,
-		handlerSetColumnsWidth: N,
-		columnsWidth: D,
-		handlerSetColumnsCount: P
-	};
-	return u(() => {
-		if (a && j && j.current) {
-			let { offsetWidth: e, clientWidth: t } = j.current, n = e - t;
-			n !== T && E(n);
-		}
-	}, []), u(() => {
-		w(t.selectedRowId);
-	}, [t.selectedRowId]), /* @__PURE__ */ p(n.Provider, {
-		value: I,
-		children: a ? /* @__PURE__ */ p("div", {
-			className: h(t),
-			children: e
-		}) : F()
-	});
-};
-//#endregion
-export { a as TBody, r as THeader, i as TRow, s as Td, o as Th, g as default };
-
-//# sourceMappingURL=index.js.map

package/lib/table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"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"],"mappings":";;;;;;;;;;;;mCAYM,KAAY,EAChB,gBAAa,YAAS,aAAU,YAAS,gBAAa,kBAAe,cACrE,aAAU,mBAAgB,oBAAiB,SAE3C,mBAAmB,EAAA,GAAe,KAAW,WAAA;IAC3C,KAAY,YAAA,GAAe,KAAW,WAAA,GAAc,KAAiB,eAAA;IACrE,KAAa,aAAA;IACb,KAAY,YAAA;IACZ,KAAe,CAAC,IAAiB,kBAAkB,GAAA;IACnD,IAAiB,gBAAgB,MAG/B,KAAS,EAAE,aAAU,GAAG,QAAyB;CACrD,IAAM,EACJ,eAAY,eAAY,mBAAgB,aAAU,gBAAa,WAAQ,mBACvE,qBAAkB,mBAAgB,eAAe,GACjD,2BAAwB,IAAO,GAAG,MAChC,GACE,CAAC,GAAe,KAAoB,EAAS,EAAuB,EACpE,CAAC,GAAiB,KAAsB,EAAS,EAAE,EACnD,CAAC,GAAc,KAAmB,EAA8B,EAAE,CAAC,EACnE,CAAC,GAAc,KAAmB,EAAS,EAAE,EAC7C,IAAmB,EAAO,KAAK,EAE/B,IAAkB,GAAa,MAAmD;AACtF,IAAiB,EAAW;IAC3B,EAAE,CAAC,EAEA,IAAyB,GAAa,MAA4C;AACtF,EAAI,CAAC,EAAA,QAAE,QAAQ,EAAO,IAAI,EAAA,QAAE,QAAQ,EAAa,IAAE,EAAgB,EAAa;IAC/E,CAAC,EAAa,CAAC,EAEZ,IAAyB,GAAa,MAAkB,EAAgB,EAAM,EAAE,EAAE,CAAC,EAEnF,UAA0B;EAC9B,IAAM,IACJ,kBAAC,GAAD,EAAA,UACE,kBAAC,SAAD;GACE,OAAO,EAAE,SAAS,IAAS,WAAW,cAAc;GACpD,WAAW,EAAS,EAAM;GAC1B,GAAI;GACH;GACK,CAAA,EACC,CAAA;AAWb,SARI,IAEA,kBAAC,OAAD;GAAK,WAAU;aACZ;GACG,CAAA,GAIH;IAGH,IAA+B;EACnC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qBAAqB;EACrB,qBAAqB;EACrB;EACA;EACA;EACD;AAcD,QAZA,QAAgB;AACd,MAAI,KAAkB,KAAoB,EAAiB,SAAS;GAClE,IAAM,EAAE,gBAAa,mBAAgB,EAAiB,SAChD,IAAc,IAAc;AAClC,GAAI,MAAgB,KAAiB,EAAmB,EAAY;;IAErE,EAAE,CAAC,EAEN,QAAgB;AACd,IAAiB,EAAM,cAAc;IACpC,CAAC,EAAM,cAAc,CAAC,EAGvB,kBAAC,EAAa,UAAd;EAAuB,OAAO;YAC3B,IAAiB,kBAAC,OAAD;GAAK,WAAW,EAAS,EAAM;GAAG;GAAe,CAAA,GAAG,GAAA;EAChD,CAAA"}

package/lib/table/types.d.ts

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

package/lib/tabs/DropdownTabs.d.ts

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

package/lib/tabs/DropdownTabs.js

@@ -1,70 +0,0 @@
-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 "../buttons/index.js";
-import a from "../list/Item.js";
-import o from "../list/index.js";
-import { useTabs as s } from "./useTabs.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/lib/tabs/DropdownTabs.tsx
-var u = t(), d = /* @__PURE__ */ e(r(), 1), f = (e) => {
-	let t = (0, u.c)(15), { id: r, title: o, closeable: d, iconAlign: f, icon: p, iconName: m, disabled: h, tabMenuSize: g } = e, { selectTab: _, removeTab: v, selectedTabId: y } = s(), b;
-	t[0] !== r || t[1] !== _ ? (b = () => _(r), t[0] = r, t[1] = _, t[2] = b) : b = t[2];
-	let x;
-	return t[3] !== d || t[4] !== h || t[5] !== p || t[6] !== f || t[7] !== m || t[8] !== r || t[9] !== v || t[10] !== y || t[11] !== b || t[12] !== g || t[13] !== o ? (x = c(a, {
-		onClick: b,
-		children: l("div", {
-			className: "menuitem",
-			children: [
-				y === r ? c(n, {
-					name: "checkmark",
-					color: "#A10D0D"
-				}) : c("div", { style: {
-					width: 16,
-					height: 16
-				} }),
-				c(i, {
-					className: "btn menubutton",
-					boxShadow: !1,
-					iconAlign: f,
-					iconName: m,
-					icon: p,
-					disabled: h,
-					label: o,
-					size: g,
-					transparent: !0
-				}),
-				d && c("button", {
-					className: "closepanel",
-					onClick: () => v(r)
-				})
-			]
-		})
-	}, r), t[3] = d, t[4] = h, t[5] = p, t[6] = f, t[7] = m, t[8] = r, t[9] = v, t[10] = y, t[11] = b, t[12] = g, t[13] = o, t[14] = x) : x = t[14], x;
-}, p = (e) => {
-	let t = (0, u.c)(4), { tabs: n, tabMenuSize: r } = e, a = n === void 0 ? [] : n, l = r === void 0 ? "medium" : r, { selectedTabId: p } = s(), m;
-	t[0] === p ? m = t[1] : (m = (e) => e.id === p, t[0] = p, t[1] = m);
-	let h = a.some(m), g = a.length > 0, _ = d.default.uniqBy(a, "id");
-	if (!g) return null;
-	let v;
-	return t[2] === l ? v = t[3] : (v = (e) => c(f, {
-		tabMenuSize: l,
-		...e
-	}, e.id), t[2] = l, t[3] = v), c(i, {
-		dropdown: !0,
-		dropdownAlign: "right",
-		transparent: !0,
-		boxShadow: !1,
-		size: "large",
-		customClass: `dropdownbutton ${g ? "show" : ""} ${h ? "has-selected" : ""}`,
-		children: c(o, {
-			customClass: "dropdown-hide-tabs",
-			children: _.map(v)
-		})
-	});
-};
-//#endregion
-export { p as default };
-
-//# sourceMappingURL=DropdownTabs.js.map