inconel 0.1.6 → 0.1.7

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Table/legacy/subComponents/inconelTableScroll/index.jsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport './_inconelTableScroll.scss';\nimport { INCONELTABLE_THEME_DARK, INCONELTABLE_THEME_LIGHT } from '../constants';\n\nconst InconelTableScroll = forwardRef(\n  (\n    {\n      id = null,\n      className = null,\n      isVertical = false,\n      backgroundClassName = null,\n      trackClassName = null,\n      targetContainerSize = 0,\n      targetContentSize = 0,\n      width = null,\n      height = null,\n      onUpdate = null,\n      minTrackSize = 20,\n      expandSize = 12,\n      wheelSize = 50,\n      render = true,\n      theme = INCONELTABLE_THEME_LIGHT,\n    },\n    ref,\n  ) => {\n    const [trackPosition, setTrackPosition] = useState(0);\n    const [contentPosition, setContentPosition] = useState(0);\n    const [isDrag, setIsDrag] = useState(0);\n\n    const isMounted = useRef(false);\n    const mainElementRef = useRef(null);\n    const cursorPosition = useRef({ cx: 0, cy: 0 });\n    const trackInlinePosition = useRef({ tx: 0, ty: 0 });\n\n    const canExpand = expandSize > 0;\n    const clsString = 'inconeltable-scroll';\n    const directionClassString = !isVertical ? 'horizontal' : 'vertical';\n\n    let clsName = className === null ? clsString : `${clsString} ${className}`;\n    clsName += ` ${clsString}-${theme}`;\n    clsName += ` ${clsString}-${directionClassString}`;\n    clsName += canExpand ? ` ${clsString}-expandable` : '';\n\n    const bgClsName = backgroundClassName === null ? `${clsString}-bg-holder` : `${clsString}-bg-holder ${backgroundClassName}`;\n    let trackClsName = trackClassName === null ? `${clsString}-track` : `${clsString}-track ${trackClassName}`;\n    trackClsName += isDrag ? ` ${clsString}-drag` : '';\n\n    let propWidth = width;\n    let propHeight = height;\n\n    if (propWidth === null) {\n      propWidth = isVertical ? 6 : 100;\n    }\n\n    if (propHeight === null) {\n      propHeight = isVertical ? 100 : 6;\n    }\n\n    const containerWidth = isVertical && canExpand ? expandSize : propWidth;\n    const containerHeight = !isVertical && canExpand ? expandSize : propHeight;\n\n    const [maxContentValue, setMaxContentValue] = useState(null);\n    const trackSize = useRef(null);\n    const maxTrackPosition = useRef(null);\n\n    useEffect(() => {\n      const scrollBgSize = isVertical ? propHeight : propWidth;\n      const contentRatio = targetContainerSize / targetContentSize;\n\n      let newTrackSize = scrollBgSize * contentRatio;\n      newTrackSize = newTrackSize < minTrackSize && minTrackSize < scrollBgSize - 10 ? minTrackSize : newTrackSize;\n\n      maxTrackPosition.current = scrollBgSize - newTrackSize;\n      trackSize.current = newTrackSize;\n\n      setMaxContentValue(() => targetContentSize - targetContainerSize);\n    }, [targetContentSize, targetContainerSize, isVertical, propHeight, propWidth, minTrackSize]);\n\n    const getClientPositions = (e) => {\n      const clientX = e?.touches !== undefined ? e.touches[0].clientX : e.clientX;\n      const clientY = e?.touches !== undefined ? e.touches[0].clientY : e.clientY;\n\n      return { clientX, clientY };\n    };\n\n    const getTrackStyle = () => {\n      const result = !isVertical\n        ? { width: `${trackSize.current}px`, minHeight: `${propHeight}px`, transform: `translateX(${trackPosition}px)` }\n        : { height: `${trackSize.current}px`, minWidth: `${propWidth}px`, transform: `translateY(${trackPosition}px)` };\n\n      return result;\n    };\n\n    const handleWheel = (e) => {\n      e.stopPropagation();\n\n      const valChange = e.deltaY > 0 ? wheelSize : -wheelSize;\n\n      updateContentPosition(contentPosition + valChange, true);\n    };\n\n    const handleBackgroundClick = (e) => {\n      e.stopPropagation();\n\n      const { clientX, clientY } = getClientPositions(e);\n      const targetElm = e.currentTarget;\n      const parentElm = targetElm.parentNode;\n\n      const parentRect = parentElm.getBoundingClientRect();\n      const parentVal = !isVertical ? parentRect.left : parentRect.top;\n\n      const pointVal = !isVertical ? clientX - parentVal : clientY - parentVal;\n\n      updateTrackPosition(pointVal, true);\n    };\n\n    const handleMouseDown = (e) => {\n      e.stopPropagation();\n\n      const { clientX, clientY } = getClientPositions(e);\n      window.getSelection().removeAllRanges();\n\n      const mainRect = mainElementRef.current.getBoundingClientRect();\n      cursorPosition.current = { cx: mainRect.left, cy: mainRect.top };\n\n      const targetRect = e.currentTarget.getBoundingClientRect();\n      trackInlinePosition.current = { tx: clientX - targetRect.left, ty: clientY - targetRect.top };\n\n      window.addEventListener('mousemove', handleMouseMove, { capture: false, passive: false });\n      window.addEventListener('touchmove', handleMouseMove, { capture: false, passive: false });\n      window.addEventListener('mouseup', handleMouseUp);\n      window.addEventListener('touchend', handleMouseUp);\n\n      setIsDrag(true);\n    };\n\n    const handleMouseMove = (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n\n      window.getSelection().removeAllRanges();\n      const { clientX, clientY } = getClientPositions(e);\n      const { cx, cy } = cursorPosition.current;\n      const { tx, ty } = trackInlinePosition.current;\n\n      const pos = !isVertical ? clientX - cx - tx : clientY - cy - ty;\n      // console.log(clientX, cx, tx);\n\n      window.requestAnimationFrame(() => {\n        updateTrackPosition(pos, true);\n      });\n    };\n\n    const handleMouseUp = (e) => {\n      e.stopPropagation();\n\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('touchmove', handleMouseMove);\n\n      window.removeEventListener('mouseup', handleMouseUp);\n      window.removeEventListener('touchend', handleMouseUp);\n\n      if (isMounted.current) {\n        setIsDrag(false);\n      }\n    };\n\n    const updateTrackPosition = (val, isMouse) => {\n      if (isMounted.current) {\n        val = val < 0 ? 0 : val;\n        val = val > maxTrackPosition.current ? maxTrackPosition.current : val;\n\n        if (isMouse && onUpdate !== null) {\n          const newScrollRatio = val / (maxTrackPosition.current === 0 ? 1 : maxTrackPosition.current);\n          const newContentPosition = newScrollRatio * maxContentValue;\n\n          window.requestAnimationFrame(() => {\n            if (isMounted.current) {\n              setContentPosition(newContentPosition);\n              onUpdate(newContentPosition);\n            }\n          });\n        }\n\n        window.requestAnimationFrame(() => {\n          if (isMounted.current) {\n            setTrackPosition(val);\n          }\n        });\n      }\n    };\n\n    const updateContentPosition = (val, isMouse) => {\n      let newContentPosition = val < 0 ? 0 : val;\n      newContentPosition = newContentPosition > maxContentValue ? maxContentValue : newContentPosition;\n\n      const newContentRatio = newContentPosition / maxContentValue;\n      const newTrackPosition = maxTrackPosition.current * newContentRatio;\n\n      if (isMouse && onUpdate !== null) {\n        onUpdate(newContentPosition);\n      }\n\n      setContentPosition(newContentPosition);\n      setTrackPosition(newTrackPosition);\n    };\n\n    useImperativeHandle(ref, () => ({\n      setTrackPosition: (val) => {\n        if (isMounted.current) {\n          updateTrackPosition(val, false);\n        }\n      },\n\n      setContentPosition: (val) => {\n        if (isMounted.current) {\n          updateContentPosition(val, false);\n        }\n      },\n\n      getPositions: () => ({ trackPosition, contentPosition }),\n    }));\n\n    useEffect(() => {\n      if (isVertical) {\n        let isMouse = false;\n        let newContentRatio = contentPosition / maxContentValue;\n        if (newContentRatio > 1) {\n          // içerik kısalmış\n          newContentRatio = 1;\n          isMouse = true;\n        }\n\n        const newTrackPosition = maxTrackPosition.current * newContentRatio;\n\n        updateTrackPosition(newTrackPosition, isMouse);\n      }\n    }, [targetContentSize, targetContainerSize, containerWidth, containerHeight, maxContentValue]);\n\n    useEffect(() => {\n      isMounted.current = true;\n\n      return () => {\n        isMounted.current = false;\n      };\n    }, []);\n\n    if (!render || maxContentValue === null || maxContentValue <= 0) {\n      return null;\n    }\n\n    return (\n      <div\n        id={id}\n        className={clsName}\n        style={{ width: `${containerWidth}px`, height: `${containerHeight}px` }}\n        ref={mainElementRef}\n        onWheel={isVertical && wheelSize > 0 ? handleWheel : null}\n      >\n        <div role=\"button\" className={bgClsName} onClick={handleBackgroundClick}>\n          <div style={{ width: `${propWidth}px`, height: `${propHeight}px` }} />\n        </div>\n        <div role=\"button\" className={trackClsName} style={getTrackStyle()} onMouseDown={handleMouseDown} onTouchStart={handleMouseDown} />\n      </div>\n    );\n  },\n);\n\nInconelTableScroll.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  isVertical: PropTypes.bool,\n  backgroundClassName: PropTypes.string,\n  trackClassName: PropTypes.string,\n  targetContainerSize: PropTypes.number.isRequired,\n  targetContentSize: PropTypes.number.isRequired,\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onUpdate: PropTypes.func,\n  minTrackSize: PropTypes.number,\n  expandSize: PropTypes.number,\n  wheelSize: PropTypes.number,\n  render: PropTypes.bool,\n  theme: PropTypes.oneOf([INCONELTABLE_THEME_LIGHT, INCONELTABLE_THEME_DARK]),\n};\n\nexport default InconelTableScroll;\n"],"names":["InconelTableScroll","forwardRef","id","className","isVertical","backgroundClassName","trackClassName","targetContainerSize","targetContentSize","width","height","onUpdate","minTrackSize","expandSize","wheelSize","render","theme","INCONELTABLE_THEME_LIGHT","ref","trackPosition","setTrackPosition","useState","contentPosition","setContentPosition","isDrag","setIsDrag","isMounted","useRef","mainElementRef","cursorPosition","trackInlinePosition","canExpand","clsString","directionClassString","clsName","bgClsName","trackClsName","propWidth","propHeight","containerWidth","containerHeight","maxContentValue","setMaxContentValue","trackSize","maxTrackPosition","useEffect","scrollBgSize","contentRatio","newTrackSize","getClientPositions","e","clientX","clientY","getTrackStyle","handleWheel","valChange","updateContentPosition","handleBackgroundClick","parentRect","parentVal","pointVal","updateTrackPosition","handleMouseDown","mainRect","targetRect","handleMouseMove","handleMouseUp","cx","cy","tx","ty","pos","val","isMouse","newContentPosition","newContentRatio","newTrackPosition","useImperativeHandle","jsxs","jsx","PropTypes","INCONELTABLE_THEME_DARK"],"mappings":"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"}

package/dist/components/Table/legacy/subComponents/inconelTableToolbar/exportPanel/index.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useContext as m } from "react";
+import n from "prop-types";
+import { INCONELTABLE_MAIN_CLASSNAME as c } from "../../constants.js";
+import { InconelTablePropsContext as f } from "../../contexts/InconelTablePropsContext.js";
+/* empty css                  */
+const u = ({ fileExtensions: p, exportFunction: e }) => {
+  const { getLanguageText: s, convertUpperCase: a } = m(f), r = `${c}-export-panel`;
+  return /* @__PURE__ */ o("div", { className: r, children: p.map((t, i) => {
+    const l = typeof e == "function" ? () => e(t) : null;
+    return /* @__PURE__ */ o("div", { className: `${r}-item`, role: "button", onClick: l, children: /* @__PURE__ */ o("span", { children: `${a(t)} ${s("fileFormat")}` }) }, i);
+  }) });
+};
+u.propTypes = {
+  fileExtensions: n.array,
+  exportFunction: n.func
+};
+export {
+  u as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Table/legacy/subComponents/inconelTableToolbar/exportPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Table/legacy/subComponents/inconelTableToolbar/exportPanel/index.jsx"],"sourcesContent":["import { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { INCONELTABLE_MAIN_CLASSNAME } from '../../constants';\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\n\nimport './_exportPanel.scss';\n\nconst ExportPanel = ({ fileExtensions, exportFunction }) => {\n  const { getLanguageText, convertUpperCase } = useContext(InconelTablePropsContext);\n\n  const rootClass = `${INCONELTABLE_MAIN_CLASSNAME}-export-panel`;\n\n  return (\n    <div className={rootClass}>\n      {fileExtensions.map((ext, index) => {\n        const handleExtensionClick = typeof exportFunction === 'function' ? () => exportFunction(ext) : null;\n\n        return (\n          <div className={`${rootClass}-item`} key={index} role=\"button\" onClick={handleExtensionClick}>\n            <span>{`${convertUpperCase(ext)} ${getLanguageText('fileFormat')}`}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nExportPanel.propTypes = {\n  fileExtensions: PropTypes.array,\n  exportFunction: PropTypes.func,\n};\n\nexport default ExportPanel;\n"],"names":["ExportPanel","fileExtensions","exportFunction","getLanguageText","convertUpperCase","useContext","InconelTablePropsContext","rootClass","INCONELTABLE_MAIN_CLASSNAME","jsx","ext","index","handleExtensionClick","PropTypes"],"mappings":";;;;;;AAQA,MAAMA,IAAc,CAAC,EAAE,gBAAAC,GAAgB,gBAAAC,QAAqB;AAC1D,QAAM,EAAE,iBAAAC,GAAiB,kBAAAC,MAAqBC,EAAWC,CAAwB,GAE3EC,IAAY,GAAGC,CAA2B;AAEhD,SACE,gBAAAC,EAAC,SAAI,WAAWF,GACb,YAAe,IAAI,CAACG,GAAKC,MAAU;AAClC,UAAMC,IAAuB,OAAOV,KAAmB,aAAa,MAAMA,EAAeQ,CAAG,IAAI;AAEhG,WACE,gBAAAD,EAAC,SAAI,WAAW,GAAGF,CAAS,SAAqB,MAAK,UAAS,SAASK,GACtE,UAAA,gBAAAH,EAAC,UAAM,UAAA,GAAGL,EAAiBM,CAAG,CAAC,IAAIP,EAAgB,YAAY,CAAC,IAAG,EAAA,GAD3BQ,CAE1C;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;AAEAX,EAAY,YAAY;AAAA,EACtB,gBAAgBa,EAAU;AAAA,EAC1B,gBAAgBA,EAAU;AAC5B;"}

package/dist/components/Table/legacy/subComponents/inconelTableToolbar/hidePanel/index.js

@@ -0,0 +1,85 @@
+import { jsxs as k, jsx as c, Fragment as w } from "react/jsx-runtime";
+import { useContext as H, useMemo as M } from "react";
+import { INCONELTABLE_MAIN_CLASSNAME as $ } from "../../constants.js";
+import { InconelTablePropsContext as j } from "../../contexts/InconelTablePropsContext.js";
+import { itemIsGroup as g } from "../../utils.js";
+/* empty css                */
+const _ = () => {
+  const { tableId: N, setInitialOptionStates: C, columns: d, defaultColumnOrder: L, hideArray: h, getLanguageText: y } = H(
+    j
+  ), a = `${$}-hide-panel`, I = () => {
+    let e = [];
+    h.length === 0 && (e = [...E]), C(e, "hide");
+  }, x = (e, o) => {
+    let l = [];
+    const n = d[o].groupFlatList.filter((s) => D.includes(s));
+    e.target.checked ? l = h.filter((s) => !n.includes(s)) : l = [...h, ...n], C(l, "hide");
+  }, A = (e) => /* @__PURE__ */ c(w, { children: typeof e == "function" ? /* @__PURE__ */ c("div", { children: e() }) : /* @__PURE__ */ c("span", { children: e }) }), u = (e) => {
+    const o = d[e], l = g(e);
+    let n = !0, s = !0, t = !1;
+    if (l) {
+      const i = o.cols;
+      let r = 0, m = 0, b = 0;
+      i.forEach((f) => {
+        const p = u(f).isVisible, S = u(f).isDisabled, V = u(f).isChecked;
+        r += p ? 0 : 1, m += !p || S ? 1 : 0, b += !p || S || V ? 1 : 0;
+      }), n = i.length !== r, s = i.length === b, t = i.length === m;
+    } else
+      n = o.hideMenuVisible, s = !h.includes(e), t = !o.hideMenuSelectable;
+    return { isVisible: n, isChecked: s, isDisabled: t, isGroup: l };
+  }, [v, D, E] = M(() => {
+    const e = (t) => {
+      const i = [t];
+      return g(t) && d[t].cols.forEach((r) => {
+        i.push(...e(r));
+      }), i;
+    }, l = (() => {
+      const t = [];
+      return L.forEach((i) => {
+        t.push(...e(i));
+      }), t;
+    })(), n = l.filter((t) => {
+      const i = u(t);
+      return !(i.isDisabled || !i.isVisible);
+    }), s = n.filter((t) => !g(t));
+    return [l, n, s];
+  }, [JSON.stringify(d), JSON.stringify(L)]), O = () => v.map((e, o) => {
+    const l = d[e], n = l.id, s = u(n);
+    if (!s.isVisible)
+      return null;
+    const t = `${N}-hide-check-${o}`, i = (l.level - 1) * 20;
+    let r = typeof l.title == "function" ? "-custom" : "";
+    r += s.isGroup ? " list-title-bold" : "";
+    const m = s.isDisabled ? ` ${$}-hide-panel-disabled` : "";
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        className: `${a}-list-item${m}`,
+        style: { left: `${i}px`, width: `calc(100% - ${i}px)` },
+        children: [
+          /* @__PURE__ */ c(
+            "input",
+            {
+              type: "checkbox",
+              id: t,
+              name: t,
+              disabled: s.isDisabled,
+              checked: s.isChecked,
+              onChange: s.isDisabled ? null : (b) => x(b, e)
+            }
+          ),
+          /* @__PURE__ */ c("label", { htmlFor: t, className: `${a}-list-item-title${r}`, children: A(l.title) })
+        ]
+      },
+      o
+    );
+  });
+  return /* @__PURE__ */ k("div", { className: a, children: [
+    /* @__PURE__ */ c("div", { className: `${a}-list`, children: O() }),
+    /* @__PURE__ */ c("div", { className: `${a}-footer`, children: /* @__PURE__ */ c("div", { className: `${a}-footer-button`, role: "button", onClick: I, children: y(h.length === 0 ? "hideAll" : "showAll") }) })
+  ] });
+};
+export {
+  _ as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Table/legacy/subComponents/inconelTableToolbar/hidePanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Table/legacy/subComponents/inconelTableToolbar/hidePanel/index.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\n\nimport { INCONELTABLE_MAIN_CLASSNAME } from '../../constants';\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\nimport { itemIsGroup } from '../../utils';\n\nimport './_hidePanel.scss';\n\nconst HidePanel = () => {\n  const { tableId, setInitialOptionStates, columns, defaultColumnOrder, hideArray, getLanguageText } = useContext(\n    InconelTablePropsContext,\n  );\n\n  const rootClass = `${INCONELTABLE_MAIN_CLASSNAME}-hide-panel`;\n\n  const handleShowAllClick = () => {\n    let newHideArray = [];\n    if (hideArray.length === 0) {\n      newHideArray = [...allHideList];\n    }\n\n    setInitialOptionStates(newHideArray, 'hide');\n  };\n\n  const handleCheckboxChanged = (e, checkId) => {\n    let newHideArray = [];\n    const idList = columns[checkId].groupFlatList.filter(listId => selectableIdsList.includes(listId));\n\n    if (e.target.checked) {\n      newHideArray = hideArray.filter(hideId => !idList.includes(hideId));\n    } else {\n      newHideArray = [...hideArray, ...idList];\n    }\n\n    setInitialOptionStates(newHideArray, 'hide');\n  };\n\n  const getItemTitle = title => <>{typeof title === 'function' ? <div>{title()}</div> : <span>{title}</span>}</>;\n\n  const getItemStatus = itemId => {\n    const itemObject = columns[itemId];\n    const isGroup = itemIsGroup(itemId);\n    let isVisible = true;\n    let isChecked = true;\n    let isDisabled = false;\n\n    if (isGroup) {\n      const subIdsList = itemObject.cols;\n      let notVisibleCount = 0;\n      let notSelectableCount = 0;\n      let checkedItemCount = 0;\n\n      subIdsList.forEach(subId => {\n        const subIsVisible = getItemStatus(subId).isVisible;\n        const subIsDisabled = getItemStatus(subId).isDisabled;\n        const subIsChecked = getItemStatus(subId).isChecked;\n\n        notVisibleCount += !subIsVisible ? 1 : 0;\n        notSelectableCount += !subIsVisible || subIsDisabled ? 1 : 0;\n        checkedItemCount += !subIsVisible || subIsDisabled || subIsChecked ? 1 : 0;\n      });\n\n      isVisible = subIdsList.length !== notVisibleCount;\n      isChecked = subIdsList.length === checkedItemCount;\n      isDisabled = subIdsList.length === notSelectableCount;\n    } else {\n      isVisible = itemObject.hideMenuVisible;\n      isChecked = !hideArray.includes(itemId);\n      isDisabled = !itemObject.hideMenuSelectable;\n    }\n\n    return { isVisible, isChecked, isDisabled, isGroup };\n  };\n\n  const [memoizedList, selectableIdsList, allHideList] = useMemo(() => {\n    const getSectionKeys = colId => {\n      const keyList = [colId];\n\n      if (itemIsGroup(colId)) {\n        columns[colId].cols.forEach(subId => {\n          keyList.push(...getSectionKeys(subId));\n        });\n      }\n\n      return keyList;\n    };\n\n    const getListSectionItems = () => {\n      const resultList = [];\n      defaultColumnOrder.forEach(orderId => {\n        resultList.push(...getSectionKeys(orderId));\n      });\n\n      return resultList;\n    };\n\n    const memList = getListSectionItems();\n    const selList = memList.filter(memId => {\n      const itemStatus = getItemStatus(memId);\n\n      return !(itemStatus.isDisabled || !itemStatus.isVisible);\n    });\n\n    const allHide = selList.filter(selId => !itemIsGroup(selId));\n\n    return [memList, selList, allHide];\n  }, [JSON.stringify(columns), JSON.stringify(defaultColumnOrder)]);\n\n  const createListSection = () =>\n    memoizedList.map((listId, index) => {\n      const colObject = columns[listId];\n      const columnId = colObject.id;\n      const itemStatus = getItemStatus(columnId);\n\n      if (!itemStatus.isVisible) {\n        return null;\n      }\n\n      const checkboxId = `${tableId}-hide-check-${index}`;\n      const indentSize = (colObject.level - 1) * 20;\n\n      let labelClassEndString = typeof colObject.title === 'function' ? '-custom' : '';\n      labelClassEndString += itemStatus.isGroup ? ' list-title-bold' : '';\n\n      const disabledClass = itemStatus.isDisabled ? ` ${INCONELTABLE_MAIN_CLASSNAME}-hide-panel-disabled` : '';\n\n      return (\n        <div\n          className={`${rootClass}-list-item${disabledClass}`}\n          style={{ left: `${indentSize}px`, width: `calc(100% - ${indentSize}px)` }}\n          key={index}\n        >\n          <input\n            type=\"checkbox\"\n            id={checkboxId}\n            name={checkboxId}\n            disabled={itemStatus.isDisabled}\n            checked={itemStatus.isChecked}\n            onChange={itemStatus.isDisabled ? null : e => handleCheckboxChanged(e, listId)}\n          />\n          <label htmlFor={checkboxId} className={`${rootClass}-list-item-title${labelClassEndString}`}>\n            {getItemTitle(colObject.title)}\n          </label>\n        </div>\n      );\n    });\n\n  return (\n    <div className={rootClass}>\n      <div className={`${rootClass}-list`}>{createListSection()}</div>\n      <div className={`${rootClass}-footer`}>\n        <div className={`${rootClass}-footer-button`} role=\"button\" onClick={handleShowAllClick}>\n          {getLanguageText(hideArray.length === 0 ? 'hideAll' : 'showAll')}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default HidePanel;\n"],"names":["HidePanel","tableId","setInitialOptionStates","columns","defaultColumnOrder","hideArray","getLanguageText","useContext","InconelTablePropsContext","rootClass","INCONELTABLE_MAIN_CLASSNAME","handleShowAllClick","newHideArray","allHideList","handleCheckboxChanged","checkId","idList","listId","selectableIdsList","hideId","getItemTitle","title","jsx","Fragment","getItemStatus","itemId","itemObject","isGroup","itemIsGroup","isVisible","isChecked","isDisabled","subIdsList","notVisibleCount","notSelectableCount","checkedItemCount","subId","subIsVisible","subIsDisabled","subIsChecked","memoizedList","useMemo","getSectionKeys","colId","keyList","memList","resultList","orderId","selList","memId","itemStatus","allHide","selId","createListSection","index","colObject","columnId","checkboxId","indentSize","labelClassEndString","disabledClass","jsxs","e"],"mappings":"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"}

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

@@ -0,0 +1,157 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useContext as W, useState as q, useRef as G } from "react";
+import Q from "prop-types";
+import X from "../../../../../hooks/useOnClickOutside.js";
+import Y from "../../../../../assets/icons/close-2.svg.js";
+import Z from "../../../../../assets/icons/export.svg.js";
+import ee from "../../../../../assets/icons/cog.svg.js";
+import te from "../../../../../assets/icons/table.svg.js";
+import { INCONELTABLE_MAIN_CLASSNAME as $, INCONELTABLE_AUTO as oe } from "../constants.js";
+import { getJsxFromParam as c } from "../utils.js";
+import { InconelTablePropsContext as ie } from "../contexts/InconelTablePropsContext.js";
+import le from "./exportPanel/index.js";
+import ne from "./settingsPanel/index.js";
+import se from "./hidePanel/index.js";
+import { useInconelEffect as re } from "../hooks/useInconelEffect.js";
+/* empty css                         */
+import ae from "../../../../Select/Select.js";
+import d from "../../../../Svg/Svg.js";
+const ce = ({ toolbarObject: C }) => {
+  const {
+    pageSize: v,
+    headerHeight: N,
+    cellHeight: T,
+    maxLevel: S,
+    getLanguageText: m,
+    filtering: I,
+    fullData: A,
+    showedDataLength: L,
+    totalDataLength: r,
+    settingSave: w
+  } = W(ie), {
+    enabled: E,
+    title: p,
+    showDataCountText: P,
+    exportButton: u,
+    hideButton: h,
+    settingsButton: g,
+    fileExtensions: y,
+    exportFunction: k,
+    panelHeight: f,
+    titleAreaLeftJsx: D,
+    titleAreaRightJsx: O,
+    buttonAreaLeftJsx: R,
+    buttonAreaRightJsx: z
+  } = C ?? {}, { settingSaveIsActive: B } = w, { rowCount: b, updateRowCount: H, showCombobox: J, options: j, comboPosition: F } = v, { customFilterFunction: _, enabled: M } = I, [l, n] = q(null), x = G(), e = `${$}-toolbar`;
+  let s = f === oe ? b * T + S * N : f;
+  s = s < 180 ? 180 : s;
+  const a = r === 0, K = a ? ` ${$}-button-disabled` : "", U = () => r > 0 && M && A && _ === null ? `${L} / ${r} ${m("filteredRecordCount")}` : `${r} ${m("recordCount")}`, V = () => {
+    let o = "";
+    switch (l) {
+      case "export":
+        o = "exportData";
+        break;
+      case "settings":
+        o = "tableSettings";
+        break;
+      case "hide":
+        o = "hideColumns";
+        break;
+      default:
+        o = "";
+    }
+    return m(o);
+  };
+  return X(x, () => n(() => null)), re(() => {
+    a && l === "export" && n(() => null);
+  }, [a]), E ? /* @__PURE__ */ i("div", { className: `${e}-container`, ref: x, children: [
+    /* @__PURE__ */ i("div", { className: `${e}-content`, children: [
+      c(D),
+      /* @__PURE__ */ i("div", { className: `${e}-left-side`, children: [
+        p !== null && /* @__PURE__ */ t("div", { className: `${e}-left-side-title`, title: p, children: p }),
+        P && /* @__PURE__ */ t("div", { className: `${e}-left-side-count`, children: U() })
+      ] }),
+      c(O),
+      /* @__PURE__ */ i("div", { className: `${e}-right-side`, children: [
+        c(R),
+        J && F === "top" && /* @__PURE__ */ t("div", { className: `${e}-page-size`, children: /* @__PURE__ */ t(
+          ae,
+          {
+            label: "",
+            className: `${e}-page-size-combo xs-select`,
+            options: j,
+            onChange: (o) => {
+              o !== null && H(o.value, !0);
+            },
+            value: b,
+            menuPlacement: "bottom",
+            isSearchable: !1,
+            singleValue: !0
+          }
+        ) }),
+        (u || g || h) && /* @__PURE__ */ i("div", { className: `${e}-right-side-buttons`, children: [
+          u && /* @__PURE__ */ t(
+            "div",
+            {
+              className: `${e}-right-side-export${K}`,
+              role: "button",
+              onClick: a ? null : () => n(() => "export"),
+              children: /* @__PURE__ */ t(d, { src: Z })
+            }
+          ),
+          g && /* @__PURE__ */ t(
+            "div",
+            {
+              className: `${e}-right-side-settings${B ? ` ${e}-active` : ""}`,
+              role: "button",
+              onClick: () => {
+                n(() => "settings");
+              },
+              children: /* @__PURE__ */ t(d, { src: ee })
+            }
+          ),
+          h && /* @__PURE__ */ t(
+            "div",
+            {
+              className: `${e}-right-side-hide`,
+              role: "button",
+              onClick: () => {
+                n(() => "hide");
+              },
+              children: /* @__PURE__ */ t(d, { src: te })
+            }
+          )
+        ] }),
+        c(z)
+      ] })
+    ] }),
+    l !== null && /* @__PURE__ */ i("div", { className: `${e}-panel`, style: { height: `${s}px` }, children: [
+      /* @__PURE__ */ i("div", { className: `${e}-panel-header`, style: { height: "30px" }, children: [
+        /* @__PURE__ */ t("span", { className: `${e}-panel-header-title`, children: V() }),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: `${e}-panel-header-close`,
+            role: "button",
+            onClick: () => {
+              n(() => null);
+            },
+            children: /* @__PURE__ */ t(d, { src: Y })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: `${e}-panel-body`, style: { height: `${s - 30}px` }, children: [
+        l === "export" && /* @__PURE__ */ t(le, { fileExtensions: y, exportFunction: k }),
+        l === "settings" && /* @__PURE__ */ t(ne, {}),
+        l === "hide" && /* @__PURE__ */ t(se, {})
+      ] }, `inconelTablePanel-${l}`)
+    ] })
+  ] }) : null;
+};
+ce.propTypes = {
+  toolbarObject: Q.object
+};
+export {
+  ce as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Table/legacy/subComponents/inconelTableToolbar/index.jsx"],"sourcesContent":["import { useContext, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport useOnClickOutside from 'hooks/useOnClickOutside';\n\nimport InconelSelect from 'components/Select';\n\nimport CloseIcon from 'assets/icons/close-2.svg';\nimport ExportIcon from 'assets/icons/export.svg';\nimport CogIcon from 'assets/icons/cog.svg';\nimport TableIcon from 'assets/icons/table.svg';\n\nimport InconelSvg from 'components/Svg';\n\nimport { INCONELTABLE_MAIN_CLASSNAME, INCONELTABLE_AUTO } from '../constants';\nimport { getJsxFromParam } from '../utils';\nimport { InconelTablePropsContext } from '../contexts/InconelTablePropsContext';\n\nimport ExportPanel from './exportPanel';\nimport SettingsPanel from './settingsPanel';\nimport HidePanel from './hidePanel';\n\nimport { useInconelEffect } from '../hooks/useInconelEffect';\nimport './inconelTableToolbar.scss';\n\nconst InconelTableToolbar = ({ toolbarObject }) => {\n  const {\n    pageSize,\n    headerHeight,\n    cellHeight,\n    maxLevel,\n    getLanguageText,\n    filtering,\n    fullData,\n    showedDataLength,\n    totalDataLength,\n    settingSave,\n  } = useContext(InconelTablePropsContext);\n\n  const {\n    enabled,\n    title,\n    showDataCountText,\n    exportButton,\n    hideButton,\n    settingsButton,\n    fileExtensions,\n    exportFunction,\n    panelHeight,\n    titleAreaLeftJsx,\n    titleAreaRightJsx,\n    buttonAreaLeftJsx,\n    buttonAreaRightJsx,\n  } = toolbarObject ?? {};\n\n  const { settingSaveIsActive } = settingSave;\n  const { rowCount, updateRowCount, showCombobox: pageSizeShowCombobox, options: pageSizeOptions, comboPosition } = pageSize;\n  const { customFilterFunction, enabled: filteringEnabled } = filtering;\n\n  const [windowType, setWindowType] = useState(null); // export, settings, hide, null\n\n  const componentRef = useRef();\n  const rootClass = `${INCONELTABLE_MAIN_CLASSNAME}-toolbar`;\n\n  let panelTotalHeight = panelHeight === INCONELTABLE_AUTO ? rowCount * cellHeight + maxLevel * headerHeight : panelHeight;\n  panelTotalHeight = panelTotalHeight < 180 ? 180 : panelTotalHeight;\n\n  const exportIsDisabled = totalDataLength === 0;\n  const exportDisabledClass = exportIsDisabled ? ` ${INCONELTABLE_MAIN_CLASSNAME}-button-disabled` : '';\n\n  const getDataCountString = () => {\n    if (totalDataLength > 0 && filteringEnabled && fullData && customFilterFunction === null) {\n      return `${showedDataLength} / ${totalDataLength} ${getLanguageText('filteredRecordCount')}`;\n    }\n\n    return `${totalDataLength} ${getLanguageText('recordCount')}`;\n  };\n\n  const getPanelTitle = () => {\n    let strKey = '';\n\n    switch (windowType) {\n      case 'export':\n        strKey = 'exportData';\n        break;\n      case 'settings':\n        strKey = 'tableSettings';\n        break;\n      case 'hide':\n        strKey = 'hideColumns';\n        break;\n\n      default:\n        strKey = '';\n    }\n\n    return getLanguageText(strKey);\n  };\n\n  useOnClickOutside(componentRef, () => setWindowType(() => null));\n\n  useInconelEffect(() => {\n    if (exportIsDisabled && windowType === 'export') {\n      setWindowType(() => null);\n    }\n  }, [exportIsDisabled]);\n\n  if (!enabled) {\n    return null;\n  }\n\n  return (\n    <div className={`${rootClass}-container`} ref={componentRef}>\n      <div className={`${rootClass}-content`}>\n        {getJsxFromParam(titleAreaLeftJsx)}\n        <div className={`${rootClass}-left-side`}>\n          {title !== null && (\n            <div className={`${rootClass}-left-side-title`} title={title}>\n              {title}\n            </div>\n          )}\n          {showDataCountText && <div className={`${rootClass}-left-side-count`}>{getDataCountString()}</div>}\n        </div>\n        {getJsxFromParam(titleAreaRightJsx)}\n        <div className={`${rootClass}-right-side`}>\n          {getJsxFromParam(buttonAreaLeftJsx)}\n          {pageSizeShowCombobox && comboPosition === 'top' && (\n            <div className={`${rootClass}-page-size`}>\n              <InconelSelect\n                label=\"\"\n                className={`${rootClass}-page-size-combo xs-select`}\n                options={pageSizeOptions}\n                onChange={(e) => {\n                  if (e !== null) {\n                    updateRowCount(e.value, true);\n                  }\n                }}\n                value={rowCount}\n                menuPlacement=\"bottom\"\n                isSearchable={false}\n                singleValue\n              />\n            </div>\n          )}\n          {(exportButton || settingsButton || hideButton) && (\n            <div className={`${rootClass}-right-side-buttons`}>\n              {exportButton && (\n                <div\n                  className={`${rootClass}-right-side-export${exportDisabledClass}`}\n                  role=\"button\"\n                  onClick={exportIsDisabled ? null : () => setWindowType(() => 'export')}\n                >\n                  <InconelSvg src={ExportIcon} />\n                </div>\n              )}\n              {settingsButton && (\n                <div\n                  className={`${rootClass}-right-side-settings${settingSaveIsActive ? ` ${rootClass}-active` : ''}`}\n                  role=\"button\"\n                  onClick={() => {\n                    setWindowType(() => 'settings');\n                  }}\n                >\n                  <InconelSvg src={CogIcon} />\n                </div>\n              )}\n              {hideButton && (\n                <div\n                  className={`${rootClass}-right-side-hide`}\n                  role=\"button\"\n                  onClick={() => {\n                    setWindowType(() => 'hide');\n                  }}\n                >\n                  <InconelSvg src={TableIcon} />\n                </div>\n              )}\n            </div>\n          )}\n\n          {getJsxFromParam(buttonAreaRightJsx)}\n        </div>\n      </div>\n      {windowType !== null && (\n        <div className={`${rootClass}-panel`} style={{ height: `${panelTotalHeight}px` }}>\n          <div className={`${rootClass}-panel-header`} style={{ height: `${30}px` }}>\n            <span className={`${rootClass}-panel-header-title`}>{getPanelTitle()}</span>\n            <div\n              className={`${rootClass}-panel-header-close`}\n              role=\"button\"\n              onClick={() => {\n                setWindowType(() => null);\n              }}\n            >\n              <InconelSvg src={CloseIcon} />\n            </div>\n          </div>\n          <div className={`${rootClass}-panel-body`} style={{ height: `${panelTotalHeight - 30}px` }} key={`inconelTablePanel-${windowType}`}>\n            {windowType === 'export' && <ExportPanel fileExtensions={fileExtensions} exportFunction={exportFunction} />}\n            {windowType === 'settings' && <SettingsPanel />}\n            {windowType === 'hide' && <HidePanel />}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nInconelTableToolbar.propTypes = {\n  toolbarObject: PropTypes.object,\n};\n\nexport default InconelTableToolbar;\n"],"names":["InconelTableToolbar","toolbarObject","pageSize","headerHeight","cellHeight","maxLevel","getLanguageText","filtering","fullData","showedDataLength","totalDataLength","settingSave","useContext","InconelTablePropsContext","enabled","title","showDataCountText","exportButton","hideButton","settingsButton","fileExtensions","exportFunction","panelHeight","titleAreaLeftJsx","titleAreaRightJsx","buttonAreaLeftJsx","buttonAreaRightJsx","settingSaveIsActive","rowCount","updateRowCount","pageSizeShowCombobox","pageSizeOptions","comboPosition","customFilterFunction","filteringEnabled","windowType","setWindowType","useState","componentRef","useRef","rootClass","INCONELTABLE_MAIN_CLASSNAME","panelTotalHeight","INCONELTABLE_AUTO","exportIsDisabled","exportDisabledClass","getDataCountString","getPanelTitle","strKey","useOnClickOutside","useInconelEffect","jsxs","getJsxFromParam","jsx","InconelSelect","e","InconelSvg","ExportIcon","CogIcon","TableIcon","CloseIcon","ExportPanel","SettingsPanel","HidePanel","PropTypes"],"mappings":"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"}

package/dist/components/Table/legacy/subComponents/inconelTableToolbar/settingsPanel/index.js

@@ -0,0 +1,66 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { useContext as w } from "react";
+import { INCONELTABLE_MAIN_CLASSNAME as g } from "../../constants.js";
+import { InconelTablePropsContext as C } from "../../contexts/InconelTablePropsContext.js";
+/* empty css                    */
+import { Switch as m } from "../../../../../Switch/Switch.js";
+const b = () => {
+  const { tableId: a, setPinAndDragStates: p, dragEnabled: c, pinEnabled: l, getLanguageText: n, settingSave: $ } = w(C), { settingSaveIsActive: r, switchAction: S, enabled: v } = $, i = `${g}-settings-panel`, h = (e, N) => {
+    p(e.target.checked, N);
+  }, d = (e) => n(e ? "enabled" : "disabled"), o = (e) => `${g}-${e ? "enabled" : "disabled"}`;
+  return /* @__PURE__ */ t("div", { className: i, children: [
+    /* @__PURE__ */ t("div", { className: `${i}-item`, children: [
+      /* @__PURE__ */ t("div", { className: `${i}-item-first-row`, children: [
+        /* @__PURE__ */ s("span", { children: n("columnDrag") }),
+        /* @__PURE__ */ s(
+          m,
+          {
+            id: `${a}-panelDragSwitch`,
+            isChecked: c,
+            sizing: "xsmall",
+            color: "green",
+            onChange: (e) => h(e, "drag")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: `${i}-item-second-row ${o(c)}`, children: d(c) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: `${i}-item`, children: [
+      /* @__PURE__ */ t("div", { className: `${i}-item-first-row`, children: [
+        /* @__PURE__ */ s("span", { children: n("columnPin") }),
+        /* @__PURE__ */ s(
+          m,
+          {
+            id: `${a}-panelPinSwitch`,
+            isChecked: l,
+            sizing: "xsmall",
+            color: "green",
+            onChange: (e) => h(e, "pin")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: `${i}-item-second-row ${o(l)}`, children: d(l) })
+    ] }),
+    v && /* @__PURE__ */ t("div", { className: `${i}-item`, children: [
+      /* @__PURE__ */ t("div", { className: `${i}-item-first-row`, children: [
+        /* @__PURE__ */ s("span", { children: n("saveSettings") }),
+        /* @__PURE__ */ s(
+          m,
+          {
+            id: `${a}-panelSettingSaveSwitch`,
+            isChecked: r,
+            sizing: "xsmall",
+            color: "green",
+            onChange: (e) => S(e.target.checked)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: `${i}-item-second-row ${o(r)}`, children: d(r) })
+    ] })
+  ] });
+};
+b.propTypes = {};
+export {
+  b as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Table/legacy/subComponents/inconelTableToolbar/settingsPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Table/legacy/subComponents/inconelTableToolbar/settingsPanel/index.jsx"],"sourcesContent":["import { useContext } from 'react';\n\nimport InconelSwitch from 'components/Switch';\n\nimport { INCONELTABLE_MAIN_CLASSNAME } from '../../constants';\nimport { InconelTablePropsContext } from '../../contexts/InconelTablePropsContext';\n\nimport './_settingsPanel.scss';\n\nconst SettingsPanel = () => {\n  const { tableId, setPinAndDragStates, dragEnabled, pinEnabled, getLanguageText, settingSave } = useContext(InconelTablePropsContext);\n\n  const { settingSaveIsActive, switchAction, enabled: settingSwitchIsVisible } = settingSave;\n\n  const rootClass = `${INCONELTABLE_MAIN_CLASSNAME}-settings-panel`;\n\n  const handleSwitchChanged = (e, type) => {\n    setPinAndDragStates(e.target.checked, type);\n  };\n\n  const getStatusText = (val) => getLanguageText(val ? 'enabled' : 'disabled');\n\n  const getStatusClass = (val) => `${INCONELTABLE_MAIN_CLASSNAME}-${val ? 'enabled' : 'disabled'}`;\n\n  return (\n    <div className={rootClass}>\n      <div className={`${rootClass}-item`}>\n        <div className={`${rootClass}-item-first-row`}>\n          <span>{getLanguageText('columnDrag')}</span>\n          <InconelSwitch\n            id={`${tableId}-panelDragSwitch`}\n            isChecked={dragEnabled}\n            sizing=\"xsmall\"\n            color=\"green\"\n            onChange={(e) => handleSwitchChanged(e, 'drag')}\n          />\n        </div>\n        <div className={`${rootClass}-item-second-row ${getStatusClass(dragEnabled)}`}>{getStatusText(dragEnabled)}</div>\n      </div>\n      <div className={`${rootClass}-item`}>\n        <div className={`${rootClass}-item-first-row`}>\n          <span>{getLanguageText('columnPin')}</span>\n          <InconelSwitch\n            id={`${tableId}-panelPinSwitch`}\n            isChecked={pinEnabled}\n            sizing=\"xsmall\"\n            color=\"green\"\n            onChange={(e) => handleSwitchChanged(e, 'pin')}\n          />\n        </div>\n        <div className={`${rootClass}-item-second-row ${getStatusClass(pinEnabled)}`}>{getStatusText(pinEnabled)}</div>\n      </div>\n      {settingSwitchIsVisible && (\n        <div className={`${rootClass}-item`}>\n          <div className={`${rootClass}-item-first-row`}>\n            <span>{getLanguageText('saveSettings')}</span>\n            <InconelSwitch\n              id={`${tableId}-panelSettingSaveSwitch`}\n              isChecked={settingSaveIsActive}\n              sizing=\"xsmall\"\n              color=\"green\"\n              onChange={(e) => switchAction(e.target.checked)}\n            />\n          </div>\n          <div className={`${rootClass}-item-second-row ${getStatusClass(settingSaveIsActive)}`}>{getStatusText(settingSaveIsActive)}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettingsPanel.propTypes = {};\n\nexport default SettingsPanel;\n"],"names":["SettingsPanel","tableId","setPinAndDragStates","dragEnabled","pinEnabled","getLanguageText","settingSave","useContext","InconelTablePropsContext","settingSaveIsActive","switchAction","settingSwitchIsVisible","rootClass","INCONELTABLE_MAIN_CLASSNAME","handleSwitchChanged","type","getStatusText","val","getStatusClass","jsxs","jsx","InconelSwitch"],"mappings":";;;;;;AASA,MAAMA,IAAgB,MAAM;AAC1B,QAAM,EAAE,SAAAC,GAAS,qBAAAC,GAAqB,aAAAC,GAAa,YAAAC,GAAY,iBAAAC,GAAiB,aAAAC,EAAA,IAAgBC,EAAWC,CAAwB,GAE7H,EAAE,qBAAAC,GAAqB,cAAAC,GAAc,SAASC,MAA2BL,GAEzEM,IAAY,GAAGC,CAA2B,mBAE1CC,IAAsB,CAAC,GAAGC,MAAS;AACvC,IAAAb,EAAoB,EAAE,OAAO,SAASa,CAAI;AAAA,EAC5C,GAEMC,IAAgB,CAACC,MAAQZ,EAAgBY,IAAM,YAAY,UAAU,GAErEC,IAAiB,CAACD,MAAQ,GAAGJ,CAA2B,IAAII,IAAM,YAAY,UAAU;AAE9F,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAWP,GACd,UAAA;AAAA,IAAA,gBAAAO,EAAC,OAAA,EAAI,WAAW,GAAGP,CAAS,SAC1B,UAAA;AAAA,MAAA,gBAAAO,EAAC,OAAA,EAAI,WAAW,GAAGP,CAAS,mBAC1B,UAAA;AAAA,QAAA,gBAAAQ,EAAC,QAAA,EAAM,UAAAf,EAAgB,YAAY,EAAA,CAAE;AAAA,QACrC,gBAAAe;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAI,GAAGpB,CAAO;AAAA,YACd,WAAWE;AAAA,YACX,QAAO;AAAA,YACP,OAAM;AAAA,YACN,UAAU,CAAC,MAAMW,EAAoB,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAChD,GACF;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAW,GAAGR,CAAS,oBAAoBM,EAAef,CAAW,CAAC,IAAK,UAAAa,EAAcb,CAAW,EAAA,CAAE;AAAA,IAAA,GAC7G;AAAA,IACA,gBAAAgB,EAAC,OAAA,EAAI,WAAW,GAAGP,CAAS,SAC1B,UAAA;AAAA,MAAA,gBAAAO,EAAC,OAAA,EAAI,WAAW,GAAGP,CAAS,mBAC1B,UAAA;AAAA,QAAA,gBAAAQ,EAAC,QAAA,EAAM,UAAAf,EAAgB,WAAW,EAAA,CAAE;AAAA,QACpC,gBAAAe;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAI,GAAGpB,CAAO;AAAA,YACd,WAAWG;AAAA,YACX,QAAO;AAAA,YACP,OAAM;AAAA,YACN,UAAU,CAAC,MAAMU,EAAoB,GAAG,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/C,GACF;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAW,GAAGR,CAAS,oBAAoBM,EAAed,CAAU,CAAC,IAAK,UAAAY,EAAcZ,CAAU,EAAA,CAAE;AAAA,IAAA,GAC3G;AAAA,IACCO,KACC,gBAAAQ,EAAC,OAAA,EAAI,WAAW,GAAGP,CAAS,SAC1B,UAAA;AAAA,MAAA,gBAAAO,EAAC,OAAA,EAAI,WAAW,GAAGP,CAAS,mBAC1B,UAAA;AAAA,QAAA,gBAAAQ,EAAC,QAAA,EAAM,UAAAf,EAAgB,cAAc,EAAA,CAAE;AAAA,QACvC,gBAAAe;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAI,GAAGpB,CAAO;AAAA,YACd,WAAWQ;AAAA,YACX,QAAO;AAAA,YACP,OAAM;AAAA,YACN,UAAU,CAAC,MAAMC,EAAa,EAAE,OAAO,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAChD,GACF;AAAA,MACA,gBAAAU,EAAC,OAAA,EAAI,WAAW,GAAGR,CAAS,oBAAoBM,EAAeT,CAAmB,CAAC,IAAK,UAAAO,EAAcP,CAAmB,EAAA,CAAE;AAAA,IAAA,EAAA,CAC7H;AAAA,EAAA,GAEJ;AAEJ;AAEAT,EAAc,YAAY,CAAA;"}