inconel 0.1.6 → 0.1.7

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

@@ -0,0 +1,32 @@
+import { jsx as E } from "react/jsx-runtime";
+import { useContext as v, useState as L, useRef as i, useLayoutEffect as C, useEffect as T } from "react";
+import n from "prop-types";
+import { INCONELTABLE_MAIN_CLASSNAME as w } from "../../constants.js";
+import { InconelTablePropsContext as A } from "../../contexts/InconelTablePropsContext.js";
+import { getElementRect as h } from "../../utils.js";
+/* empty css                       */
+const M = ({ target: l = null, posX: t = null, posY: m = null, closeAction: d = null, contentAction: a = null }) => {
+  const { componentWidth: s } = v(A), [f, p] = L(t), u = i(null), c = i(0), x = `${w}-custom-context-menu`, e = (o) => {
+    u.current.contains(o.target) || d();
+  };
+  return C(() => {
+    const o = h(u.current).width;
+    let r = t + 3;
+    r = r + o > s ? t - o - 3 : r, p(() => r);
+  }, [s, t]), T(() => (clearTimeout(c.current), document.removeEventListener("contextmenu", e), document.removeEventListener("mousedown", e), c.current = setTimeout(() => {
+    document.addEventListener("contextmenu", e), document.addEventListener("mousedown", e);
+  }, 10), () => {
+    clearTimeout(c.current), document.removeEventListener("contextmenu", e), document.removeEventListener("mousedown", e);
+  }), []), /* @__PURE__ */ E("div", { className: x, style: { transform: `translate(${f}px, ${m}px)` }, ref: u, children: a?.({ target: l, posX: t, posY: m }) });
+};
+M.propTypes = {
+  target: n.object,
+  posX: n.number,
+  posY: n.number,
+  closeAction: n.func,
+  contentAction: n.func
+};
+export {
+  M as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/customContextMenu/index.jsx"],"sourcesContent":["import { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { INCONELTABLE_MAIN_CLASSNAME } from '../../constants';\n\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\nimport { getElementRect } from '../../utils';\nimport './customContextMenu.scss';\n\nconst CustomContextMenu = ({ target = null, posX = null, posY = null, closeAction = null, contentAction = null }) => {\n  const { componentWidth } = useContext(InconelTablePropsContext);\n\n  const [windowX, setWindowX] = useState(posX);\n  const contextMenuRef = useRef(null);\n  const contextEventTmo = useRef(0);\n\n  const rootClassString = `${INCONELTABLE_MAIN_CLASSNAME}-custom-context-menu`;\n\n  const handleCloseEvent = (e) => {\n    if (!contextMenuRef.current.contains(e.target)) {\n      closeAction();\n    }\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      {contentAction?.({ target, posX, posY })}\n    </div>\n  );\n};\n\nCustomContextMenu.propTypes = {\n  target: PropTypes.object,\n  posX: PropTypes.number,\n  posY: PropTypes.number,\n  closeAction: PropTypes.func,\n  contentAction: PropTypes.func,\n};\n\nexport default CustomContextMenu;\n"],"names":["CustomContextMenu","target","posX","posY","closeAction","contentAction","componentWidth","useContext","InconelTablePropsContext","windowX","setWindowX","useState","contextMenuRef","useRef","contextEventTmo","rootClassString","INCONELTABLE_MAIN_CLASSNAME","handleCloseEvent","e","useLayoutEffect","contextMenuWidth","getElementRect","resultX","useEffect","jsx","PropTypes"],"mappings":";;;;;;;AAQA,MAAMA,IAAoB,CAAC,EAAE,QAAAC,IAAS,MAAM,MAAAC,IAAO,MAAM,MAAAC,IAAO,MAAM,aAAAC,IAAc,MAAM,eAAAC,IAAgB,WAAW;AACnH,QAAM,EAAE,gBAAAC,EAAA,IAAmBC,EAAWC,CAAwB,GAExD,CAACC,GAASC,CAAU,IAAIC,EAAST,CAAI,GACrCU,IAAiBC,EAAO,IAAI,GAC5BC,IAAkBD,EAAO,CAAC,GAE1BE,IAAkB,GAAGC,CAA2B,wBAEhDC,IAAmB,CAACC,MAAM;AAC9B,IAAKN,EAAe,QAAQ,SAASM,EAAE,MAAM,KAC3Cd,EAAA;AAAA,EAEJ;AAEA,SAAAe,EAAgB,MAAM;AACpB,UAAMC,IAAmBC,EAAeT,EAAe,OAAO,EAAE;AAChE,QAAIU,IAAUpB,IAAO;AACrB,IAAAoB,IAAUA,IAAUF,IAAmBd,IAAiBJ,IAAOkB,IAAmB,IAAIE,GAEtFZ,EAAW,MAAMY,CAAO;AAAA,EAC1B,GAAG,CAAChB,GAAgBJ,CAAI,CAAC,GAEzBqB,EAAU,OACR,aAAaT,EAAgB,OAAO,GACpC,SAAS,oBAAoB,eAAeG,CAAgB,GAC5D,SAAS,oBAAoB,aAAaA,CAAgB,GAE1DH,EAAgB,UAAU,WAAW,MAAM;AACzC,aAAS,iBAAiB,eAAeG,CAAgB,GACzD,SAAS,iBAAiB,aAAaA,CAAgB;AAAA,EACzD,GAAG,EAAE,GAEE,MAAM;AACX,iBAAaH,EAAgB,OAAO,GACpC,SAAS,oBAAoB,eAAeG,CAAgB,GAC5D,SAAS,oBAAoB,aAAaA,CAAgB;AAAA,EAC5D,IACC,CAAA,CAAE,GAGH,gBAAAO,EAAC,SAAI,WAAWT,GAAiB,OAAO,EAAE,WAAW,aAAaN,CAAO,OAAON,CAAI,MAAA,GAAS,KAAKS,GAC/F,UAAAP,IAAgB,EAAE,QAAAJ,GAAQ,MAAAC,GAAM,MAAAC,EAAA,CAAM,EAAA,CACzC;AAEJ;AAEAH,EAAkB,YAAY;AAAA,EAC5B,QAAQyB,EAAU;AAAA,EAClB,MAAMA,EAAU;AAAA,EAChB,MAAMA,EAAU;AAAA,EAChB,aAAaA,EAAU;AAAA,EACvB,eAAeA,EAAU;AAC3B;"}

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

@@ -0,0 +1,122 @@
+import { jsx as l, jsxs as u, Fragment as ne } from "react/jsx-runtime";
+import { useContext as le, useRef as b, useState as $, useEffect as oe, useLayoutEffect as re } from "react";
+import ie from "prop-types";
+import se from "../../../../../../assets/icons/close-2.svg.js";
+import { INCONELTABLE_FILTER_EMPTY_VALUE as U, INCONELTABLE_MAIN_CLASSNAME as j, INCONELTABLE_AUTO as ce } from "../../constants.js";
+import { isValidVariable as q, getElementRect as ae } from "../../utils.js";
+import { InconelTablePropsContext as ue } from "../../contexts/InconelTablePropsContext.js";
+/* empty css                  */
+import de from "../../../../../Svg/Svg.js";
+const he = ({ positionX: X = 0 }) => {
+  const { mainComponentElement: f, columns: x, filtering: z, convertUpperCase: N, getLanguageText: c } = le(ue), {
+    updateFilter: p,
+    filteringList: L,
+    filterWindowId: o,
+    setFilterWindowId: D,
+    customFilterFunction: w,
+    filterButtonShow: s,
+    lookupsAndCounts: I,
+    windowHeight: E,
+    onChange: A
+  } = z ?? {}, k = typeof w == "function" ? w(o) : null, g = q(k), d = Array.isArray(L?.[o]) ? L[o] : [], i = b(Array.isArray(I?.data?.[o]) ? I.data[o] : []), [h, T] = $([...d]), m = d.length === 0, [S, F] = $(""), [H, Y] = $(0), C = b(null), v = b(null), O = c("emptyValues"), V = 70, W = s ? 50 : 25, G = H - (V + W), _ = i.current.filter((e) => {
+    const t = N(S.trim());
+    return t === "" ? !0 : N(e.value === U ? O : e.value).indexOf(t) !== -1;
+  }), J = q(x?.[o]?.title) ? x[o].title : "", r = `${j}-filter-window`;
+  let B = r;
+  B += g ? ` ${r}-custom` : "";
+  const y = () => i.current.filter((e) => P(e?.value)).length, P = (e) => s ? !h.includes(e) : !d.includes(e), K = `${y()}/${i.current.length} ${c("selectedItem")}`, Q = () => {
+    const e = s ? [...h] : i.current.map((n) => n?.value), t = m ? e : [];
+    A?.({
+      columnId: o,
+      selectedCount: m ? 0 : i.current.length,
+      totalCount: i.current.length,
+      allSelected: !m,
+      checkValue: null,
+      isChecked: null
+    }), s ? T(() => t) : p({ id: o, list: t });
+  }, Z = (e, t) => {
+    let n = s ? [...h] : [...d];
+    const a = e?.target?.checked;
+    a ? n = n.filter((te) => te !== t) : n.push(t);
+    const M = a ? 1 : -1;
+    A?.({
+      columnId: o,
+      selectedCount: y() + M,
+      totalCount: i.current.length,
+      allSelected: y() + M === i.current.length,
+      checkValue: t,
+      isChecked: a
+    }), s ? T(() => n) : p({ id: o, list: n });
+  }, ee = () => {
+    p({ id: o, list: h });
+  }, R = (e) => {
+    let t = !0, n = !0;
+    const a = f.querySelector(
+      `.inconeltable-header-item-id-${o} .inconeltable-header-item-filter-icon`
+    );
+    C.current !== null && (t = C.current.contains(e.target)), a !== null && (n = a.contains(e.target)), !t && !n && D(null);
+  };
+  return oe(() => (document.addEventListener("mousedown", R), v.current !== null && v.current.focus(), () => {
+    document.removeEventListener("mousedown", R);
+  }), []), re(() => {
+    if (f !== null) {
+      const e = f.querySelector(`.${j}-table-container`);
+      if (e !== null) {
+        const { height: t } = ae(e);
+        let n = E === ce ? t : E;
+        n = Math.max(n, 100), Y(() => n);
+      }
+    }
+  }, []), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: C,
+      className: B,
+      style: { height: g ? "auto" : `${H}px`, transform: `translateX(${X}px)` },
+      children: g ? k : /* @__PURE__ */ u(ne, { children: [
+        /* @__PURE__ */ u("div", { className: `${r}-header`, style: { height: `${V}px` }, children: [
+          /* @__PURE__ */ u("div", { className: `${r}-header-input-holder`, children: [
+            /* @__PURE__ */ l(
+              "input",
+              {
+                type: "text",
+                maxLength: 250,
+                value: S,
+                onChange: (e) => F(e.target.value),
+                placeholder: J,
+                ref: v,
+                autoComplete: "off",
+                autoCapitalize: "off",
+                spellCheck: "false"
+              }
+            ),
+            /* @__PURE__ */ l("div", { role: "button", className: `${r}-header-input-clear`, onClick: () => F(""), children: /* @__PURE__ */ l(de, { src: se }) })
+          ] }),
+          /* @__PURE__ */ l("div", { role: "button", className: `${r}-header-select-all`, onClick: Q, children: c(m ? "deselectAll" : "selectAll") })
+        ] }),
+        /* @__PURE__ */ l("div", { className: `${r}-body`, style: { height: `${G}px` }, children: /* @__PURE__ */ l("div", { className: `${r}-body-list`, children: _.length === 0 ? /* @__PURE__ */ l("span", { className: `${r}-body-list-nodata`, children: c("filterNoData") }) : _.map((e, t) => /* @__PURE__ */ l("div", { role: "button", className: `${r}-body-list-item`, children: /* @__PURE__ */ u("label", { children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              type: "checkbox",
+              checked: P(e?.value),
+              onChange: (n) => Z(n, e?.value)
+            }
+          ),
+          e?.label === U ? /* @__PURE__ */ l("span", { className: "emptyItem", children: O }) : /* @__PURE__ */ l("span", { children: e.label })
+        ] }) }, t)) }) }),
+        /* @__PURE__ */ u("div", { className: `${r}-footer`, style: { height: `${W}px` }, children: [
+          /* @__PURE__ */ l("div", { className: `${r}-footer-count`, children: K }),
+          s && /* @__PURE__ */ l("div", { className: `${r}-footer-button`, role: "button", onClick: ee, children: c("applyFilter") })
+        ] })
+      ] })
+    }
+  );
+};
+he.propTypes = {
+  positionX: ie.number
+};
+export {
+  he as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/filterWindow/index.jsx"],"sourcesContent":["/* eslint-disable jsx-a11y/label-has-associated-control */\nimport { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport CloseIcon from 'assets/icons/close-2.svg';\nimport InconelSvg from 'components/Svg';\n\nimport { INCONELTABLE_MAIN_CLASSNAME, INCONELTABLE_AUTO, INCONELTABLE_FILTER_EMPTY_VALUE } from '../../constants';\nimport { getElementRect, isValidVariable } from '../../utils';\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\nimport './filterWindow.scss';\n\nconst FilterWindow = ({ positionX = 0 }) => {\n  const { mainComponentElement, columns, filtering, convertUpperCase, getLanguageText } = useContext(InconelTablePropsContext);\n\n  const {\n    updateFilter,\n    filteringList,\n    filterWindowId,\n    setFilterWindowId,\n    customFilterFunction,\n    filterButtonShow,\n    lookupsAndCounts,\n    windowHeight: filterPropHeight,\n    onChange: filterOnChange,\n  } = filtering ?? {};\n\n  const customWindowContent = typeof customFilterFunction === 'function' ? customFilterFunction(filterWindowId) : null;\n  const isCustomWindow = isValidVariable(customWindowContent);\n  const thisFilterList = Array.isArray(filteringList?.[filterWindowId]) ? filteringList[filterWindowId] : [];\n\n  const filterLookup = useRef(Array.isArray(lookupsAndCounts?.data?.[filterWindowId]) ? lookupsAndCounts.data[filterWindowId] : []);\n  const [unselectedItems, setUnselectedItems] = useState([...thisFilterList]);\n  const allSelected = thisFilterList.length === 0;\n\n  const [inputText, setInputText] = useState('');\n  const [windowHeight, setWindowHeight] = useState(0);\n  const windowRef = useRef(null);\n  const inputRef = useRef(null);\n\n  const emptyValuesText = getLanguageText('emptyValues');\n  const headerHeight = 70;\n  const footerHeight = filterButtonShow ? 50 : 25;\n  const bodyHeight = windowHeight - (headerHeight + footerHeight);\n  const searchedLookup = filterLookup.current.filter((item) => {\n    const trimmedInputText = convertUpperCase(inputText.trim());\n\n    if (trimmedInputText === '') {\n      return true;\n    }\n\n    return convertUpperCase(item.value === INCONELTABLE_FILTER_EMPTY_VALUE ? emptyValuesText : item.value).indexOf(trimmedInputText) !== -1;\n  });\n\n  const inputPlaceholder = isValidVariable(columns?.[filterWindowId]?.title) ? columns[filterWindowId].title : '';\n\n  const rootClass = `${INCONELTABLE_MAIN_CLASSNAME}-filter-window`;\n\n  let className = rootClass;\n  className += isCustomWindow ? ` ${rootClass}-custom` : '';\n\n  const getSelectedItemCount = () => filterLookup.current.filter((item) => getValueIsSelected(item?.value)).length;\n\n  const getValueIsSelected = (value) => {\n    if (filterButtonShow) {\n      return !unselectedItems.includes(value);\n    }\n\n    return !thisFilterList.includes(value);\n  };\n\n  const countText = `${getSelectedItemCount()}/${filterLookup.current.length} ${getLanguageText('selectedItem')}`;\n\n  const handleSelectAllClick = () => {\n    const currentList = filterButtonShow ? [...unselectedItems] : filterLookup.current.map((lookupItem) => lookupItem?.value);\n    const newList = allSelected ? currentList : [];\n\n    filterOnChange?.({\n      columnId: filterWindowId,\n      selectedCount: allSelected ? 0 : filterLookup.current.length,\n      totalCount: filterLookup.current.length,\n      allSelected: !allSelected,\n      checkValue: null,\n      isChecked: null,\n    });\n\n    if (filterButtonShow) {\n      setUnselectedItems(() => newList);\n    } else {\n      updateFilter({ id: filterWindowId, list: newList });\n    }\n  };\n\n  const handleCheckboxChanged = (e, checkValue) => {\n    let newList = filterButtonShow ? [...unselectedItems] : [...thisFilterList];\n    const isChecked = e?.target?.checked;\n\n    if (isChecked) {\n      newList = newList.filter((filterItem) => filterItem !== checkValue);\n    } else {\n      newList.push(checkValue);\n    }\n\n    const addedVal = isChecked ? 1 : -1;\n    filterOnChange?.({\n      columnId: filterWindowId,\n      selectedCount: getSelectedItemCount() + addedVal,\n      totalCount: filterLookup.current.length,\n      allSelected: getSelectedItemCount() + addedVal === filterLookup.current.length,\n      checkValue,\n      isChecked,\n    });\n\n    if (filterButtonShow) {\n      setUnselectedItems(() => newList);\n    } else {\n      updateFilter({ id: filterWindowId, list: newList });\n    }\n  };\n\n  const handleFilterButtonClick = () => {\n    updateFilter({ id: filterWindowId, list: unselectedItems });\n  };\n\n  const handleFilterOutsideClick = (e) => {\n    let val1 = true;\n    let val2 = true;\n\n    const filterIconElement = mainComponentElement.querySelector(\n      `.inconeltable-header-item-id-${filterWindowId} .inconeltable-header-item-filter-icon`,\n    );\n\n    if (windowRef.current !== null) {\n      val1 = windowRef.current.contains(e.target);\n    }\n\n    if (filterIconElement !== null) {\n      val2 = filterIconElement.contains(e.target);\n    }\n\n    if (!val1 && !val2) {\n      setFilterWindowId(null);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleFilterOutsideClick);\n\n    if (inputRef.current !== null) {\n      inputRef.current.focus();\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleFilterOutsideClick);\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (mainComponentElement !== null) {\n      const tableElement = mainComponentElement.querySelector(`.${INCONELTABLE_MAIN_CLASSNAME}-table-container`);\n\n      if (tableElement !== null) {\n        const { height: tableHeight } = getElementRect(tableElement);\n        let winH = filterPropHeight === INCONELTABLE_AUTO ? tableHeight : filterPropHeight;\n        winH = Math.max(winH, 100);\n\n        setWindowHeight(() => winH);\n      }\n    }\n  }, []);\n\n  return (\n    <div\n      ref={windowRef}\n      className={className}\n      style={{ height: isCustomWindow ? 'auto' : `${windowHeight}px`, transform: `translateX(${positionX}px)` }}\n    >\n      {!isCustomWindow ? (\n        <>\n          <div className={`${rootClass}-header`} style={{ height: `${headerHeight}px` }}>\n            <div className={`${rootClass}-header-input-holder`}>\n              <input\n                type=\"text\"\n                maxLength={250}\n                value={inputText}\n                onChange={(e) => setInputText(e.target.value)}\n                placeholder={inputPlaceholder}\n                ref={inputRef}\n                autoComplete=\"off\"\n                autoCapitalize=\"off\"\n                spellCheck=\"false\"\n              />\n              <div role=\"button\" className={`${rootClass}-header-input-clear`} onClick={() => setInputText('')}>\n                <InconelSvg src={CloseIcon} />\n              </div>\n            </div>\n            <div role=\"button\" className={`${rootClass}-header-select-all`} onClick={handleSelectAllClick}>\n              {allSelected ? getLanguageText('deselectAll') : getLanguageText('selectAll')}\n            </div>\n          </div>\n          <div className={`${rootClass}-body`} style={{ height: `${bodyHeight}px` }}>\n            <div className={`${rootClass}-body-list`}>\n              {searchedLookup.length === 0 ? (\n                <span className={`${rootClass}-body-list-nodata`}>{getLanguageText('filterNoData')}</span>\n              ) : (\n                searchedLookup.map((item, index) => (\n                  <div role=\"button\" key={index} className={`${rootClass}-body-list-item`}>\n                    <label>\n                      <input\n                        type=\"checkbox\"\n                        checked={getValueIsSelected(item?.value)}\n                        onChange={(e) => handleCheckboxChanged(e, item?.value)}\n                      />\n                      {item?.label === INCONELTABLE_FILTER_EMPTY_VALUE ? (\n                        <span className=\"emptyItem\">{emptyValuesText}</span>\n                      ) : (\n                        <span>{item.label}</span>\n                      )}\n                    </label>\n                  </div>\n                ))\n              )}\n            </div>\n          </div>\n          <div className={`${rootClass}-footer`} style={{ height: `${footerHeight}px` }}>\n            <div className={`${rootClass}-footer-count`}>{countText}</div>\n            {filterButtonShow && (\n              <div className={`${rootClass}-footer-button`} role=\"button\" onClick={handleFilterButtonClick}>\n                {getLanguageText('applyFilter')}\n              </div>\n            )}\n          </div>\n        </>\n      ) : (\n        customWindowContent\n      )}\n    </div>\n  );\n};\n\nFilterWindow.propTypes = {\n  positionX: PropTypes.number,\n};\n\nexport default FilterWindow;\n"],"names":["FilterWindow","positionX","mainComponentElement","columns","filtering","convertUpperCase","getLanguageText","useContext","InconelTablePropsContext","updateFilter","filteringList","filterWindowId","setFilterWindowId","customFilterFunction","filterButtonShow","lookupsAndCounts","filterPropHeight","filterOnChange","customWindowContent","isCustomWindow","isValidVariable","thisFilterList","filterLookup","useRef","unselectedItems","setUnselectedItems","useState","allSelected","inputText","setInputText","windowHeight","setWindowHeight","windowRef","inputRef","emptyValuesText","headerHeight","footerHeight","bodyHeight","searchedLookup","item","trimmedInputText","INCONELTABLE_FILTER_EMPTY_VALUE","inputPlaceholder","rootClass","INCONELTABLE_MAIN_CLASSNAME","className","getSelectedItemCount","getValueIsSelected","value","countText","handleSelectAllClick","currentList","lookupItem","newList","handleCheckboxChanged","checkValue","isChecked","filterItem","addedVal","handleFilterButtonClick","handleFilterOutsideClick","val1","val2","filterIconElement","useEffect","useLayoutEffect","tableElement","tableHeight","getElementRect","winH","INCONELTABLE_AUTO","jsx","jsxs","Fragment","InconelSvg","CloseIcon","index","e","PropTypes"],"mappings":"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"}

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

@@ -0,0 +1,90 @@
+import { jsxs as b, jsx as r, Fragment as mt } from "react/jsx-runtime";
+import { forwardRef as ft, useContext as pt, useRef as ht } from "react";
+import l from "prop-types";
+import bt from "../../../../../../assets/icons/filter.svg.js";
+import Ct from "../../../../../../assets/icons/sort.svg.js";
+import { INCONELTABLE_MAIN_CLASSNAME as C, INCONELTABLE_PIN_ACCESS_NONE as gt, INCONELTABLE_SORT_DESC as $t, INCONELTABLE_SORT_ASC as g } from "../../constants.js";
+import { isValidVariable as xt } from "../../utils.js";
+import { InconelTablePropsContext as Nt } from "../../contexts/InconelTablePropsContext.js";
+/* empty css                 */
+import k from "../../../../../Svg/Svg.js";
+const St = ft(
+  ({
+    id: e = null,
+    columnsObject: $ = null,
+    pinType: s = "center",
+    showGroupBorder: B = !1,
+    handleContextPinMenu: F = null,
+    handleDragStart: W = null,
+    handleDragEnter: P = null,
+    handleDrop: j = null,
+    maxWidthAllowed: J = !0
+  }, M) => {
+    const { headerHeight: R, sorting: H, filtering: V, dragEnabled: G, pinEnabled: U, totalDataLength: X, dataLoadedFirstTime: Y } = pt(Nt), { title: m, headerClassName: x, customJsx: N, tooltip: q, minWidth: S, maxWidth: E, topElementId: I, locked: v, headerJsx: L } = $[e], { activeSort: a, sortUpdate: z, isClearable: K, enabled: Q, colList: Z } = H, {
+      filterWindowId: tt,
+      showBubbles: et,
+      lookupsAndCounts: A,
+      setFilterWindowId: nt,
+      showFilterIconsOnStart: lt,
+      colList: ot,
+      enabled: T
+    } = V, i = X > 0 && Q && Z.includes(e), c = i && e === a.col, u = T && (Y || lt) && ot.includes(e), w = T && e === tt, y = ht(0), D = u && et && xt(A?.count?.[e]) ? A.count[e] : null, t = `${C}-header-item`;
+    let o = t;
+    o += ` ${t}-id-${e}`, o += ` ${t}-pin-${s}`, o += w ? ` ${t}-filter-active` : "", o += i || u ? ` ${t}-space-between` : "", o += B ? ` ${C}-group-border` : "", o += x !== null ? ` ${x}` : "";
+    let f = `${t}-text`;
+    f += i ? ` ${t}-sortable` : "", f += c ? ` ${t}-sort-is-active` : "";
+    const O = I === null ? e : I, { pinAccess: rt, drag: it } = $[O], st = rt !== gt && U && !v, d = G && it && !v, p = { minHeight: `${R}px` };
+    S !== null && (p.minWidth = `${S}px`), J && E !== null && (p.maxWidth = `${E}px`, o += ` ${C}-max-limit`);
+    const at = () => c ? /* @__PURE__ */ r("div", { role: "button", className: `${t}-sorted-${a.type}`, onClick: i ? _ : null, children: /* @__PURE__ */ r(k, { src: Ct }) }) : u || i ? /* @__PURE__ */ r("div", { className: `${t}-empty-area` }) : null, ct = () => u ? /* @__PURE__ */ b(mt, { children: [
+      /* @__PURE__ */ r("div", { role: "button", className: `${t}-filter-icon`, onClick: w ? null : () => nt(e), children: /* @__PURE__ */ r(k, { src: bt }) }),
+      D !== null && /* @__PURE__ */ r("div", { className: `${t}-filter-bubble`, children: D })
+    ] }) : i ? /* @__PURE__ */ r("div", { className: `${t}-empty-area` }) : null, ut = () => {
+      let n = c ? a.col : e, h = g;
+      const dt = K ? null : g;
+      c && (h = a.type === g ? $t : dt, n = h === null ? null : n), z({ newSortId: n, newSortType: h });
+    }, _ = () => {
+      clearTimeout(y.current), y.current = setTimeout(ut, 100);
+    };
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        className: o,
+        title: q,
+        style: p,
+        onContextMenu: st ? (n) => {
+          n.preventDefault(), F(e, n.clientX, n.clientY);
+        } : null,
+        draggable: d,
+        onDragStart: d ? (n) => W(n, s) : null,
+        onDragEnter: d ? (n) => P(n, s) : null,
+        onDragEnd: d ? (n) => j(n, s) : null,
+        "data-inconeltable-id": O,
+        ref: M,
+        children: [
+          /* @__PURE__ */ b("div", { className: `${t}-content`, children: [
+            ct(),
+            /* @__PURE__ */ r("div", { role: "button", className: f, onClick: i ? _ : null, children: typeof m == "function" ? m() : m }),
+            at(),
+            typeof N == "function" && N()
+          ] }),
+          typeof L == "function" && L(e)
+        ]
+      }
+    );
+  }
+);
+St.propTypes = {
+  id: l.string,
+  columnsObject: l.object,
+  pinType: l.oneOf(["left", "center", "right"]),
+  showGroupBorder: l.bool,
+  handleContextPinMenu: l.func,
+  handleDragStart: l.func,
+  handleDragEnter: l.func,
+  handleDrop: l.func,
+  maxWidthAllowed: l.bool
+};
+export {
+  St as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Table/legacy/subComponents/inconelTableBody/headerItem/index.jsx"],"sourcesContent":["import { forwardRef, useContext, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport FilterIcon from 'assets/icons/filter.svg';\nimport SortIcon from 'assets/icons/sort.svg';\n\nimport InconelSvg from 'components/Svg';\nimport { INCONELTABLE_MAIN_CLASSNAME, INCONELTABLE_PIN_ACCESS_NONE, INCONELTABLE_SORT_ASC, INCONELTABLE_SORT_DESC } from '../../constants';\n\nimport { isValidVariable } from '../../utils';\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\nimport './_headerItem.scss';\n\nconst HeaderItem = forwardRef(\n  (\n    {\n      id = null,\n      columnsObject = null,\n      pinType = 'center',\n      showGroupBorder = false,\n      handleContextPinMenu = null,\n      handleDragStart = null,\n      handleDragEnter = null,\n      handleDrop = null,\n      maxWidthAllowed = true,\n    },\n    ref,\n  ) => {\n    const { headerHeight, sorting, filtering, dragEnabled, pinEnabled, totalDataLength, dataLoadedFirstTime } =\n      useContext(InconelTablePropsContext);\n\n    const { title, headerClassName, customJsx, tooltip, minWidth, maxWidth, topElementId, locked, headerJsx } = columnsObject[id];\n\n    const { activeSort, sortUpdate, isClearable, enabled: sortingEnabled, colList: sortingColList } = sorting;\n\n    const {\n      filterWindowId,\n      showBubbles,\n      lookupsAndCounts,\n      setFilterWindowId,\n      showFilterIconsOnStart,\n      colList: filteringColList,\n      enabled: filteringEnabled,\n    } = filtering;\n\n    const isSortable = totalDataLength > 0 && sortingEnabled && sortingColList.includes(id);\n    const sortIsActive = isSortable && id === activeSort.col;\n\n    const isFilterable = filteringEnabled && (dataLoadedFirstTime || showFilterIconsOnStart) && filteringColList.includes(id);\n    const filterIsActive = filteringEnabled && id === filterWindowId;\n    const sortTimeout = useRef(0);\n\n    const filterBubbleCount =\n      isFilterable && showBubbles && isValidVariable(lookupsAndCounts?.count?.[id]) ? lookupsAndCounts.count[id] : null;\n\n    const rootClass = `${INCONELTABLE_MAIN_CLASSNAME}-header-item`;\n\n    let className = rootClass;\n    className += ` ${rootClass}-id-${id}`;\n    className += ` ${rootClass}-pin-${pinType}`;\n    className += filterIsActive ? ` ${rootClass}-filter-active` : '';\n    className += isSortable || isFilterable ? ` ${rootClass}-space-between` : '';\n    className += showGroupBorder ? ` ${INCONELTABLE_MAIN_CLASSNAME}-group-border` : '';\n    className += headerClassName !== null ? ` ${headerClassName}` : '';\n\n    let textClass = `${rootClass}-text`;\n    textClass += isSortable ? ` ${rootClass}-sortable` : '';\n    textClass += sortIsActive ? ` ${rootClass}-sort-is-active` : '';\n\n    const targetId = topElementId === null ? id : topElementId;\n    const { pinAccess, drag } = columnsObject[targetId];\n\n    const headerCanPin = pinAccess !== INCONELTABLE_PIN_ACCESS_NONE && pinEnabled && !locked;\n    const headerCanDrag = dragEnabled && drag && !locked;\n    const styleObject = { minHeight: `${headerHeight}px` };\n\n    if (minWidth !== null) {\n      styleObject.minWidth = `${minWidth}px`;\n    }\n\n    if (maxWidthAllowed && maxWidth !== null) {\n      styleObject.maxWidth = `${maxWidth}px`;\n      className += ` ${INCONELTABLE_MAIN_CLASSNAME}-max-limit`;\n    }\n\n    const getSortIconJsx = () => {\n      if (sortIsActive) {\n        return (\n          <div role=\"button\" className={`${rootClass}-sorted-${activeSort.type}`} onClick={isSortable ? handleSort : null}>\n            <InconelSvg src={SortIcon} />\n          </div>\n        );\n      }\n\n      if (isFilterable || isSortable) {\n        return <div className={`${rootClass}-empty-area`} />;\n      }\n\n      return null;\n    };\n\n    const getFilterIconJsx = () => {\n      if (isFilterable) {\n        return (\n          <>\n            <div role=\"button\" className={`${rootClass}-filter-icon`} onClick={filterIsActive ? null : () => setFilterWindowId(id)}>\n              <InconelSvg src={FilterIcon} />\n            </div>\n            {filterBubbleCount !== null && <div className={`${rootClass}-filter-bubble`}>{filterBubbleCount}</div>}\n          </>\n        );\n      }\n\n      if (isSortable) {\n        return <div className={`${rootClass}-empty-area`} />;\n      }\n\n      return null;\n    };\n\n    const updateSortStatus = () => {\n      let newSortId = sortIsActive ? activeSort.col : id;\n      let newSortType = INCONELTABLE_SORT_ASC;\n\n      const clearValue = isClearable ? null : INCONELTABLE_SORT_ASC;\n\n      if (sortIsActive) {\n        newSortType = activeSort.type === INCONELTABLE_SORT_ASC ? INCONELTABLE_SORT_DESC : clearValue;\n        newSortId = newSortType === null ? null : newSortId;\n      }\n\n      sortUpdate({ newSortId, newSortType });\n    };\n\n    const handleSort = () => {\n      clearTimeout(sortTimeout.current);\n      sortTimeout.current = setTimeout(updateSortStatus, 100);\n    };\n\n    const handleContextClick = (e) => {\n      e.preventDefault();\n\n      handleContextPinMenu(id, e.clientX, e.clientY);\n    };\n\n    return (\n      <div\n        className={className}\n        title={tooltip}\n        style={styleObject}\n        onContextMenu={headerCanPin ? handleContextClick : null}\n        draggable={headerCanDrag}\n        onDragStart={headerCanDrag ? (e) => handleDragStart(e, pinType) : null}\n        onDragEnter={headerCanDrag ? (e) => handleDragEnter(e, pinType) : null}\n        onDragEnd={headerCanDrag ? (e) => handleDrop(e, pinType) : null}\n        data-inconeltable-id={targetId}\n        ref={ref}\n      >\n        <div className={`${rootClass}-content`}>\n          {getFilterIconJsx()}\n          <div role=\"button\" className={textClass} onClick={isSortable ? handleSort : null}>\n            {typeof title === 'function' ? title() : title}\n          </div>\n          {getSortIconJsx()}\n          {typeof customJsx === 'function' && customJsx()}\n        </div>\n        {typeof headerJsx === 'function' && headerJsx(id)}\n      </div>\n    );\n  },\n);\n\nHeaderItem.propTypes = {\n  id: PropTypes.string,\n  columnsObject: PropTypes.object,\n  pinType: PropTypes.oneOf(['left', 'center', 'right']),\n  showGroupBorder: PropTypes.bool,\n  handleContextPinMenu: PropTypes.func,\n  handleDragStart: PropTypes.func,\n  handleDragEnter: PropTypes.func,\n  handleDrop: PropTypes.func,\n  maxWidthAllowed: PropTypes.bool,\n};\n\nexport default HeaderItem;\n"],"names":["HeaderItem","forwardRef","id","columnsObject","pinType","showGroupBorder","handleContextPinMenu","handleDragStart","handleDragEnter","handleDrop","maxWidthAllowed","ref","headerHeight","sorting","filtering","dragEnabled","pinEnabled","totalDataLength","dataLoadedFirstTime","useContext","InconelTablePropsContext","title","headerClassName","customJsx","tooltip","minWidth","maxWidth","topElementId","locked","headerJsx","activeSort","sortUpdate","isClearable","sortingEnabled","sortingColList","filterWindowId","showBubbles","lookupsAndCounts","setFilterWindowId","showFilterIconsOnStart","filteringColList","filteringEnabled","isSortable","sortIsActive","isFilterable","filterIsActive","sortTimeout","useRef","filterBubbleCount","isValidVariable","rootClass","INCONELTABLE_MAIN_CLASSNAME","className","textClass","targetId","pinAccess","drag","headerCanPin","INCONELTABLE_PIN_ACCESS_NONE","headerCanDrag","styleObject","getSortIconJsx","handleSort","InconelSvg","SortIcon","jsx","getFilterIconJsx","jsxs","Fragment","FilterIcon","updateSortStatus","newSortId","newSortType","INCONELTABLE_SORT_ASC","clearValue","INCONELTABLE_SORT_DESC","e","PropTypes"],"mappings":"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"}