1mpacto-react-ui 2.0.20 → 2.0.22

package/dist/components/Sidebar/Sidebar.mjs

@@ -1,75 +1,72 @@
-import { jsxs as a, jsx as s, Fragment as S } from "react/jsx-runtime";
-import e, { createElement as G } from "react";
+import { jsxs as a, jsx as s, Fragment as w } from "react/jsx-runtime";
+import e, { createElement as q } from "react";
 import o from "./Sidebar.module.scss.mjs";
-import J from "./ItemSidebar.mjs";
-import V from "../../config/tailwind/nativeScreen.mjs";
-import { configSidebar as v } from "./Sidebar.config.mjs";
-const K = e.forwardRef(
-  (x, L) => {
-    var $;
+import A from "./ItemSidebar.mjs";
+import k from "../../config/tailwind/nativeScreen.mjs";
+import { configSidebar as S } from "./Sidebar.config.mjs";
+const D = e.forwardRef(
+  ($, O) => {
     const {
-      as: E,
-      children: N,
-      patch: r = "/",
-      iconCompany: c,
-      iconSubs: z,
+      as: v,
+      children: E,
+      patch: c = "/",
+      iconCompany: r,
+      iconSubs: V,
       iconCollapse: u,
-      iconCollapseClose: g,
-      modules: j,
-      toleranceWidthIconCompany: B = 25,
-      onClickItems: M,
+      iconCollapseClose: N,
+      modules: x,
+      toleranceWidthIconCompany: L = 25,
+      onClickItems: z,
       variant: m = "payhere-brand-base-white",
       footer: l,
-      withInheritance: I,
+      withInheritance: g,
       id: h = "1ru-sidebar",
-      styleSidebar: T,
-      styleContent: F,
-      ...H
-    } = x, P = e.useRef(null), [i, d] = e.useState(null), [t, f] = e.useState(null), [q, R] = e.useState(""), [W, b] = e.useState(), [k, A] = e.useState(0), y = () => {
-      var O;
-      let n = 0;
-      const C = document.getElementById("icon-company-sidebar");
-      (O = C == null ? void 0 : C.childNodes) == null || O.forEach((D) => {
-        n += D.getBoundingClientRect().width ?? 0;
-      }), b(n + B + "px");
-    }, w = () => {
-      A(window.innerWidth);
+      styleSidebar: j,
+      styleContent: B,
+      ...M
+    } = $, T = e.useRef(null), [n, d] = e.useState(null), [i, f] = e.useState(null), [F, I] = e.useState(""), [R, b] = e.useState(), [W, H] = e.useState(0), y = () => {
+      let t = 0;
+      document.getElementById("icon-company-sidebar")?.childNodes?.forEach((P) => {
+        t += P.getBoundingClientRect().width ?? 0;
+      }), b(t + L + "px");
+    }, C = () => {
+      H(window.innerWidth);
     }, p = () => {
-      d(!t), t ? b("auto") : setTimeout(() => {
+      d(!i), i ? b("auto") : setTimeout(() => {
         y();
       }, 100);
     };
     return e.useEffect(() => {
-      k >= (v.mobileSupport.includes(m) ? V.lg : V.md) ? (d(!0), setTimeout(() => {
+      W >= (S.mobileSupport.includes(m) ? k.lg : k.md) ? (d(!0), setTimeout(() => {
         y();
       }, 100)) : (d(!1), b("auto"));
-    }, [k]), e.useEffect(() => {
-      typeof i == "boolean" && f(i);
-    }, [i]), e.useImperativeHandle(
-      L,
+    }, [W]), e.useEffect(() => {
+      typeof n == "boolean" && f(n);
+    }, [n]), e.useImperativeHandle(
+      O,
       () => ({
-        openSidebar: i,
+        openSidebar: n,
         setOpenSidebar: d,
         handlerClickCollapse: p
       }),
-      [i, t]
-    ), e.useEffect(() => (r && r.split("/").length > 1 && R(r + "/"), y(), w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w)), []), /* @__PURE__ */ a("div", { className: v.variants[m], ...H, ref: P, children: [
+      [n, i]
+    ), e.useEffect(() => (c && c.split("/").length > 1 && I(c + "/"), y(), C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C)), []), /* @__PURE__ */ a("div", { className: S.variants[m], ...M, ref: T, children: [
       /* @__PURE__ */ a(
         "div",
         {
           id: h,
-          className: `${o.sidebar} ${typeof t == "boolean" && t ? o["sidebar-open"] : ""} ${typeof t == "boolean" && !t ? o["sidebar-close"] : ""}`,
-          style: T || {},
+          className: `${o.sidebar} ${typeof i == "boolean" && i ? o["sidebar-open"] : ""} ${typeof i == "boolean" && !i ? o["sidebar-close"] : ""}`,
+          style: j || {},
           children: [
             e.isValidElement(u) && /* @__PURE__ */ a(
               "div",
               {
                 className: o["button-collaps-sidebar"],
-                id: `${h}-${i ? "close-collapse" : "open-collapse"}`,
+                id: `${h}-${n ? "close-collapse" : "open-collapse"}`,
                 onClick: p,
                 children: [
-                  i && u,
-                  i ? "" : e.isValidElement(g) ? g : u
+                  n && u,
+                  n ? "" : e.isValidElement(N) ? N : u
                 ]
               }
             ),
@@ -79,11 +76,11 @@ const K = e.forwardRef(
                 id: "icon-company-sidebar",
                 className: o["icon-company-sidebar"],
                 style: {
-                  width: W && v.withCuctomWidthIconCompany.includes(m) ? W : "100%"
+                  width: R && S.withCuctomWidthIconCompany.includes(m) ? R : "100%"
                 },
                 children: [
-                  e.isValidElement(c) && c,
-                  typeof c == "function" && c({ openSidebar: t, setOpenSidebar: d })
+                  e.isValidElement(r) && r,
+                  typeof r == "function" && r({ openSidebar: i, setOpenSidebar: d })
                 ]
               }
             ) }),
@@ -92,45 +89,45 @@ const K = e.forwardRef(
               {
                 className: o["menu-sidebar"],
                 onMouseOver: () => {
-                  i || f(!0);
+                  n || f(!0);
                 },
                 onMouseOut: () => {
-                  i || f(!1);
+                  n || f(!1);
                 },
-                children: j.map((n) => /* @__PURE__ */ G(
-                  J,
+                children: x.map((t) => /* @__PURE__ */ q(
+                  A,
                   {
-                    ...n,
-                    as: n.manualRoute || n.subs.length > 0 ? "div" : E,
-                    linkComponent: E,
-                    key: n.name,
-                    show: q,
-                    open: t,
-                    patch: r,
-                    iconSubs: z,
+                    ...t,
+                    as: t.manualRoute || t.subs.length > 0 ? "div" : v,
+                    linkComponent: v,
+                    key: t.name,
+                    show: F,
+                    open: i,
+                    patch: c,
+                    iconSubs: V,
                     variant: m,
-                    setShow: R,
-                    onClickItems: M
+                    setShow: I,
+                    onClickItems: z
                   }
                 ))
               }
             ),
-            l && /* @__PURE__ */ a("div", { className: t ? "iru-opacity-[1]" : "iru-opacity-0", children: [
+            l && /* @__PURE__ */ a("div", { className: i ? "iru-opacity-[1]" : "iru-opacity-0", children: [
               e.isValidElement(l) && /* @__PURE__ */ s("div", { children: l }),
               typeof l == "function" && /* @__PURE__ */ s("div", { children: l() })
             ] })
           ]
         }
       ),
-      i && /* @__PURE__ */ s("div", { id: `${h}-splace-screen`, className: o["splace-screen"], onClick: p }),
-      /* @__PURE__ */ a("div", { className: o["content-sidebar"], style: F || {}, children: [
-        I && (($ = e.Children) == null ? void 0 : $.map(N, (n) => /* @__PURE__ */ s(S, { children: e.isValidElement(n) && /* @__PURE__ */ s(S, { children: e.cloneElement(n, { openSidebar: i, handlerClickCollapse: p }) }) }))),
-        !I && /* @__PURE__ */ s(S, { children: N })
+      n && /* @__PURE__ */ s("div", { id: `${h}-splace-screen`, className: o["splace-screen"], onClick: p }),
+      /* @__PURE__ */ a("div", { className: o["content-sidebar"], style: B || {}, children: [
+        g && e.Children?.map(E, (t) => /* @__PURE__ */ s(w, { children: e.isValidElement(t) && /* @__PURE__ */ s(w, { children: e.cloneElement(t, { openSidebar: n, handlerClickCollapse: p }) }) })),
+        !g && /* @__PURE__ */ s(w, { children: E })
       ] })
     ] });
   }
 );
-K.displayName = "Sidebar";
+D.displayName = "Sidebar";
 export {
-  K as default
+  D as default
 };

package/dist/components/Slider/Slider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),n=require("react"),r=require("./style.module.scss.cjs"),$=n.forwardRef((P,b)=>{const{min:s=0,max:u=10,value:e,onChange:i,className:p,disabled:l=!1,classNameThumb:N,classNameTrackFill:k,classNameTrack:w,...x}=P,d=n.useRef(null),[M,f]=n.useState(e??s),[h,g]=n.useState(!1),m=e??M,v=(m-s)/(u-s)*100,o=n.useCallback(t=>{if(!d.current)return m;const a=d.current.getBoundingClientRect(),R=Math.min(Math.max((t-a.left)/a.width,0),1);return Math.round(s+R*(u-s))},[s,u,m]),V=n.useCallback(t=>{if(l)return;t.preventDefault(),t.target.setPointerCapture(t.pointerId),g(!0);const a=o(t.clientX);e===void 0&&f(a),i?.(a)},[l,e,o,i]),j=n.useCallback(t=>{if(!h||l)return;const a=o(t.clientX);e===void 0&&f(a),i?.(a)},[h,l,e,o,i]),C=()=>{g(!1)};return n.useEffect(()=>{e!==void 0&&f(e)},[e]),c.jsx("div",{ref:b,className:`${r.default.slider} ${l?r.default.disabled:""} ${p??""}`,...x,children:c.jsxs("div",{ref:d,className:`${r.default.track} ${w??""}`,onPointerDown:V,onPointerMove:j,onPointerUp:C,children:[c.jsx("div",{className:`${r.default["track-fill"]} ${k??""}`,style:{width:`${v}%`}}),c.jsx("div",{className:`${r.default.thumb} ${N??""}`,style:{left:`${v}%`}})]})})});$.displayName="Slider";exports.default=$;

package/dist/components/Slider/Slider.mjs

@@ -0,0 +1,61 @@
+import { jsx as f, jsxs as R } from "react/jsx-runtime";
+import { forwardRef as I, useRef as S, useState as v, useCallback as m, useEffect as T } from "react";
+import s from "./style.module.scss.mjs";
+const j = I(($, N) => {
+  const {
+    min: r = 0,
+    max: i = 10,
+    value: e,
+    onChange: l,
+    className: P,
+    disabled: a = !1,
+    classNameThumb: w,
+    classNameTrackFill: V,
+    classNameTrack: k,
+    ...b
+  } = $, c = S(null), [x, d] = v(e ?? r), [h, p] = v(!1), u = e ?? x, g = (u - r) / (i - r) * 100, o = m(
+    (t) => {
+      if (!c.current) return u;
+      const n = c.current.getBoundingClientRect(), C = Math.min(Math.max((t - n.left) / n.width, 0), 1);
+      return Math.round(r + C * (i - r));
+    },
+    [r, i, u]
+  ), D = m(
+    (t) => {
+      if (a) return;
+      t.preventDefault(), t.target.setPointerCapture(t.pointerId), p(!0);
+      const n = o(t.clientX);
+      e === void 0 && d(n), l?.(n);
+    },
+    [a, e, o, l]
+  ), M = m(
+    (t) => {
+      if (!h || a) return;
+      const n = o(t.clientX);
+      e === void 0 && d(n), l?.(n);
+    },
+    [h, a, e, o, l]
+  ), y = () => {
+    p(!1);
+  };
+  return T(() => {
+    e !== void 0 && d(e);
+  }, [e]), /* @__PURE__ */ f("div", { ref: N, className: `${s.slider} ${a ? s.disabled : ""} ${P ?? ""}`, ...b, children: /* @__PURE__ */ R(
+    "div",
+    {
+      ref: c,
+      className: `${s.track} ${k ?? ""}`,
+      onPointerDown: D,
+      onPointerMove: M,
+      onPointerUp: y,
+      children: [
+        /* @__PURE__ */ f("div", { className: `${s["track-fill"]} ${V ?? ""}`, style: { width: `${g}%` } }),
+        /* @__PURE__ */ f("div", { className: `${s.thumb} ${w ?? ""}`, style: { left: `${g}%` } })
+      ]
+    }
+  ) });
+});
+j.displayName = "Slider";
+export {
+  j as default
+};

package/dist/components/Slider/style.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_slider_nvr4r_1",t="_disabled_nvr4r_7",e="_track_nvr4r_13",l="_thumb_nvr4r_32",s={slider:r,disabled:t,track:e,"track-fill":"_track-fill_nvr4r_22",thumb:l};exports.default=s;exports.disabled=t;exports.slider=r;exports.thumb=l;exports.track=e;

package/dist/components/Slider/style.module.scss.mjs

@@ -0,0 +1,14 @@
+const r = "_slider_nvr4r_1", t = "_disabled_nvr4r_7", _ = "_track_nvr4r_13", s = "_thumb_nvr4r_32", l = {
+  slider: r,
+  disabled: t,
+  track: _,
+  "track-fill": "_track-fill_nvr4r_22",
+  thumb: s
+};
+export {
+  l as default,
+  t as disabled,
+  r as slider,
+  s as thumb,
+  _ as track
+};

package/dist/components/Step/Step.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),d=require("./Step.module.scss.cjs"),g=({widthLine:l,color:r})=>s.jsx("svg",{height:"5",xmlns:"http://www.w3.org/2000/svg",className:d.default["content-line-dashed"],width:l+10,style:{right:-(l/2+14)},children:s.jsx("g",{fill:"none",stroke:r,strokeWidth:"10",children:s.jsx("path",{strokeDasharray:"12,4",d:`M0 0 ${l+10} 0`})})}),u=({widthLine:l,color:r})=>s.jsx("hr",{className:d.default["content-line-active"],style:{width:l+22,right:-(l/2+20),borderColor:r}}),N=({activeStep:l,stepList:r,widthLine:n=250,classNameContainer:x,classNameContent:f,classNameDesc:$,onChange:a,afterActiveType:t="solid",beforeActiveType:h="dashed",colorActive:m="#0163c8 ",colorInactive:j="#D6D6D6"})=>s.jsx("div",{className:`${d.default.container} ${x??""}`,children:r.map((e,o)=>{const c=o+1;return s.jsxs("div",{className:`${d.default["content-section"]} ${f??""}`,onClick:()=>{typeof a=="function"&&a(e)},children:[s.jsxs("div",{className:d.default["content-step"],children:[c<r.length&&s.jsxs(s.Fragment,{children:[(e.step??c)>=l&&s.jsxs(s.Fragment,{children:[h==="solid"&&s.jsx(u,{color:j,widthLine:n}),h==="dashed"&&s.jsx(g,{color:j,widthLine:n})]}),(e.step??c)<l&&s.jsxs(s.Fragment,{children:[t==="solid"&&s.jsx(u,{color:m,widthLine:n}),t==="dashed"&&s.jsx(g,{color:m,widthLine:n})]})]}),o!==0&&s.jsx("div",{style:{width:n/2}}),s.jsx("div",{className:`${d.default["number-step"]} 
-                ${(e.step??c)<l?d.default.passed:""}
-                ${(e.step??c)===l?d.default.active:""}
-                ${e.className??""}`,children:l>e.step&&e.valueDone?s.jsx(s.Fragment,{children:e.valueDone}):s.jsx(s.Fragment,{children:e.value?e.value:c})}),o+1!==(r==null?void 0:r.length)&&s.jsx("div",{style:{width:n/2}})]}),e.desc&&s.jsx("div",{className:`${d.default["content-description"]} ${$??""} 
-                ${(e.step??c)<=l?d.default.active:""}`,style:{maxWidth:o+1===(r==null?void 0:r.length)||o===0?(n-30)*2:n-30,marginRight:o+1===(r==null?void 0:r.length)?-(n/2):0,marginLeft:o===0?-(n/2):0},children:e.desc})]},o)})});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("./Step.module.scss.cjs"),g=({widthLine:t,color:n})=>s.jsx("svg",{height:"5",xmlns:"http://www.w3.org/2000/svg",className:l.default["content-line-dashed"],width:t+10,style:{right:-(t/2+14)},children:s.jsx("g",{fill:"none",stroke:n,strokeWidth:"10",children:s.jsx("path",{strokeDasharray:"12,4",d:`M0 0 ${t+10} 0`})})}),u=({widthLine:t,color:n})=>s.jsx("hr",{className:l.default["content-line-active"],style:{width:t+22,right:-(t/2+20),borderColor:n}}),$=({activeStep:t,stepList:n,widthLine:r=250,classNameContainer:x,classNameContent:f,classNameDesc:i,onChange:c,afterActiveType:a="solid",beforeActiveType:h="dashed",colorActive:m="#0163c8 ",colorInactive:j="#D6D6D6"})=>s.jsx("div",{className:`${l.default.container} ${x??""}`,children:n.map((e,d)=>{const o=d+1;return s.jsxs("div",{className:`${l.default["content-section"]} ${f??""}`,onClick:()=>{typeof c=="function"&&c(e)},children:[s.jsxs("div",{className:l.default["content-step"],children:[o<n.length&&s.jsxs(s.Fragment,{children:[(e.step??o)>=t&&s.jsxs(s.Fragment,{children:[h==="solid"&&s.jsx(u,{color:j,widthLine:r}),h==="dashed"&&s.jsx(g,{color:j,widthLine:r})]}),(e.step??o)<t&&s.jsxs(s.Fragment,{children:[a==="solid"&&s.jsx(u,{color:m,widthLine:r}),a==="dashed"&&s.jsx(g,{color:m,widthLine:r})]})]}),d!==0&&s.jsx("div",{style:{width:r/2}}),s.jsx("div",{className:`${l.default["number-step"]} 
+                ${(e.step??o)<t?l.default.passed:""}
+                ${(e.step??o)===t?l.default.active:""}
+                ${e.className??""}`,children:t>e.step&&e.valueDone?s.jsx(s.Fragment,{children:e.valueDone}):s.jsx(s.Fragment,{children:e.value?e.value:o})}),d+1!==n?.length&&s.jsx("div",{style:{width:r/2}})]}),e.desc&&s.jsx("div",{className:`${l.default["content-description"]} ${i??""} 
+                ${(e.step??o)<=t?l.default.active:""}`,style:{maxWidth:d+1===n?.length||d===0?(r-30)*2:r-30,marginRight:d+1===n?.length?-(r/2):0,marginLeft:d===0?-(r/2):0},children:e.desc})]},d)})});exports.default=$;

package/dist/components/Step/Step.mjs

@@ -1,85 +1,85 @@
-import { jsx as o, jsxs as a, Fragment as m } from "react/jsx-runtime";
-import s from "./Step.module.scss.mjs";
-const D = ({ widthLine: c, color: r }) => /* @__PURE__ */ o(
+import { jsx as s, jsxs as d, Fragment as h } from "react/jsx-runtime";
+import t from "./Step.module.scss.mjs";
+const i = ({ widthLine: o, color: c }) => /* @__PURE__ */ s(
   "svg",
   {
     height: "5",
     xmlns: "http://www.w3.org/2000/svg",
-    className: s["content-line-dashed"],
-    width: c + 10,
-    style: { right: -(c / 2 + 14) },
-    children: /* @__PURE__ */ o("g", { fill: "none", stroke: r, strokeWidth: "10", children: /* @__PURE__ */ o("path", { strokeDasharray: "12,4", d: `M0 0 ${c + 10} 0` }) })
+    className: t["content-line-dashed"],
+    width: o + 10,
+    style: { right: -(o / 2 + 14) },
+    children: /* @__PURE__ */ s("g", { fill: "none", stroke: c, strokeWidth: "10", children: /* @__PURE__ */ s("path", { strokeDasharray: "12,4", d: `M0 0 ${o + 10} 0` }) })
   }
-), f = ({ widthLine: c, color: r }) => /* @__PURE__ */ o(
+), N = ({ widthLine: o, color: c }) => /* @__PURE__ */ s(
   "hr",
   {
-    className: s["content-line-active"],
-    style: { width: c + 22, right: -(c / 2 + 20), borderColor: r }
+    className: t["content-line-active"],
+    style: { width: o + 22, right: -(o / 2 + 20), borderColor: c }
   }
-), C = ({
-  activeStep: c,
-  stepList: r,
-  widthLine: n = 250,
-  classNameContainer: y,
-  classNameContent: k,
-  classNameDesc: b,
-  onChange: e,
-  afterActiveType: g = "solid",
-  beforeActiveType: $ = "dashed",
-  colorActive: t = "#0163c8 ",
-  colorInactive: N = "#D6D6D6"
-}) => /* @__PURE__ */ o("div", { className: `${s.container} ${y ?? ""}`, children: r.map((l, d) => {
-  const h = d + 1;
-  return /* @__PURE__ */ a(
+), j = ({
+  activeStep: o,
+  stepList: c,
+  widthLine: l = 250,
+  classNameContainer: D,
+  classNameContent: f,
+  classNameDesc: y,
+  onChange: a,
+  afterActiveType: m = "solid",
+  beforeActiveType: g = "dashed",
+  colorActive: $ = "#0163c8 ",
+  colorInactive: p = "#D6D6D6"
+}) => /* @__PURE__ */ s("div", { className: `${t.container} ${D ?? ""}`, children: c.map((r, n) => {
+  const e = n + 1;
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: `${s["content-section"]} ${k ?? ""}`,
+      className: `${t["content-section"]} ${f ?? ""}`,
       onClick: () => {
-        typeof e == "function" && e(l);
+        typeof a == "function" && a(r);
       },
       children: [
-        /* @__PURE__ */ a("div", { className: s["content-step"], children: [
-          h < r.length && /* @__PURE__ */ a(m, { children: [
-            (l.step ?? h) >= c && /* @__PURE__ */ a(m, { children: [
-              $ === "solid" && /* @__PURE__ */ o(f, { color: N, widthLine: n }),
-              $ === "dashed" && /* @__PURE__ */ o(D, { color: N, widthLine: n })
+        /* @__PURE__ */ d("div", { className: t["content-step"], children: [
+          e < c.length && /* @__PURE__ */ d(h, { children: [
+            (r.step ?? e) >= o && /* @__PURE__ */ d(h, { children: [
+              g === "solid" && /* @__PURE__ */ s(N, { color: p, widthLine: l }),
+              g === "dashed" && /* @__PURE__ */ s(i, { color: p, widthLine: l })
             ] }),
-            (l.step ?? h) < c && /* @__PURE__ */ a(m, { children: [
-              g === "solid" && /* @__PURE__ */ o(f, { color: t, widthLine: n }),
-              g === "dashed" && /* @__PURE__ */ o(D, { color: t, widthLine: n })
+            (r.step ?? e) < o && /* @__PURE__ */ d(h, { children: [
+              m === "solid" && /* @__PURE__ */ s(N, { color: $, widthLine: l }),
+              m === "dashed" && /* @__PURE__ */ s(i, { color: $, widthLine: l })
             ] })
           ] }),
-          d !== 0 && /* @__PURE__ */ o("div", { style: { width: n / 2 } }),
-          /* @__PURE__ */ o(
+          n !== 0 && /* @__PURE__ */ s("div", { style: { width: l / 2 } }),
+          /* @__PURE__ */ s(
             "div",
             {
-              className: `${s["number-step"]} 
-                ${(l.step ?? h) < c ? s.passed : ""}
-                ${(l.step ?? h) === c ? s.active : ""}
-                ${l.className ?? ""}`,
-              children: c > l.step && l.valueDone ? /* @__PURE__ */ o(m, { children: l.valueDone }) : /* @__PURE__ */ o(m, { children: l.value ? l.value : h })
+              className: `${t["number-step"]} 
+                ${(r.step ?? e) < o ? t.passed : ""}
+                ${(r.step ?? e) === o ? t.active : ""}
+                ${r.className ?? ""}`,
+              children: o > r.step && r.valueDone ? /* @__PURE__ */ s(h, { children: r.valueDone }) : /* @__PURE__ */ s(h, { children: r.value ? r.value : e })
             }
           ),
-          d + 1 !== (r == null ? void 0 : r.length) && /* @__PURE__ */ o("div", { style: { width: n / 2 } })
+          n + 1 !== c?.length && /* @__PURE__ */ s("div", { style: { width: l / 2 } })
         ] }),
-        l.desc && /* @__PURE__ */ o(
+        r.desc && /* @__PURE__ */ s(
           "div",
           {
-            className: `${s["content-description"]} ${b ?? ""} 
-                ${(l.step ?? h) <= c ? s.active : ""}`,
+            className: `${t["content-description"]} ${y ?? ""} 
+                ${(r.step ?? e) <= o ? t.active : ""}`,
             style: {
-              maxWidth: d + 1 === (r == null ? void 0 : r.length) || d === 0 ? (n - 30) * 2 : n - 30,
-              marginRight: d + 1 === (r == null ? void 0 : r.length) ? -(n / 2) : 0,
-              marginLeft: d === 0 ? -(n / 2) : 0
+              maxWidth: n + 1 === c?.length || n === 0 ? (l - 30) * 2 : l - 30,
+              marginRight: n + 1 === c?.length ? -(l / 2) : 0,
+              marginLeft: n === 0 ? -(l / 2) : 0
             },
-            children: l.desc
+            children: r.desc
           }
         )
       ]
     },
-    d
+    n
   );
 }) });
 export {
-  C as default
+  j as default
 };

package/dist/components/Table/Table.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("@tanstack/react-table"),p=require("react"),U=require("../Virtualization/TableVirtualization.cjs"),P=require("./Table.module.scss.cjs"),L=require("../../hooks/useDeepCompareEffect.cjs"),h=require("./Table.config.cjs"),X=(n,c)=>{var g,m;let i={};return n&&(i={position:"sticky",top:0,zIndex:2}),(g=c.column.columnDef.meta)!=null&&g.styleTh&&(i={...i,...(m=c.column.columnDef.meta)==null?void 0:m.styleTh(c.column.columnDef)}),i},A=(n,c=!1)=>{const i=n.getIsPinned(),g=i==="left"&&n.getIsLastColumn("left"),m=i==="right"&&n.getIsFirstColumn("right");return i?{boxShadow:g?"-4px 0 4px -4px gray inset":m?"4px 0 4px -4px gray inset":void 0,left:i==="left"?`${n.getStart("left")}px`:void 0,right:i==="right"?`${n.getAfter("right")}px`:void 0,position:"sticky",width:n.getSize(),zIndex:1,background:c?"white":""}:{}},K=n=>{const c=n.columnPinning.left||[],i=n.columnPinning.right||[],g=n.rowPinning.top||[],m=n.rowPinning.bottom||[];return{left:c,right:i,top:g,bottom:m,isPinning:c.length>0||i.length>0||g.length>0||m.length>0}},Y=({tableInstance:n,classNameWrapperTable:c,classNameTable:i,handlerRowClick:g,privillageRowClick:m,headerId:z,tbodyTrId:N,theadTrId:F,maxHeight:$,idCalculateHeight:M,componentSortASC:W,componentSortDESC:T,classNamePointer:C,emptyPlaceholder:d,renderSubComponent:a,visibilityColumns:j,classNameSubMobile:b})=>e.jsx("div",{id:"1ru-table",style:$?{height:$,overflow:"auto"}:{},className:c??"",children:e.jsxs("table",{className:i,style:{width:K(n.getState()).isPinning?n.getCenterTotalSize():""},children:[e.jsx("thead",{id:z,"data-calculate-height-header":M,children:n.getHeaderGroups().map(u=>e.jsx("tr",{children:u.headers.map(o=>{var l,f,t,s;const S=(f=(l=o.column.columnDef.meta)==null?void 0:l.rowSpan)==null?void 0:f.call(l,o);return!o.isPlaceholder&&S!==void 0&&o.id===o.column.id?e.jsx(e.Fragment,{}):e.jsxs("th",{style:{...X($,o),...A(o.column),...j.columns.includes(o.column.id)?{display:"none"}:{}},id:`${F(o)}-${o.id}`,colSpan:typeof((t=o.column.columnDef.meta)==null?void 0:t.colSpan)=="function"?(s=o.column.columnDef.meta)==null?void 0:s.colSpan(o.column.columnDef):o.colSpan,rowSpan:S,children:[o.isPlaceholder&&S===void 0?null:e.jsxs("div",{className:o.column.getCanSort()?P.default.sorting:"",onClick:o.column.getToggleSortingHandler(),id:o.column.getCanSort()?`${F(o)}-${o.id}-sort`:"",children:[q.flexRender(o.column.columnDef.header,o.getContext()),o.column.getCanSort()&&e.jsx("span",{className:"iru-flex-shrink-0",children:o.column.getIsSorted()==="asc"||o.column.getIsSorted()==="desc"?e.jsxs(e.Fragment,{children:[o.column.getIsSorted()==="asc"&&e.jsx(e.Fragment,{children:W}),o.column.getIsSorted()==="desc"&&e.jsx(e.Fragment,{children:T})]}):e.jsx(e.Fragment,{})})]}),o.column.getIsPinned()&&e.jsx("div",{onDoubleClick:()=>o.column.resetSize(),onMouseDown:o.getResizeHandler(),onTouchStart:o.getResizeHandler(),className:P.default["resize-menu"]})]},o.id)})},u.id))}),e.jsxs("tbody",{children:[n.getRowModel().rows.length>0&&n.getRowModel().rows.map((u,o)=>{var S;return e.jsxs(p.Fragment,{children:[e.jsx("tr",{onClick:l=>{l.stopPropagation(),m&&typeof g=="function"&&g(u.original,u)},className:m?C:"","data-calculate-height":`${M}-${o}`,id:N(u),children:u.getVisibleCells().map(l=>{var f,t,s;return e.jsx("td",{style:{...typeof((f=l.column.columnDef.meta)==null?void 0:f.styleTd)=="function"?l.column.columnDef.meta.styleTd(u.original,u):{},...A(l.column,!0),...j.columns.includes(l.column.id)?{display:"none"}:{}},className:typeof((t=l.column.columnDef.meta)==null?void 0:t.classNameTd)=="function"?(s=l.column.columnDef.meta)==null?void 0:s.classNameTd(u.original,u):"",id:`${N(u)}-${l.column.id}`,children:q.flexRender(l.column.columnDef.cell,l.getContext())},l.id)})},u.id),u.getIsExpanded()&&typeof a=="function"&&e.jsx("tr",{children:e.jsx("td",{colSpan:u.getVisibleCells().length-(((S=j==null?void 0:j.realColumns)==null?void 0:S.length)||0),children:a(u.original,u,{visibilityColumns:j,classNameSubMobile:b})})})]},u.id)}),n.getRowModel().rows.length===0&&p.isValidElement(d)&&e.jsx("tr",{children:e.jsx("td",{colSpan:n.getVisibleFlatColumns().length,children:d})})]})]})}),O=p.forwardRef((n,c)=>{const{context:i,...g}=n;return e.jsx("thead",{id:(i==null?void 0:i.headerId)??"",...g,ref:c})});O.displayName="VirtualizationHead";const Q=({style:n,context:c,...i})=>e.jsx("table",{...i,id:"1ru-table",className:(c==null?void 0:c.classNameTable)??"",style:{...n,width:c==null?void 0:c.width}}),Z=({tableInstance:n,classNameWrapperTable:c,handlerRowClick:i,privillageRowClick:g,virtualizationProps:m,headerId:z,tbodyTrId:N,theadTrId:F,classNameTable:$,componentSortASC:M,componentSortDESC:W,classNamePointer:T,emptyPlaceholder:C,renderSubComponent:d,visibilityColumns:a,classNameSubMobile:j})=>{var o,S,l;const[b,u]=p.useState(0);return e.jsx(U.default,{context:{headerId:z,classNameTable:$,width:K(n.getState()).isPinning?n.getCenterTotalSize():""},typeHight:"min-max",totalCount:((o=n.getRowModel().rows)==null?void 0:o.length)||0,minLengthItem:((S=n.getRowModel().rows)==null?void 0:S.length)||0,typeCalculateItemSize:"auto",component:{TableHead:O,Table:Q,EmptyPlaceholder:()=>e.jsx("tbody",{ref:f=>{var t;return u(((t=f==null?void 0:f.getBoundingClientRect())==null?void 0:t.height)??0)},children:e.jsx("tr",{children:e.jsx("td",{colSpan:n.getVisibleFlatColumns().length,children:p.isValidElement(C)&&C})})})},classNameContainer:c,fixedHeaderContent:()=>n.getHeaderGroups().map(f=>e.jsx("tr",{children:f.headers.map(t=>{var y,R,w,V;const s=(R=(y=t.column.columnDef.meta)==null?void 0:y.rowSpan)==null?void 0:R.call(y,t);return!t.isPlaceholder&&s!==void 0&&t.id===t.column.id?e.jsx(e.Fragment,{}):e.jsxs("th",{id:`${F(t)}-${t.id}`,colSpan:t.colSpan,rowSpan:s,style:{...typeof((w=t.column.columnDef.meta)==null?void 0:w.styleTh)=="function"?(V=t.column.columnDef.meta)==null?void 0:V.styleTh(t.column.columnDef):{},...A(t.column),...a.columns.includes(t.column.id)?{display:"none"}:{}},children:[t.isPlaceholder&&s===void 0?null:e.jsxs("div",{className:t.column.getCanSort()?P.default.sorting:"",onClick:t.column.getToggleSortingHandler(),id:t.column.getCanSort()?`${F(t)}-${t.id}-sort`:"",children:[q.flexRender(t.column.columnDef.header,t.getContext()),t.column.getCanSort()&&e.jsx("span",{className:"iru-flex-shrink-0",children:t.column.getIsSorted()==="asc"||t.column.getIsSorted()==="desc"?e.jsxs(e.Fragment,{children:[t.column.getIsSorted()==="asc"&&e.jsx(e.Fragment,{children:M}),t.column.getIsSorted()==="desc"&&e.jsx(e.Fragment,{children:W})]}):e.jsx(e.Fragment,{})})]}),t.column.getIsPinned()&&e.jsx("div",{onDoubleClick:()=>t.column.resetSize(),onMouseDown:t.getResizeHandler(),onTouchStart:t.getResizeHandler(),className:P.default["resize-menu"]})]},t.id)})},f.id)),itemContent:(f,t)=>{var y,R;const s=(R=(y=n.getRowModel())==null?void 0:y.rows)==null?void 0:R[t];return e.jsx(f,{children:({...w})=>{var V;return e.jsxs(p.Fragment,{children:[e.jsx("tr",{...w,onClick:r=>{r.stopPropagation(),g&&typeof i=="function"&&i(s.original,s)},className:g?T:"",id:N(s),children:s.getVisibleCells().map(r=>{var D,x,H;return e.jsx(e.Fragment,{children:e.jsx("td",{style:{...typeof((D=r.column.columnDef.meta)==null?void 0:D.styleTd)=="function"?r.column.columnDef.meta.styleTd(s.original,s):{},...A(r.column,!0),...a.columns.includes(r.column.id)?{display:"none"}:{}},className:typeof((x=r.column.columnDef.meta)==null?void 0:x.classNameTd)=="function"?(H=r.column.columnDef.meta)==null?void 0:H.classNameTd(s.original,s):"",id:`${N(s)}-${r.column.id}`,children:q.flexRender(r.column.columnDef.cell,r.getContext())},r.id)})})}),s.getIsExpanded()&&typeof d=="function"&&e.jsx("tr",{"data-sub-component":t,children:e.jsx("td",{colSpan:s.getVisibleCells().length-(((V=a==null?void 0:a.realColumns)==null?void 0:V.length)||0),children:d(s.original,s,{visibilityColumns:a,classNameSubMobile:j})})})]},s.id)}},s.id)},...m,minHeightItem:((m==null?void 0:m.minHeightItem)??60)+((((l=n.getRowModel().rows)==null?void 0:l.length)||0)>0?0:b),itemSizeNames:typeof d=="function"?[...(m==null?void 0:m.itemSizeNames)??[],"data-sub-component"]:m==null?void 0:m.itemSizeNames})},I=({tableInstance:n,classNameWrapperTable:c="",classNameTable:i="",collapseAll:g=!0,handlerRowClick:m,privillageRowClick:z=!1,virtualization:N=!1,virtualizationProps:F,headerId:$="",tbodyTrId:M=()=>"",theadTrId:W=()=>"",maxHeight:T=0,idCalculateHeight:C=void 0,kind:d="laba-reguler",componentSortASC:a,componentSortDESC:j,scrollTop:b=!1,emptyPlaceholder:u,variant:o,renderSubComponent:S,columnBreakpoints:l})=>{var V;const[f,t]=p.useState(0),[s,y]=p.useState({columns:[],realColumns:[]}),R=()=>{if(![void 0,"undefined"].includes(C)){const r=document.querySelector(`[data-calculate-height-header="${C}"]`);let D=0;const x=document.querySelectorAll(`[data-calculate-height^="${C}-"]`);return x==null||x.forEach(H=>{D+=H.offsetHeight}),D>T?T+r.offsetHeight:0}return T},w=()=>{var H;const r=((H=document.querySelector("body"))==null?void 0:H.offsetWidth)||0,D=l==null?void 0:l.sort((E,_)=>{const G=(E.maxWidth??E.minWidth)||0,J=(_.maxWidth??_.minWidth)||0;return G!==J?G-J:E.maxWidth?-1:1}),x=(D==null?void 0:D.find(E=>!!(Object.hasOwnProperty.call(E,"maxWidth")&&r<=(E.maxWidth||0)||Object.hasOwnProperty.call(E,"minWidth")&&r>=(E.minWidth||0))))||{};Object.keys(x).length>0?(y({columns:x.columns,realColumns:x.realColumns||x.columns}),x!=null&&x.resetExpanded&&n.resetExpanded()):y({columns:[],realColumns:[]})};return L.useDeepCompareEffect(()=>{!g&&typeof n.toggleAllRowsExpanded=="function"&&n.toggleAllRowsExpanded()},[g,n==null?void 0:n.toggleAllRowsExpanded]),L.useDeepCompareEffect(()=>{T>0&&t(R())},[(V=n==null?void 0:n.options)==null?void 0:V.data,T]),L.useDeepCompareEffect(()=>{if(Array.isArray(l)&&(l==null?void 0:l.length)>0)return w(),window.addEventListener("resize",w),()=>{window.removeEventListener("resize",w)}},[l]),e.jsxs(e.Fragment,{children:[!N&&e.jsx(Y,{theadTrId:W,tbodyTrId:M,headerId:$,tableInstance:n,classNameTable:i,classNameWrapperTable:`${h.ConfigTable().kind[d]} ${o?h.ConfigTable().variant[o]:""}
-          ${b?h.ConfigTable().utility["table-scroll-top"]:""} ${c}`,handlerRowClick:m,privillageRowClick:z,maxHeight:f,idCalculateHeight:C,componentSortASC:p.isValidElement(a)?a:h.ConfigTable().sortingIcon[d].asc,componentSortDESC:p.isValidElement(j)?j:h.ConfigTable().sortingIcon[d].desc,classNamePointer:h.ConfigTable().pointer[d],emptyPlaceholder:u,renderSubComponent:S,visibilityColumns:s,classNameSubMobile:h.ConfigTable().subMobile[d]}),N&&e.jsx(Z,{theadTrId:W,tbodyTrId:M,headerId:$,tableInstance:n,classNameTable:i,classNameWrapperTable:`${h.ConfigTable().kind[d]} ${o?h.ConfigTable().variant[o]:""}
-          ${b?h.ConfigTable().utility["table-scroll-top"]:""} ${c}`,handlerRowClick:m,privillageRowClick:z,virtualizationProps:F,componentSortASC:p.isValidElement(a)?a:h.ConfigTable().sortingIcon[d].asc,componentSortDESC:p.isValidElement(j)?j:h.ConfigTable().sortingIcon[d].desc,classNamePointer:h.ConfigTable().pointer[d],emptyPlaceholder:u,renderSubComponent:S,visibilityColumns:s,classNameSubMobile:h.ConfigTable().subMobile[d]})]})};exports.VirtualizationHead=O;exports.VirtualizationTable=Q;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),z=require("@tanstack/react-table"),f=require("react"),I=require("../Virtualization/TableVirtualization.cjs"),E=require("./Table.module.scss.cjs"),R=require("../../hooks/useDeepCompareEffect.cjs"),g=require("./Table.config.cjs"),G=(o,c)=>{let i={};return o&&(i={position:"sticky",top:0,zIndex:2}),c.column.columnDef.meta?.styleTh&&(i={...i,...c.column.columnDef.meta?.styleTh(c.column.columnDef)}),i},V=(o,c=!1)=>{const i=o.getIsPinned(),m=i==="left"&&o.getIsLastColumn("left"),r=i==="right"&&o.getIsFirstColumn("right");return i?{boxShadow:m?"-4px 0 4px -4px gray inset":r?"4px 0 4px -4px gray inset":void 0,left:i==="left"?`${o.getStart("left")}px`:void 0,right:i==="right"?`${o.getAfter("right")}px`:void 0,position:"sticky",width:o.getSize(),zIndex:1,background:c?"white":""}:{}},O=o=>{const c=o.columnPinning.left||[],i=o.columnPinning.right||[],m=o.rowPinning.top||[],r=o.rowPinning.bottom||[];return{left:c,right:i,top:m,bottom:r,isPinning:c.length>0||i.length>0||m.length>0||r.length>0}},J=({tableInstance:o,classNameWrapperTable:c,classNameTable:i,handlerRowClick:m,privillageRowClick:r,headerId:D,tbodyTrId:y,theadTrId:T,maxHeight:S,idCalculateHeight:C,componentSortASC:N,componentSortDESC:h,classNamePointer:j,emptyPlaceholder:u,renderSubComponent:d,visibilityColumns:x,classNameSubMobile:b})=>t.jsx("div",{id:"1ru-table",style:S?{height:S,overflow:"auto"}:{},className:c??"",children:t.jsxs("table",{className:i,style:{width:O(o.getState()).isPinning?o.getCenterTotalSize():""},children:[t.jsx("thead",{id:D,"data-calculate-height-header":C,children:o.getHeaderGroups().map(s=>t.jsx("tr",{children:s.headers.map(n=>{const e=n.column.columnDef.meta?.rowSpan?.(n);return!n.isPlaceholder&&e!==void 0&&n.id===n.column.id?t.jsx(t.Fragment,{}):t.jsxs("th",{style:{...G(S,n),...V(n.column),...x.columns.includes(n.column.id)?{display:"none"}:{}},id:`${T(n)}-${n.id}`,colSpan:typeof n.column.columnDef.meta?.colSpan=="function"?n.column.columnDef.meta?.colSpan(n.column.columnDef):n.colSpan,rowSpan:e,children:[n.isPlaceholder&&e===void 0?null:t.jsxs("div",{className:n.column.getCanSort()?E.default.sorting:"",onClick:n.column.getToggleSortingHandler(),id:n.column.getCanSort()?`${T(n)}-${n.id}-sort`:"",children:[z.flexRender(n.column.columnDef.header,n.getContext()),n.column.getCanSort()&&t.jsx("span",{className:"iru-flex-shrink-0",children:n.column.getIsSorted()==="asc"||n.column.getIsSorted()==="desc"?t.jsxs(t.Fragment,{children:[n.column.getIsSorted()==="asc"&&t.jsx(t.Fragment,{children:N}),n.column.getIsSorted()==="desc"&&t.jsx(t.Fragment,{children:h})]}):t.jsx(t.Fragment,{})})]}),n.column.getIsPinned()&&t.jsx("div",{onDoubleClick:()=>n.column.resetSize(),onMouseDown:n.getResizeHandler(),onTouchStart:n.getResizeHandler(),className:E.default["resize-menu"]})]},n.id)})},s.id))}),t.jsxs("tbody",{children:[o.getRowModel().rows.length>0&&o.getRowModel().rows.map((s,n)=>t.jsxs(f.Fragment,{children:[t.jsx("tr",{onClick:e=>{e.stopPropagation(),r&&typeof m=="function"&&m(s.original,s)},className:r?j:"","data-calculate-height":`${C}-${n}`,id:y(s),children:s.getVisibleCells().map(e=>t.jsx("td",{style:{...typeof e.column.columnDef.meta?.styleTd=="function"?e.column.columnDef.meta.styleTd(s.original,s):{},...V(e.column,!0),...x.columns.includes(e.column.id)?{display:"none"}:{}},className:typeof e.column.columnDef.meta?.classNameTd=="function"?e.column.columnDef.meta?.classNameTd(s.original,s):"",id:`${y(s)}-${e.column.id}`,children:z.flexRender(e.column.columnDef.cell,e.getContext())},e.id))},s.id),s.getIsExpanded()&&typeof d=="function"&&t.jsx("tr",{children:t.jsx("td",{colSpan:s.getVisibleCells().length-(x?.realColumns?.length||0),children:d(s.original,s,{visibilityColumns:x,classNameSubMobile:b})})})]},s.id)),o.getRowModel().rows.length===0&&f.isValidElement(u)&&t.jsx("tr",{children:t.jsx("td",{colSpan:o.getVisibleFlatColumns().length,children:u})})]})]})}),H=f.forwardRef((o,c)=>{const{context:i,...m}=o;return t.jsx("thead",{id:i?.headerId??"",...m,ref:c})});H.displayName="VirtualizationHead";const _=({style:o,context:c,...i})=>t.jsx("table",{...i,id:"1ru-table",className:c?.classNameTable??"",style:{...o,width:c?.width}}),K=({tableInstance:o,classNameWrapperTable:c,handlerRowClick:i,privillageRowClick:m,virtualizationProps:r,headerId:D,tbodyTrId:y,theadTrId:T,classNameTable:S,componentSortASC:C,componentSortDESC:N,classNamePointer:h,emptyPlaceholder:j,renderSubComponent:u,visibilityColumns:d,classNameSubMobile:x})=>{const[b,s]=f.useState(0);return t.jsx(I.default,{context:{headerId:D,classNameTable:S,width:O(o.getState()).isPinning?o.getCenterTotalSize():""},typeHight:"min-max",totalCount:o.getRowModel().rows?.length||0,minLengthItem:o.getRowModel().rows?.length||0,typeCalculateItemSize:"auto",component:{TableHead:H,Table:_,EmptyPlaceholder:()=>t.jsx("tbody",{ref:n=>s(n?.getBoundingClientRect()?.height??0),children:t.jsx("tr",{children:t.jsx("td",{colSpan:o.getVisibleFlatColumns().length,children:f.isValidElement(j)&&j})})})},classNameContainer:c,fixedHeaderContent:()=>o.getHeaderGroups().map(n=>t.jsx("tr",{children:n.headers.map(e=>{const l=e.column.columnDef.meta?.rowSpan?.(e);return!e.isPlaceholder&&l!==void 0&&e.id===e.column.id?t.jsx(t.Fragment,{}):t.jsxs("th",{id:`${T(e)}-${e.id}`,colSpan:e.colSpan,rowSpan:l,style:{...typeof e.column.columnDef.meta?.styleTh=="function"?e.column.columnDef.meta?.styleTh(e.column.columnDef):{},...V(e.column),...d.columns.includes(e.column.id)?{display:"none"}:{}},children:[e.isPlaceholder&&l===void 0?null:t.jsxs("div",{className:e.column.getCanSort()?E.default.sorting:"",onClick:e.column.getToggleSortingHandler(),id:e.column.getCanSort()?`${T(e)}-${e.id}-sort`:"",children:[z.flexRender(e.column.columnDef.header,e.getContext()),e.column.getCanSort()&&t.jsx("span",{className:"iru-flex-shrink-0",children:e.column.getIsSorted()==="asc"||e.column.getIsSorted()==="desc"?t.jsxs(t.Fragment,{children:[e.column.getIsSorted()==="asc"&&t.jsx(t.Fragment,{children:C}),e.column.getIsSorted()==="desc"&&t.jsx(t.Fragment,{children:N})]}):t.jsx(t.Fragment,{})})]}),e.column.getIsPinned()&&t.jsx("div",{onDoubleClick:()=>e.column.resetSize(),onMouseDown:e.getResizeHandler(),onTouchStart:e.getResizeHandler(),className:E.default["resize-menu"]})]},e.id)})},n.id)),itemContent:(n,e)=>{const l=o.getRowModel()?.rows?.[e];return t.jsx(n,{children:({...P})=>t.jsxs(f.Fragment,{children:[t.jsx("tr",{...P,onClick:a=>{a.stopPropagation(),m&&typeof i=="function"&&i(l.original,l)},className:m?h:"",id:y(l),children:l.getVisibleCells().map(a=>t.jsx(t.Fragment,{children:t.jsx("td",{style:{...typeof a.column.columnDef.meta?.styleTd=="function"?a.column.columnDef.meta.styleTd(l.original,l):{},...V(a.column,!0),...d.columns.includes(a.column.id)?{display:"none"}:{}},className:typeof a.column.columnDef.meta?.classNameTd=="function"?a.column.columnDef.meta?.classNameTd(l.original,l):"",id:`${y(l)}-${a.column.id}`,children:z.flexRender(a.column.columnDef.cell,a.getContext())},a.id)}))}),l.getIsExpanded()&&typeof u=="function"&&t.jsx("tr",{"data-sub-component":e,children:t.jsx("td",{colSpan:l.getVisibleCells().length-(d?.realColumns?.length||0),children:u(l.original,l,{visibilityColumns:d,classNameSubMobile:x})})})]},l.id)},l.id)},...r,minHeightItem:(r?.minHeightItem??60)+((o.getRowModel().rows?.length||0)>0?0:b),itemSizeNames:typeof u=="function"?[...r?.itemSizeNames??[],"data-sub-component"]:r?.itemSizeNames})},Q=({tableInstance:o,classNameWrapperTable:c="",classNameTable:i="",collapseAll:m=!0,handlerRowClick:r,privillageRowClick:D=!1,virtualization:y=!1,virtualizationProps:T,headerId:S="",tbodyTrId:C=()=>"",theadTrId:N=()=>"",maxHeight:h=0,idCalculateHeight:j=void 0,kind:u="laba-reguler",componentSortASC:d,componentSortDESC:x,scrollTop:b=!1,emptyPlaceholder:s,variant:n,renderSubComponent:e,columnBreakpoints:l})=>{const[P,a]=f.useState(0),[W,q]=f.useState({columns:[],realColumns:[]}),B=()=>{if(![void 0,"undefined"].includes(j)){const w=document.querySelector(`[data-calculate-height-header="${j}"]`);let M=0;return document.querySelectorAll(`[data-calculate-height^="${j}-"]`)?.forEach(p=>{M+=p.offsetHeight}),M>h?h+w.offsetHeight:0}return h},F=()=>{const w=document.querySelector("body")?.offsetWidth||0,$=l?.sort((p,v)=>{const A=(p.maxWidth??p.minWidth)||0,L=(v.maxWidth??v.minWidth)||0;return A!==L?A-L:p.maxWidth?-1:1})?.find(p=>!!(Object.hasOwnProperty.call(p,"maxWidth")&&w<=(p.maxWidth||0)||Object.hasOwnProperty.call(p,"minWidth")&&w>=(p.minWidth||0)))||{};Object.keys($).length>0?(q({columns:$.columns,realColumns:$.realColumns||$.columns}),$?.resetExpanded&&o.resetExpanded()):q({columns:[],realColumns:[]})};return R.useDeepCompareEffect(()=>{!m&&typeof o.toggleAllRowsExpanded=="function"&&o.toggleAllRowsExpanded()},[m,o?.toggleAllRowsExpanded]),R.useDeepCompareEffect(()=>{h>0&&a(B())},[o?.options?.data,h]),R.useDeepCompareEffect(()=>{if(Array.isArray(l)&&l?.length>0)return F(),window.addEventListener("resize",F),()=>{window.removeEventListener("resize",F)}},[l]),t.jsxs(t.Fragment,{children:[!y&&t.jsx(J,{theadTrId:N,tbodyTrId:C,headerId:S,tableInstance:o,classNameTable:i,classNameWrapperTable:`${g.ConfigTable().kind[u]} ${n?g.ConfigTable().variant[n]:""}
+          ${b?g.ConfigTable().utility["table-scroll-top"]:""} ${c}`,handlerRowClick:r,privillageRowClick:D,maxHeight:P,idCalculateHeight:j,componentSortASC:f.isValidElement(d)?d:g.ConfigTable().sortingIcon[u].asc,componentSortDESC:f.isValidElement(x)?x:g.ConfigTable().sortingIcon[u].desc,classNamePointer:g.ConfigTable().pointer[u],emptyPlaceholder:s,renderSubComponent:e,visibilityColumns:W,classNameSubMobile:g.ConfigTable().subMobile[u]}),y&&t.jsx(K,{theadTrId:N,tbodyTrId:C,headerId:S,tableInstance:o,classNameTable:i,classNameWrapperTable:`${g.ConfigTable().kind[u]} ${n?g.ConfigTable().variant[n]:""}
+          ${b?g.ConfigTable().utility["table-scroll-top"]:""} ${c}`,handlerRowClick:r,privillageRowClick:D,virtualizationProps:T,componentSortASC:f.isValidElement(d)?d:g.ConfigTable().sortingIcon[u].asc,componentSortDESC:f.isValidElement(x)?x:g.ConfigTable().sortingIcon[u].desc,classNamePointer:g.ConfigTable().pointer[u],emptyPlaceholder:s,renderSubComponent:e,visibilityColumns:W,classNameSubMobile:g.ConfigTable().subMobile[u]})]})};exports.VirtualizationHead=H;exports.VirtualizationTable=_;exports.default=Q;