inconel 0.1.6 → 0.1.7

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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/cjs/components/Table/legacy/subComponents/inconelTableBody/pinContextMenu/index.cjs

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

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/pinContextMenu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/pinContextMenu/index.jsx"],"sourcesContent":["import { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  INCONELTABLE_MAIN_CLASSNAME,\n  INCONELTABLE_PIN_ACCESS_BOTH,\n  INCONELTABLE_PIN_ACCESS_LEFT,\n  INCONELTABLE_PIN_ACCESS_RIGHT,\n} from '../../constants';\n\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\nimport { getElementRect } from '../../utils';\nimport { useInconelMemo } from '../../hooks/useInconelMemo';\nimport './pinContextMenu.scss';\n\nconst PinContextMenu = (props) => {\n  const { componentWidth, getLanguageText, columns } = useContext(InconelTablePropsContext);\n\n  const { inconelMemo } = useInconelMemo();\n\n  const { id, columnsObject, posX, posY, pinLeftArray, pinRightArray, setInitialOptionStates, closeAction } = props;\n\n  const [windowX, setWindowX] = useState(posX);\n  const contextMenuRef = useRef(null);\n  const contextEventTmo = useRef(0);\n\n  const rootClassString = `${INCONELTABLE_MAIN_CLASSNAME}-pin-context-menu`;\n\n  const currentPinId = columnsObject[id].topElementId === null ? id : columnsObject[id].topElementId;\n  const { pinAccess } = columnsObject[currentPinId];\n\n  const [pinCanLeft, pinCanRight, pinCanRemove, pinCanAllRemove] = inconelMemo(\n    () => {\n      const isLeftPinned = pinLeftArray.find((ind) => String(ind) === String(currentPinId));\n      const isRightPinned = pinRightArray.find((ind) => String(ind) === String(currentPinId));\n\n      return [\n        !isLeftPinned && (pinAccess === INCONELTABLE_PIN_ACCESS_LEFT || pinAccess === INCONELTABLE_PIN_ACCESS_BOTH),\n        !isRightPinned && (pinAccess === INCONELTABLE_PIN_ACCESS_RIGHT || pinAccess === INCONELTABLE_PIN_ACCESS_BOTH),\n        isLeftPinned || isRightPinned,\n        pinLeftArray.length > 0 || pinRightArray.length > 0,\n      ];\n    },\n    [currentPinId, pinAccess, pinLeftArray, pinRightArray],\n    0,\n  );\n\n  const handleCloseEvent = (e) => {\n    if (!contextMenuRef.current.contains(e.target)) {\n      closeAction();\n    }\n  };\n\n  const handleItemClick = (type) => {\n    let newLeftList = [...pinLeftArray];\n    let newRightList = [...pinRightArray];\n\n    if (type === 'left') {\n      newLeftList = [...newLeftList, currentPinId];\n      newRightList = newRightList.filter((pid) => String(pid) !== String(currentPinId));\n    } else if (type === 'right') {\n      newRightList = [...newRightList, currentPinId];\n      const lockedIdList = [];\n      const freeIdList = [];\n\n      newRightList.forEach((pid) => {\n        if (columns?.[pid]?.locked) {\n          lockedIdList.push(pid);\n        } else {\n          freeIdList.push(pid);\n        }\n      });\n      newRightList = [...freeIdList, ...lockedIdList];\n\n      newLeftList = newLeftList.filter((pid) => String(pid) !== String(currentPinId));\n    } else if (type === 'clear') {\n      newLeftList = newLeftList.filter((pid) => String(pid) !== String(currentPinId));\n      newRightList = newRightList.filter((pid) => String(pid) !== String(currentPinId));\n    } else if (type === 'clearAll') {\n      newLeftList = newLeftList.filter((pid) => columns?.[pid]?.locked);\n      newRightList = newRightList.filter((pid) => columns?.[pid]?.locked);\n    }\n\n    setInitialOptionStates(newLeftList, 'pinLeft');\n    setInitialOptionStates(newRightList, 'pinRight');\n\n    closeAction();\n  };\n\n  useLayoutEffect(() => {\n    const contextMenuWidth = getElementRect(contextMenuRef.current).width;\n    let resultX = posX + 3;\n    resultX = resultX + contextMenuWidth > componentWidth ? posX - contextMenuWidth - 3 : resultX;\n\n    setWindowX(() => resultX);\n  }, [componentWidth, posX]);\n\n  useEffect(() => {\n    clearTimeout(contextEventTmo.current);\n    document.removeEventListener('contextmenu', handleCloseEvent);\n    document.removeEventListener('mousedown', handleCloseEvent);\n\n    contextEventTmo.current = setTimeout(() => {\n      document.addEventListener('contextmenu', handleCloseEvent);\n      document.addEventListener('mousedown', handleCloseEvent);\n    }, 10);\n\n    return () => {\n      clearTimeout(contextEventTmo.current);\n      document.removeEventListener('contextmenu', handleCloseEvent);\n      document.removeEventListener('mousedown', handleCloseEvent);\n    };\n  }, []);\n\n  return (\n    <div className={rootClassString} style={{ transform: `translate(${windowX}px, ${posY}px)` }} ref={contextMenuRef}>\n      {pinCanLeft && (\n        <div role=\"button\" className={`${rootClassString}-item`} onClick={() => handleItemClick('left')}>\n          {getLanguageText('pinLeft')}\n        </div>\n      )}\n      {pinCanRight && (\n        <div role=\"button\" className={`${rootClassString}-item`} onClick={() => handleItemClick('right')}>\n          {getLanguageText('pinRight')}\n        </div>\n      )}\n      {pinCanRemove && (\n        <div role=\"button\" className={`${rootClassString}-item`} onClick={() => handleItemClick('clear')}>\n          {getLanguageText('clearPin')}\n        </div>\n      )}\n      {pinCanAllRemove && (\n        <div role=\"button\" className={`${rootClassString}-item`} onClick={() => handleItemClick('clearAll')}>\n          {getLanguageText('clearAllPins')}\n        </div>\n      )}\n    </div>\n  );\n};\n\nPinContextMenu.propTypes = {\n  id: PropTypes.string,\n  columnsObject: PropTypes.object,\n  posX: PropTypes.number,\n  posY: PropTypes.number,\n  pinLeftArray: PropTypes.array,\n  pinRightArray: PropTypes.array,\n  setInitialOptionStates: PropTypes.func,\n  closeAction: PropTypes.func,\n};\n\nexport default PinContextMenu;\n"],"names":["PinContextMenu","props","componentWidth","getLanguageText","columns","useContext","InconelTablePropsContext","inconelMemo","useInconelMemo","id","columnsObject","posX","posY","pinLeftArray","pinRightArray","setInitialOptionStates","closeAction","windowX","setWindowX","useState","contextMenuRef","useRef","contextEventTmo","rootClassString","INCONELTABLE_MAIN_CLASSNAME","currentPinId","pinAccess","pinCanLeft","pinCanRight","pinCanRemove","pinCanAllRemove","isLeftPinned","ind","isRightPinned","INCONELTABLE_PIN_ACCESS_LEFT","INCONELTABLE_PIN_ACCESS_BOTH","INCONELTABLE_PIN_ACCESS_RIGHT","handleCloseEvent","e","handleItemClick","type","newLeftList","newRightList","pid","lockedIdList","freeIdList","useLayoutEffect","contextMenuWidth","getElementRect","resultX","useEffect","jsxs","jsx","PropTypes"],"mappings":"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"}

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/rowItem/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),H=require("react"),l=require("prop-types"),ve=require("../../../../../../assets/icons/minus.svg.cjs"),Ve=require("../../../../../../assets/icons/plus.svg.cjs"),e=require("../../constants.cjs"),Be=require("../../contexts/InconelTablePropsContext.cjs"),s=require("../../utils.cjs"),Re=require("../cellSection/index.cjs");;/* empty css               */const We=require("../../../../../Svg/Svg.cjs"),w=({rowNumber:o,rowData:c,styleObject:F,tableSectionSizes:P,columnWidthList:x,rowHeight:U,elementPropsObject:I,leftColList:X,centerColList:z,rightColList:G,applyHorizontalScrollValues:J,groupBordersObject:K,customAccordionTriggerData:Q,allColumnsHided:Y,maxWidthAllowed:Z})=>{const{columns:f,hoverEffect:ee,systemColumnsWidth:g,selection:te,accordion:ne,getLanguageText:le,scrollable:ce,conditionalStyling:m}=H.useContext(Be.InconelTablePropsContext),i=s.isValidVariable(c)&&s.isValidVariable(c?.[e.INCONELTABLE_ROW_VALUES]),p=i&&s.isValidVariable(c?.[e.INCONELTABLE_ROW_ACCORDION_INDEX])?c[e.INCONELTABLE_ROW_ACCORDION_INDEX]:null,a=p===null,oe=!a&&c[e.INCONELTABLE_ROW_ACCORDION_CUSTOM],{preventDeselect:$,selectedRows:se,setSelectedRows:ie,showCheckboxColumn:ae,selectActiveAction:y,enabled:j,dragSelectionIsEnabled:re,dragSelectionMode:T,handleSelectionDragStart:de,handleSelectionDragEnter:ue,handleSelectionDragEnd:he}=te,{subDataKey:Ee,accordionState:Ae,handleAccordionClick:M,customHeight:Ne,customAccordion:Ce,accordionFullData:Le,enabled:O}=ne,{loadMoreAction:Se,moreDataWaiting:v}=ce;let h=typeof y=="function"?y({rowData:c,rowNumber:o}):null;h=s.isValidVariable(h)&&h===!1;const ge=j&&i&&a&&!h,L=i&&a?se.includes(o):!1,V=s.getValueFromSource({source:c,path:Ee,defaultValue:null});let E=O&&i&&a&&Array.isArray(V);E=E&&Le&&V.length===0?!1:E;const _=c?.[e.INCONELTABLE_ROW_INDEX]===Ae.no&&a,Oe=O?30:0,r=`${e.INCONELTABLE_MAIN_CLASSNAME}-row-item`;let A=`${r} ${r}-${o%2===0?"odd":"even"}`;A+=a?` ${r}-${o}`:` ${r}-${o}-${p}`,A+=i&&ee?` ${r}-hover`:"",A+=i&&L?` ${r}-selected`:"",A+=a?"":` ${r}-accordion`;let B=null;if(i&&Array.isArray(m)&&s.isValidVariable(c?.[e.INCONELTABLE_ROW_VALUES])){const n={};Object.keys(f).forEach(u=>{s.itemIsGroup(u)||(n[u]={classList:[],style:{}})}),B=s.checkConditionalStyles(c,n,m,c[e.INCONELTABLE_ROW_VALUES])}const{leftHolderWidth:R,leftContentWidth:_e,centerHolderWidth:W,centerContentWidth:be,rightHolderWidth:D,rightContentWidth:xe}=P,Ie=D+W+R,N=re&&!$&&a&&i,fe=n=>{$&&L||ie({index:o,type:n?e.SELECTION_ADD:e.SELECTION_REMOVE})},b=(n,u,k)=>{if(n.length===0)return null;const q=`${r}-${k}`;let C=0,S=0;switch(k){case"left":C=R,S=_e;break;case"center":C=W,S=be;break;case"right":C=D,S=xe;break;default:C=0}return t.jsx("div",{className:q,style:{width:`${C}px`},children:t.jsx("div",{className:`${q}-content`,style:{width:`${S}px`},children:n.map((d,je)=>{const Te=s.isValidVariable(x[d])?x[d]:null,Me=s.isValidVariable(I[d]?.width)?I[d].width:null;return t.jsx(Re.default,{id:d,rowData:c,columnProps:f[d],rowNumber:u,width:Math.max(Te,Me),height:U,rowNotEmpty:i,rowNotAccordion:a,showGroupBorder:K[d],canAccordionClickable:E,maxWidthAllowed:Z,conditionalStyles:B,disableSelectByAction:h},je)})})})},me=n=>{const u=new Image;n.dataTransfer.setDragImage(u,0,0),de?.(o,!L)},pe=n=>{n.preventDefault(),ue?.(o)},$e=n=>{he?.(o)},ye=()=>c?.[e.INCONELTABLE_ROW_LOADMORE]?t.jsx("div",{role:"button",className:`${e.INCONELTABLE_MAIN_CLASSNAME}-load-more${v?" data-waiting":""}`,onClick:v?null:()=>Se(),children:le("loadMore")}):t.jsxs(t.Fragment,{children:[g>0&&!Y&&t.jsxs("div",{className:`${e.INCONELTABLE_MAIN_CLASSNAME}-system-col`,style:{width:`${g}px`},children:[O&&t.jsx("div",{className:`${e.INCONELTABLE_MAIN_CLASSNAME}-accordion-col`,children:E&&t.jsx("div",{role:"button",className:`${e.INCONELTABLE_MAIN_CLASSNAME}-accordion-content`,onClick:()=>{_?M(null,null):M(o,c)},children:t.jsx("div",{className:`${e.INCONELTABLE_MAIN_CLASSNAME}-accordion-icon-${_?"minus":"plus"}`,children:t.jsx(We.default,{src:_?ve.default:Ve.default})})})}),j&&ae&&t.jsx("div",{className:`${e.INCONELTABLE_MAIN_CLASSNAME}-checkbox-col`,style:{left:`${Oe}px`},children:ge&&t.jsx("label",{className:`${e.INCONELTABLE_MAIN_CLASSNAME}-checkbox-content`,children:t.jsx("input",{type:"checkbox",checked:L,onChange:n=>fe(n.target.checked)})})})]}),oe?t.jsx("div",{className:`${e.INCONELTABLE_MAIN_CLASSNAME}-custom-accordion-container`,style:{position:"absolute",height:`${Ne}px`,width:`${Ie}px`,transform:`translateX(${g}px)`},children:Ce(Q)}):t.jsxs(t.Fragment,{children:[b(X,o,"left"),b(z,o,"center"),b(G,o,"right")]})]});return H.useLayoutEffect(()=>{J()}),t.jsx("div",{className:A,style:{...F,whiteSpace:"nowrap"},onDragStart:N&&!T?me:null,onDragEnter:N?pe:null,onDragEnd:N?$e:null,onDragOver:N?n=>n.preventDefault():null,draggable:N&&!T,children:ye()})};w.propTypes={rowNumber:l.number,rowData:l.object,styleObject:l.object,tableSectionSizes:l.object,columnWidthList:l.object,rowHeight:l.number,elementPropsObject:l.object,leftColList:l.array,centerColList:l.array,rightColList:l.array,applyHorizontalScrollValues:l.func,groupBordersObject:l.object,customAccordionTriggerData:l.object,allColumnsHided:l.bool,maxWidthAllowed:l.bool};exports.default=w;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/rowItem/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/rowItem/index.jsx"],"sourcesContent":["/* eslint-disable jsx-a11y/label-has-associated-control */\nimport { useContext, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport MinusIcon from 'assets/icons/minus.svg';\nimport PlusIcon from 'assets/icons/plus.svg';\nimport InconelSvg from 'components/Svg';\n\nimport {\n  INCONELTABLE_MAIN_CLASSNAME,\n  INCONELTABLE_ROW_ACCORDION_CUSTOM,\n  INCONELTABLE_ROW_ACCORDION_INDEX,\n  INCONELTABLE_ROW_INDEX,\n  INCONELTABLE_ROW_LOADMORE,\n  INCONELTABLE_ROW_VALUES,\n  SELECTION_ADD,\n  SELECTION_REMOVE,\n} from '../../constants';\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\nimport { checkConditionalStyles, getValueFromSource, isValidVariable, itemIsGroup } from '../../utils';\nimport CellSection from '../cellSection';\n\nimport './rowItem.scss';\n\nconst RowItem = ({\n  rowNumber,\n  rowData,\n  styleObject,\n  tableSectionSizes,\n  columnWidthList,\n  rowHeight,\n  elementPropsObject,\n  leftColList,\n  centerColList,\n  rightColList,\n  applyHorizontalScrollValues,\n  groupBordersObject,\n  customAccordionTriggerData,\n  allColumnsHided,\n  maxWidthAllowed,\n}) => {\n  const { columns, hoverEffect, systemColumnsWidth, selection, accordion, getLanguageText, scrollable, conditionalStyling } =\n    useContext(InconelTablePropsContext);\n\n  const rowNotEmpty = isValidVariable(rowData) && isValidVariable(rowData?.[INCONELTABLE_ROW_VALUES]); // SATIR BOŞ DEĞİL\n\n  const accordionIndex =\n    rowNotEmpty && isValidVariable(rowData?.[INCONELTABLE_ROW_ACCORDION_INDEX]) ? rowData[INCONELTABLE_ROW_ACCORDION_INDEX] : null;\n  const rowNotAccordion = accordionIndex === null; // SATIR ACCORDION İÇİNDE DEĞİL\n  const rowIsCustomAccordion = !rowNotAccordion && rowData[INCONELTABLE_ROW_ACCORDION_CUSTOM];\n\n  const {\n    preventDeselect,\n    selectedRows,\n    setSelectedRows,\n    showCheckboxColumn,\n    selectActiveAction,\n    enabled: selectionEnabled,\n    dragSelectionIsEnabled,\n    dragSelectionMode,\n    handleSelectionDragStart,\n    handleSelectionDragEnter,\n    handleSelectionDragEnd,\n  } = selection;\n  const {\n    subDataKey,\n    accordionState,\n    handleAccordionClick,\n    customHeight,\n    customAccordion,\n    accordionFullData,\n    enabled: accordionEnabled,\n  } = accordion;\n\n  const { loadMoreAction, moreDataWaiting } = scrollable;\n\n  let disableSelectByAction = typeof selectActiveAction === 'function' ? selectActiveAction({ rowData, rowNumber }) : null;\n  disableSelectByAction = isValidVariable(disableSelectByAction) && disableSelectByAction === false;\n\n  const canRowSelect = selectionEnabled && rowNotEmpty && rowNotAccordion && !disableSelectByAction;\n  const rowIsSelected = rowNotEmpty && rowNotAccordion ? selectedRows.includes(rowNumber) : false;\n\n  const accordionData = getValueFromSource({ source: rowData, path: subDataKey, defaultValue: null });\n  let canAccordionClickable = accordionEnabled && rowNotEmpty && rowNotAccordion && Array.isArray(accordionData);\n\n  canAccordionClickable = canAccordionClickable && accordionFullData && accordionData.length === 0 ? false : canAccordionClickable;\n\n  // const accordionIsActive = rowNumber === accordionState.no && rowNotAccordion;\n  const accordionIsActive = rowData?.[INCONELTABLE_ROW_INDEX] === accordionState.no && rowNotAccordion;\n\n  const checkboxLeftPosition = accordionEnabled ? 30 : 0;\n\n  const rootClass = `${INCONELTABLE_MAIN_CLASSNAME}-row-item`;\n\n  let className = `${rootClass} ${rootClass}-${rowNumber % 2 === 0 ? 'odd' : 'even'}`;\n  className += rowNotAccordion ? ` ${rootClass}-${rowNumber}` : ` ${rootClass}-${rowNumber}-${accordionIndex}`;\n\n  className += rowNotEmpty && hoverEffect ? ` ${rootClass}-hover` : '';\n  className += rowNotEmpty && rowIsSelected ? ` ${rootClass}-selected` : '';\n  className += !rowNotAccordion ? ` ${rootClass}-accordion` : '';\n\n  let conditionalStyles = null;\n  if (rowNotEmpty && Array.isArray(conditionalStyling) && isValidVariable(rowData?.[INCONELTABLE_ROW_VALUES])) {\n    const defaultObj = {};\n\n    Object.keys(columns).forEach((cid) => {\n      if (!itemIsGroup(cid)) {\n        defaultObj[cid] = { classList: [], style: {} };\n      }\n    });\n\n    conditionalStyles = checkConditionalStyles(rowData, defaultObj, conditionalStyling, rowData[INCONELTABLE_ROW_VALUES]);\n  }\n\n  const { leftHolderWidth, leftContentWidth, centerHolderWidth, centerContentWidth, rightHolderWidth, rightContentWidth } =\n    tableSectionSizes;\n\n  const tableWidth = rightHolderWidth + centerHolderWidth + leftHolderWidth;\n  const canSelectionDrag = dragSelectionIsEnabled && !preventDeselect && rowNotAccordion && rowNotEmpty;\n\n  const updateSelectState = (isAdd) => {\n    if (!(preventDeselect && rowIsSelected)) {\n      setSelectedRows({ index: rowNumber, type: isAdd ? SELECTION_ADD : SELECTION_REMOVE });\n    }\n  };\n\n  const getSectionJsx = (idList, rowNo, type) => {\n    if (idList.length === 0) {\n      return null;\n    }\n\n    const sectionClass = `${rootClass}-${type}`;\n    let holderWidth = 0;\n    let contentWidth = 0;\n\n    switch (type) {\n      case 'left':\n        holderWidth = leftHolderWidth;\n        contentWidth = leftContentWidth;\n        break;\n      case 'center':\n        holderWidth = centerHolderWidth;\n        contentWidth = centerContentWidth;\n        break;\n      case 'right':\n        holderWidth = rightHolderWidth;\n        contentWidth = rightContentWidth;\n        break;\n      default:\n        holderWidth = 0;\n    }\n\n    return (\n      <div className={sectionClass} style={{ width: `${holderWidth}px` }}>\n        <div className={`${sectionClass}-content`} style={{ width: `${contentWidth}px` }}>\n          {idList.map((colId, index) => {\n            const widthFromCache = isValidVariable(columnWidthList[colId]) ? columnWidthList[colId] : null;\n            const widthFromHeader = isValidVariable(elementPropsObject[colId]?.width) ? elementPropsObject[colId].width : null;\n\n            return (\n              <CellSection\n                key={index}\n                id={colId}\n                rowData={rowData}\n                columnProps={columns[colId]}\n                rowNumber={rowNo}\n                width={Math.max(widthFromCache, widthFromHeader)}\n                height={rowHeight}\n                rowNotEmpty={rowNotEmpty}\n                rowNotAccordion={rowNotAccordion}\n                showGroupBorder={groupBordersObject[colId]}\n                canAccordionClickable={canAccordionClickable}\n                maxWidthAllowed={maxWidthAllowed}\n                conditionalStyles={conditionalStyles}\n                disableSelectByAction={disableSelectByAction}\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  };\n\n  const handleDragStart = (e) => {\n    const img = new Image();\n    e.dataTransfer.setDragImage(img, 0, 0);\n\n    handleSelectionDragStart?.(rowNumber, !rowIsSelected);\n  };\n\n  const handleDragEnter = (e) => {\n    e.preventDefault();\n\n    handleSelectionDragEnter?.(rowNumber);\n  };\n\n  const handleDragEnd = (e) => {\n    handleSelectionDragEnd?.(rowNumber);\n  };\n\n  const getRowContentJsx = () => {\n    if (rowData?.[INCONELTABLE_ROW_LOADMORE]) {\n      return (\n        <div\n          role=\"button\"\n          className={`${INCONELTABLE_MAIN_CLASSNAME}-load-more${moreDataWaiting ? ' data-waiting' : ''}`}\n          onClick={moreDataWaiting ? null : () => loadMoreAction()}\n        >\n          {getLanguageText('loadMore')}\n        </div>\n      );\n    }\n\n    return (\n      <>\n        {/* SYSTEM AREA - ACCORDION ICON & SELECTION CHECK */}\n        {systemColumnsWidth > 0 && !allColumnsHided && (\n          <div className={`${INCONELTABLE_MAIN_CLASSNAME}-system-col`} style={{ width: `${systemColumnsWidth}px` }}>\n            {accordionEnabled && (\n              <div className={`${INCONELTABLE_MAIN_CLASSNAME}-accordion-col`}>\n                {canAccordionClickable && (\n                  <div\n                    role=\"button\"\n                    className={`${INCONELTABLE_MAIN_CLASSNAME}-accordion-content`}\n                    onClick={() => {\n                      if (accordionIsActive) {\n                        handleAccordionClick(null, null);\n                      } else {\n                        handleAccordionClick(rowNumber, rowData);\n                      }\n                    }}\n                  >\n                    <div className={`${INCONELTABLE_MAIN_CLASSNAME}-accordion-icon-${accordionIsActive ? 'minus' : 'plus'}`}>\n                      <InconelSvg src={accordionIsActive ? MinusIcon : PlusIcon} />\n                    </div>\n                  </div>\n                )}\n              </div>\n            )}\n\n            {selectionEnabled && showCheckboxColumn && (\n              <div className={`${INCONELTABLE_MAIN_CLASSNAME}-checkbox-col`} style={{ left: `${checkboxLeftPosition}px` }}>\n                {canRowSelect && (\n                  <label className={`${INCONELTABLE_MAIN_CLASSNAME}-checkbox-content`}>\n                    <input type=\"checkbox\" checked={rowIsSelected} onChange={(e) => updateSelectState(e.target.checked)} />\n                  </label>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n        {/* CUSTOM ACCORDION CONTENT */}\n        {rowIsCustomAccordion ? (\n          <div\n            className={`${INCONELTABLE_MAIN_CLASSNAME}-custom-accordion-container`}\n            style={{\n              position: 'absolute',\n              height: `${customHeight}px`,\n              width: `${tableWidth}px`,\n              transform: `translateX(${systemColumnsWidth}px)`,\n            }}\n          >\n            {customAccordion(customAccordionTriggerData)}\n          </div>\n        ) : (\n          <>\n            {/* STANDARD ROW CELLS */}\n            {getSectionJsx(leftColList, rowNumber, 'left')}\n            {getSectionJsx(centerColList, rowNumber, 'center')}\n            {getSectionJsx(rightColList, rowNumber, 'right')}\n          </>\n        )}\n      </>\n    );\n  };\n\n  useLayoutEffect(() => {\n    applyHorizontalScrollValues();\n  });\n\n  return (\n    <div\n      className={className}\n      style={{ ...styleObject, whiteSpace: 'nowrap' }}\n      onDragStart={canSelectionDrag && !dragSelectionMode ? handleDragStart : null}\n      onDragEnter={canSelectionDrag ? handleDragEnter : null}\n      onDragEnd={canSelectionDrag ? handleDragEnd : null}\n      onDragOver={canSelectionDrag ? (e) => e.preventDefault() : null}\n      draggable={canSelectionDrag && !dragSelectionMode}\n    >\n      {getRowContentJsx()}\n    </div>\n  );\n};\n\nRowItem.propTypes = {\n  rowNumber: PropTypes.number,\n  rowData: PropTypes.object,\n  styleObject: PropTypes.object,\n  tableSectionSizes: PropTypes.object,\n  columnWidthList: PropTypes.object,\n  rowHeight: PropTypes.number,\n  elementPropsObject: PropTypes.object,\n  leftColList: PropTypes.array,\n  centerColList: PropTypes.array,\n  rightColList: PropTypes.array,\n  applyHorizontalScrollValues: PropTypes.func,\n  groupBordersObject: PropTypes.object,\n  customAccordionTriggerData: PropTypes.object,\n  allColumnsHided: PropTypes.bool,\n  maxWidthAllowed: PropTypes.bool,\n};\n\nexport default RowItem;\n"],"names":["RowItem","rowNumber","rowData","styleObject","tableSectionSizes","columnWidthList","rowHeight","elementPropsObject","leftColList","centerColList","rightColList","applyHorizontalScrollValues","groupBordersObject","customAccordionTriggerData","allColumnsHided","maxWidthAllowed","columns","hoverEffect","systemColumnsWidth","selection","accordion","getLanguageText","scrollable","conditionalStyling","useContext","InconelTablePropsContext","rowNotEmpty","isValidVariable","INCONELTABLE_ROW_VALUES","accordionIndex","INCONELTABLE_ROW_ACCORDION_INDEX","rowNotAccordion","rowIsCustomAccordion","INCONELTABLE_ROW_ACCORDION_CUSTOM","preventDeselect","selectedRows","setSelectedRows","showCheckboxColumn","selectActiveAction","selectionEnabled","dragSelectionIsEnabled","dragSelectionMode","handleSelectionDragStart","handleSelectionDragEnter","handleSelectionDragEnd","subDataKey","accordionState","handleAccordionClick","customHeight","customAccordion","accordionFullData","accordionEnabled","loadMoreAction","moreDataWaiting","disableSelectByAction","canRowSelect","rowIsSelected","accordionData","getValueFromSource","canAccordionClickable","accordionIsActive","INCONELTABLE_ROW_INDEX","checkboxLeftPosition","rootClass","INCONELTABLE_MAIN_CLASSNAME","className","conditionalStyles","defaultObj","cid","itemIsGroup","checkConditionalStyles","leftHolderWidth","leftContentWidth","centerHolderWidth","centerContentWidth","rightHolderWidth","rightContentWidth","tableWidth","canSelectionDrag","updateSelectState","isAdd","SELECTION_ADD","SELECTION_REMOVE","getSectionJsx","idList","rowNo","type","sectionClass","holderWidth","contentWidth","jsx","colId","index","widthFromCache","widthFromHeader","CellSection","handleDragStart","e","img","handleDragEnter","handleDragEnd","getRowContentJsx","INCONELTABLE_ROW_LOADMORE","jsxs","Fragment","InconelSvg","MinusIcon","PlusIcon","useLayoutEffect","PropTypes"],"mappings":"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"}

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/rowItem/rowWrapper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react/jsx-runtime"),s=require("react"),o=require("prop-types"),N=require("./index.cjs"),n=require("../../constants.cjs"),S=require("../../contexts/InconelTablePropsContext.cjs"),c=s.memo(({data:l,index:t,style:a})=>{const{showData:r}=s.useContext(S.InconelTablePropsContext),{tableSectionSizes:i,columnWidthList:u,elementPropsObject:d,leftColList:p,centerColList:C,rightColList:b,applyHorizontalScrollValues:m,groupBordersObject:O,rowStartIndex:T,rowHeightCache:g,allColumnsHided:j,maxWidthAllowed:w}=l??{},e=r[t],L=e===null?T+t:e?.[n.INCONELTABLE_ROW_INDEX],h=g[t],x=e?.[n.INCONELTABLE_ROW_ACCORDION_CUSTOM]?r[t-1]:e;return I.jsx(N.default,{rowNumber:L,rowData:e,styleObject:a,tableSectionSizes:i,columnWidthList:u,rowHeight:h,elementPropsObject:d,leftColList:p,centerColList:C,rightColList:b,applyHorizontalScrollValues:m,groupBordersObject:O,customAccordionTriggerData:x,allColumnsHided:j,maxWidthAllowed:w})});c.propTypes={data:o.object,index:o.number,style:o.object};exports.default=c;
+//# sourceMappingURL=rowWrapper.cjs.map

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/rowItem/rowWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowWrapper.cjs","sources":["../../../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/rowItem/rowWrapper.jsx"],"sourcesContent":["import { memo, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport RowItem from './index';\nimport { INCONELTABLE_ROW_ACCORDION_CUSTOM, INCONELTABLE_ROW_INDEX } from '../../constants';\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\n\nconst RowWrapper = memo(({ data, index, style }) => {\n  const { showData } = useContext(InconelTablePropsContext);\n\n  const {\n    tableSectionSizes,\n    columnWidthList,\n    elementPropsObject,\n    leftColList,\n    centerColList,\n    rightColList,\n    applyHorizontalScrollValues,\n    groupBordersObject,\n    rowStartIndex,\n    rowHeightCache,\n    allColumnsHided,\n    maxWidthAllowed,\n  } = data ?? {};\n\n  const rowData = showData[index];\n\n  const rowNumber = rowData === null ? rowStartIndex + index : rowData?.[INCONELTABLE_ROW_INDEX];\n  const rowHeight = rowHeightCache[index];\n\n  const customAccordionTriggerData = rowData?.[INCONELTABLE_ROW_ACCORDION_CUSTOM] ? showData[index - 1] : rowData;\n\n  return (\n    <RowItem\n      rowNumber={rowNumber}\n      rowData={rowData}\n      styleObject={style}\n      tableSectionSizes={tableSectionSizes}\n      columnWidthList={columnWidthList}\n      rowHeight={rowHeight}\n      elementPropsObject={elementPropsObject}\n      leftColList={leftColList}\n      centerColList={centerColList}\n      rightColList={rightColList}\n      applyHorizontalScrollValues={applyHorizontalScrollValues}\n      groupBordersObject={groupBordersObject}\n      customAccordionTriggerData={customAccordionTriggerData}\n      allColumnsHided={allColumnsHided}\n      maxWidthAllowed={maxWidthAllowed}\n    />\n  );\n});\n\nRowWrapper.propTypes = {\n  data: PropTypes.object,\n  index: PropTypes.number,\n  style: PropTypes.object,\n};\n\nexport default RowWrapper;\n"],"names":["RowWrapper","memo","data","index","style","showData","useContext","InconelTablePropsContext","tableSectionSizes","columnWidthList","elementPropsObject","leftColList","centerColList","rightColList","applyHorizontalScrollValues","groupBordersObject","rowStartIndex","rowHeightCache","allColumnsHided","maxWidthAllowed","rowData","rowNumber","INCONELTABLE_ROW_INDEX","rowHeight","customAccordionTriggerData","INCONELTABLE_ROW_ACCORDION_CUSTOM","jsx","RowItem","PropTypes"],"mappings":"+SAMMA,EAAaC,EAAAA,KAAK,CAAC,CAAE,KAAAC,EAAA,MAAMC,EAAO,MAAAC,KAAY,CAClD,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAAA,WAAWC,0BAAwB,EAElD,CACJ,kBAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,YAAAC,EACA,cAAAC,EACA,aAAAC,EACA,4BAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,gBAAAC,CAAA,EACEjB,GAAQ,CAAA,EAENkB,EAAUf,EAASF,CAAK,EAExBkB,EAAYD,IAAY,KAAOJ,EAAgBb,EAAQiB,IAAUE,wBAAsB,EACvFC,EAAYN,EAAed,CAAK,EAEhCqB,EAA6BJ,IAAUK,EAAAA,iCAAiC,EAAIpB,EAASF,EAAQ,CAAC,EAAIiB,EAExG,OACEM,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAAN,EACA,QAAAD,EACA,YAAahB,EACb,kBAAAI,EACA,gBAAAC,EACA,UAAAc,EACA,mBAAAb,EACA,YAAAC,EACA,cAAAC,EACA,aAAAC,EACA,4BAAAC,EACA,mBAAAC,EACA,2BAAAS,EACA,gBAAAN,EACA,gBAAAC,CAAA,CAAA,CAGN,CAAC,EAEDnB,EAAW,UAAY,CACrB,KAAM4B,EAAU,OAChB,MAAOA,EAAU,OACjB,MAAOA,EAAU,MACnB"}

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableCalculations.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../constants.cjs"),y=require("../utils.cjs"),h=b.INCONELTABLE_MAIN_CLASSNAME,Y=({sectionType:t="left",sectionArray:o=[],holderWidth:n=0,contentWidth:f=0,propsObject:l={},averageLevelHeight:c=0,mainComponentElement:a=null,visibleColumns:d={}}={})=>{if(n>0){const g=a.querySelector(`.${h}-header`),$=a.querySelector(`.${h}-header-${t}`),X=a.querySelector(`.${h}-header-${t}-content`);$.style.width=`${n}px`,X.style.width=`${f}px`;let M=0;o.forEach(S=>{d[S]!==void 0&&(Object.values(d[S].groupIdList).forEach(w=>{let W=M;w.forEach(r=>{const L=g.querySelector(`.${h}-header-item-id-${r}`);L.style.width=`${l[r].width}px`,L.style.height=`${d[r].unitHeight*c}px`,L.style.transform=`translate(${W}px, ${(d[r].level-1)*c}px)`,W+=l[r].width})}),M+=l[S].width)})}},m=({keyId:t,mainComponentElement:o}={})=>{const f=o.querySelector(`.${h}-table-container`).querySelector(`.${h}-header-item-id-${t} .${h}-header-item-text`),l=y.getElementRect(f);return l===null?{width:0,height:0}:{width:Math.ceil(l.width),height:Math.ceil(l.height)}},C=t=>{const o={width:0,height:0};if(t===null)return o;const n=t.querySelector("span");if(n!==null){const f=y.getElementRect(n);return{width:f.width,height:f.height}}return o},I=({elementPropsObject:t={},groupKeys:o=[],visibleColumns:n={},cellPadding:f={},mainComponentElement:l=null}={})=>{let c=0;return o.forEach(a=>{let d=0;const g=m({keyId:a,mainComponentElement:l});n[a].groupIdList[2].forEach($=>{d+=t[$].width}),c=Math.max(g.width+f.horizontal,d),t[a]={width:c,height:g.height,maxWidth:null}}),t},tt=({elementPropsObject:t={},colKeys:o=[],mainComponentElement:n=null,cellPadding:f,headerPadding:l,visibleColumns:c={},footerIsEnabled:a=!1,sortingColList:d=[],filteringColList:g=[],colWidthList:$={},customFooterHeight:X=null}={})=>{const M=n.querySelector(`.${h}-footer`);let S=0,i=0,w=0,W=0;return o.forEach(r=>{const L=m({keyId:r,mainComponentElement:n});if(i=L.width+l.horizontal,i+=d.includes(r)||g.includes(r)?34:0,y.itemIsGroup(r)){let q=0;c[r].groupIdList[2].forEach(H=>{q+=t[H].width}),i=Math.max(i,q)}else{if(w=c[r].maxWidth,W=c[r].minWidth,a&&M!==null){const H=M.querySelector(`.${h}-cell-item-${r}`);if(H!==null){const T=C(H);i=Math.max(i,T.width+f.horizontal),i=w!==null?Math.min(w,i):i,X?S=X:S=Math.max(S,T.height)}}let q=0;y.isValidVariable($?.[r])?q=$[r]:n.querySelectorAll(`.inconeltable-cell-item-${r} > span`).forEach(T=>{q=Math.max(y.getElementRect(T).width+f.horizontal,q)}),i=Math.max(q,i),i=w!==null?Math.min(i,w):i,i=W!==null?Math.max(i,W):i}t[r]={width:i,height:L.height+l.vertical,maxWidth:c[r].maxWidth}}),{elementPropsObject:t,footerHeight:S}},et=({elementPropsObject:t={},colKeys:o=[],autoResizeColumns:n=!0,visibleColumns:f={},componentWidth:l=0}={})=>{if(n){const c=o.reduce((d,g)=>{const $=Object.keys(f).includes(String(g))?t[g].width:0;return d+$},0),a=l-c;a>0&&(t=y.setExtraWidths(t,a))}return t},rt=(t,o,n)=>(o.forEach(f=>{const l=n[f].groupIdList[2];let c=0;if(Array.isArray(l)&&(c=l.reduce((a,d)=>a+t[d].width,0)),c>0){const a=t[f].width-c;a>0&&(t=y.setExtraWidths(t,a,l))}}),t),ot=({mainComponentElement:t=null,visibleColumns:o={},leftIdList:n=[],centerIdList:f=[],rightIdList:l=[],componentWidth:c=0,autoResizeColumns:a=!0,maxLevel:d=0,headerHeight:g=0,cellHeight:$=0,equalRowHeight:X=!1,footerIsEnabled:M,cellPadding:S,headerPadding:i,sortingColList:w,filteringColList:W,systemColumnsWidth:r,colWidthList:L,customFooterHeight:q}={})=>{if(t===null)return null;c-=r;const H=f,T=y.sortArray(o,"level",b.INCONELTABLE_SORT_DESC);let s={},_=[],A=0;const j=[],B=[];let E=0;T.forEach(e=>{y.itemIsGroup(e)?j.push(e):B.push(e)});const G=tt({elementPropsObject:s,colKeys:B,mainComponentElement:t,cellPadding:S,headerPadding:i,visibleColumns:o,footerIsEnabled:M,sortingColList:w,filteringColList:W,colWidthList:L,customFooterHeight:q});A=G.footerHeight<$?$:G.footerHeight,s=G.elementPropsObject,s=et({elementPropsObject:s,colKeys:B,autoResizeColumns:a,visibleColumns:o,componentWidth:c}),s=I({elementPropsObject:s,groupKeys:j,visibleColumns:o,cellPadding:S,mainComponentElement:t}),s=rt(s,j,o);const v=n.reduce((e,u)=>(e+=s[u]?.width!==void 0?s[u].width:0,e),0),K=H.reduce((e,u)=>(e+=s[u]?.width!==void 0?s[u].width:0,e),0),J=l.reduce((e,u)=>(e+=s[u]?.width!==void 0?s[u].width:0,e),0),Q=y.getSectionWidths({left:v,center:K,right:J,total:c}),V=Q.left,N=Q.center,U=Q.right,F={};for(E=1;E<=d;E++)F[E]=g;T.forEach(e=>{const{level:u,unitHeight:p}=o[e],R=s[e].height,x=F[u],z=p*x;if(R>z){const k=Math.ceil((R-z)/p);for(E=u;E<u+p;E++)F[E]=Math.max(F[E],g+k)}});const D=Math.max(...Object.values(F)),Z=D*d;let O=r;const P=t.querySelector(`.${h}-header`);if(P!==null&&(P.style.height=`${Z}px`),V>0){const e=t.querySelector(`.${h}-header-left`);e.style.transform=`translateX(${O}px)`,O+=V}if(N>0){const e=t.querySelector(`.${h}-header-center`);e.style.transform=`translateX(${O}px)`,O+=N}if(U>0){const e=t.querySelector(`.${h}-header-right`);e.style.transform=`translateX(${O}px)`}if(Y({sectionType:"left",sectionArray:n,holderWidth:V,contentWidth:v,propsObject:s,averageLevelHeight:D,mainComponentElement:t,visibleColumns:o}),Y({sectionType:"center",sectionArray:H,holderWidth:N,contentWidth:K,propsObject:s,averageLevelHeight:D,mainComponentElement:t,visibleColumns:o}),Y({sectionType:"right",sectionArray:l,holderWidth:U,contentWidth:J,propsObject:s,averageLevelHeight:D,mainComponentElement:t,visibleColumns:o}),X){const e=Math.max(..._);_=_.map(()=>e)}if(M){const e=t.querySelector(`.${h}-footer`);if(e!==null){e.style.height=`${A}px`;const u=t.querySelector(`.${h}-footer-left`);if(u!==null){const x=u.querySelector(`.${h}-footer-left-content`);x!==null&&(x.style.height=`${A}px`),u.style.transform=`translateX(${r}px)`;const z=u.querySelector(`.${h}-footer-item`);z.style.height=`${A}px`}const p=t.querySelector(`.${h}-footer-center`);if(p!==null){const x=p.querySelector(`.${h}-footer-center-content`);x!==null&&(x.style.height=`${A}px`),p.style.transform=`translateX(${r+V}px)`;const z=p.querySelector(`.${h}-footer-item`);z.style.height=`${A}px`}const R=t.querySelector(`.${h}-footer-right`);if(R!==null){const x=R.querySelector(`.${h}-footer-right-content`);x!==null&&(x.style.height=`${A}px`),R.style.transform=`translateX(${r+V+N}px)`;const z=R.querySelector(`.${h}-footer-item`);z.style.height=`${A}px`}}}return{elementPropsObject:s,tableSectionSizes:{rightContentWidth:J,rightHolderWidth:U,centerContentWidth:K,centerHolderWidth:N,leftContentWidth:v,leftHolderWidth:V,headerHolderHeight:Z}}};exports.calculateTableDom=ot;
+//# sourceMappingURL=tableCalculations.cjs.map

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableCalculations.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableCalculations.cjs","sources":["../../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/tableCalculations.jsx"],"sourcesContent":["import { INCONELTABLE_MAIN_CLASSNAME, INCONELTABLE_SORT_DESC } from '../constants';\nimport { getElementRect, getSectionWidths, isValidVariable, itemIsGroup, setExtraWidths, sortArray } from '../utils';\n\nconst rootCls = INCONELTABLE_MAIN_CLASSNAME;\n\nconst calculateSectionDom = ({\n  sectionType = 'left',\n  sectionArray = [],\n  holderWidth = 0,\n  contentWidth = 0,\n  propsObject = {},\n  averageLevelHeight = 0,\n  mainComponentElement = null,\n  visibleColumns = {},\n} = {}) => {\n  // sectionType \t-> left, center, right\n\n  if (holderWidth > 0) {\n    const headerMainElement = mainComponentElement.querySelector(`.${rootCls}-header`);\n\n    const sectionHolder = mainComponentElement.querySelector(`.${rootCls}-header-${sectionType}`);\n    const sectionContent = mainComponentElement.querySelector(`.${rootCls}-header-${sectionType}-content`);\n\n    sectionHolder.style.width = `${holderWidth}px`;\n    sectionContent.style.width = `${contentWidth}px`;\n\n    let positionX = 0;\n\n    sectionArray.forEach((colId) => {\n      if (visibleColumns[colId] !== undefined) {\n        const groupIdList = Object.values(visibleColumns[colId].groupIdList);\n        // groupIdList: { \"1\": [\"m2\"], \"2\": [\"m0\", \"m1\", 4], \"3\":[1, 2, 3] }\n\n        groupIdList.forEach((subList) => {\n          let subPositionX = positionX;\n\n          subList.forEach((subId) => {\n            const headerItemElement = headerMainElement.querySelector(`.${rootCls}-header-item-id-${subId}`);\n            // console.log(subId, visibleColumns[subId], averageLevelHeight);\n\n            headerItemElement.style.width = `${propsObject[subId].width}px`;\n            headerItemElement.style.height = `${visibleColumns[subId].unitHeight * averageLevelHeight}px`;\n            headerItemElement.style.transform = `translate(${subPositionX}px, ${\n              (visibleColumns[subId].level - 1) * averageLevelHeight\n            }px)`;\n\n            subPositionX += propsObject[subId].width;\n          });\n        });\n\n        // console.log(sectionType, propsObject, sectionArray, visibleColumns);\n        positionX += propsObject[colId].width;\n      }\n    });\n  }\n};\n\nconst getHeaderElementSizes = ({ keyId, mainComponentElement } = {}) => {\n  const tableMainElement = mainComponentElement.querySelector(`.${rootCls}-table-container`);\n  const headerContent = tableMainElement.querySelector(\n    `.${rootCls}-header-item-id-${keyId} .${rootCls}-header-item-text`,\n  );\n\n  const elmObject = getElementRect(headerContent);\n\n  if (elmObject === null) {\n    return { width: 0, height: 0 };\n  }\n\n  return { width: Math.ceil(elmObject.width), height: Math.ceil(elmObject.height) };\n};\n\nconst getFooterElementSizes = (footerElm) => {\n  const result = { width: 0, height: 0 };\n  if (footerElm === null) {\n    return result;\n  }\n\n  const footerSpan = footerElm.querySelector('span');\n  if (footerSpan !== null) {\n    const elmObject = getElementRect(footerSpan);\n\n    return { width: elmObject.width, height: elmObject.height };\n  }\n\n  return result;\n};\n\nconst calculateMergedColumnSizes = ({\n  elementPropsObject = {},\n  groupKeys = [],\n  visibleColumns = {},\n  cellPadding = {},\n  mainComponentElement = null,\n} = {}) => {\n  let widthVal = 0;\n\n  groupKeys.forEach((keyId) => {\n    let groupTotalWidth = 0;\n    const headerSizeObject = getHeaderElementSizes({ keyId, mainComponentElement });\n\n    visibleColumns[keyId].groupIdList[2].forEach((groupId) => {\n      groupTotalWidth += elementPropsObject[groupId].width;\n    });\n\n    widthVal = Math.max(headerSizeObject.width + cellPadding.horizontal, groupTotalWidth);\n\n    elementPropsObject[keyId] = {\n      width: widthVal,\n      height: headerSizeObject.height,\n      maxWidth: null,\n    };\n  });\n\n  return elementPropsObject;\n};\n\nconst calculateColumnSizes = ({\n  elementPropsObject = {},\n  colKeys = [],\n  mainComponentElement = null,\n  cellPadding,\n  headerPadding,\n  visibleColumns = {},\n  footerIsEnabled = false,\n  sortingColList = [],\n  filteringColList = [],\n  colWidthList = {},\n  customFooterHeight = null,\n} = {}) => {\n  const footerMainElement = mainComponentElement.querySelector(`.${rootCls}-footer`);\n  let footerHeight = 0;\n  let widthVal = 0;\n  let maxWidthVal = 0;\n  let minWidthVal = 0;\n\n  colKeys.forEach((keyId) => {\n    const headerSizeObject = getHeaderElementSizes({ keyId, mainComponentElement });\n    widthVal = headerSizeObject.width + headerPadding.horizontal;\n    widthVal += sortingColList.includes(keyId) || filteringColList.includes(keyId) ? 34 : 0;\n\n    if (!itemIsGroup(keyId)) {\n      // const cellElementArray = tableMainElement.querySelectorAll(`.${rootCls}-cell-item-id-${keyId}`);\n\n      // maxWidthVal = columns[keyId].maxWidth;\n      maxWidthVal = visibleColumns[keyId].maxWidth;\n      minWidthVal = visibleColumns[keyId].minWidth;\n\n      // footer calc\n      if (footerIsEnabled && footerMainElement !== null) {\n        const footerElm = footerMainElement.querySelector(`.${rootCls}-cell-item-${keyId}`);\n        if (footerElm !== null) {\n          const footerSize = getFooterElementSizes(footerElm);\n          widthVal = Math.max(widthVal, footerSize.width + cellPadding.horizontal);\n          widthVal = maxWidthVal !== null ? Math.min(maxWidthVal, widthVal) : widthVal;\n\n          if (customFooterHeight) {\n            footerHeight = customFooterHeight;\n          } else {\n            footerHeight = Math.max(footerHeight, footerSize.height);\n          }\n        }\n      }\n\n      // footer calc\n      let prevWidthFromCache = 0;\n\n      if (isValidVariable(colWidthList?.[keyId])) {\n        prevWidthFromCache = colWidthList[keyId];\n      } else {\n        // önceden gizli olup, sonradan görünen kolon\n        const cellList = mainComponentElement.querySelectorAll(`.inconeltable-cell-item-${keyId} > span`);\n        cellList.forEach((cellItem) => {\n          prevWidthFromCache = Math.max(getElementRect(cellItem).width + cellPadding.horizontal, prevWidthFromCache);\n        });\n      }\n\n      widthVal = Math.max(prevWidthFromCache, widthVal);\n      widthVal = maxWidthVal !== null ? Math.min(widthVal, maxWidthVal) : widthVal;\n      widthVal = minWidthVal !== null ? Math.max(widthVal, minWidthVal) : widthVal;\n\n      // widthVal = maxWidthVal !== null ? Math.min(maxWidthVal, prevWidthFromCache) : Math.max(prevWidthFromCache, widthVal);\n    } else {\n      let groupTotalWidth = 0;\n      visibleColumns[keyId].groupIdList[2].forEach((groupId) => {\n        groupTotalWidth += elementPropsObject[groupId].width;\n      });\n\n      widthVal = Math.max(widthVal, groupTotalWidth);\n    }\n\n    elementPropsObject[keyId] = {\n      width: widthVal,\n      height: headerSizeObject.height + headerPadding.vertical,\n      maxWidth: visibleColumns[keyId].maxWidth,\n    };\n  });\n\n  return { elementPropsObject, footerHeight };\n};\n\nconst calculateResizeValues = ({\n  elementPropsObject = {},\n  colKeys = [],\n  autoResizeColumns = true,\n  visibleColumns = {},\n  componentWidth = 0,\n} = {}) => {\n  if (autoResizeColumns) {\n    // columnOrderArray, visibleColumns\n\n    const currentTotalWidth = colKeys.reduce((total, item) => {\n      const increase = Object.keys(visibleColumns).includes(String(item)) ? elementPropsObject[item].width : 0;\n\n      return total + increase;\n    }, 0);\n\n    const extraWidth = componentWidth - currentTotalWidth; // kapsayıcı div'den fazla kalan width px\n\n    if (extraWidth > 0) {\n      elementPropsObject = setExtraWidths(elementPropsObject, extraWidth);\n    }\n  }\n\n  return elementPropsObject;\n};\n\n// bileşik kolonlar içinde kısa kalan kolon varsa işlem yap\nconst checkMergedContentIsShort = (propObject, groupKeys, colProps) => {\n  // console.log('log', propObject);\n\n  groupKeys.forEach((groupKey) => {\n    const childrenIdList = colProps[groupKey].groupIdList[2];\n    let subTotal = 0;\n\n    if (Array.isArray(childrenIdList)) {\n      subTotal = childrenIdList.reduce((total, childId) => total + propObject[childId].width, 0);\n    }\n\n    if (subTotal > 0) {\n      const diff = propObject[groupKey].width - subTotal;\n      if (diff > 0) {\n        propObject = setExtraWidths(propObject, diff, childrenIdList);\n      }\n    }\n  });\n\n  return propObject;\n};\n\n// ====================================================================================================================================\n// ====================================================== CALCULATE DOM / RESIZE ======================================================\n// ====================================================================================================================================\nexport const calculateTableDom = ({\n  mainComponentElement = null,\n  visibleColumns = {},\n  leftIdList = [],\n  centerIdList = [],\n  rightIdList = [],\n  componentWidth = 0,\n  autoResizeColumns = true,\n  maxLevel = 0,\n  headerHeight = 0,\n  cellHeight = 0,\n  equalRowHeight = false,\n  footerIsEnabled,\n  cellPadding,\n  headerPadding,\n  sortingColList,\n  filteringColList,\n  systemColumnsWidth,\n  colWidthList,\n  customFooterHeight,\n} = {}) => {\n  if (mainComponentElement === null) {\n    return null;\n  }\n\n  componentWidth -= systemColumnsWidth;\n\n  const pinCenterArray = centerIdList;\n  const keyListTopLevel = sortArray(visibleColumns, 'level', INCONELTABLE_SORT_DESC); // hi to low\n\n  let elementPropsObject = {}; // m0: {width:100, height:45}\n  let rowHeightsArray = []; // [30, 30, 30, 30, 30, 30, 30, 30]\n  let footerHeight = 0;\n\n  const groupKeys = [];\n  const colKeys = [];\n  let i = 0;\n\n  keyListTopLevel.forEach((colId) => {\n    if (itemIsGroup(colId)) {\n      groupKeys.push(colId);\n    } else {\n      colKeys.push(colId);\n    }\n  });\n\n  // KOLON GENİŞLİK VE YÜKSEKLİKLERİNİ HESAPLA\n  const columnCalcObj = calculateColumnSizes({\n    elementPropsObject,\n    colKeys,\n    mainComponentElement,\n    cellPadding,\n    headerPadding,\n    visibleColumns,\n    footerIsEnabled,\n    sortingColList,\n    filteringColList,\n    colWidthList,\n    customFooterHeight,\n  });\n\n  footerHeight = columnCalcObj.footerHeight < cellHeight ? cellHeight : columnCalcObj.footerHeight;\n  // footerHeight = footerHeight > cellHeight * 2 ? cellHeight * 2 : footerHeight;\n\n  elementPropsObject = columnCalcObj.elementPropsObject;\n\n  // PENCERE ÖLÇÜLERİNE GÖRE YENİ ÖLÇÜLERİ HESAPLA\n  elementPropsObject = calculateResizeValues({\n    elementPropsObject,\n    colKeys,\n    autoResizeColumns,\n    visibleColumns,\n    componentWidth,\n  });\n\n  // BİRLEŞİK KOLON GENİŞLİK VE YÜKSEKLİK HESAPLA\n  elementPropsObject = calculateMergedColumnSizes({\n    elementPropsObject,\n    groupKeys,\n    visibleColumns,\n    cellPadding,\n    mainComponentElement,\n  });\n\n  elementPropsObject = checkMergedContentIsShort(elementPropsObject, groupKeys, visibleColumns);\n\n  const leftContentWidth = leftIdList.reduce((total, colId) => {\n    total += elementPropsObject[colId]?.width !== undefined ? elementPropsObject[colId].width : 0;\n    return total;\n  }, 0);\n\n  const centerContentWidth = pinCenterArray.reduce((total, colId) => {\n    total += elementPropsObject[colId]?.width !== undefined ? elementPropsObject[colId].width : 0;\n    return total;\n  }, 0);\n\n  const rightContentWidth = rightIdList.reduce((total, colId) => {\n    total += elementPropsObject[colId]?.width !== undefined ? elementPropsObject[colId].width : 0;\n    return total;\n  }, 0);\n\n  const sectionWidths = getSectionWidths({\n    left: leftContentWidth,\n    center: centerContentWidth,\n    right: rightContentWidth,\n    total: componentWidth,\n  });\n\n  const leftHolderWidth = sectionWidths.left;\n  const centerHolderWidth = sectionWidths.center;\n  const rightHolderWidth = sectionWidths.right;\n\n  const headerLevelsObject = {}; // { \"1\":30, \"2\":25, \"3\":30 }\n  for (i = 1; i <= maxLevel; i++) {\n    headerLevelsObject[i] = headerHeight;\n  }\n\n  keyListTopLevel.forEach((colId) => {\n    const { level, unitHeight } = visibleColumns[colId];\n    const currentHeight = elementPropsObject[colId].height;\n    const levelHeight = headerLevelsObject[level];\n\n    const heightLimit = unitHeight * levelHeight;\n\n    if (currentHeight > heightLimit) {\n      const extraHeightPerLevel = Math.ceil((currentHeight - heightLimit) / unitHeight);\n\n      for (i = level; i < level + unitHeight; i++) {\n        headerLevelsObject[i] = Math.max(headerLevelsObject[i], headerHeight + extraHeightPerLevel);\n      }\n    }\n\n    // console.log(colId, level, unitHeight, currentHeight);\n  });\n\n  const averageLevelHeight = Math.max(...Object.values(headerLevelsObject));\n  const headerHolderHeight = averageLevelHeight * maxLevel;\n\n  // DOM MANIPULATIONS ================================================================================\n\n  // HEADER MANIPULATION\n  let headerCursorX = systemColumnsWidth;\n\n  const headerMainElement = mainComponentElement.querySelector(`.${rootCls}-header`);\n\n  if (headerMainElement !== null) {\n    headerMainElement.style.height = `${headerHolderHeight}px`;\n  }\n\n  if (leftHolderWidth > 0) {\n    const headerCenterElement = mainComponentElement.querySelector(`.${rootCls}-header-left`);\n    headerCenterElement.style.transform = `translateX(${headerCursorX}px)`;\n    headerCursorX += leftHolderWidth;\n  }\n\n  if (centerHolderWidth > 0) {\n    const headerCenterElement = mainComponentElement.querySelector(`.${rootCls}-header-center`);\n    headerCenterElement.style.transform = `translateX(${headerCursorX}px)`;\n    headerCursorX += centerHolderWidth;\n  }\n\n  if (rightHolderWidth > 0) {\n    const headerRightElement = mainComponentElement.querySelector(`.${rootCls}-header-right`);\n    headerRightElement.style.transform = `translateX(${headerCursorX}px)`;\n  }\n\n  calculateSectionDom({\n    sectionType: 'left',\n    sectionArray: leftIdList,\n    holderWidth: leftHolderWidth,\n    contentWidth: leftContentWidth,\n    propsObject: elementPropsObject,\n    averageLevelHeight,\n    mainComponentElement,\n    visibleColumns,\n  });\n\n  calculateSectionDom({\n    sectionType: 'center',\n    sectionArray: pinCenterArray,\n    holderWidth: centerHolderWidth,\n    contentWidth: centerContentWidth,\n    propsObject: elementPropsObject,\n    averageLevelHeight,\n    mainComponentElement,\n    visibleColumns,\n  });\n\n  calculateSectionDom({\n    sectionType: 'right',\n    sectionArray: rightIdList,\n    holderWidth: rightHolderWidth,\n    contentWidth: rightContentWidth,\n    propsObject: elementPropsObject,\n    averageLevelHeight,\n    mainComponentElement,\n    visibleColumns,\n  });\n\n  if (equalRowHeight) {\n    const maxRowHeight = Math.max(...rowHeightsArray);\n    rowHeightsArray = rowHeightsArray.map(() => maxRowHeight);\n  }\n\n  // FOOTER MANIPULATION\n\n  if (footerIsEnabled) {\n    const mainFooterElement = mainComponentElement.querySelector(`.${rootCls}-footer`);\n\n    if (mainFooterElement !== null) {\n      mainFooterElement.style.height = `${footerHeight}px`;\n\n      // LEFT =========\n      const footerLeftElement = mainComponentElement.querySelector(`.${rootCls}-footer-left`);\n\n      if (footerLeftElement !== null) {\n        const footerLeftContentElement = footerLeftElement.querySelector(`.${rootCls}-footer-left-content`);\n\n        if (footerLeftContentElement !== null) {\n          footerLeftContentElement.style.height = `${footerHeight}px`;\n        }\n\n        footerLeftElement.style.transform = `translateX(${systemColumnsWidth}px)`;\n\n        const leftFooterElement = footerLeftElement.querySelector(`.${rootCls}-footer-item`);\n\n        leftFooterElement.style.height = `${footerHeight}px`;\n      }\n      // LEFT =========\n\n      // CENTER =========\n      const footerCenterElement = mainComponentElement.querySelector(`.${rootCls}-footer-center`);\n\n      if (footerCenterElement !== null) {\n        const footerCenterContentElement = footerCenterElement.querySelector(`.${rootCls}-footer-center-content`);\n\n        if (footerCenterContentElement !== null) {\n          footerCenterContentElement.style.height = `${footerHeight}px`;\n        }\n\n        footerCenterElement.style.transform = `translateX(${systemColumnsWidth + leftHolderWidth}px)`;\n\n        const centerFooterElement = footerCenterElement.querySelector(`.${rootCls}-footer-item`);\n\n        centerFooterElement.style.height = `${footerHeight}px`;\n      }\n      // CENTER =========\n\n      // RIGHT =========\n      const footerRightElement = mainComponentElement.querySelector(`.${rootCls}-footer-right`);\n\n      if (footerRightElement !== null) {\n        const footerRightContentElement = footerRightElement.querySelector(`.${rootCls}-footer-right-content`);\n\n        if (footerRightContentElement !== null) {\n          footerRightContentElement.style.height = `${footerHeight}px`;\n        }\n\n        footerRightElement.style.transform = `translateX(${\n          systemColumnsWidth + leftHolderWidth + centerHolderWidth\n        }px)`;\n\n        const rightFooterElement = footerRightElement.querySelector(`.${rootCls}-footer-item`);\n\n        rightFooterElement.style.height = `${footerHeight}px`;\n      }\n      // RIGHT =========\n    }\n  }\n\n  // FOOTER MANIPULATION\n\n  return {\n    elementPropsObject,\n    tableSectionSizes: {\n      rightContentWidth,\n      rightHolderWidth,\n      centerContentWidth,\n      centerHolderWidth,\n      leftContentWidth,\n      leftHolderWidth,\n      headerHolderHeight,\n    },\n  };\n}; // end of calculate dom\n"],"names":["rootCls","INCONELTABLE_MAIN_CLASSNAME","calculateSectionDom","sectionType","sectionArray","holderWidth","contentWidth","propsObject","averageLevelHeight","mainComponentElement","visibleColumns","headerMainElement","sectionHolder","sectionContent","positionX","colId","subList","subPositionX","subId","headerItemElement","getHeaderElementSizes","keyId","headerContent","elmObject","getElementRect","getFooterElementSizes","footerElm","result","footerSpan","calculateMergedColumnSizes","elementPropsObject","groupKeys","cellPadding","widthVal","groupTotalWidth","headerSizeObject","groupId","calculateColumnSizes","colKeys","headerPadding","footerIsEnabled","sortingColList","filteringColList","colWidthList","customFooterHeight","footerMainElement","footerHeight","maxWidthVal","minWidthVal","itemIsGroup","footerSize","prevWidthFromCache","isValidVariable","cellItem","calculateResizeValues","autoResizeColumns","componentWidth","currentTotalWidth","total","item","increase","extraWidth","setExtraWidths","checkMergedContentIsShort","propObject","colProps","groupKey","childrenIdList","subTotal","childId","diff","calculateTableDom","leftIdList","centerIdList","rightIdList","maxLevel","headerHeight","cellHeight","equalRowHeight","systemColumnsWidth","pinCenterArray","keyListTopLevel","sortArray","INCONELTABLE_SORT_DESC","rowHeightsArray","i","columnCalcObj","leftContentWidth","centerContentWidth","rightContentWidth","sectionWidths","getSectionWidths","leftHolderWidth","centerHolderWidth","rightHolderWidth","headerLevelsObject","level","unitHeight","currentHeight","levelHeight","heightLimit","extraHeightPerLevel","headerHolderHeight","headerCursorX","headerCenterElement","headerRightElement","maxRowHeight","mainFooterElement","footerLeftElement","footerLeftContentElement","leftFooterElement","footerCenterElement","footerCenterContentElement","centerFooterElement","footerRightElement","footerRightContentElement","rightFooterElement"],"mappings":"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"}

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableFooter/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),f=require("react"),t=require("prop-types"),M=require("../../constants.cjs"),l=require("../../utils.cjs"),P=require("../../contexts/InconelTablePropsContext.cjs"),V=require("../cellSection/index.cjs");;/* empty css                    */const g=({visibleColumns:c,leftIdList:m,centerIdList:p,rightIdList:x,groupBordersObject:b,columnWidthList:u,elementPropsObject:h,maxWidthAllowed:C,tableSectionSizes:j,applyHorizontalScrollValues:w})=>{const{columns:N,cellHeight:W,systemColumnsWidth:y}=f.useContext(P.InconelTablePropsContext),{rightContentWidth:F,rightHolderWidth:$,centerContentWidth:q,centerHolderWidth:E,leftContentWidth:S,leftHolderWidth:A}=j,a=`${M.INCONELTABLE_MAIN_CLASSNAME}-footer`,L=()=>{const i=[],r=[],o=[];return m.forEach(e=>{i.push(...l.getDataOrderIds(e,c))}),p.forEach(e=>{r.push(...l.getDataOrderIds(e,c))}),x.forEach(e=>{o.push(...l.getDataOrderIds(e,c))}),s.jsxs(s.Fragment,{children:[d(i,"left"),d(r,"center"),d(o,"right")]})},d=(i,r)=>{if(i.length===0)return null;let o=0,e=0;return r==="left"?(o=A,e=S):r==="center"?(o=E,e=q):r==="right"&&(o=$,e=F),s.jsx("div",{className:`${a}-${r}`,style:{width:`${o}px`},children:s.jsx("div",{className:`${a}-${r}-content`,style:{width:`${e}px`},children:i.map((n,T)=>{const H=l.isValidVariable(u[n])?u[n]:null,O=l.isValidVariable(h[n]?.width)?h[n].width:null;return s.jsx(V.default,{id:n,rowData:null,columnProps:N[n],rowNumber:-1,width:Math.max(H,O),height:null,showGroupBorder:b[n],canAccordionClickable:!1,maxWidthAllowed:C,rowNotEmpty:!0,rowNotAccordion:!0,isFooter:!0},T)})})})};return f.useLayoutEffect(()=>{w()}),s.jsx("div",{className:a,style:{height:`${W}px`,paddingLeft:`${y}px`},children:L()})};g.propTypes={visibleColumns:t.object,leftIdList:t.array,centerIdList:t.array,rightIdList:t.array,groupBordersObject:t.object,columnWidthList:t.object,elementPropsObject:t.object,maxWidthAllowed:t.bool,tableSectionSizes:t.object,applyHorizontalScrollValues:t.func};exports.default=g;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableFooter/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/tableFooter/index.jsx"],"sourcesContent":["import { useContext, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { INCONELTABLE_MAIN_CLASSNAME } from '../../constants';\nimport { getDataOrderIds, isValidVariable } from '../../utils';\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\n\nimport CellSection from '../cellSection';\n\nimport './_tableFooter.scss';\n\nconst TableFooter = ({\n  visibleColumns,\n  leftIdList,\n  centerIdList,\n  rightIdList,\n  groupBordersObject,\n  columnWidthList,\n  elementPropsObject,\n  maxWidthAllowed,\n  tableSectionSizes,\n  applyHorizontalScrollValues,\n}) => {\n  const { columns, cellHeight, systemColumnsWidth } = useContext(InconelTablePropsContext);\n\n  const { rightContentWidth, rightHolderWidth, centerContentWidth, centerHolderWidth, leftContentWidth, leftHolderWidth } =\n    tableSectionSizes;\n\n  const rootCls = `${INCONELTABLE_MAIN_CLASSNAME}-footer`;\n\n  const getFooterJsx = () => {\n    const leftFooterColumns = [];\n    const centerFooterColumns = [];\n    const rightFooterColumns = [];\n\n    leftIdList.forEach((item) => {\n      leftFooterColumns.push(...getDataOrderIds(item, visibleColumns));\n    });\n\n    centerIdList.forEach((item) => {\n      centerFooterColumns.push(...getDataOrderIds(item, visibleColumns));\n    });\n\n    rightIdList.forEach((item) => {\n      rightFooterColumns.push(...getDataOrderIds(item, visibleColumns));\n    });\n\n    return (\n      <>\n        {renderSection(leftFooterColumns, 'left')}\n        {renderSection(centerFooterColumns, 'center')}\n        {renderSection(rightFooterColumns, 'right')}\n      </>\n    );\n  };\n\n  const renderSection = (idList, type) => {\n    if (idList.length === 0) {\n      return null;\n    }\n\n    let holderWidth = 0;\n    let contentWidth = 0;\n\n    if (type === 'left') {\n      holderWidth = leftHolderWidth;\n      contentWidth = leftContentWidth;\n    } else if (type === 'center') {\n      holderWidth = centerHolderWidth;\n      contentWidth = centerContentWidth;\n    } else if (type === 'right') {\n      holderWidth = rightHolderWidth;\n      contentWidth = rightContentWidth;\n    }\n\n    return (\n      <div className={`${rootCls}-${type}`} style={{ width: `${holderWidth}px` }}>\n        <div className={`${rootCls}-${type}-content`} style={{ width: `${contentWidth}px` }}>\n          {idList.map((colId, index) => {\n            const widthFromCache = isValidVariable(columnWidthList[colId]) ? columnWidthList[colId] : null;\n            const widthFromHeader = isValidVariable(elementPropsObject[colId]?.width) ? elementPropsObject[colId].width : null;\n\n            return (\n              <CellSection\n                key={index}\n                id={colId}\n                rowData={null}\n                columnProps={columns[colId]}\n                rowNumber={-1}\n                width={Math.max(widthFromCache, widthFromHeader)}\n                height={null}\n                showGroupBorder={groupBordersObject[colId]}\n                canAccordionClickable={false}\n                maxWidthAllowed={maxWidthAllowed}\n                rowNotEmpty\n                rowNotAccordion\n                isFooter\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  };\n\n  useLayoutEffect(() => {\n    applyHorizontalScrollValues();\n  });\n\n  return (\n    <div className={rootCls} style={{ height: `${cellHeight}px`, paddingLeft: `${systemColumnsWidth}px` }}>\n      {getFooterJsx()}\n    </div>\n  );\n};\n\nTableFooter.propTypes = {\n  visibleColumns: PropTypes.object,\n  leftIdList: PropTypes.array,\n  centerIdList: PropTypes.array,\n  rightIdList: PropTypes.array,\n  groupBordersObject: PropTypes.object,\n  columnWidthList: PropTypes.object,\n  elementPropsObject: PropTypes.object,\n  maxWidthAllowed: PropTypes.bool,\n  tableSectionSizes: PropTypes.object,\n  applyHorizontalScrollValues: PropTypes.func,\n};\n\nexport default TableFooter;\n"],"names":["TableFooter","visibleColumns","leftIdList","centerIdList","rightIdList","groupBordersObject","columnWidthList","elementPropsObject","maxWidthAllowed","tableSectionSizes","applyHorizontalScrollValues","columns","cellHeight","systemColumnsWidth","useContext","InconelTablePropsContext","rightContentWidth","rightHolderWidth","centerContentWidth","centerHolderWidth","leftContentWidth","leftHolderWidth","rootCls","INCONELTABLE_MAIN_CLASSNAME","getFooterJsx","leftFooterColumns","centerFooterColumns","rightFooterColumns","item","getDataOrderIds","jsxs","Fragment","renderSection","idList","type","holderWidth","contentWidth","jsx","colId","index","widthFromCache","isValidVariable","widthFromHeader","CellSection","useLayoutEffect","PropTypes"],"mappings":"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"}

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableHeader/headerWrapper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),b=require("react"),e=require("prop-types"),M=require("../headerItem/index.cjs"),q=require("../../hooks/useInconelMemo.cjs"),s=({idList:c,type:u,visibleColumns:n,groupBordersObject:a,handleContextPinMenu:l,handleDragStart:i,handleDragEnter:p,handleDrop:d,maxWidthAllowed:f})=>{const{inconelMemo:h}=q.useInconelMemo(),[g,j]=h(()=>{const r=[];c.forEach(m=>{n[m].groupFlatList.forEach(y=>{r.push(y)})});const t=r.map(()=>({ref:b.createRef()}));return[r,t]},[c,n],0);return o.jsx(o.Fragment,{children:g.map((r,t)=>o.jsx(M.default,{ref:j[t].ref,id:String(r),columnsObject:n,pinType:u,showGroupBorder:a[r],handleContextPinMenu:l,handleDragStart:i,handleDragEnter:p,handleDrop:d,keyIndex:t,maxWidthAllowed:f},t))})};s.propTypes={idList:e.array,type:e.string,visibleColumns:e.object,groupBordersObject:e.object,handleContextPinMenu:e.func,handleDragStart:e.func,handleDragEnter:e.func,handleDrop:e.func,maxWidthAllowed:e.bool};exports.default=s;
+//# sourceMappingURL=headerWrapper.cjs.map

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableHeader/headerWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerWrapper.cjs","sources":["../../../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/tableHeader/headerWrapper.jsx"],"sourcesContent":["import { createRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport HeaderItem from '../headerItem';\nimport { useInconelMemo } from '../../hooks/useInconelMemo';\n\n// import AnimateDomElements from '../../animateDomElements';\n\nconst HeaderWrapper = ({\n  idList,\n  type,\n  visibleColumns,\n  groupBordersObject,\n  handleContextPinMenu,\n  handleDragStart,\n  handleDragEnter,\n  handleDrop,\n  maxWidthAllowed,\n}) => {\n  // const { headerHeight } = useContext(InconelTablePropsContext);\n  const { inconelMemo } = useInconelMemo();\n\n  const [renderList, refList] = inconelMemo(\n    () => {\n      const renderArray = [];\n\n      idList.forEach((listId) => {\n        visibleColumns[listId].groupFlatList.forEach((itemId) => {\n          renderArray.push(itemId);\n        });\n      });\n\n      const list = renderArray.map(() => ({ ref: createRef() }));\n\n      return [renderArray, list];\n    },\n    [idList, visibleColumns],\n    0,\n  );\n\n  return (\n    <>\n      {renderList.map((itemId, index) => (\n        <HeaderItem\n          key={index}\n          ref={refList[index].ref}\n          id={String(itemId)}\n          columnsObject={visibleColumns}\n          pinType={type}\n          showGroupBorder={groupBordersObject[itemId]}\n          handleContextPinMenu={handleContextPinMenu}\n          handleDragStart={handleDragStart}\n          handleDragEnter={handleDragEnter}\n          handleDrop={handleDrop}\n          keyIndex={index}\n          maxWidthAllowed={maxWidthAllowed}\n        />\n      ))}\n    </>\n  );\n};\n\nHeaderWrapper.propTypes = {\n  idList: PropTypes.array,\n  type: PropTypes.string,\n  visibleColumns: PropTypes.object,\n  groupBordersObject: PropTypes.object,\n  handleContextPinMenu: PropTypes.func,\n  handleDragStart: PropTypes.func,\n  handleDragEnter: PropTypes.func,\n  handleDrop: PropTypes.func,\n  maxWidthAllowed: PropTypes.bool,\n};\n\nexport default HeaderWrapper;\n"],"names":["HeaderWrapper","idList","type","visibleColumns","groupBordersObject","handleContextPinMenu","handleDragStart","handleDragEnter","handleDrop","maxWidthAllowed","inconelMemo","useInconelMemo","renderList","refList","renderArray","listId","itemId","list","createRef","jsx","Fragment","index","HeaderItem","PropTypes"],"mappings":"6QAQMA,EAAgB,CAAC,CACrB,OAAAC,EACA,KAAAC,EACA,eAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,CACF,IAAM,CAEJ,KAAM,CAAE,YAAAC,CAAA,EAAgBC,iBAAA,EAElB,CAACC,EAAYC,CAAO,EAAIH,EAC5B,IAAM,CACJ,MAAMI,EAAc,CAAA,EAEpBb,EAAO,QAASc,GAAW,CACzBZ,EAAeY,CAAM,EAAE,cAAc,QAASC,GAAW,CACvDF,EAAY,KAAKE,CAAM,CACzB,CAAC,CACH,CAAC,EAED,MAAMC,EAAOH,EAAY,IAAI,KAAO,CAAE,IAAKI,EAAAA,UAAA,GAAc,EAEzD,MAAO,CAACJ,EAAaG,CAAI,CAC3B,EACA,CAAChB,EAAQE,CAAc,EACvB,CAAA,EAGF,OACEgB,EAAAA,IAAAC,EAAAA,SAAA,CACG,SAAAR,EAAW,IAAI,CAACI,EAAQK,IACvBF,EAAAA,IAACG,EAAAA,QAAA,CAEC,IAAKT,EAAQQ,CAAK,EAAE,IACpB,GAAI,OAAOL,CAAM,EACjB,cAAeb,EACf,QAASD,EACT,gBAAiBE,EAAmBY,CAAM,EAC1C,qBAAAX,EACA,gBAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,SAAUa,EACV,gBAAAZ,CAAA,EAXKY,CAAA,CAaR,EACH,CAEJ,EAEArB,EAAc,UAAY,CACxB,OAAQuB,EAAU,MAClB,KAAMA,EAAU,OAChB,eAAgBA,EAAU,OAC1B,mBAAoBA,EAAU,OAC9B,qBAAsBA,EAAU,KAChC,gBAAiBA,EAAU,KAC3B,gBAAiBA,EAAU,KAC3B,WAAYA,EAAU,KACtB,gBAAiBA,EAAU,IAC7B"}

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableHeader/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),u=require("react"),a=require("prop-types"),h=require("../../constants.cjs"),C=require("../../utils.cjs"),ae=require("../pinContextMenu/index.cjs"),ce=require("./headerWrapper.cjs"),ie=require("../../hooks/useInconelEffect.cjs"),ue=require("../../contexts/InconelTablePropsContext.cjs");;/* empty css                    */const D=({visibleColumns:f,tableContainerRef:v,elementPropsObject:w,leftIdList:x,centerIdList:E,rightIdList:p,groupBordersObject:k,headerHolderHeight:P,allColumnsHided:T,maxWidthAllowed:W})=>{const{mainComponentElement:A,columnOrderArray:B,pinLeftArray:H,pinRightArray:V,setInitialOptionStates:L,systemColumnsWidth:$,selection:z,totalDataLength:F}=u.useContext(ue.InconelTablePropsContext),{setSelectedRows:J,multipleRowSelect:X,allItemsSelected:M,showCheckboxColumn:Y,showSelectAll:K,enabled:G}=z,j={x:0,y:0,id:null},[N,O]=u.useState({...j}),c=`${h.INCONELTABLE_MAIN_CLASSNAME}-header`;let q=c;q+=T?` ${c}-all-hided`:"";const Q=Y&&K&&G&&X&&F>0,g=u.useRef({id:null,index:null,pinType:null}),[U,R]=u.useState(!0),b=u.useRef(!1),_=(t,e)=>{let n=[];return e==="left"?n=[...x]:e==="right"?n=[...p]:n=[...E],n.findIndex(r=>r===t)},Z=(t,e)=>{const n=t.currentTarget.getAttribute("data-inconeltable-id"),r=re(n),l=C.getElementRect(t.currentTarget);t.dataTransfer.setDragImage(r,t.clientX-l.left,t.clientY-l.top),g.current={id:n,index:_(n,e),pinType:e}},ee=(t,e)=>{t.preventDefault();const n=t.currentTarget.getAttribute("data-inconeltable-id"),r=_(n,e),l=f[n].locked;g.current.index!==r&&g.current.pinType===e&&!l&&U&&(ne(g.current.index,r,e),g.current={id:n,index:r,pinType:e},R(!1))},te=t=>{t.stopPropagation(),le(),g.current={id:null,index:null,pinType:null}},ne=(t,e,n)=>{let r=[],l=[],d="";n==="left"?(r=[...x],l=[...H],d="pinLeft"):n==="right"?(r=[...p],l=[...V],d="pinRight"):(r=[...E],l=[...B],d="order");const o=r[t],m=r[e],S=l.map(I=>{let i=I;return String(i)===String(o)?i=m:String(i)===String(m)&&(i=o),i});L(S,d)},re=u.useCallback(t=>{const e=A.querySelector(`.${h.INCONELTABLE_MAIN_CLASSNAME}-table-container`),n=f[t].groupFlatList,r=e.querySelector(`.${c}-item-id-${t}`),l=C.getTranslateInfo(r),d=se(t),o=document.createElement("div");o.className=`${h.INCONELTABLE_MAIN_CLASSNAME}-drag-shadow`,o.style.width=`${d.width}px`,o.style.height=`${d.height}px`,o.style.top="-3000px";let m,S;return n.forEach(I=>{m=e.querySelector(`.${c}-item-id-${I}`);const i=C.getTranslateInfo(m);S=m.cloneNode(!0),S.style.transform=`translate(${i.x-l.x}px, ${i.y-l.y}px)`,o.appendChild(S)}),e.appendChild(o),o},[A,JSON.stringify(f),JSON.stringify(w)]),le=u.useCallback(()=>{const t=A.querySelector(`.${h.INCONELTABLE_MAIN_CLASSNAME}-table-container`),e=t.querySelector(`.${h.INCONELTABLE_MAIN_CLASSNAME}-drag-shadow`);t.removeChild(e)},[A]),oe=(t,e,n)=>{const r=C.getElementRect(v);O(()=>({x:e-r.left,y:n-r.top,id:String(t)}))},se=t=>{const e=w[t],n=e?.maxWidth===void 0||e?.maxWidth===null?null:e.maxWidth;return{width:n===null?e.width:n,height:P}},y=(t,e)=>t.length===0?null:s.jsx("div",{className:`${c}-${e}`,children:s.jsx("div",{className:`${c}-${e}-content`,children:s.jsx(ce.default,{idList:t,type:e,visibleColumns:f,groupBordersObject:k,handleContextPinMenu:oe,handleDragStart:Z,handleDragEnter:ee,handleDrop:te,maxWidthAllowed:W})})});return ie.useInconelEffect(()=>{setTimeout(()=>{b.current&&R(!0)},250)},[x,E,p]),u.useEffect(()=>(b.current=!0,()=>{b.current=!1}),[]),s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:q,children:[$>0&&!T&&s.jsx("div",{className:`${c}-system`,style:{width:`${$}px`},children:Q&&s.jsx("label",{className:`${c}-system-check`,children:s.jsx("input",{type:"checkbox",checked:M,onChange:()=>J({type:M?h.SELECTION_NONE:h.SELECTION_ALL})})})}),y(x,"left"),y(E,"center"),y(p,"right")]}),N.id!==null&&s.jsx(ae.default,{id:N.id,columnsObject:f,posX:N.x,posY:N.y,pinLeftArray:x,pinRightArray:p,setInitialOptionStates:L,closeAction:()=>{O(()=>({...j}))}})]})};D.propTypes={visibleColumns:a.object,tableContainerRef:a.any,elementPropsObject:a.object,leftIdList:a.array,centerIdList:a.array,rightIdList:a.array,headerHolderHeight:a.number,groupBordersObject:a.object,allColumnsHided:a.bool,maxWidthAllowed:a.bool};exports.default=D;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableHeader/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/tableHeader/index.jsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { INCONELTABLE_MAIN_CLASSNAME, SELECTION_ALL, SELECTION_NONE } from '../../constants';\n\nimport { getElementRect, getTranslateInfo } from '../../utils';\nimport PinContextMenu from '../pinContextMenu';\nimport HeaderWrapper from './headerWrapper';\nimport { useInconelEffect } from '../../hooks/useInconelEffect';\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\n\nimport './_tableHeader.scss';\n\nconst TableHeader = ({\n  visibleColumns,\n  tableContainerRef,\n  elementPropsObject,\n  leftIdList,\n  centerIdList,\n  rightIdList,\n  groupBordersObject,\n  headerHolderHeight,\n  allColumnsHided,\n  maxWidthAllowed,\n}) => {\n  const {\n    mainComponentElement,\n    columnOrderArray,\n    pinLeftArray,\n    pinRightArray,\n    setInitialOptionStates,\n    systemColumnsWidth,\n    selection,\n    totalDataLength,\n  } = useContext(InconelTablePropsContext);\n\n  const { setSelectedRows, multipleRowSelect, allItemsSelected, showCheckboxColumn, showSelectAll, enabled: selectionEnabled } = selection;\n\n  const defaultPinContextMenuInfo = { x: 0, y: 0, id: null };\n  const [pinContextMenuInfo, setPinContextMenuInfo] = useState({ ...defaultPinContextMenuInfo });\n\n  const rootCls = `${INCONELTABLE_MAIN_CLASSNAME}-header`;\n  let className = rootCls;\n  className += allColumnsHided ? ` ${rootCls}-all-hided` : '';\n\n  const selectAllCheckIsVisible = showCheckboxColumn && showSelectAll && selectionEnabled && multipleRowSelect && totalDataLength > 0;\n\n  const dragInfoRef = useRef({ id: null, index: null, pinType: null });\n\n  const [allowDrag, setAllowDrag] = useState(true);\n\n  const isMounted = useRef(false);\n  // ================================= DRAG & DROP ACTIONS =================================\n  // =======================================================================================\n\n  const getIndex = (id, pinType) => {\n    let newList = [];\n\n    if (pinType === 'left') {\n      newList = [...leftIdList];\n    } else if (pinType === 'right') {\n      newList = [...rightIdList];\n    } else {\n      newList = [...centerIdList];\n    }\n\n    return newList.findIndex((listId) => listId === id);\n  };\n\n  const handleDragStart = (e, pinType) => {\n    const targetTopId = e.currentTarget.getAttribute('data-inconeltable-id');\n\n    const shadowDiv = createDragShadowDiv(targetTopId);\n    const elmRect = getElementRect(e.currentTarget);\n\n    e.dataTransfer.setDragImage(shadowDiv, e.clientX - elmRect.left, e.clientY - elmRect.top);\n\n    dragInfoRef.current = { id: targetTopId, index: getIndex(targetTopId, pinType), pinType };\n  };\n\n  const handleDragEnter = (e, pinType) => {\n    e.preventDefault();\n    const targetTopId = e.currentTarget.getAttribute('data-inconeltable-id');\n    const targetIndex = getIndex(targetTopId, pinType);\n    const targetIsLocked = visibleColumns[targetTopId].locked;\n\n    // console.log(dragInfoRef.current.index, targetIndex);\n\n    if (dragInfoRef.current.index !== targetIndex && dragInfoRef.current.pinType === pinType && !targetIsLocked && allowDrag) {\n      swapIds(dragInfoRef.current.index, targetIndex, pinType);\n\n      dragInfoRef.current = { id: targetTopId, index: targetIndex, pinType };\n      setAllowDrag(false);\n    }\n  };\n\n  const handleDrop = (e) => {\n    e.stopPropagation();\n    removeDragShadowDiv();\n\n    dragInfoRef.current = { id: null, index: null, pinType: null };\n  };\n\n  const swapIds = (startIndex, endIndex, pinState) => {\n    let newList = [];\n    let targetList = [];\n    let stateKey = '';\n    // columnOrderArray, pinLeftArray, pinRightArray\n    if (pinState === 'left') {\n      newList = [...leftIdList];\n      targetList = [...pinLeftArray];\n      stateKey = 'pinLeft';\n    } else if (pinState === 'right') {\n      newList = [...rightIdList];\n      targetList = [...pinRightArray];\n      stateKey = 'pinRight';\n    } else {\n      newList = [...centerIdList];\n      targetList = [...columnOrderArray];\n      stateKey = 'order';\n    }\n\n    const startValue = newList[startIndex];\n    const endValue = newList[endIndex];\n\n    const resultList = targetList.map((targetId) => {\n      let newVal = targetId;\n      if (String(newVal) === String(startValue)) {\n        newVal = endValue;\n      } else if (String(newVal) === String(endValue)) {\n        newVal = startValue;\n      }\n\n      return newVal;\n    });\n\n    setInitialOptionStates(resultList, stateKey);\n  };\n\n  const createDragShadowDiv = useCallback(\n    (colId) => {\n      const tableMainElement = mainComponentElement.querySelector(`.${INCONELTABLE_MAIN_CLASSNAME}-table-container`);\n      const groupIdList = visibleColumns[colId].groupFlatList;\n\n      const mainCol = tableMainElement.querySelector(`.${rootCls}-item-id-${colId}`);\n      const mainColTransform = getTranslateInfo(mainCol); // { x: 0, y: 0 }\n      const mainColSizes = getHeaderSizes(colId); // {width: 579, height: 15}\n\n      const shadowElm = document.createElement('div');\n      shadowElm.className = `${INCONELTABLE_MAIN_CLASSNAME}-drag-shadow`;\n      shadowElm.style.width = `${mainColSizes.width}px`;\n      shadowElm.style.height = `${mainColSizes.height}px`;\n      shadowElm.style.top = '-3000px';\n\n      let subElm;\n      let clonedElm;\n\n      groupIdList.forEach((gid) => {\n        subElm = tableMainElement.querySelector(`.${rootCls}-item-id-${gid}`);\n        const subTransform = getTranslateInfo(subElm);\n\n        clonedElm = subElm.cloneNode(true);\n\n        clonedElm.style.transform = `translate(${subTransform.x - mainColTransform.x}px, ${subTransform.y - mainColTransform.y}px)`;\n        shadowElm.appendChild(clonedElm);\n      });\n\n      tableMainElement.appendChild(shadowElm);\n\n      return shadowElm;\n    },\n    [mainComponentElement, JSON.stringify(visibleColumns), JSON.stringify(elementPropsObject)],\n  );\n\n  const removeDragShadowDiv = useCallback(() => {\n    const tableMainElement = mainComponentElement.querySelector(`.${INCONELTABLE_MAIN_CLASSNAME}-table-container`);\n    const shadowElement = tableMainElement.querySelector(`.${INCONELTABLE_MAIN_CLASSNAME}-drag-shadow`);\n\n    tableMainElement.removeChild(shadowElement);\n  }, [mainComponentElement]);\n\n  // =======================================================================================\n  // ================================= DRAG & DROP ACTIONS =================================\n\n  const handleContextPinMenu = (colId, mouseX, mouseY) => {\n    const tableRect = getElementRect(tableContainerRef);\n\n    setPinContextMenuInfo(() => ({ x: mouseX - tableRect.left, y: mouseY - tableRect.top, id: String(colId) }));\n  };\n\n  const getHeaderSizes = (headerId) => {\n    const sizeObject = elementPropsObject[headerId]; // {width: 579, height: 15, maxWidth: null}\n    const maxWidth = sizeObject?.maxWidth === undefined || sizeObject?.maxWidth === null ? null : sizeObject.maxWidth;\n\n    return { width: maxWidth === null ? sizeObject.width : maxWidth, height: headerHolderHeight };\n  };\n\n  const getHeaderSection = (idList, type) => {\n    // type \t-> left, right, center\n    if (idList.length === 0) {\n      return null;\n    }\n\n    return (\n      <div className={`${rootCls}-${type}`}>\n        <div className={`${rootCls}-${type}-content`}>\n          <HeaderWrapper\n            idList={idList}\n            type={type}\n            visibleColumns={visibleColumns}\n            groupBordersObject={groupBordersObject}\n            handleContextPinMenu={handleContextPinMenu}\n            handleDragStart={handleDragStart}\n            handleDragEnter={handleDragEnter}\n            handleDrop={handleDrop}\n            maxWidthAllowed={maxWidthAllowed}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  useInconelEffect(() => {\n    setTimeout(() => {\n      if (isMounted.current) {\n        setAllowDrag(true);\n      }\n    }, 250);\n  }, [leftIdList, centerIdList, rightIdList]);\n\n  useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n  /*\n  useEffect(() => {\n    setTimeout(() => {\n      swapIds(4, 5);\n    }, 2000);\n\t}, []);\n\t*/\n\n  return (\n    <>\n      <div className={className}>\n        {systemColumnsWidth > 0 && !allColumnsHided && (\n          <div className={`${rootCls}-system`} style={{ width: `${systemColumnsWidth}px` }}>\n            {selectAllCheckIsVisible && (\n              <label className={`${rootCls}-system-check`}>\n                <input\n                  type=\"checkbox\"\n                  checked={allItemsSelected}\n                  onChange={() => setSelectedRows({ type: allItemsSelected ? SELECTION_NONE : SELECTION_ALL })}\n                />\n              </label>\n            )}\n          </div>\n        )}\n        {getHeaderSection(leftIdList, 'left')}\n        {getHeaderSection(centerIdList, 'center')}\n        {getHeaderSection(rightIdList, 'right')}\n      </div>\n      {pinContextMenuInfo.id !== null && (\n        <PinContextMenu\n          id={pinContextMenuInfo.id}\n          columnsObject={visibleColumns}\n          posX={pinContextMenuInfo.x}\n          posY={pinContextMenuInfo.y}\n          pinLeftArray={leftIdList}\n          pinRightArray={rightIdList}\n          setInitialOptionStates={setInitialOptionStates}\n          closeAction={() => {\n            setPinContextMenuInfo(() => ({ ...defaultPinContextMenuInfo }));\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nTableHeader.propTypes = {\n  visibleColumns: PropTypes.object,\n  tableContainerRef: PropTypes.any,\n  elementPropsObject: PropTypes.object,\n  leftIdList: PropTypes.array,\n  centerIdList: PropTypes.array,\n  rightIdList: PropTypes.array,\n  headerHolderHeight: PropTypes.number,\n  groupBordersObject: PropTypes.object,\n  allColumnsHided: PropTypes.bool,\n  maxWidthAllowed: PropTypes.bool,\n};\n\nexport default TableHeader;\n"],"names":["TableHeader","visibleColumns","tableContainerRef","elementPropsObject","leftIdList","centerIdList","rightIdList","groupBordersObject","headerHolderHeight","allColumnsHided","maxWidthAllowed","mainComponentElement","columnOrderArray","pinLeftArray","pinRightArray","setInitialOptionStates","systemColumnsWidth","selection","totalDataLength","useContext","InconelTablePropsContext","setSelectedRows","multipleRowSelect","allItemsSelected","showCheckboxColumn","showSelectAll","selectionEnabled","defaultPinContextMenuInfo","pinContextMenuInfo","setPinContextMenuInfo","useState","rootCls","INCONELTABLE_MAIN_CLASSNAME","className","selectAllCheckIsVisible","dragInfoRef","useRef","allowDrag","setAllowDrag","isMounted","getIndex","id","pinType","newList","listId","handleDragStart","e","targetTopId","shadowDiv","createDragShadowDiv","elmRect","getElementRect","handleDragEnter","targetIndex","targetIsLocked","swapIds","handleDrop","removeDragShadowDiv","startIndex","endIndex","pinState","targetList","stateKey","startValue","endValue","resultList","targetId","newVal","useCallback","colId","tableMainElement","groupIdList","mainCol","mainColTransform","getTranslateInfo","mainColSizes","getHeaderSizes","shadowElm","subElm","clonedElm","gid","subTransform","shadowElement","handleContextPinMenu","mouseX","mouseY","tableRect","headerId","sizeObject","maxWidth","getHeaderSection","idList","type","jsx","HeaderWrapper","useInconelEffect","useEffect","jsxs","Fragment","SELECTION_NONE","SELECTION_ALL","PinContextMenu","PropTypes"],"mappings":"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"}

package/dist/cjs/components/Table/legacy/subComponents/inconelTablePagination/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),u=require("react"),k=require("../constants.cjs"),B=require("../contexts/InconelTablePropsContext.cjs");;/* empty css                               */const D=require("../../../../Select/Select.cjs"),P=()=>{const{showedDataLength:$,fullData:N,filtering:j,pageSize:p,getLanguageText:C,totalDataLength:h,pagination:A}=u.useContext(B.InconelTablePropsContext),{rowCount:M,updateRowCount:T,showCombobox:E,options:I,comboPosition:v}=p,{enabled:L}=j,q=L&&N?$:h,{setPage:w,activePage:g,disabled:c}=A,s=Math.ceil(q/p.rowCount),[l,x]=u.useState(g),y=u.useMemo(()=>document.getElementById("reactPortal"),[]),o=`${k.INCONELTABLE_MAIN_CLASSNAME}-pagination`,S=()=>E?a.jsx("div",{className:`${o}-page-size`,children:a.jsx(D.default,{className:`${o}-page-size-combo xs-select`,size:"xs",label:"",menuPlacement:"auto",maxMenuHeight:150,menuPortalTarget:y??null,options:I,onChange:i=>{i!==null&&T(i.value,!0)},isDisabled:c,value:M,isSearchable:!1,singleValue:!0})}):null,f=(i,t)=>Array.apply(0,Array(t)).map((e,m)=>m+i),d=(i,t)=>{let e=l;t==="="?e=i:t==="+"?e=e<s?e+1:e:t==="-"&&(e=e>1?e-1:e),w(e),x(e)},R=()=>{let t=[];if(s<=7)t=f(1,s);else{let n=l-(Math.ceil(2.5)-1);n=n<2?2:n,n=n>s-5?s-5:n,t=f(n,5),t=[1,...t,s]}const e=l===1?` ${o}-disabled`:"",m=l===s?` ${o}-disabled`:"";return a.jsxs(a.Fragment,{children:[a.jsx("div",{role:"button",className:`${o}-prev${e}`,onClick:l===1||c?null:()=>d(1,"-"),children:C("prevPage")}),t.map((r,n)=>{const z=r===l;let b=n===1&&r>2?"...":"";b=n===t.length-1&&r>t[n-1]+1?"...":b;const _=z?` ${o}-active`:"";return a.jsx("div",{role:"button",className:`${o}-num${_}`,onClick:!z&&!c?()=>d(r,"="):null,children:b+r},n)}),a.jsx("div",{role:"button",className:`${o}-next${m}`,onClick:l===s||c?null:()=>d(1,"+"),children:C("nextPage")})]})};return u.useEffect(()=>{x(g)},[g]),a.jsx("div",{className:`${o}${c?" is-disabled":""}`,children:l!==-1&&h>0&&a.jsxs(a.Fragment,{children:[v==="bottomLeft"?S():null,R(),v==="bottomRight"?S():null]})})};P.propTypes={};exports.default=P;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Table/legacy/subComponents/inconelTablePagination/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../src/components/Table/legacy/subComponents/inconelTablePagination/index.jsx"],"sourcesContent":["import { useState, useEffect, useContext, useMemo } from 'react';\n// import PropTypes from 'prop-types';\nimport InconelSelect from 'components/Select';\nimport { INCONELTABLE_MAIN_CLASSNAME } from '../constants';\n\nimport { InconelTablePropsContext } from '../contexts/InconelTablePropsContext';\n\nimport './_inconelTablePagination.scss';\n\nconst InconelTablePagination = () => {\n  const { showedDataLength, fullData, filtering, pageSize, getLanguageText, totalDataLength, pagination } =\n    useContext(InconelTablePropsContext);\n\n  const {\n    rowCount,\n    updateRowCount,\n    showCombobox: pageSizeShowCombobox,\n    options: pageSizeOptions,\n    comboPosition\n  } = pageSize;\n  const { enabled: filteringEnabled } = filtering;\n  const dataCount = filteringEnabled && fullData ? showedDataLength : totalDataLength;\n\n  const { setPage, activePage, disabled } = pagination;\n\n  const pageCount = Math.ceil(dataCount / pageSize.rowCount); // sayfa sayısı\n  // const activePage = ( props.activePage > pageCount && pageCount > 0) ? pageCount : props.activePage;\n\n  const [pageNumber, setPageNumber] = useState(activePage);\n\n  const portalElement = useMemo(() => document.getElementById('reactPortal'), []);\n\n  const rootCls = `${INCONELTABLE_MAIN_CLASSNAME}-pagination`;\n  // rootCls += disabled ? ' is-disabled' : '';\n\n  const getPageSizeComboJsx = () => {\n    if (!pageSizeShowCombobox) {\n      return null;\n    }\n\n    return (\n      <div className={`${rootCls}-page-size`}>\n        <InconelSelect\n          className={`${rootCls}-page-size-combo xs-select`}\n          size=\"xs\"\n          label=\"\"\n          menuPlacement=\"auto\"\n          maxMenuHeight={150}\n          menuPortalTarget={portalElement ?? null}\n          options={pageSizeOptions}\n          onChange={(e) => {\n            if (e !== null) {\n              updateRowCount(e.value, true);\n            }\n          }}\n          isDisabled={disabled}\n          value={rowCount}\n          isSearchable={false}\n          singleValue\n        />\n      </div>\n    );\n  };\n\n  // [1, 2, 3, 4, 5]\n  const numericArrayGenerate = (start, count) => Array.apply(0, Array(count)).map((_item, index) => index + start);\n\n  const handlePaginationClick = (pageNum, type) => {\n    // type \t-> (string)  +, - , =\n    let no = pageNumber;\n    if (type === '=') {\n      no = pageNum;\n    } else if (type === '+') {\n      no = no < pageCount ? no + 1 : no;\n    } else if (type === '-') {\n      no = no > 1 ? no - 1 : no;\n    }\n\n    setPage(no);\n    setPageNumber(no);\n  };\n\n  const navigationRender = () => {\n    const navSize = 7; // navigasyonda gözükecek eleman sayısı\n\n    let numArray = [];\n    // 1,2,3,4,5,6,7,8,9,10\n    // 1->   1, 2,3,4, ...8\n    // 2->   1, 2,3,4, ...8\n    // 3->   1, 2,3,4, ...8\n    // 4->   1, ...3,4,5, ...8\n    // 5->   1, ...4,5,6, ...8\n    // 6->   1, ...5,6,7, 8\n    // 7->   1, ...5,6,7, 8\n    // 8->   1, ...5,6,7, 8\n\n    if (pageCount <= navSize) {\n      numArray = numericArrayGenerate(1, pageCount);\n    } else {\n      const centerSize = navSize - 2; // for first and last\n      let startIndex = pageNumber - (Math.ceil(centerSize / 2) - 1);\n      startIndex = startIndex < 2 ? 2 : startIndex;\n      startIndex = startIndex > pageCount - centerSize ? pageCount - centerSize : startIndex;\n\n      numArray = numericArrayGenerate(startIndex, centerSize);\n      numArray = [1, ...numArray, pageCount];\n    }\n\n    const prevButtonClass = pageNumber === 1 ? ` ${rootCls}-disabled` : '';\n    const nextButtonClass = pageNumber === pageCount ? ` ${rootCls}-disabled` : '';\n\n    return (\n      <>\n        <div\n          role=\"button\"\n          className={`${rootCls}-prev${prevButtonClass}`}\n          onClick={pageNumber === 1 || disabled ? null : () => handlePaginationClick(1, '-')}\n        >\n          {getLanguageText('prevPage')}\n        </div>\n        {numArray.map((item, index) => {\n          const isActive = item === pageNumber;\n          let dots = index === 1 && item > 2 ? '...' : '';\n          dots = index === numArray.length - 1 && item > numArray[index - 1] + 1 ? '...' : dots;\n\n          const activeClassName = isActive ? ` ${rootCls}-active` : '';\n\n          return (\n            <div\n              key={index}\n              role=\"button\"\n              className={`${rootCls}-num${activeClassName}`}\n              onClick={!isActive && !disabled ? () => handlePaginationClick(item, '=') : null}\n            >\n              {dots + item}\n            </div>\n          );\n        })}\n        <div\n          role=\"button\"\n          className={`${rootCls}-next${nextButtonClass}`}\n          onClick={pageNumber === pageCount || disabled ? null : () => handlePaginationClick(1, '+')}\n        >\n          {getLanguageText('nextPage')}\n        </div>\n      </>\n    );\n  };\n\n  useEffect(() => {\n    setPageNumber(activePage);\n  }, [activePage]);\n\n  /*\n  if (totalDataLength === 0 || pageCount === 0) {\n    return null;\n  }\n\t*/\n\n  return (\n    <div className={`${rootCls}${disabled ? ' is-disabled' : ''}`}>\n      {pageNumber !== -1 && totalDataLength > 0 && (\n        <>\n          {comboPosition === 'bottomLeft' ? getPageSizeComboJsx() : null}\n          {navigationRender(pageNumber)}\n          {comboPosition === 'bottomRight' ? getPageSizeComboJsx() : null}\n        </>\n      )}\n    </div>\n  );\n};\n\nInconelTablePagination.propTypes = {};\n\nexport default InconelTablePagination;\n"],"names":["InconelTablePagination","showedDataLength","fullData","filtering","pageSize","getLanguageText","totalDataLength","pagination","useContext","InconelTablePropsContext","rowCount","updateRowCount","pageSizeShowCombobox","pageSizeOptions","comboPosition","filteringEnabled","dataCount","setPage","activePage","disabled","pageCount","pageNumber","setPageNumber","useState","portalElement","useMemo","rootCls","INCONELTABLE_MAIN_CLASSNAME","getPageSizeComboJsx","jsx","InconelSelect","e","numericArrayGenerate","start","count","_item","index","handlePaginationClick","pageNum","type","no","navigationRender","numArray","startIndex","prevButtonClass","nextButtonClass","jsxs","Fragment","item","isActive","dots","activeClassName","useEffect"],"mappings":"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"}

package/dist/cjs/components/Table/legacy/subComponents/inconelTableScroll/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react/jsx-runtime"),s=require("react"),o=require("prop-types");;/* empty css                           */const S=require("../constants.cjs"),J=s.forwardRef(({id:Q=null,className:A=null,isVertical:r=!1,backgroundClassName:H=null,trackClassName:I=null,targetContainerSize:m=0,targetContentSize:g=0,width:Z=null,height:U=null,onUpdate:w=null,minTrackSize:h=20,expandSize:b=12,wheelSize:C=50,render:z=!0,theme:V=S.INCONELTABLE_THEME_LIGHT},tt)=>{const[L,B]=s.useState(0),[k,Y]=s.useState(0),[et,_]=s.useState(0),l=s.useRef(!1),O=s.useRef(null),X=s.useRef({cx:0,cy:0}),j=s.useRef({tx:0,ty:0}),y=b>0,c="inconeltable-scroll",nt=r?"vertical":"horizontal";let E=A===null?c:`${c} ${A}`;E+=` ${c}-${V}`,E+=` ${c}-${nt}`,E+=y?` ${c}-expandable`:"";const ot=H===null?`${c}-bg-holder`:`${c}-bg-holder ${H}`;let D=I===null?`${c}-track`:`${c}-track ${I}`;D+=et?` ${c}-drag`:"";let a=Z,d=U;a===null&&(a=r?6:100),d===null&&(d=r?100:6);const W=r&&y?b:a,F=!r&&y?b:d,[u,st]=s.useState(null),M=s.useRef(null),f=s.useRef(null);s.useEffect(()=>{const t=r?d:a,n=m/g;let e=t*n;e=e<h&&h<t-10?h:e,f.current=t-e,M.current=e,st(()=>g-m)},[g,m,r,d,a,h]);const N=t=>{const n=t?.touches!==void 0?t.touches[0].clientX:t.clientX,e=t?.touches!==void 0?t.touches[0].clientY:t.clientY;return{clientX:n,clientY:e}},rt=()=>r?{height:`${M.current}px`,minWidth:`${a}px`,transform:`translateY(${L}px)`}:{width:`${M.current}px`,minHeight:`${d}px`,transform:`translateX(${L}px)`},ct=t=>{t.stopPropagation();const n=t.deltaY>0?C:-C;K(k+n,!0)},it=t=>{t.stopPropagation();const{clientX:n,clientY:e}=N(t),P=t.currentTarget.parentNode.getBoundingClientRect(),$=r?P.top:P.left,q=r?e-$:n-$;x(q,!0)},G=t=>{t.stopPropagation();const{clientX:n,clientY:e}=N(t);window.getSelection().removeAllRanges();const i=O.current.getBoundingClientRect();X.current={cx:i.left,cy:i.top};const p=t.currentTarget.getBoundingClientRect();j.current={tx:n-p.left,ty:e-p.top},window.addEventListener("mousemove",R,{capture:!1,passive:!1}),window.addEventListener("touchmove",R,{capture:!1,passive:!1}),window.addEventListener("mouseup",v),window.addEventListener("touchend",v),_(!0)},R=t=>{t.stopPropagation(),t.preventDefault(),window.getSelection().removeAllRanges();const{clientX:n,clientY:e}=N(t),{cx:i,cy:p}=X.current,{tx:P,ty:$}=j.current,q=r?e-p-$:n-i-P;window.requestAnimationFrame(()=>{x(q,!0)})},v=t=>{t.stopPropagation(),window.removeEventListener("mousemove",R),window.removeEventListener("touchmove",R),window.removeEventListener("mouseup",v),window.removeEventListener("touchend",v),l.current&&_(!1)},x=(t,n)=>{if(l.current){if(t=t<0?0:t,t=t>f.current?f.current:t,n&&w!==null){const i=t/(f.current===0?1:f.current)*u;window.requestAnimationFrame(()=>{l.current&&(Y(i),w(i))})}window.requestAnimationFrame(()=>{l.current&&B(t)})}},K=(t,n)=>{let e=t<0?0:t;e=e>u?u:e;const i=e/u,p=f.current*i;n&&w!==null&&w(e),Y(e),B(p)};return s.useImperativeHandle(tt,()=>({setTrackPosition:t=>{l.current&&x(t,!1)},setContentPosition:t=>{l.current&&K(t,!1)},getPositions:()=>({trackPosition:L,contentPosition:k})})),s.useEffect(()=>{if(r){let t=!1,n=k/u;n>1&&(n=1,t=!0);const e=f.current*n;x(e,t)}},[g,m,W,F,u]),s.useEffect(()=>(l.current=!0,()=>{l.current=!1}),[]),!z||u===null||u<=0?null:T.jsxs("div",{id:Q,className:E,style:{width:`${W}px`,height:`${F}px`},ref:O,onWheel:r&&C>0?ct:null,children:[T.jsx("div",{role:"button",className:ot,onClick:it,children:T.jsx("div",{style:{width:`${a}px`,height:`${d}px`}})}),T.jsx("div",{role:"button",className:D,style:rt(),onMouseDown:G,onTouchStart:G})]})});J.propTypes={id:o.string,className:o.string,isVertical:o.bool,backgroundClassName:o.string,trackClassName:o.string,targetContainerSize:o.number.isRequired,targetContentSize:o.number.isRequired,width:o.oneOfType([o.string,o.number]),height:o.oneOfType([o.string,o.number]),onUpdate:o.func,minTrackSize:o.number,expandSize:o.number,wheelSize:o.number,render:o.bool,theme:o.oneOf([S.INCONELTABLE_THEME_LIGHT,S.INCONELTABLE_THEME_DARK])};exports.default=J;
+//# sourceMappingURL=index.cjs.map