inconel 0.1.6 → 0.1.7

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableCalculations.js","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":";;AAGA,MAAMA,IAAUC,IAEVC,IAAsB,CAAC;AAAA,EAC3B,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe,CAAA;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc,CAAA;AAAA,EACd,oBAAAC,IAAqB;AAAA,EACrB,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB,CAAA;AACnB,IAAI,OAAO;AAGT,MAAIL,IAAc,GAAG;AACnB,UAAMM,IAAoBF,EAAqB,cAAc,IAAIT,CAAO,SAAS,GAE3EY,IAAgBH,EAAqB,cAAc,IAAIT,CAAO,WAAWG,CAAW,EAAE,GACtFU,IAAiBJ,EAAqB,cAAc,IAAIT,CAAO,WAAWG,CAAW,UAAU;AAErG,IAAAS,EAAc,MAAM,QAAQ,GAAGP,CAAW,MAC1CQ,EAAe,MAAM,QAAQ,GAAGP,CAAY;AAE5C,QAAIQ,IAAY;AAEhB,IAAAV,EAAa,QAAQ,CAACW,MAAU;AAC9B,MAAIL,EAAeK,CAAK,MAAM,WACR,OAAO,OAAOL,EAAeK,CAAK,EAAE,WAAW,EAGvD,QAAQ,CAACC,MAAY;AAC/B,YAAIC,IAAeH;AAEnB,QAAAE,EAAQ,QAAQ,CAACE,MAAU;AACzB,gBAAMC,IAAoBR,EAAkB,cAAc,IAAIX,CAAO,mBAAmBkB,CAAK,EAAE;AAG/F,UAAAC,EAAkB,MAAM,QAAQ,GAAGZ,EAAYW,CAAK,EAAE,KAAK,MAC3DC,EAAkB,MAAM,SAAS,GAAGT,EAAeQ,CAAK,EAAE,aAAaV,CAAkB,MACzFW,EAAkB,MAAM,YAAY,aAAaF,CAAY,QAC1DP,EAAeQ,CAAK,EAAE,QAAQ,KAAKV,CACtC,OAEAS,KAAgBV,EAAYW,CAAK,EAAE;AAAA,QACrC,CAAC;AAAA,MACH,CAAC,GAGDJ,KAAaP,EAAYQ,CAAK,EAAE;AAAA,IAEpC,CAAC;AAAA,EACH;AACF,GAEMK,IAAwB,CAAC,EAAE,OAAAC,GAAO,sBAAAZ,EAAA,IAAyB,CAAA,MAAO;AAEtE,QAAMa,IADmBb,EAAqB,cAAc,IAAIT,CAAO,kBAAkB,EAClD;AAAA,IACrC,IAAIA,CAAO,mBAAmBqB,CAAK,KAAKrB,CAAO;AAAA,EAAA,GAG3CuB,IAAYC,EAAeF,CAAa;AAE9C,SAAIC,MAAc,OACT,EAAE,OAAO,GAAG,QAAQ,EAAA,IAGtB,EAAE,OAAO,KAAK,KAAKA,EAAU,KAAK,GAAG,QAAQ,KAAK,KAAKA,EAAU,MAAM,EAAA;AAChF,GAEME,KAAwB,CAACC,MAAc;AAC3C,QAAMC,IAAS,EAAE,OAAO,GAAG,QAAQ,EAAA;AACnC,MAAID,MAAc;AAChB,WAAOC;AAGT,QAAMC,IAAaF,EAAU,cAAc,MAAM;AACjD,MAAIE,MAAe,MAAM;AACvB,UAAML,IAAYC,EAAeI,CAAU;AAE3C,WAAO,EAAE,OAAOL,EAAU,OAAO,QAAQA,EAAU,OAAA;AAAA,EACrD;AAEA,SAAOI;AACT,GAEME,KAA6B,CAAC;AAAA,EAClC,oBAAAC,IAAqB,CAAA;AAAA,EACrB,WAAAC,IAAY,CAAA;AAAA,EACZ,gBAAArB,IAAiB,CAAA;AAAA,EACjB,aAAAsB,IAAc,CAAA;AAAA,EACd,sBAAAvB,IAAuB;AACzB,IAAI,OAAO;AACT,MAAIwB,IAAW;AAEf,SAAAF,EAAU,QAAQ,CAACV,MAAU;AAC3B,QAAIa,IAAkB;AACtB,UAAMC,IAAmBf,EAAsB,EAAE,OAAAC,GAAO,sBAAAZ,GAAsB;AAE9E,IAAAC,EAAeW,CAAK,EAAE,YAAY,CAAC,EAAE,QAAQ,CAACe,MAAY;AACxD,MAAAF,KAAmBJ,EAAmBM,CAAO,EAAE;AAAA,IACjD,CAAC,GAEDH,IAAW,KAAK,IAAIE,EAAiB,QAAQH,EAAY,YAAYE,CAAe,GAEpFJ,EAAmBT,CAAK,IAAI;AAAA,MAC1B,OAAOY;AAAA,MACP,QAAQE,EAAiB;AAAA,MACzB,UAAU;AAAA,IAAA;AAAA,EAEd,CAAC,GAEML;AACT,GAEMO,KAAuB,CAAC;AAAA,EAC5B,oBAAAP,IAAqB,CAAA;AAAA,EACrB,SAAAQ,IAAU,CAAA;AAAA,EACV,sBAAA7B,IAAuB;AAAA,EACvB,aAAAuB;AAAA,EACA,eAAAO;AAAA,EACA,gBAAA7B,IAAiB,CAAA;AAAA,EACjB,iBAAA8B,IAAkB;AAAA,EAClB,gBAAAC,IAAiB,CAAA;AAAA,EACjB,kBAAAC,IAAmB,CAAA;AAAA,EACnB,cAAAC,IAAe,CAAA;AAAA,EACf,oBAAAC,IAAqB;AACvB,IAAI,OAAO;AACT,QAAMC,IAAoBpC,EAAqB,cAAc,IAAIT,CAAO,SAAS;AACjF,MAAI8C,IAAe,GACfb,IAAW,GACXc,IAAc,GACdC,IAAc;AAElB,SAAAV,EAAQ,QAAQ,CAACjB,MAAU;AACzB,UAAMc,IAAmBf,EAAsB,EAAE,OAAAC,GAAO,sBAAAZ,GAAsB;AAI9E,QAHAwB,IAAWE,EAAiB,QAAQI,EAAc,YAClDN,KAAYQ,EAAe,SAASpB,CAAK,KAAKqB,EAAiB,SAASrB,CAAK,IAAI,KAAK,GAEjF4B,EAAY5B,CAAK,GAyCf;AACL,UAAIa,IAAkB;AACtB,MAAAxB,EAAeW,CAAK,EAAE,YAAY,CAAC,EAAE,QAAQ,CAACe,MAAY;AACxD,QAAAF,KAAmBJ,EAAmBM,CAAO,EAAE;AAAA,MACjD,CAAC,GAEDH,IAAW,KAAK,IAAIA,GAAUC,CAAe;AAAA,IAC/C,OAhDyB;AAQvB,UAJAa,IAAcrC,EAAeW,CAAK,EAAE,UACpC2B,IAActC,EAAeW,CAAK,EAAE,UAGhCmB,KAAmBK,MAAsB,MAAM;AACjD,cAAMnB,IAAYmB,EAAkB,cAAc,IAAI7C,CAAO,cAAcqB,CAAK,EAAE;AAClF,YAAIK,MAAc,MAAM;AACtB,gBAAMwB,IAAazB,GAAsBC,CAAS;AAClD,UAAAO,IAAW,KAAK,IAAIA,GAAUiB,EAAW,QAAQlB,EAAY,UAAU,GACvEC,IAAWc,MAAgB,OAAO,KAAK,IAAIA,GAAad,CAAQ,IAAIA,GAEhEW,IACFE,IAAeF,IAEfE,IAAe,KAAK,IAAIA,GAAcI,EAAW,MAAM;AAAA,QAE3D;AAAA,MACF;AAGA,UAAIC,IAAqB;AAEzB,MAAIC,GAAgBT,IAAetB,CAAK,CAAC,IACvC8B,IAAqBR,EAAatB,CAAK,IAGtBZ,EAAqB,iBAAiB,2BAA2BY,CAAK,SAAS,EACvF,QAAQ,CAACgC,MAAa;AAC7B,QAAAF,IAAqB,KAAK,IAAI3B,EAAe6B,CAAQ,EAAE,QAAQrB,EAAY,YAAYmB,CAAkB;AAAA,MAC3G,CAAC,GAGHlB,IAAW,KAAK,IAAIkB,GAAoBlB,CAAQ,GAChDA,IAAWc,MAAgB,OAAO,KAAK,IAAId,GAAUc,CAAW,IAAId,GACpEA,IAAWe,MAAgB,OAAO,KAAK,IAAIf,GAAUe,CAAW,IAAIf;AAAA,IAGtE;AASA,IAAAH,EAAmBT,CAAK,IAAI;AAAA,MAC1B,OAAOY;AAAA,MACP,QAAQE,EAAiB,SAASI,EAAc;AAAA,MAChD,UAAU7B,EAAeW,CAAK,EAAE;AAAA,IAAA;AAAA,EAEpC,CAAC,GAEM,EAAE,oBAAAS,GAAoB,cAAAgB,EAAA;AAC/B,GAEMQ,KAAwB,CAAC;AAAA,EAC7B,oBAAAxB,IAAqB,CAAA;AAAA,EACrB,SAAAQ,IAAU,CAAA;AAAA,EACV,mBAAAiB,IAAoB;AAAA,EACpB,gBAAA7C,IAAiB,CAAA;AAAA,EACjB,gBAAA8C,IAAiB;AACnB,IAAI,OAAO;AACT,MAAID,GAAmB;AAGrB,UAAME,IAAoBnB,EAAQ,OAAO,CAACoB,GAAOC,MAAS;AACxD,YAAMC,IAAW,OAAO,KAAKlD,CAAc,EAAE,SAAS,OAAOiD,CAAI,CAAC,IAAI7B,EAAmB6B,CAAI,EAAE,QAAQ;AAEvG,aAAOD,IAAQE;AAAA,IACjB,GAAG,CAAC,GAEEC,IAAaL,IAAiBC;AAEpC,IAAII,IAAa,MACf/B,IAAqBgC,EAAehC,GAAoB+B,CAAU;AAAA,EAEtE;AAEA,SAAO/B;AACT,GAGMiC,KAA4B,CAACC,GAAYjC,GAAWkC,OAGxDlC,EAAU,QAAQ,CAACmC,MAAa;AAC9B,QAAMC,IAAiBF,EAASC,CAAQ,EAAE,YAAY,CAAC;AACvD,MAAIE,IAAW;AAMf,MAJI,MAAM,QAAQD,CAAc,MAC9BC,IAAWD,EAAe,OAAO,CAACT,GAAOW,MAAYX,IAAQM,EAAWK,CAAO,EAAE,OAAO,CAAC,IAGvFD,IAAW,GAAG;AAChB,UAAME,IAAON,EAAWE,CAAQ,EAAE,QAAQE;AAC1C,IAAIE,IAAO,MACTN,IAAaF,EAAeE,GAAYM,GAAMH,CAAc;AAAA,EAEhE;AACF,CAAC,GAEMH,IAMIO,KAAoB,CAAC;AAAA,EAChC,sBAAA9D,IAAuB;AAAA,EACvB,gBAAAC,IAAiB,CAAA;AAAA,EACjB,YAAA8D,IAAa,CAAA;AAAA,EACb,cAAAC,IAAe,CAAA;AAAA,EACf,aAAAC,IAAc,CAAA;AAAA,EACd,gBAAAlB,IAAiB;AAAA,EACjB,mBAAAD,IAAoB;AAAA,EACpB,UAAAoB,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,iBAAAtC;AAAA,EACA,aAAAR;AAAA,EACA,eAAAO;AAAA,EACA,gBAAAE;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAqC;AAAA,EACA,cAAApC;AAAA,EACA,oBAAAC;AACF,IAAI,OAAO;AACT,MAAInC,MAAyB;AAC3B,WAAO;AAGT,EAAA+C,KAAkBuB;AAElB,QAAMC,IAAiBP,GACjBQ,IAAkBC,GAAUxE,GAAgB,SAASyE,CAAsB;AAEjF,MAAIrD,IAAqB,CAAA,GACrBsD,IAAkB,CAAA,GAClBtC,IAAe;AAEnB,QAAMf,IAAY,CAAA,GACZO,IAAU,CAAA;AAChB,MAAI+C,IAAI;AAER,EAAAJ,EAAgB,QAAQ,CAAClE,MAAU;AACjC,IAAIkC,EAAYlC,CAAK,IACnBgB,EAAU,KAAKhB,CAAK,IAEpBuB,EAAQ,KAAKvB,CAAK;AAAA,EAEtB,CAAC;AAGD,QAAMuE,IAAgBjD,GAAqB;AAAA,IACzC,oBAAAP;AAAA,IACA,SAAAQ;AAAA,IACA,sBAAA7B;AAAA,IACA,aAAAuB;AAAA,IACA,eAAAO;AAAA,IACA,gBAAA7B;AAAA,IACA,iBAAA8B;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,CACD;AAED,EAAAE,IAAewC,EAAc,eAAeT,IAAaA,IAAaS,EAAc,cAGpFxD,IAAqBwD,EAAc,oBAGnCxD,IAAqBwB,GAAsB;AAAA,IACzC,oBAAAxB;AAAA,IACA,SAAAQ;AAAA,IACA,mBAAAiB;AAAA,IACA,gBAAA7C;AAAA,IACA,gBAAA8C;AAAA,EAAA,CACD,GAGD1B,IAAqBD,GAA2B;AAAA,IAC9C,oBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAArB;AAAA,IACA,aAAAsB;AAAA,IACA,sBAAAvB;AAAA,EAAA,CACD,GAEDqB,IAAqBiC,GAA0BjC,GAAoBC,GAAWrB,CAAc;AAE5F,QAAM6E,IAAmBf,EAAW,OAAO,CAACd,GAAO3C,OACjD2C,KAAS5B,EAAmBf,CAAK,GAAG,UAAU,SAAYe,EAAmBf,CAAK,EAAE,QAAQ,GACrF2C,IACN,CAAC,GAEE8B,IAAqBR,EAAe,OAAO,CAACtB,GAAO3C,OACvD2C,KAAS5B,EAAmBf,CAAK,GAAG,UAAU,SAAYe,EAAmBf,CAAK,EAAE,QAAQ,GACrF2C,IACN,CAAC,GAEE+B,IAAoBf,EAAY,OAAO,CAAChB,GAAO3C,OACnD2C,KAAS5B,EAAmBf,CAAK,GAAG,UAAU,SAAYe,EAAmBf,CAAK,EAAE,QAAQ,GACrF2C,IACN,CAAC,GAEEgC,IAAgBC,GAAiB;AAAA,IACrC,MAAMJ;AAAA,IACN,QAAQC;AAAA,IACR,OAAOC;AAAA,IACP,OAAOjC;AAAA,EAAA,CACR,GAEKoC,IAAkBF,EAAc,MAChCG,IAAoBH,EAAc,QAClCI,IAAmBJ,EAAc,OAEjCK,IAAqB,CAAA;AAC3B,OAAKV,IAAI,GAAGA,KAAKV,GAAUU;AACzB,IAAAU,EAAmBV,CAAC,IAAIT;AAG1B,EAAAK,EAAgB,QAAQ,CAAClE,MAAU;AACjC,UAAM,EAAE,OAAAiF,GAAO,YAAAC,MAAevF,EAAeK,CAAK,GAC5CmF,IAAgBpE,EAAmBf,CAAK,EAAE,QAC1CoF,IAAcJ,EAAmBC,CAAK,GAEtCI,IAAcH,IAAaE;AAEjC,QAAID,IAAgBE,GAAa;AAC/B,YAAMC,IAAsB,KAAK,MAAMH,IAAgBE,KAAeH,CAAU;AAEhF,WAAKZ,IAAIW,GAAOX,IAAIW,IAAQC,GAAYZ;AACtC,QAAAU,EAAmBV,CAAC,IAAI,KAAK,IAAIU,EAAmBV,CAAC,GAAGT,IAAeyB,CAAmB;AAAA,IAE9F;AAAA,EAGF,CAAC;AAED,QAAM7F,IAAqB,KAAK,IAAI,GAAG,OAAO,OAAOuF,CAAkB,CAAC,GAClEO,IAAqB9F,IAAqBmE;AAKhD,MAAI4B,IAAgBxB;AAEpB,QAAMpE,IAAoBF,EAAqB,cAAc,IAAIT,CAAO,SAAS;AAMjF,MAJIW,MAAsB,SACxBA,EAAkB,MAAM,SAAS,GAAG2F,CAAkB,OAGpDV,IAAkB,GAAG;AACvB,UAAMY,IAAsB/F,EAAqB,cAAc,IAAIT,CAAO,cAAc;AACxF,IAAAwG,EAAoB,MAAM,YAAY,cAAcD,CAAa,OACjEA,KAAiBX;AAAA,EACnB;AAEA,MAAIC,IAAoB,GAAG;AACzB,UAAMW,IAAsB/F,EAAqB,cAAc,IAAIT,CAAO,gBAAgB;AAC1F,IAAAwG,EAAoB,MAAM,YAAY,cAAcD,CAAa,OACjEA,KAAiBV;AAAA,EACnB;AAEA,MAAIC,IAAmB,GAAG;AACxB,UAAMW,IAAqBhG,EAAqB,cAAc,IAAIT,CAAO,eAAe;AACxF,IAAAyG,EAAmB,MAAM,YAAY,cAAcF,CAAa;AAAA,EAClE;AAmCA,MAjCArG,EAAoB;AAAA,IAClB,aAAa;AAAA,IACb,cAAcsE;AAAA,IACd,aAAaoB;AAAA,IACb,cAAcL;AAAA,IACd,aAAazD;AAAA,IACb,oBAAAtB;AAAA,IACA,sBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEDR,EAAoB;AAAA,IAClB,aAAa;AAAA,IACb,cAAc8E;AAAA,IACd,aAAaa;AAAA,IACb,cAAcL;AAAA,IACd,aAAa1D;AAAA,IACb,oBAAAtB;AAAA,IACA,sBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEDR,EAAoB;AAAA,IAClB,aAAa;AAAA,IACb,cAAcwE;AAAA,IACd,aAAaoB;AAAA,IACb,cAAcL;AAAA,IACd,aAAa3D;AAAA,IACb,oBAAAtB;AAAA,IACA,sBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEGoE,GAAgB;AAClB,UAAM4B,IAAe,KAAK,IAAI,GAAGtB,CAAe;AAChD,IAAAA,IAAkBA,EAAgB,IAAI,MAAMsB,CAAY;AAAA,EAC1D;AAIA,MAAIlE,GAAiB;AACnB,UAAMmE,IAAoBlG,EAAqB,cAAc,IAAIT,CAAO,SAAS;AAEjF,QAAI2G,MAAsB,MAAM;AAC9B,MAAAA,EAAkB,MAAM,SAAS,GAAG7D,CAAY;AAGhD,YAAM8D,IAAoBnG,EAAqB,cAAc,IAAIT,CAAO,cAAc;AAEtF,UAAI4G,MAAsB,MAAM;AAC9B,cAAMC,IAA2BD,EAAkB,cAAc,IAAI5G,CAAO,sBAAsB;AAElG,QAAI6G,MAA6B,SAC/BA,EAAyB,MAAM,SAAS,GAAG/D,CAAY,OAGzD8D,EAAkB,MAAM,YAAY,cAAc7B,CAAkB;AAEpE,cAAM+B,IAAoBF,EAAkB,cAAc,IAAI5G,CAAO,cAAc;AAEnF,QAAA8G,EAAkB,MAAM,SAAS,GAAGhE,CAAY;AAAA,MAClD;AAIA,YAAMiE,IAAsBtG,EAAqB,cAAc,IAAIT,CAAO,gBAAgB;AAE1F,UAAI+G,MAAwB,MAAM;AAChC,cAAMC,IAA6BD,EAAoB,cAAc,IAAI/G,CAAO,wBAAwB;AAExG,QAAIgH,MAA+B,SACjCA,EAA2B,MAAM,SAAS,GAAGlE,CAAY,OAG3DiE,EAAoB,MAAM,YAAY,cAAchC,IAAqBa,CAAe;AAExF,cAAMqB,IAAsBF,EAAoB,cAAc,IAAI/G,CAAO,cAAc;AAEvF,QAAAiH,EAAoB,MAAM,SAAS,GAAGnE,CAAY;AAAA,MACpD;AAIA,YAAMoE,IAAqBzG,EAAqB,cAAc,IAAIT,CAAO,eAAe;AAExF,UAAIkH,MAAuB,MAAM;AAC/B,cAAMC,IAA4BD,EAAmB,cAAc,IAAIlH,CAAO,uBAAuB;AAErG,QAAImH,MAA8B,SAChCA,EAA0B,MAAM,SAAS,GAAGrE,CAAY,OAG1DoE,EAAmB,MAAM,YAAY,cACnCnC,IAAqBa,IAAkBC,CACzC;AAEA,cAAMuB,IAAqBF,EAAmB,cAAc,IAAIlH,CAAO,cAAc;AAErF,QAAAoH,EAAmB,MAAM,SAAS,GAAGtE,CAAY;AAAA,MACnD;AAAA,IAEF;AAAA,EACF;AAIA,SAAO;AAAA,IACL,oBAAAhB;AAAA,IACA,mBAAmB;AAAA,MACjB,mBAAA2D;AAAA,MACA,kBAAAK;AAAA,MACA,oBAAAN;AAAA,MACA,mBAAAK;AAAA,MACA,kBAAAN;AAAA,MACA,iBAAAK;AAAA,MACA,oBAAAU;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

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

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

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

