inconel 0.1.6 → 0.1.7

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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","img","handleDragEnter","handleDragEnd","getRowContentJsx","INCONELTABLE_ROW_LOADMORE","jsxs","Fragment","InconelSvg","MinusIcon","PlusIcon","useLayoutEffect","PropTypes"],"mappings":"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"}

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

@@ -0,0 +1,51 @@
+import { jsx as I } from "react/jsx-runtime";
+import { memo as N, useContext as T } from "react";
+import r from "prop-types";
+import g from "./index.js";
+import { INCONELTABLE_ROW_INDEX as j, INCONELTABLE_ROW_ACCORDION_CUSTOM as y } from "../../constants.js";
+import { InconelTablePropsContext as A } from "../../contexts/InconelTablePropsContext.js";
+const D = N(({ data: s, index: t, style: l }) => {
+  const { showData: e } = T(A), {
+    tableSectionSizes: m,
+    columnWidthList: c,
+    elementPropsObject: a,
+    leftColList: n,
+    centerColList: i,
+    rightColList: p,
+    applyHorizontalScrollValues: C,
+    groupBordersObject: u,
+    rowStartIndex: O,
+    rowHeightCache: b,
+    allColumnsHided: w,
+    maxWidthAllowed: d
+  } = s ?? {}, o = e[t], f = o === null ? O + t : o?.[j], L = b[t], h = o?.[y] ? e[t - 1] : o;
+  return /* @__PURE__ */ I(
+    g,
+    {
+      rowNumber: f,
+      rowData: o,
+      styleObject: l,
+      tableSectionSizes: m,
+      columnWidthList: c,
+      rowHeight: L,
+      elementPropsObject: a,
+      leftColList: n,
+      centerColList: i,
+      rightColList: p,
+      applyHorizontalScrollValues: C,
+      groupBordersObject: u,
+      customAccordionTriggerData: h,
+      allColumnsHided: w,
+      maxWidthAllowed: d
+    }
+  );
+});
+D.propTypes = {
+  data: r.object,
+  index: r.number,
+  style: r.object
+};
+export {
+  D as default
+};
+//# sourceMappingURL=rowWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rowWrapper.js","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":";;;;;;AAMA,MAAMA,IAAaC,EAAK,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,QAAY;AAClD,QAAM,EAAE,UAAAC,EAAA,IAAaC,EAAWC,CAAwB,GAElD;AAAA,IACJ,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACEjB,KAAQ,CAAA,GAENkB,IAAUf,EAASF,CAAK,GAExBkB,IAAYD,MAAY,OAAOJ,IAAgBb,IAAQiB,IAAUE,CAAsB,GACvFC,IAAYN,EAAed,CAAK,GAEhCqB,IAA6BJ,IAAUK,CAAiC,IAAIpB,EAASF,IAAQ,CAAC,IAAIiB;AAExG,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAN;AAAA,MACA,SAAAD;AAAA,MACA,aAAahB;AAAA,MACb,mBAAAI;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAc;AAAA,MACA,oBAAAb;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,6BAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,4BAAAS;AAAA,MACA,iBAAAN;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEDnB,EAAW,YAAY;AAAA,EACrB,MAAM4B,EAAU;AAAA,EAChB,OAAOA,EAAU;AAAA,EACjB,OAAOA,EAAU;AACnB;"}

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

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