inconel 0.1.6 → 0.1.7

package/dist/components/Table/legacy/subComponents/inconelTableBody/index.js

@@ -0,0 +1,441 @@
+import { jsxs as te, Fragment as Ot, jsx as a } from "react/jsx-runtime";
+import { useContext as jt, useState as W, useRef as i, useCallback as j, useEffect as Xe, useLayoutEffect as Dt } from "react";
+import D from "prop-types";
+import { VariableSizeList as Mt } from "react-window";
+import Ut from "lodash/cloneDeep";
+import { debounce as Xt } from "lodash";
+import { isValidVariable as Ft } from "../../../../../utils/helpers.js";
+import { INCONELTABLE_MAIN_CLASSNAME as M } from "../constants.js";
+import { getVisibleColumns as qt, getDataOrderIds as He, getElementRect as Fe, itemIsGroup as qe, touchIsSupported as kt } from "../utils.js";
+import Bt from "./filterWindow/index.js";
+import Yt from "./tableFooter/index.js";
+import _t from "./tableHeader/index.js";
+import Jt from "../inconelTablePagination/index.js";
+import { useInconelMemo as Gt } from "../hooks/useInconelMemo.js";
+import { useInconelEffect as E } from "../hooks/useInconelEffect.js";
+import re from "../inconelTableScroll/index.js";
+import { InconelTablePropsContext as Kt } from "../contexts/InconelTablePropsContext.js";
+import { calculateTableDom as Qt } from "./tableCalculations.js";
+import Zt from "./rowItem/rowWrapper.js";
+/* empty css                       */
+const er = ({ rowStartIndex: ke, tableResetIndex: We, tableResetVerticalScroll: Be, setTableResetIndex: Ye, setTableResetVerticalScroll: _e }) => {
+  const { inconelMemo: U } = Gt(), {
+    mainComponentElement: m,
+    showData: u,
+    columns: we,
+    maxLevel: Je,
+    columnOrderArray: X,
+    pinLeftArray: F,
+    pinRightArray: q,
+    hideArray: k,
+    sorting: Ge,
+    filtering: Ke,
+    autoResizeColumns: Le,
+    showGroupBorders: Te,
+    componentWidth: P,
+    headerHeight: Qe,
+    cellHeight: p,
+    equalRowHeight: Ze,
+    cellPadding: et,
+    headerPadding: tt,
+    pageSize: z,
+    // fontFamily,
+    // fontSize,
+    // accordion,
+    tableHeight: rt,
+    theme: B,
+    systemColumnsWidth: v,
+    pagination: ne,
+    totalDataLength: Re,
+    showedDataLength: nt,
+    fullData: ot,
+    getLanguageText: ye,
+    updatedRowsObject: Ee,
+    resetUpdatedRowsObject: lt,
+    updateEffect: ze,
+    footerIsEnabled: Y,
+    setHorizontalScrollVisible: it,
+    customFooterHeight: ve
+  } = jt(Kt), { colList: ct } = Ge, { filterWindowId: _, customFilterFunction: st, colList: at, enabled: ut } = Ke, C = M, x = kt(), oe = 200, [xe, dt] = W(oe), [ht, Ie] = W(0), J = i(0), ft = U(() => z.rowCount * p, [z.rowCount, p], 0), [le, mt] = W({}), [gt, pt] = W(0), [d, St] = W({
+    rightContentWidth: 0,
+    rightHolderWidth: 0,
+    centerContentWidth: 0,
+    centerHolderWidth: 0,
+    leftContentWidth: 0,
+    leftHolderWidth: 0,
+    headerHolderHeight: 0
+  }), ie = i({
+    rightContentWidth: 0,
+    rightHolderWidth: 0,
+    centerContentWidth: 0,
+    centerHolderWidth: 0,
+    leftContentWidth: 0,
+    leftHolderWidth: 0,
+    headerHolderHeight: 0
+  }), [Ae, Ct] = W(null), ce = d.rightHolderWidth + d.centerHolderWidth + d.leftHolderWidth + v, b = i(!1), Pe = i(!0), $e = i(null), I = i(null), w = i(null), $ = i(null), Ve = i(0), L = d.leftContentWidth > d.leftHolderWidth, T = d.centerContentWidth > d.centerHolderWidth, R = d.rightContentWidth > d.rightHolderWidth, bt = i(null), Ht = i(null), Wt = i(null), Ne = i(0), Oe = { left: 0, center: 0, right: 0 }, g = i({ ...Oe }), G = i({}), K = i(u.map(() => p)), se = i(u.length * p), y = z?.displayedRowCount ? z.displayedRowCount * p : rt, Q = L || T || R, [f, ae] = U(() => qt(Ut(we), k), [we, k], 2), ue = Object.keys(f).length === 0, [wt, Lt] = W(0), de = i(0), he = i(0), fe = i(!1), [A, Tt] = W(!1), [Rt, yt] = W(0), Et = i(0), zt = j(
+    Xt(() => {
+      b.current && yt((e) => e + 1);
+    }, 200),
+    []
+  );
+  E(() => {
+    setTimeout(() => {
+      if (b.current) {
+        const e = se.current - y, r = Re > 0 && !ue && e > 0;
+        he.current = r ? e : 0, Et.current = y, fe.current = r, Tt(() => r);
+      }
+    }, 300);
+  }, [Rt, y]);
+  const vt = () => {
+    g.current = { ...Oe }, Z(), Lt((e) => e + 1);
+  }, xt = () => {
+    let e = null;
+    return Re === 0 ? e = ye("noData") : ut && ot && st === null && nt === 0 && (e = ye("filterNoData")), e === null || !z?.addMissingRows ? null : /* @__PURE__ */ a("div", { className: `${C}-nodata`, children: /* @__PURE__ */ a("div", { children: e }) });
+  }, [V, N, O, It, At, Pt] = U(
+    () => {
+      const e = Object.keys(f), r = [], t = [], l = [], n = [], h = [];
+      let c = X.map((o) => String(o)).filter((o) => e.includes(o));
+      return F.forEach((o) => {
+        e.includes(String(o)) && (r.push(o), c = c.filter((s) => String(s) !== String(o)));
+      }), q.forEach((o) => {
+        e.includes(String(o)) && (t.push(o), c = c.filter((s) => String(s) !== String(o)));
+      }), r.forEach((o) => {
+        l.push(...He(o, f));
+      }), c.forEach((o) => {
+        n.push(...He(o, f));
+      }), t.forEach((o) => {
+        h.push(...He(o, f));
+      }), [r, c, t, l, n, h];
+    },
+    [F, q, f, X],
+    3
+  ), me = (e, r) => {
+    if (!Array.isArray(e))
+      return {};
+    const t = {};
+    return e.forEach((l, n) => {
+      const h = e?.[n + 1] ?? null;
+      let c = qe(l) || qe(h);
+      c = n === e.length - 1 ? !1 : c, c && Object.values(r[l].groupIdList).forEach((o) => {
+        const s = o?.[o.length - 1] ?? null;
+        t[s] = !0;
+      });
+    }), t;
+  }, ge = U(
+    () => {
+      let e = {};
+      return Te && (e = { ...e, ...me(V, f) }, e = { ...e, ...me(O, f) }, e = { ...e, ...me(N, f) }), e;
+    },
+    [V, N, O, f, Te],
+    4
+  ), $t = () => {
+    const { leftHolderWidth: e, leftContentWidth: r, centerHolderWidth: t, centerContentWidth: l, rightHolderWidth: n, rightContentWidth: h } = d;
+    return /* @__PURE__ */ te("div", { className: `${C}-horizontal-scroll-holder`, children: [
+      L && /* @__PURE__ */ a("div", { className: `${C}-horizontal-scroll-item`, style: { transform: `translateX(${v}px)` }, children: /* @__PURE__ */ a(
+        re,
+        {
+          width: e,
+          targetContainerSize: e,
+          targetContentSize: r,
+          onUpdate: (c) => {
+            ee("left", c);
+          },
+          theme: B,
+          ref: bt
+        }
+      ) }),
+      T && /* @__PURE__ */ a(
+        "div",
+        {
+          className: `${C}-horizontal-scroll-item`,
+          style: { transform: `translateX(${v + e}px)` },
+          children: /* @__PURE__ */ a(
+            re,
+            {
+              width: t,
+              targetContainerSize: t,
+              targetContentSize: l,
+              onUpdate: (c) => {
+                ee("center", c);
+              },
+              theme: B,
+              ref: Ht
+            }
+          )
+        }
+      ),
+      R && /* @__PURE__ */ a(
+        "div",
+        {
+          className: `${C}-horizontal-scroll-item`,
+          style: {
+            transform: `translateX(${v + e + t}px)`
+          },
+          children: /* @__PURE__ */ a(
+            re,
+            {
+              width: n,
+              targetContainerSize: n,
+              targetContentSize: h,
+              onUpdate: (c) => {
+                ee("right", c);
+              },
+              theme: B,
+              ref: Wt
+            }
+          )
+        }
+      )
+    ] }, wt);
+  }, Z = (e = null) => m === null ? !1 : ((e === null ? ["left", "center", "right"] : [e]).forEach((t) => {
+    m.querySelectorAll(`.${M}-row-item-${t}`).forEach((c) => {
+      c.scrollLeft = g.current[t];
+    });
+    const n = m.querySelector(`.${M}-header-${t}`);
+    n !== null && (n.scrollLeft = g.current[t]);
+    const h = m.querySelector(`.${M}-footer-${t}`);
+    h !== null && (h.scrollLeft = g.current[t]);
+  }), !0), ee = (e, r) => {
+    const { leftContentWidth: t, leftHolderWidth: l, centerContentWidth: n, centerHolderWidth: h, rightContentWidth: c, rightHolderWidth: o } = ie.current;
+    let s = 0, H = 0;
+    switch (e) {
+      case "left":
+        s = t - l, H = g.current.left;
+        break;
+      case "center":
+        s = n - h, H = g.current.center;
+        break;
+      case "right":
+        s = c - o, H = g.current.right;
+        break;
+      default:
+        s = 0;
+    }
+    r = r > s ? s : r, r = r < 0 ? 0 : r, r !== H && (g.current = { ...g.current, [e]: r }, Z(e));
+  }, pe = (e) => {
+    e = e < 0 ? 0 : e, e = e > he.current ? he.current : e, I?.current?.scrollTo(e), w.current !== null && fe.current && (w.current.setContentPosition(e), de.current = e, clearTimeout(J.current), J.current = setTimeout(() => {
+      Ie((r) => r + 1);
+    }, 10));
+  }, je = j((e) => {
+    e.stopPropagation(), e.cancelable && e.preventDefault();
+    const { deltaY: r } = e;
+    let t = I?.current?._outerRef.scrollTop;
+    t += r > 0 ? 100 : -100, pe(t);
+  }, []), Vt = (e) => p, Se = i({ x: 0, y: 0 }), Ce = i({ x: 0, y: 0 }), be = i(null), De = j(
+    (e) => {
+      const r = e.target;
+      let t = null, l = 0;
+      t === null && L && m.querySelectorAll(".inconeltable-row-item-left").forEach((n) => {
+        n.contains(r) && (t = "left", l = g.current.left);
+      }), t === null && T && m.querySelectorAll(".inconeltable-row-item-center").forEach((n) => {
+        n.contains(r) && (t = "center", l = g.current.center);
+      }), t === null && R && m.querySelectorAll(".inconeltable-row-item-right").forEach((n) => {
+        n.contains(r) && (t = "right", l = g.current.right);
+      }), Se.current = { x: l, y: I?.current?._outerRef?.scrollTop }, be.current = t, Ce.current = { x: e.changedTouches[0].screenX, y: e.changedTouches[0].screenY };
+    },
+    [L, T, R, d]
+  ), Me = j((e) => {
+    e.stopPropagation(), e.cancelable && e.preventDefault();
+    const r = Ce.current.x - e.changedTouches[0].screenX, t = Ce.current.y - e.changedTouches[0].screenY;
+    fe.current && pe(Se.current.y + t), be.current !== null && ee(be.current, Se.current.x + r);
+  }, []), Ue = j(() => {
+  }, []);
+  return Xe(() => {
+    u?.some((e) => Ft(e)) && x && (L || T || R || A) ? ($.current.addEventListener("touchmove", Me, { capture: !1, passive: !1 }), $.current.addEventListener("touchend", Ue, { capture: !1, passive: !1 })) : ($.current.removeEventListener("touchmove", Me, { capture: !1, passive: !1 }), $.current.removeEventListener("touchend", Ue, { capture: !1, passive: !1 }));
+  }, [L, T, R, A, x, u]), E(() => {
+    const e = $.current;
+    e.removeEventListener("wheel", je, { capture: !1, passive: !1 }), e.removeEventListener("touchstart", De, { capture: !1, passive: !1 }), A && !x && e.addEventListener("wheel", je, { capture: !1, passive: !1 }), x && (A || L || T || R) && e.addEventListener("touchstart", De, { capture: !1, passive: !1 });
+  }, [A, L, T, R, x]), Dt(() => {
+    const e = () => {
+      let r = null, t = null, l = null, n = 0;
+      const h = (o = null, s = !0) => {
+        const H = {
+          mainComponentElement: m,
+          visibleColumns: f,
+          leftIdList: V,
+          centerIdList: N,
+          rightIdList: O,
+          componentWidth: P,
+          autoResizeColumns: s,
+          maxLevel: Je,
+          headerHeight: Qe,
+          cellHeight: p,
+          equalRowHeight: Ze,
+          footerIsEnabled: Y,
+          cellPadding: et,
+          headerPadding: tt,
+          sortingColList: ct,
+          filteringColList: at,
+          systemColumnsWidth: v,
+          colWidthList: G.current,
+          customFooterHeight: ve
+        };
+        return o !== null && (H.componentWidth = o), Qt(H);
+      }, c = (o) => {
+        const { leftHolderWidth: s, centerHolderWidth: H, rightHolderWidth: Nt } = o;
+        let S = s + H + Nt + v;
+        return S = S > xe ? S : xe, S = S < oe ? oe : S, S = S > P ? P : S, S;
+      };
+      if (l = h(null, Le), l !== null) {
+        if (r = l.elementPropsObject, t = l.tableSectionSizes, n = c(t), !Le) {
+          l = h(n, !0), r = l.elementPropsObject, t = l.tableSectionSizes, n = c(t);
+          const o = m.querySelector(`.${C}-frame`);
+          o !== null && (o.style.width = `${n}px`), dt(n);
+        }
+        mt(() => ({ ...r })), ie.current = { ...ie.current, ...t }, St((o) => ({ ...o, ...t }));
+      }
+    };
+    e(), clearTimeout(Ve.current), Y && (Ve.current = setTimeout(() => {
+      e();
+    }, 100));
+  }, [
+    JSON.stringify(u),
+    P,
+    ft,
+    X,
+    F,
+    q,
+    k,
+    gt,
+    v,
+    Q,
+    Y,
+    ht,
+    ve
+  ]), E(() => {
+    it(Q);
+  }, [Q]), E(() => {
+    if (b.current) {
+      Be && !ze && (_e(!1), setTimeout(() => {
+        b.current && w.current !== null && A && (w.current.setTrackPosition(0), w.current.setContentPosition(0));
+      }, 300), I?.current?.scrollTo(0));
+      const e = We === null && u.length !== K.current.length ? 0 : We;
+      if (e !== null) {
+        const r = [...K.current];
+        let t = [];
+        if (e === 0)
+          t = Array(u.length).fill(p);
+        else {
+          const l = Math.max(e > u.length ? u.length : e);
+          t = r.slice(0, l), t.push(...Array(u.length - l).fill(p));
+        }
+        K.current = t, se.current = t.reduce((l, n) => l + n, 0), Pe.current ? Pe.current = !1 : I?.current?.resetAfterIndex(e), zt(), Ye(null);
+      }
+      pt((r) => r + 1);
+    }
+  }, [JSON.stringify(u)]), E(() => {
+    if (_ !== null && m !== null) {
+      const e = m.querySelector(`.inconeltable-header-item-id-${_}`);
+      if (e !== null) {
+        const { left: r } = Fe(m), { left: t, width: l } = Fe(e);
+        let n = t - r + l;
+        n = n + 200 > ce ? ce - 200 : n, n = Math.max(n, 0), Ct(() => n);
+      }
+    }
+  }, [_, ce]), E(() => {
+    b.current && (ze && (clearTimeout(Ne.current), Ne.current = setTimeout(() => {
+      b.current && lt();
+    }, 1500)), setTimeout(() => {
+      b.current && Ee !== null && w.current !== null && w.current.setTrackPosition(de.current);
+    }, 200));
+  }, [Ee]), E(() => {
+    vt();
+  }, [P, F, q, k, X, z.rowCount, ne.activePage, u]), E(() => {
+    G.current = {}, pe(0);
+  }, [ne.activePage]), Xe(() => (b.current = !0, () => {
+    b.current = !1;
+  }), []), /* @__PURE__ */ te(Ot, { children: [
+    /* @__PURE__ */ te("div", { className: `${C}-table-container`, ref: $e, children: [
+      _ !== null && Ae !== null && /* @__PURE__ */ a(Bt, { positionX: Ae }),
+      /* @__PURE__ */ a(
+        _t,
+        {
+          visibleColumns: f,
+          tableContainerRef: $e.current,
+          elementPropsObject: le,
+          groupBordersObject: ge,
+          leftIdList: V,
+          centerIdList: N,
+          rightIdList: O,
+          headerHolderHeight: d.headerHolderHeight,
+          allColumnsHided: ue,
+          maxWidthAllowed: ae
+        }
+      ),
+      /* @__PURE__ */ te("div", { ref: $, className: `${C}-body-section`, children: [
+        /* @__PURE__ */ a(
+          Mt,
+          {
+            className: `${C}-body-section-table`,
+            ref: I,
+            width: P,
+            height: z?.addMissingRows ? y : Math.min(u.length * p, y),
+            itemCount: u.length,
+            itemSize: Vt,
+            itemData: {
+              tableSectionSizes: d,
+              elementPropsObject: le,
+              leftColList: It,
+              centerColList: At,
+              rightColList: Pt,
+              applyHorizontalScrollValues: Z,
+              groupBordersObject: ge,
+              rowStartIndex: ke,
+              allColumnsHided: ue,
+              maxWidthAllowed: ae,
+              rowHeightCache: K.current,
+              columnWidthList: G.current
+            },
+            style: { overflow: "hidden", boxSizing: "border-box", width: "100%" },
+            children: Zt
+          }
+        ),
+        A && !x && /* @__PURE__ */ a("div", { className: `${M}-vertical-scroll-holder`, style: { height: `${y}px` }, children: /* @__PURE__ */ a(
+          re,
+          {
+            height: y,
+            targetContainerSize: y,
+            targetContentSize: se.current,
+            onUpdate: (e) => {
+              I?.current?.scrollTo(e), de.current = e, clearTimeout(J.current), J.current = setTimeout(() => {
+                Ie((r) => r + 1);
+              }, 10);
+            },
+            isVertical: !0,
+            ref: w,
+            theme: B
+          }
+        ) }),
+        xt()
+      ] }),
+      Y && /* @__PURE__ */ a(
+        Yt,
+        {
+          visibleColumns: f,
+          leftIdList: V,
+          centerIdList: N,
+          rightIdList: O,
+          groupBordersObject: ge,
+          columnWidthList: G.current,
+          elementPropsObject: le,
+          maxWidthAllowed: ae,
+          tableSectionSizes: d,
+          applyHorizontalScrollValues: Z
+        }
+      ),
+      !x && Q && $t()
+    ] }),
+    ne.enabled && /* @__PURE__ */ a(Jt, {})
+  ] });
+};
+er.propTypes = {
+  rowStartIndex: D.number,
+  tableResetIndex: D.number,
+  setTableResetIndex: D.func,
+  tableResetVerticalScroll: D.bool,
+  setTableResetVerticalScroll: D.func
+};
+export {
+  er as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Table/legacy/subComponents/inconelTableBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/index.jsx"],"sourcesContent":["/* eslint-disable no-underscore-dangle */\nimport { useRef, useState, useLayoutEffect, useContext, useCallback, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { VariableSizeList as List } from 'react-window';\nimport cloneDeep from 'lodash/cloneDeep';\n\nimport { debounce } from 'lodash';\nimport { isValidVariable } from 'utils/helpers';\nimport { INCONELTABLE_MAIN_CLASSNAME } from '../constants';\nimport { getDataOrderIds, getVisibleColumns, itemIsGroup, getElementRect, touchIsSupported } from '../utils';\n\nimport FilterWindow from './filterWindow';\nimport TableFooter from './tableFooter';\nimport TableHeader from './tableHeader';\n\nimport InconelTablePagination from '../inconelTablePagination';\n\nimport { useInconelMemo } from '../hooks/useInconelMemo';\nimport { useInconelEffect } from '../hooks/useInconelEffect';\nimport InconelTableScroll from '../inconelTableScroll';\nimport { InconelTablePropsContext } from '../contexts/InconelTablePropsContext';\nimport { calculateTableDom } from './tableCalculations';\nimport RowWrapper from './rowItem/rowWrapper';\n// import { measureSizes } from '../measureSizes';\n\nimport './_inconelTableBody.scss';\n\nconst InconelTableBody = ({ rowStartIndex, tableResetIndex, tableResetVerticalScroll, setTableResetIndex, setTableResetVerticalScroll }) => {\n  const { inconelMemo } = useInconelMemo();\n  const {\n    mainComponentElement,\n    showData,\n    columns,\n    maxLevel,\n    columnOrderArray,\n    pinLeftArray,\n    pinRightArray,\n    hideArray,\n    sorting,\n    filtering,\n    autoResizeColumns,\n    showGroupBorders,\n    componentWidth,\n    headerHeight,\n    cellHeight,\n    equalRowHeight,\n    cellPadding,\n    headerPadding,\n    pageSize,\n    // fontFamily,\n    // fontSize,\n    // accordion,\n    tableHeight,\n    theme,\n    systemColumnsWidth,\n\n    pagination,\n    totalDataLength,\n    showedDataLength,\n    fullData,\n    getLanguageText,\n    updatedRowsObject,\n    resetUpdatedRowsObject,\n    updateEffect,\n    footerIsEnabled,\n    setHorizontalScrollVisible,\n    customFooterHeight,\n  } = useContext(InconelTablePropsContext);\n\n  const { colList: sortingColList } = sorting;\n  const { filterWindowId, customFilterFunction, colList: filteringColList, enabled: filteringEnabled } = filtering;\n  // const { customHeight: accordionCustomHeight } = accordion;\n\n  const rootCls = INCONELTABLE_MAIN_CLASSNAME;\n  const touchIsExist = touchIsSupported();\n\n  // silinebilir\n\n  const tableMinWidth = 200;\n  const [contentWidthForNoResize, setContentWidthForNoResize] = useState(tableMinWidth);\n  const [verticolScrollUpdateCount, setVerticolScrollUpdateCount] = useState(0);\n  const verticalScrollUpdateRef = useRef(0);\n\n  const minTableHolderHeight = inconelMemo(() => pageSize.rowCount * cellHeight, [pageSize.rowCount, cellHeight], 0);\n  // silinebilir\n\n  const [elementPropsObject, setElementPropsObject] = useState({}); // { 1:{width: 87, height: 15, maxWidth: null} }\n\n  const [refreshCount, setRefreshCount] = useState(0);\n  const [tableSectionSizes, setTableSectionSizes] = useState({\n    rightContentWidth: 0,\n    rightHolderWidth: 0,\n    centerContentWidth: 0,\n    centerHolderWidth: 0,\n    leftContentWidth: 0,\n    leftHolderWidth: 0,\n    headerHolderHeight: 0,\n  });\n\n  const tableSectionSizesRef = useRef({\n    rightContentWidth: 0,\n    rightHolderWidth: 0,\n    centerContentWidth: 0,\n    centerHolderWidth: 0,\n    leftContentWidth: 0,\n    leftHolderWidth: 0,\n    headerHolderHeight: 0,\n  });\n\n  const [filterWindowPositionX, setFilterWindowPositionX] = useState(null);\n\n  const tableWidth =\n    tableSectionSizes.rightHolderWidth + tableSectionSizes.centerHolderWidth + tableSectionSizes.leftHolderWidth + systemColumnsWidth;\n\n  const isMounted = useRef(false);\n  const firstLoad = useRef(true);\n  const tableContainerRef = useRef(null);\n  const tableRef = useRef(null);\n  const scrollRef = useRef(null);\n  const tableBodyRef = useRef(null);\n  const timeoutRef = useRef(0);\n\n  const leftHorizontalScrollExist = tableSectionSizes.leftContentWidth > tableSectionSizes.leftHolderWidth;\n  const centerHorizontalScrollExist = tableSectionSizes.centerContentWidth > tableSectionSizes.centerHolderWidth;\n  const rightHorizontalScrollExist = tableSectionSizes.rightContentWidth > tableSectionSizes.rightHolderWidth;\n\n  const leftScrollRef = useRef(null);\n  const centerScrollRef = useRef(null);\n  const rightScrollRef = useRef(null);\n  const clearUpdateEffectRef = useRef(0);\n\n  const defaultHorizontalScrolls = { left: 0, center: 0, right: 0 };\n  const horizontalScrolls = useRef({ ...defaultHorizontalScrolls });\n\n  const columnWidthList = useRef({}); // 0: 45, 1: 32, 3:45\n  const rowHeightCache = useRef(showData.map(() => cellHeight)); // 30, 30, 30\n  const tableContentHeight = useRef(showData.length * cellHeight);\n\n  const tableShowedHeight = pageSize?.displayedRowCount ? pageSize.displayedRowCount * cellHeight : tableHeight;\n\n  /*\n  const horizontalScrollVisible =\n    totalDataLength !== 0 && (leftHorizontalScrollExist || centerHorizontalScrollExist || rightHorizontalScrollExist);\n\t*/\n  const horizontalScrollVisible = leftHorizontalScrollExist || centerHorizontalScrollExist || rightHorizontalScrollExist;\n\n  const [visibleColumns, maxWidthAllowed] = inconelMemo(() => getVisibleColumns(cloneDeep(columns), hideArray), [columns, hideArray], 2);\n\n  const allColumnsHided = Object.keys(visibleColumns).length === 0;\n\n  const [horizontalScrollRenderCount, setHorizontalScrollRenderCount] = useState(0);\n  const verticalScrollPosition = useRef(0);\n  const maxVscrollValue = useRef(0);\n  const vScrollActiveRef = useRef(false);\n  const [verticalScrollActive, setVerticalScrollActive] = useState(false);\n  const [vscrollUpdateCount, setVscrollUpdateCount] = useState(0);\n  const tableHeightTotal = useRef(0);\n\n  const updateScr = useCallback(\n    debounce(() => {\n      if (isMounted.current) {\n        setVscrollUpdateCount((old) => old + 1);\n      }\n    }, 200),\n    [],\n  );\n\n  useInconelEffect(() => {\n    setTimeout(() => {\n      if (isMounted.current) {\n        const maxScrollSize = tableContentHeight.current - tableShowedHeight;\n        // console.log('max', tableContentHeight.current, tableShowedHeight);\n        const vsActive = totalDataLength > 0 && !allColumnsHided && maxScrollSize > 0;\n        maxVscrollValue.current = vsActive ? maxScrollSize : 0;\n        tableHeightTotal.current = tableShowedHeight;\n\n        vScrollActiveRef.current = vsActive;\n\n        setVerticalScrollActive(() => vsActive);\n      }\n    }, 300);\n  }, [vscrollUpdateCount, tableShowedHeight]);\n\n  const resetHorizontalScrolls = () => {\n    horizontalScrolls.current = { ...defaultHorizontalScrolls };\n    applyHorizontalScrollValues();\n    setHorizontalScrollRenderCount((old) => old + 1);\n  };\n\n  const getNoDataJsx = () => {\n    let warnText = null;\n\n    if (totalDataLength === 0) {\n      warnText = getLanguageText('noData');\n    } else if (filteringEnabled && fullData && customFilterFunction === null && showedDataLength === 0) {\n      warnText = getLanguageText('filterNoData');\n    }\n\n    if (warnText === null || !pageSize?.addMissingRows) {\n      return null;\n    }\n\n    return (\n      <div className={`${rootCls}-nodata`}>\n        <div>{warnText}</div>\n      </div>\n    );\n  };\n\n  /*\n  const setColumnWidthList = (newList) => {\n    columnWidthList.current = { ...newList };\n  };\n\n  const setRowHeightCacheByIndex = (ind, val) => {\n    const newCache = [...rowHeightCache.current];\n    newCache[ind] = val;\n\n    rowHeightCache.current = newCache;\n    tableContentHeight.current = newCache.reduce((acc, total) => acc + total, 0);\n\n    updateScr();\n  };\n*/\n\n  const [leftIdList, centerIdList, rightIdList, leftColList, centerColList, rightColList] = inconelMemo(\n    () => {\n      const colKeyList = Object.keys(visibleColumns);\n      const newLeftIdList = [];\n      const newRightIdList = [];\n      const newLeftColList = [];\n      const newCenterColList = [];\n      const newRightColList = [];\n\n      let newCenterIdList = columnOrderArray.map((item) => String(item)).filter((cId) => colKeyList.includes(cId));\n\n      pinLeftArray.forEach((subId) => {\n        if (colKeyList.includes(String(subId))) {\n          newLeftIdList.push(subId);\n          newCenterIdList = newCenterIdList.filter((cId) => String(cId) !== String(subId));\n        }\n      });\n\n      pinRightArray.forEach((subId) => {\n        if (colKeyList.includes(String(subId))) {\n          newRightIdList.push(subId);\n          newCenterIdList = newCenterIdList.filter((cId) => String(cId) !== String(subId));\n        }\n      });\n\n      newLeftIdList.forEach((item) => {\n        newLeftColList.push(...getDataOrderIds(item, visibleColumns));\n      });\n\n      newCenterIdList.forEach((item) => {\n        newCenterColList.push(...getDataOrderIds(item, visibleColumns));\n      });\n\n      newRightIdList.forEach((item) => {\n        newRightColList.push(...getDataOrderIds(item, visibleColumns));\n      });\n\n      return [newLeftIdList, newCenterIdList, newRightIdList, newLeftColList, newCenterColList, newRightColList];\n    },\n    [pinLeftArray, pinRightArray, visibleColumns, columnOrderArray],\n    3,\n  );\n\n  const getGroupBorderObject = (idList, visibleCols) => {\n    if (!Array.isArray(idList)) {\n      return {};\n    }\n\n    const result = {};\n\n    idList.forEach((colId, index) => {\n      const nextColId = idList?.[index + 1] ?? null;\n\n      let showBorder = itemIsGroup(colId) || itemIsGroup(nextColId);\n      showBorder = index === idList.length - 1 ? false : showBorder;\n\n      if (showBorder) {\n        Object.values(visibleCols[colId].groupIdList).forEach((subGroupList) => {\n          const lastElm = subGroupList?.[subGroupList.length - 1] ?? null;\n\n          result[lastElm] = true;\n        });\n      }\n    });\n\n    return result;\n  };\n\n  const groupBordersObject = inconelMemo(\n    () => {\n      let result = {};\n\n      if (!showGroupBorders) {\n        return result;\n      }\n\n      result = { ...result, ...getGroupBorderObject(leftIdList, visibleColumns) };\n      result = { ...result, ...getGroupBorderObject(rightIdList, visibleColumns) };\n      result = { ...result, ...getGroupBorderObject(centerIdList, visibleColumns) };\n\n      return result;\n    },\n    [leftIdList, centerIdList, rightIdList, visibleColumns, showGroupBorders],\n    4,\n  );\n\n  // end memoized values\n\n  const getHorizontalScrollBars = () => {\n    const { leftHolderWidth, leftContentWidth, centerHolderWidth, centerContentWidth, rightHolderWidth, rightContentWidth } =\n      tableSectionSizes;\n\n    return (\n      <div className={`${rootCls}-horizontal-scroll-holder`} key={horizontalScrollRenderCount}>\n        {leftHorizontalScrollExist && (\n          <div className={`${rootCls}-horizontal-scroll-item`} style={{ transform: `translateX(${systemColumnsWidth}px)` }}>\n            <InconelTableScroll\n              width={leftHolderWidth}\n              targetContainerSize={leftHolderWidth}\n              targetContentSize={leftContentWidth}\n              onUpdate={(val) => {\n                updateHorizontalScrollValue('left', val);\n              }}\n              theme={theme}\n              ref={leftScrollRef}\n            />\n          </div>\n        )}\n        {centerHorizontalScrollExist && (\n          <div\n            className={`${rootCls}-horizontal-scroll-item`}\n            style={{ transform: `translateX(${systemColumnsWidth + leftHolderWidth}px)` }}\n          >\n            <InconelTableScroll\n              width={centerHolderWidth}\n              targetContainerSize={centerHolderWidth}\n              targetContentSize={centerContentWidth}\n              onUpdate={(val) => {\n                updateHorizontalScrollValue('center', val);\n              }}\n              theme={theme}\n              ref={centerScrollRef}\n            />\n          </div>\n        )}\n        {rightHorizontalScrollExist && (\n          <div\n            className={`${rootCls}-horizontal-scroll-item`}\n            style={{\n              transform: `translateX(${systemColumnsWidth + leftHolderWidth + centerHolderWidth}px)`,\n            }}\n          >\n            <InconelTableScroll\n              width={rightHolderWidth}\n              targetContainerSize={rightHolderWidth}\n              targetContentSize={rightContentWidth}\n              onUpdate={(val) => {\n                updateHorizontalScrollValue('right', val);\n              }}\n              theme={theme}\n              ref={rightScrollRef}\n            />\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const applyHorizontalScrollValues = (type = null) => {\n    if (mainComponentElement === null) {\n      return false;\n    }\n\n    const sectionsList = type === null ? ['left', 'center', 'right'] : [type];\n\n    sectionsList.forEach((sec) => {\n      const elmList = mainComponentElement.querySelectorAll(`.${INCONELTABLE_MAIN_CLASSNAME}-row-item-${sec}`);\n      elmList.forEach((elm) => {\n        elm.scrollLeft = horizontalScrolls.current[sec];\n      });\n\n      const headerElm = mainComponentElement.querySelector(`.${INCONELTABLE_MAIN_CLASSNAME}-header-${sec}`);\n      if (headerElm !== null) {\n        headerElm.scrollLeft = horizontalScrolls.current[sec];\n      }\n\n      const footerElm = mainComponentElement.querySelector(`.${INCONELTABLE_MAIN_CLASSNAME}-footer-${sec}`);\n      if (footerElm !== null) {\n        footerElm.scrollLeft = horizontalScrolls.current[sec];\n      }\n    });\n\n    return true;\n  };\n\n  const updateHorizontalScrollValue = (type, val) => {\n    const { leftContentWidth, leftHolderWidth, centerContentWidth, centerHolderWidth, rightContentWidth, rightHolderWidth } =\n      tableSectionSizesRef.current;\n\n    let maxVal = 0;\n    let currentVal = 0;\n\n    switch (type) {\n      case 'left':\n        maxVal = leftContentWidth - leftHolderWidth;\n        currentVal = horizontalScrolls.current.left;\n        break;\n      case 'center':\n        maxVal = centerContentWidth - centerHolderWidth;\n        currentVal = horizontalScrolls.current.center;\n        break;\n      case 'right':\n        maxVal = rightContentWidth - rightHolderWidth;\n        currentVal = horizontalScrolls.current.right;\n        break;\n      default:\n        maxVal = 0;\n    }\n\n    val = val > maxVal ? maxVal : val;\n    val = val < 0 ? 0 : val;\n\n    if (val !== currentVal) {\n      horizontalScrolls.current = { ...horizontalScrolls.current, [type]: val };\n      applyHorizontalScrollValues(type);\n    }\n  };\n\n  const applyVerticalScrollValue = (val) => {\n    val = val < 0 ? 0 : val;\n    val = val > maxVscrollValue.current ? maxVscrollValue.current : val;\n\n    // if (verticalScrollPosition.current !== val) {\n    tableRef?.current?.scrollTo(val);\n\n    if (scrollRef.current !== null && vScrollActiveRef.current) {\n      scrollRef.current.setContentPosition(val);\n      verticalScrollPosition.current = val;\n\n      clearTimeout(verticalScrollUpdateRef.current);\n      verticalScrollUpdateRef.current = setTimeout(() => {\n        setVerticolScrollUpdateCount((old) => old + 1);\n      }, 10);\n    }\n    // }\n  };\n\n  const handleWheel = useCallback((e) => {\n    e.stopPropagation();\n\n    if (e.cancelable) {\n      e.preventDefault();\n    }\n\n    const { deltaY } = e;\n    let scrollVal = tableRef?.current?._outerRef.scrollTop;\n    scrollVal += deltaY > 0 ? 100 : -100;\n\n    applyVerticalScrollValue(scrollVal);\n  }, []);\n\n  // const allColumnList = inconelMemo(() => [...leftColList, ...centerColList, ...rightColList], [leftColList, centerColList, rightColList], 0);\n\n  const calculateRowHeight = (rowIndex) => cellHeight;\n  /*\n  const calculateRowHeight = (rowIndex) => {\n    // console.log('calc : ', rowIndex);\n    const rowData = showData[rowIndex];\n\n    // const rowNumber = rowData === null ? rowIndex : rowData[INCONELTABLE_ROW_INDEX];\n    const accordionIsCustom = rowData?.[INCONELTABLE_ROW_ACCORDION_CUSTOM];\n\n    const currentRowHeight = isValidVariable(rowHeightCache.current[rowIndex])\n      ? rowHeightCache.current[rowIndex]\n      : cellHeight;\n\n    let colSizeIsUpdated = false;\n    let resultHeight = currentRowHeight;\n\n    if (accordionIsCustom) {\n      resultHeight = accordionCustomHeight;\n    } else {\n      allColumnList.forEach((colId) => {\n        const currentWidthList = columnWidthList.current;\n        const colWidth = currentWidthList[colId] === undefined ? 0 : currentWidthList[colId];\n        const { minWidth, renderAsHTML } = columns[colId];\n        const maxWidth = maxWidthAllowed ? columns[colId]?.maxWidth : null;\n        // const cellString = getValueFromSource({ source: rowData, path: dataKey });\n        const cellString = isValidVariable(rowData?.[INCONELTABLE_ROW_TEXTS]?.[colId])\n          ? rowData[INCONELTABLE_ROW_TEXTS][colId]\n          : null;\n\n        const maxWidthForMeasure = maxWidth === null ? null : maxWidth - cellPadding.horizontal;\n\n        // if (cellString !== null) {\n        let { elmWidth, elmHeight } = measureSizes({\n          cellString,\n          renderAsHTML,\n          fontFamily,\n          fontSize,\n          minWidth,\n          maxWidth: maxWidthForMeasure,\n        });\n        elmHeight += cellPadding.vertical;\n\n        elmHeight = elmHeight < cellHeight ? cellHeight : elmHeight;\n\n        // console.log(elmWidth, minWidth, maxWidth);\n        elmWidth += cellPadding.horizontal;\n        elmWidth = minWidth !== null ? Math.max(elmWidth, minWidth) : elmWidth;\n        elmWidth = maxWidth !== null ? Math.min(elmWidth, maxWidth) : elmWidth;\n\n        if (colWidth < elmWidth && currentWidthList[colId] !== undefined) {\n          colSizeIsUpdated = true;\n        }\n\n        // console.log(rowIndex, currentRowHeight, elmHeight);\n        resultHeight = Math.max(resultHeight, elmHeight);\n\n        setColumnWidthList({ ...currentWidthList, [colId]: Math.max(colWidth, elmWidth) });\n        // }\n      });\n    }\n\n    const heightChangeAmount = resultHeight - currentRowHeight;\n\n    if (heightChangeAmount > 0) {\n      colSizeIsUpdated = true;\n      tableContentHeight.current += heightChangeAmount;\n    }\n\n    setRowHeightCacheByIndex(rowIndex, resultHeight);\n\n    if (colSizeIsUpdated) {\n      updateRefreshCount();\n    }\n\n    return resultHeight;\n  };\n\t*/\n\n  const scrollRefPosition = useRef({ x: 0, y: 0 });\n  const touchStartPosition = useRef({ x: 0, y: 0 });\n  const touchRegion = useRef(null); // left, center, right\n\n  const handleTouchStart = useCallback(\n    (e) => {\n      const tgt = e.target;\n      let startRegion = null; // left, right, center\n      let startX = 0;\n\n      if (startRegion === null && leftHorizontalScrollExist) {\n        mainComponentElement.querySelectorAll('.inconeltable-row-item-left').forEach((rowElm) => {\n          if (rowElm.contains(tgt)) {\n            startRegion = 'left';\n            startX = horizontalScrolls.current.left;\n          }\n        });\n      }\n\n      if (startRegion === null && centerHorizontalScrollExist) {\n        mainComponentElement.querySelectorAll('.inconeltable-row-item-center').forEach((rowElm) => {\n          if (rowElm.contains(tgt)) {\n            startRegion = 'center';\n            startX = horizontalScrolls.current.center;\n          }\n        });\n      }\n\n      if (startRegion === null && rightHorizontalScrollExist) {\n        mainComponentElement.querySelectorAll('.inconeltable-row-item-right').forEach((rowElm) => {\n          if (rowElm.contains(tgt)) {\n            startRegion = 'right';\n            startX = horizontalScrolls.current.right;\n          }\n        });\n      }\n\n      scrollRefPosition.current = { x: startX, y: tableRef?.current?._outerRef?.scrollTop };\n      touchRegion.current = startRegion;\n      touchStartPosition.current = { x: e.changedTouches[0].screenX, y: e.changedTouches[0].screenY };\n    },\n    [leftHorizontalScrollExist, centerHorizontalScrollExist, rightHorizontalScrollExist, tableSectionSizes],\n  );\n\n  const handleTouchMove = useCallback((e) => {\n    e.stopPropagation();\n    if (e.cancelable) {\n      e.preventDefault();\n    }\n\n    const moveX = touchStartPosition.current.x - e.changedTouches[0].screenX;\n    const moveY = touchStartPosition.current.y - e.changedTouches[0].screenY;\n\n    if (vScrollActiveRef.current) {\n      applyVerticalScrollValue(scrollRefPosition.current.y + moveY);\n    }\n\n    if (touchRegion.current !== null) {\n      // console.log('change', scrollRefPosition.current.x + moveX);\n      updateHorizontalScrollValue(touchRegion.current, scrollRefPosition.current.x + moveX);\n    }\n  }, []);\n\n  const handleTouchEnd = useCallback(() => {\n    // tableBodyRef.current.removeEventListener('touchmove', handleTouchMove, { capture: false, passive: false });\n    // tableBodyRef.current.removeEventListener('touchend', handleTouchEnd, { capture: false, passive: false });\n  }, []);\n\n  useEffect(() => {\n    /*\n    console.log(showData, touchIsExist);\n    console.log(\n      leftHorizontalScrollExist,\n      centerHorizontalScrollExist,\n      rightHorizontalScrollExist,\n      verticalScrollActive\n    );\n    console.log('=====================');\n\t\t*/\n\n    if (\n      showData?.some((item) => isValidVariable(item)) &&\n      touchIsExist &&\n      (leftHorizontalScrollExist || centerHorizontalScrollExist || rightHorizontalScrollExist || verticalScrollActive)\n    ) {\n      tableBodyRef.current.addEventListener('touchmove', handleTouchMove, { capture: false, passive: false });\n      tableBodyRef.current.addEventListener('touchend', handleTouchEnd, { capture: false, passive: false });\n    } else {\n      tableBodyRef.current.removeEventListener('touchmove', handleTouchMove, { capture: false, passive: false });\n      tableBodyRef.current.removeEventListener('touchend', handleTouchEnd, { capture: false, passive: false });\n    }\n  }, [leftHorizontalScrollExist, centerHorizontalScrollExist, rightHorizontalScrollExist, verticalScrollActive, touchIsExist, showData]);\n\n  useInconelEffect(() => {\n    const verticalScrollElm = tableBodyRef.current;\n\n    verticalScrollElm.removeEventListener('wheel', handleWheel, { capture: false, passive: false });\n    verticalScrollElm.removeEventListener('touchstart', handleTouchStart, { capture: false, passive: false });\n\n    if (verticalScrollActive && !touchIsExist) {\n      verticalScrollElm.addEventListener('wheel', handleWheel, { capture: false, passive: false });\n    }\n\n    if (touchIsExist && (verticalScrollActive || leftHorizontalScrollExist || centerHorizontalScrollExist || rightHorizontalScrollExist)) {\n      verticalScrollElm.addEventListener('touchstart', handleTouchStart, { capture: false, passive: false });\n    }\n  }, [verticalScrollActive, leftHorizontalScrollExist, centerHorizontalScrollExist, rightHorizontalScrollExist, touchIsExist]);\n\n  // layout effect\n\n  useLayoutEffect(() => {\n    const effectFunc = () => {\n      let propsObject = null;\n      let tableSections = null;\n      let calculationResult = null;\n      let generalTableWidth = 0;\n\n      const calculateTableSizes = (customWidth = null, resize = true) => {\n        const propList = {\n          mainComponentElement,\n          visibleColumns,\n          leftIdList,\n          centerIdList,\n          rightIdList,\n          componentWidth,\n          autoResizeColumns: resize,\n          maxLevel,\n          headerHeight,\n          cellHeight,\n          equalRowHeight,\n          footerIsEnabled,\n          cellPadding,\n          headerPadding,\n          sortingColList,\n          filteringColList,\n          systemColumnsWidth,\n          colWidthList: columnWidthList.current,\n          customFooterHeight,\n        };\n\n        if (customWidth !== null) {\n          propList.componentWidth = customWidth;\n        }\n\n        return calculateTableDom(propList);\n      };\n\n      const generalTableCalc = (sections) => {\n        const { leftHolderWidth, centerHolderWidth, rightHolderWidth } = sections;\n        let total = leftHolderWidth + centerHolderWidth + rightHolderWidth + systemColumnsWidth;\n\n        total = total > contentWidthForNoResize ? total : contentWidthForNoResize;\n        total = total < tableMinWidth ? tableMinWidth : total;\n        total = total > componentWidth ? componentWidth : total;\n\n        return total;\n      };\n\n      calculationResult = calculateTableSizes(null, autoResizeColumns);\n      if (calculationResult !== null) {\n        propsObject = calculationResult.elementPropsObject;\n        tableSections = calculationResult.tableSectionSizes;\n        generalTableWidth = generalTableCalc(tableSections);\n\n        // console.log('tab', calculationResult.tableSectionSizes);\n\n        if (!autoResizeColumns) {\n          calculationResult = calculateTableSizes(generalTableWidth, true);\n          propsObject = calculationResult.elementPropsObject;\n          tableSections = calculationResult.tableSectionSizes;\n          generalTableWidth = generalTableCalc(tableSections);\n\n          const frameContainer = mainComponentElement.querySelector(`.${rootCls}-frame`);\n          if (frameContainer !== null) {\n            frameContainer.style.width = `${generalTableWidth}px`;\n          }\n          setContentWidthForNoResize(generalTableWidth);\n        }\n\n        setElementPropsObject(() => ({ ...propsObject }));\n\n        tableSectionSizesRef.current = { ...tableSectionSizesRef.current, ...tableSections };\n        setTableSectionSizes((oldValues) => ({ ...oldValues, ...tableSections }));\n      }\n    };\n\n    effectFunc();\n\n    clearTimeout(timeoutRef.current);\n\n    if (footerIsEnabled) {\n      timeoutRef.current = setTimeout(() => {\n        effectFunc();\n      }, 100);\n    }\n  }, [\n    JSON.stringify(showData),\n    componentWidth,\n    minTableHolderHeight,\n    columnOrderArray,\n    pinLeftArray,\n    pinRightArray,\n    hideArray,\n    refreshCount,\n    systemColumnsWidth,\n    horizontalScrollVisible,\n    footerIsEnabled,\n    verticolScrollUpdateCount,\n    customFooterHeight,\n  ]);\n  // layout effect\n\n  useInconelEffect(() => {\n    setHorizontalScrollVisible(horizontalScrollVisible);\n  }, [horizontalScrollVisible]);\n\n  useInconelEffect(() => {\n    if (isMounted.current) {\n      if (tableResetVerticalScroll && !updateEffect) {\n        setTableResetVerticalScroll(false);\n\n        setTimeout(() => {\n          if (isMounted.current && scrollRef.current !== null && verticalScrollActive) {\n            scrollRef.current.setTrackPosition(0);\n            scrollRef.current.setContentPosition(0);\n          }\n        }, 300);\n\n        tableRef?.current?.scrollTo(0);\n      }\n\n      const defIndex = tableResetIndex === null && showData.length !== rowHeightCache.current.length ? 0 : tableResetIndex;\n\n      if (defIndex !== null) {\n        const currentHeightCache = [...rowHeightCache.current];\n\n        let newHeightCache = [];\n\n        if (defIndex === 0) {\n          newHeightCache = Array(showData.length).fill(cellHeight);\n        } else {\n          const newResetIndex = Math.max(defIndex > showData.length ? showData.length : defIndex);\n\n          newHeightCache = currentHeightCache.slice(0, newResetIndex);\n          newHeightCache.push(...Array(showData.length - newResetIndex).fill(cellHeight));\n        }\n\n        rowHeightCache.current = newHeightCache;\n        tableContentHeight.current = newHeightCache.reduce((acc, total) => acc + total, 0);\n\n        if (firstLoad.current) {\n          firstLoad.current = false;\n        } else {\n          tableRef?.current?.resetAfterIndex(defIndex);\n        }\n\n        updateScr();\n        setTableResetIndex(null);\n      }\n\n      setRefreshCount((old) => old + 1);\n    }\n  }, [JSON.stringify(showData)]);\n\n  /*\n  const updateRefreshCount = useCallback(\n    debounce(() => {\n      if (isMounted.current) {\n        setRefreshCount((old) => old + 1);\n      }\n    }, 200),\n    [],\n  );\n\t*/\n  useInconelEffect(() => {\n    if (filterWindowId !== null && mainComponentElement !== null) {\n      const filterHeader = mainComponentElement.querySelector(`.inconeltable-header-item-id-${filterWindowId}`);\n\n      if (filterHeader !== null) {\n        const { left: mainLeft } = getElementRect(mainComponentElement);\n        const { left: headerLeft, width: headerWidth } = getElementRect(filterHeader);\n\n        let positionX = headerLeft - mainLeft + headerWidth;\n\n        positionX = positionX + 200 > tableWidth ? tableWidth - 200 : positionX;\n        positionX = Math.max(positionX, 0);\n\n        setFilterWindowPositionX(() => positionX);\n      }\n    }\n  }, [filterWindowId, tableWidth]);\n\n  useInconelEffect(() => {\n    if (isMounted.current) {\n      if (updateEffect) {\n        clearTimeout(clearUpdateEffectRef.current);\n\n        clearUpdateEffectRef.current = setTimeout(() => {\n          if (isMounted.current) {\n            resetUpdatedRowsObject();\n          }\n        }, 1500);\n      }\n\n      setTimeout(() => {\n        if (isMounted.current && updatedRowsObject !== null && scrollRef.current !== null) {\n          scrollRef.current.setTrackPosition(verticalScrollPosition.current);\n        }\n      }, 200);\n    }\n  }, [updatedRowsObject]);\n\n  useInconelEffect(() => {\n    resetHorizontalScrolls();\n  }, [componentWidth, pinLeftArray, pinRightArray, hideArray, columnOrderArray, pageSize.rowCount, pagination.activePage, showData]);\n\n  useInconelEffect(() => {\n    columnWidthList.current = {};\n    applyVerticalScrollValue(0);\n  }, [pagination.activePage]);\n\n  useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return (\n    <>\n      <div className={`${rootCls}-table-container`} ref={tableContainerRef}>\n        {filterWindowId !== null && filterWindowPositionX !== null && <FilterWindow positionX={filterWindowPositionX} />}\n        <TableHeader\n          visibleColumns={visibleColumns}\n          tableContainerRef={tableContainerRef.current}\n          elementPropsObject={elementPropsObject}\n          groupBordersObject={groupBordersObject}\n          leftIdList={leftIdList}\n          centerIdList={centerIdList}\n          rightIdList={rightIdList}\n          headerHolderHeight={tableSectionSizes.headerHolderHeight}\n          allColumnsHided={allColumnsHided}\n          maxWidthAllowed={maxWidthAllowed}\n        />\n        <div ref={tableBodyRef} className={`${rootCls}-body-section`}>\n          <List\n            className={`${rootCls}-body-section-table`}\n            ref={tableRef}\n            width={componentWidth}\n            // height={pageSize?.addMissingRows ? tableShowedHeight : showData.length * cellHeight}\n            height={pageSize?.addMissingRows ? tableShowedHeight : Math.min(showData.length * cellHeight, tableShowedHeight)}\n            itemCount={showData.length}\n            itemSize={calculateRowHeight}\n            itemData={{\n              tableSectionSizes,\n              elementPropsObject,\n              leftColList,\n              centerColList,\n              rightColList,\n              applyHorizontalScrollValues,\n              groupBordersObject,\n              rowStartIndex,\n              allColumnsHided,\n              maxWidthAllowed,\n              rowHeightCache: rowHeightCache.current,\n              columnWidthList: columnWidthList.current,\n            }}\n            style={{ overflow: 'hidden', boxSizing: 'border-box', width: '100%' }}\n          >\n            {RowWrapper}\n          </List>\n          {verticalScrollActive && !touchIsExist && (\n            <div className={`${INCONELTABLE_MAIN_CLASSNAME}-vertical-scroll-holder`} style={{ height: `${tableShowedHeight}px` }}>\n              <InconelTableScroll\n                height={tableShowedHeight}\n                targetContainerSize={tableShowedHeight}\n                targetContentSize={tableContentHeight.current}\n                onUpdate={(val) => {\n                  tableRef?.current?.scrollTo(val);\n                  verticalScrollPosition.current = val;\n\n                  clearTimeout(verticalScrollUpdateRef.current);\n                  verticalScrollUpdateRef.current = setTimeout(() => {\n                    setVerticolScrollUpdateCount((old) => old + 1);\n                  }, 10);\n                }}\n                isVertical\n                ref={scrollRef}\n                theme={theme}\n              />\n            </div>\n          )}\n          {getNoDataJsx()}\n        </div>\n        {footerIsEnabled && (\n          <TableFooter\n            visibleColumns={visibleColumns}\n            leftIdList={leftIdList}\n            centerIdList={centerIdList}\n            rightIdList={rightIdList}\n            groupBordersObject={groupBordersObject}\n            columnWidthList={columnWidthList.current}\n            elementPropsObject={elementPropsObject}\n            maxWidthAllowed={maxWidthAllowed}\n            tableSectionSizes={tableSectionSizes}\n            applyHorizontalScrollValues={applyHorizontalScrollValues}\n          />\n        )}\n        {!touchIsExist && horizontalScrollVisible && getHorizontalScrollBars()}\n      </div>\n      {pagination.enabled && <InconelTablePagination />}\n    </>\n  );\n};\n\nInconelTableBody.propTypes = {\n  rowStartIndex: PropTypes.number,\n  tableResetIndex: PropTypes.number,\n  setTableResetIndex: PropTypes.func,\n  tableResetVerticalScroll: PropTypes.bool,\n  setTableResetVerticalScroll: PropTypes.func,\n};\n\nexport default InconelTableBody;\n"],"names":["InconelTableBody","rowStartIndex","tableResetIndex","tableResetVerticalScroll","setTableResetIndex","setTableResetVerticalScroll","inconelMemo","useInconelMemo","mainComponentElement","showData","columns","maxLevel","columnOrderArray","pinLeftArray","pinRightArray","hideArray","sorting","filtering","autoResizeColumns","showGroupBorders","componentWidth","headerHeight","cellHeight","equalRowHeight","cellPadding","headerPadding","pageSize","tableHeight","theme","systemColumnsWidth","pagination","totalDataLength","showedDataLength","fullData","getLanguageText","updatedRowsObject","resetUpdatedRowsObject","updateEffect","footerIsEnabled","setHorizontalScrollVisible","customFooterHeight","useContext","InconelTablePropsContext","sortingColList","filterWindowId","customFilterFunction","filteringColList","filteringEnabled","rootCls","INCONELTABLE_MAIN_CLASSNAME","touchIsExist","touchIsSupported","tableMinWidth","contentWidthForNoResize","setContentWidthForNoResize","useState","verticolScrollUpdateCount","setVerticolScrollUpdateCount","verticalScrollUpdateRef","useRef","minTableHolderHeight","elementPropsObject","setElementPropsObject","refreshCount","setRefreshCount","tableSectionSizes","setTableSectionSizes","tableSectionSizesRef","filterWindowPositionX","setFilterWindowPositionX","tableWidth","isMounted","firstLoad","tableContainerRef","tableRef","scrollRef","tableBodyRef","timeoutRef","leftHorizontalScrollExist","centerHorizontalScrollExist","rightHorizontalScrollExist","leftScrollRef","centerScrollRef","rightScrollRef","clearUpdateEffectRef","defaultHorizontalScrolls","horizontalScrolls","columnWidthList","rowHeightCache","tableContentHeight","tableShowedHeight","horizontalScrollVisible","visibleColumns","maxWidthAllowed","getVisibleColumns","cloneDeep","allColumnsHided","horizontalScrollRenderCount","setHorizontalScrollRenderCount","verticalScrollPosition","maxVscrollValue","vScrollActiveRef","verticalScrollActive","setVerticalScrollActive","vscrollUpdateCount","setVscrollUpdateCount","tableHeightTotal","updateScr","useCallback","debounce","old","useInconelEffect","maxScrollSize","vsActive","resetHorizontalScrolls","applyHorizontalScrollValues","getNoDataJsx","warnText","jsx","leftIdList","centerIdList","rightIdList","leftColList","centerColList","rightColList","colKeyList","newLeftIdList","newRightIdList","newLeftColList","newCenterColList","newRightColList","newCenterIdList","item","cId","subId","getDataOrderIds","getGroupBorderObject","idList","visibleCols","result","colId","index","nextColId","showBorder","itemIsGroup","subGroupList","lastElm","groupBordersObject","getHorizontalScrollBars","leftHolderWidth","leftContentWidth","centerHolderWidth","centerContentWidth","rightHolderWidth","rightContentWidth","jsxs","InconelTableScroll","val","updateHorizontalScrollValue","type","sec","elm","headerElm","footerElm","maxVal","currentVal","applyVerticalScrollValue","handleWheel","deltaY","scrollVal","calculateRowHeight","rowIndex","scrollRefPosition","touchStartPosition","touchRegion","handleTouchStart","tgt","startRegion","startX","rowElm","handleTouchMove","moveX","moveY","handleTouchEnd","useEffect","isValidVariable","verticalScrollElm","useLayoutEffect","effectFunc","propsObject","tableSections","calculationResult","generalTableWidth","calculateTableSizes","customWidth","resize","propList","calculateTableDom","generalTableCalc","sections","total","frameContainer","oldValues","defIndex","currentHeightCache","newHeightCache","newResetIndex","acc","filterHeader","mainLeft","getElementRect","headerLeft","headerWidth","positionX","Fragment","FilterWindow","TableHeader","List","RowWrapper","TableFooter","InconelTablePagination","PropTypes"],"mappings":"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"}

package/dist/components/Table/legacy/subComponents/inconelTableBody/pinContextMenu/index.js

@@ -0,0 +1,65 @@
+import { jsxs as $, jsx as g } from "react/jsx-runtime";
+import { useContext as j, useState as B, useRef as x, useLayoutEffect as X, useEffect as W } from "react";
+import r from "prop-types";
+import { INCONELTABLE_PIN_ACCESS_LEFT as H, INCONELTABLE_PIN_ACCESS_BOTH as T, INCONELTABLE_PIN_ACCESS_RIGHT as Y, INCONELTABLE_MAIN_CLASSNAME as F } from "../../constants.js";
+import { InconelTablePropsContext as G } from "../../contexts/InconelTablePropsContext.js";
+import { getElementRect as q } from "../../utils.js";
+import { useInconelMemo as z } from "../../hooks/useInconelMemo.js";
+/* empty css                    */
+const D = (R) => {
+  const { componentWidth: A, getLanguageText: u, columns: L } = j(G), { inconelMemo: P } = z(), { id: E, columnsObject: C, posX: a, posY: _, pinLeftArray: d, pinRightArray: f, setInitialOptionStates: v, closeAction: I } = R, [b, k] = B(a), h = x(null), S = x(0), c = `${F}-pin-context-menu`, i = C[E].topElementId === null ? E : C[E].topElementId, { pinAccess: l } = C[i], [w, O, y, M] = P(
+    () => {
+      const n = d.find((t) => String(t) === String(i)), e = f.find((t) => String(t) === String(i));
+      return [
+        !n && (l === H || l === T),
+        !e && (l === Y || l === T),
+        n || e,
+        d.length > 0 || f.length > 0
+      ];
+    },
+    [i, l, d, f],
+    0
+  ), s = (n) => {
+    h.current.contains(n.target) || I();
+  }, p = (n) => {
+    let e = [...d], t = [...f];
+    if (n === "left")
+      e = [...e, i], t = t.filter((o) => String(o) !== String(i));
+    else if (n === "right") {
+      t = [...t, i];
+      const o = [], N = [];
+      t.forEach((m) => {
+        L?.[m]?.locked ? o.push(m) : N.push(m);
+      }), t = [...N, ...o], e = e.filter((m) => String(m) !== String(i));
+    } else n === "clear" ? (e = e.filter((o) => String(o) !== String(i)), t = t.filter((o) => String(o) !== String(i))) : n === "clearAll" && (e = e.filter((o) => L?.[o]?.locked), t = t.filter((o) => L?.[o]?.locked));
+    v(e, "pinLeft"), v(t, "pinRight"), I();
+  };
+  return X(() => {
+    const n = q(h.current).width;
+    let e = a + 3;
+    e = e + n > A ? a - n - 3 : e, k(() => e);
+  }, [A, a]), W(() => (clearTimeout(S.current), document.removeEventListener("contextmenu", s), document.removeEventListener("mousedown", s), S.current = setTimeout(() => {
+    document.addEventListener("contextmenu", s), document.addEventListener("mousedown", s);
+  }, 10), () => {
+    clearTimeout(S.current), document.removeEventListener("contextmenu", s), document.removeEventListener("mousedown", s);
+  }), []), /* @__PURE__ */ $("div", { className: c, style: { transform: `translate(${b}px, ${_}px)` }, ref: h, children: [
+    w && /* @__PURE__ */ g("div", { role: "button", className: `${c}-item`, onClick: () => p("left"), children: u("pinLeft") }),
+    O && /* @__PURE__ */ g("div", { role: "button", className: `${c}-item`, onClick: () => p("right"), children: u("pinRight") }),
+    y && /* @__PURE__ */ g("div", { role: "button", className: `${c}-item`, onClick: () => p("clear"), children: u("clearPin") }),
+    M && /* @__PURE__ */ g("div", { role: "button", className: `${c}-item`, onClick: () => p("clearAll"), children: u("clearAllPins") })
+  ] });
+};
+D.propTypes = {
+  id: r.string,
+  columnsObject: r.object,
+  posX: r.number,
+  posY: r.number,
+  pinLeftArray: r.array,
+  pinRightArray: r.array,
+  setInitialOptionStates: r.func,
+  closeAction: r.func
+};
+export {
+  D as default
+};
+//# sourceMappingURL=index.js.map