@@ -0,0 +1,63 @@
+import { jsx as a, Fragment as j } from "react/jsx-runtime";
+import { createRef as b } from "react";
+import r from "prop-types";
+import x from "../headerItem/index.js";
+import { useInconelMemo as D } from "../../hooks/useInconelMemo.js";
+const E = ({
+  idList: n,
+  type: p,
+  visibleColumns: t,
+  groupBordersObject: c,
+  handleContextPinMenu: f,
+  handleDragStart: s,
+  handleDragEnter: m,
+  handleDrop: d,
+  maxWidthAllowed: u
+}) => {
+  const { inconelMemo: i } = D(), [l, h] = i(
+    () => {
+      const e = [];
+      n.forEach((g) => {
+        t[g].groupFlatList.forEach((y) => {
+          e.push(y);
+        });
+      });
+      const o = e.map(() => ({ ref: b() }));
+      return [e, o];
+    },
+    [n, t],
+    0
+  );
+  return /* @__PURE__ */ a(j, { children: l.map((e, o) => /* @__PURE__ */ a(
+    x,
+    {
+      ref: h[o].ref,
+      id: String(e),
+      columnsObject: t,
+      pinType: p,
+      showGroupBorder: c[e],
+      handleContextPinMenu: f,
+      handleDragStart: s,
+      handleDragEnter: m,
+      handleDrop: d,
+      keyIndex: o,
+      maxWidthAllowed: u
+    },
+    o
+  )) });
+};
+E.propTypes = {
+  idList: r.array,
+  type: r.string,
+  visibleColumns: r.object,
+  groupBordersObject: r.object,
+  handleContextPinMenu: r.func,
+  handleDragStart: r.func,
+  handleDragEnter: r.func,
+  handleDrop: r.func,
+  maxWidthAllowed: r.bool
+};
+export {
+  E as default
+};
+//# sourceMappingURL=headerWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"headerWrapper.js","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":";;;;;AAQA,MAAMA,IAAgB,CAAC;AAAA,EACrB,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AAEJ,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElB,CAACC,GAAYC,CAAO,IAAIH;AAAA,IAC5B,MAAM;AACJ,YAAMI,IAAc,CAAA;AAEpB,MAAAb,EAAO,QAAQ,CAACc,MAAW;AACzB,QAAAZ,EAAeY,CAAM,EAAE,cAAc,QAAQ,CAACC,MAAW;AACvD,UAAAF,EAAY,KAAKE,CAAM;AAAA,QACzB,CAAC;AAAA,MACH,CAAC;AAED,YAAMC,IAAOH,EAAY,IAAI,OAAO,EAAE,KAAKI,EAAA,IAAc;AAEzD,aAAO,CAACJ,GAAaG,CAAI;AAAA,IAC3B;AAAA,IACA,CAAChB,GAAQE,CAAc;AAAA,IACvB;AAAA,EAAA;AAGF,SACE,gBAAAgB,EAAAC,GAAA,EACG,UAAAR,EAAW,IAAI,CAACI,GAAQK,MACvB,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,KAAKT,EAAQQ,CAAK,EAAE;AAAA,MACpB,IAAI,OAAOL,CAAM;AAAA,MACjB,eAAeb;AAAA,MACf,SAASD;AAAA,MACT,iBAAiBE,EAAmBY,CAAM;AAAA,MAC1C,sBAAAX;AAAA,MACA,iBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAUa;AAAA,MACV,iBAAAZ;AAAA,IAAA;AAAA,IAXKY;AAAA,EAAA,CAaR,GACH;AAEJ;AAEArB,EAAc,YAAY;AAAA,EACxB,QAAQuB,EAAU;AAAA,EAClB,MAAMA,EAAU;AAAA,EAChB,gBAAgBA,EAAU;AAAA,EAC1B,oBAAoBA,EAAU;AAAA,EAC9B,sBAAsBA,EAAU;AAAA,EAChC,iBAAiBA,EAAU;AAAA,EAC3B,iBAAiBA,EAAU;AAAA,EAC3B,YAAYA,EAAU;AAAA,EACtB,iBAAiBA,EAAU;AAC7B;"}

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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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"}