@ck-ui/component-library 1.0.6 → 1.0.8

package/dist/components/Pagination/index.js

@@ -1,103 +1,108 @@
-import { jsxs as o, jsx as e, Fragment as O } from "react/jsx-runtime";
-import { mergeClasses as d } from "../../utils/mergeClasses.js";
+import { jsxs as s, jsx as e, Fragment as E } from "react/jsx-runtime";
+import { mergeClasses as r } from "../../utils/mergeClasses.js";
 import A from "./_utils/generatePageNumbers.js";
-import D, { DEFAULT_PAGE_SIZE_OPTIONS as E } from "./_utils/computePageSizeOptions.js";
-import '../../assets/index-nXJu3Pq0.css';const $ = "_active_x0enz_107", n = {
-  "ckds-pagination": "_ckds-pagination_x0enz_1",
-  "pagination-info": "_pagination-info_x0enz_14",
-  "pagination-label": "_pagination-label_x0enz_21",
-  "pagination-select": "_pagination-select_x0enz_27",
-  "pagination-divider": "_pagination-divider_x0enz_49",
-  "pagination-controls": "_pagination-controls_x0enz_55",
-  "pagination-nav-btn": "_pagination-nav-btn_x0enz_63",
-  "pagination-page-btn": "_pagination-page-btn_x0enz_89",
-  active: $,
-  "pagination-ellipsis": "_pagination-ellipsis_x0enz_123",
-  "pagination-summary": "_pagination-summary_x0enz_135"
-};
-function j({
-  currentPage: a,
-  totalPages: l,
-  pageSize: p,
-  onPageChange: r,
+import * as m from "react";
+import j, { DEFAULT_PAGE_SIZE_OPTIONS as O } from "./_utils/computePageSizeOptions.js";
+import '../../assets/index-D5sFw3XA.css';const D = "_active_10ae6_123", a = {
+  "ckds-pagination": "_ckds-pagination_10ae6_1",
+  "pagination-info": "_pagination-info_10ae6_14",
+  "pagination-label": "_pagination-label_10ae6_21",
+  "pagination-select": "_pagination-select_10ae6_27",
+  "pagination-divider": "_pagination-divider_10ae6_64",
+  "pagination-controls": "_pagination-controls_10ae6_70",
+  "pagination-nav-btn": "_pagination-nav-btn_10ae6_78",
+  "pagination-page-btn": "_pagination-page-btn_10ae6_105",
+  active: D,
+  "pagination-ellipsis": "_pagination-ellipsis_10ae6_138",
+  "pagination-summary": "_pagination-summary_10ae6_150"
+}, M = (n) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 5, height: 8, viewBox: "0 0 5 8", fill: "none", ...n }, /* @__PURE__ */ m.createElement("path", { d: "M0.380176 0.380155L3.86768 3.87759L0.380176 7.375", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" })), $ = (n) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 5, height: 8, viewBox: "0 0 5 8", fill: "none", ...n }, /* @__PURE__ */ m.createElement("path", { d: "M3.86738 7.37473L0.379883 3.87729L3.86738 0.379883", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" }));
+function F({
+  currentPage: n,
+  totalPages: o,
+  pageSize: c,
+  onPageChange: d,
   onPageSizeChange: b,
   showPageSizeSelector: v = !1,
-  pageSizeOptions: h = E,
-  totalRecords: t,
-  className: x
+  pageSizeOptions: f = O,
+  totalRecords: l,
+  className: w
 }) {
-  if (!t || t <= 0)
+  if (!l || l <= 0)
     return null;
-  const N = D(
-    t,
-    h
-  ), m = A(a, l), f = (a - 1) * p + 1, u = t ? Math.min(a * p, t) : a * p, y = () => {
-    a > 1 && r(a - 1);
-  }, z = () => {
-    a < l && r(a + 1);
-  }, k = (i) => {
-    const s = Number(i.target.value);
-    s !== a && r(s);
-  }, S = (i) => {
-    const s = Number(i.target.value);
-    s !== p && b && b(s);
-  }, c = !l || l <= 1, _ = a === 1 || c, g = a === l || c, w = v && b;
-  return /* @__PURE__ */ o("div", { className: d(n["ckds-pagination"], x), children: [
-    /* @__PURE__ */ o("div", { className: n["pagination-info"], children: [
-      /* @__PURE__ */ e("span", { className: n["pagination-label"], children: "Page" }),
+  const u = j(
+    l,
+    f
+  ), h = A(n, o), N = (n - 1) * c + 1, k = l ? Math.min(n * c, l) : n * c, x = () => {
+    n > 1 && d(n - 1);
+  }, y = () => {
+    n < o && d(n + 1);
+  }, L = (i) => {
+    const t = Number(i.target.value);
+    t !== n && d(t);
+  }, B = (i) => {
+    const t = Number(i.target.value);
+    t !== c && b && b(t);
+  }, p = !o || o <= 1, g = n === 1 || p, _ = n === o || p, S = v && b;
+  return /* @__PURE__ */ s("div", { className: r(a["ckds-pagination"], w), children: [
+    /* @__PURE__ */ s("div", { className: a["pagination-info"], children: [
+      /* @__PURE__ */ e("span", { className: a["pagination-label"], children: "Page" }),
       /* @__PURE__ */ e(
         "select",
         {
-          className: n["pagination-select"],
-          value: a,
-          onChange: k,
+          className: a["pagination-select"],
+          value: n,
+          onChange: L,
           "aria-label": "Select page number",
-          disabled: c,
-          children: Array.from({ length: l || 1 }, (i, s) => s + 1).map(
+          disabled: p,
+          children: Array.from({ length: o || 1 }, (i, t) => t + 1).map(
             (i) => /* @__PURE__ */ e("option", { value: i, children: i }, i)
           )
         }
       ),
-      /* @__PURE__ */ o("span", { className: n["pagination-label"], children: [
+      /* @__PURE__ */ s("span", { className: a["pagination-label"], children: [
         "of ",
-        l || 1
+        o || 1
       ] })
     ] }),
-    /* @__PURE__ */ o("div", { className: n["pagination-controls"], children: [
-      /* @__PURE__ */ e(
+    /* @__PURE__ */ s("div", { className: a["pagination-controls"], children: [
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          className: d(
-            n["pagination-nav-btn"],
-            _ && n.disabled
+          className: r(
+            a["pagination-nav-btn"],
+            g && a.disabled
           ),
-          onClick: y,
-          disabled: _,
+          onClick: x,
+          disabled: g,
           "aria-label": "Previous page",
-          children: "‹ Previous"
+          children: [
+            /* @__PURE__ */ e($, {}),
+            " ",
+            /* @__PURE__ */ e("span", { children: "Previous" })
+          ]
         }
       ),
-      m.length > 0 ? m.map(
-        (i, s) => i === "..." ? /* @__PURE__ */ e(
+      h.length > 0 ? h.map(
+        (i, t) => i === "..." ? /* @__PURE__ */ e(
           "span",
           {
-            className: n["pagination-ellipsis"],
+            className: a["pagination-ellipsis"],
             children: "..."
           },
-          `ellipsis-${s}`
+          `ellipsis-${t}`
         ) : /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: d(
-              n["pagination-page-btn"],
-              a === i && n.active
+            className: r(
+              a["pagination-page-btn"],
+              n === i && a.active
             ),
-            onClick: () => r(i),
-            disabled: a === i || c,
+            onClick: () => d(i),
+            disabled: n === i || p,
             "aria-label": `Page ${i}`,
-            "aria-current": a === i ? "page" : void 0,
+            "aria-current": n === i ? "page" : void 0,
             children: i
           },
           i
@@ -106,59 +111,63 @@ function j({
         "button",
         {
           type: "button",
-          className: d(
-            n["pagination-page-btn"],
-            n.active
+          className: r(
+            a["pagination-page-btn"],
+            a.active
           ),
           disabled: !0,
           "aria-current": "page",
           children: "1"
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          className: d(
-            n["pagination-nav-btn"],
-            g && n.disabled
+          className: r(
+            a["pagination-nav-btn"],
+            _ && a.disabled
           ),
-          onClick: z,
-          disabled: g,
+          onClick: y,
+          disabled: _,
           "aria-label": "Next page",
-          children: "Next ›"
+          children: [
+            /* @__PURE__ */ e("span", { children: "Next" }),
+            " ",
+            /* @__PURE__ */ e(M, {})
+          ]
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: n["pagination-summary"], children: [
-      w && /* @__PURE__ */ o(O, { children: [
-        /* @__PURE__ */ e("span", { className: n["pagination-label"], children: "Rows per page" }),
+    /* @__PURE__ */ s("div", { className: a["pagination-summary"], children: [
+      S && /* @__PURE__ */ s(E, { children: [
+        /* @__PURE__ */ e("span", { className: a["pagination-label"], children: "Rows per page" }),
         /* @__PURE__ */ e(
           "select",
           {
-            className: n["pagination-select"],
-            value: p,
-            onChange: S,
+            className: a["pagination-select"],
+            value: c,
+            onChange: B,
             "aria-label": "Select rows per page",
-            disabled: c,
-            children: N.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
+            disabled: p,
+            children: u.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
           }
         ),
-        /* @__PURE__ */ e("span", { className: n["pagination-divider"], children: "|" })
+        /* @__PURE__ */ e("span", { className: a["pagination-divider"], children: "|" })
       ] }),
       "Showing",
       " ",
-      /* @__PURE__ */ o("strong", { children: [
-        f,
+      /* @__PURE__ */ s("strong", { children: [
+        N,
         "-",
-        u
+        k
       ] }),
-      t ? ` of ${t}` : "",
+      l ? ` of ${l}` : "",
       " results"
     ] })
   ] });
 }
-j.displayName = "Pagination";
+F.displayName = "Pagination";
 export {
-  j as Pagination
+  F as Pagination
 };

package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
-import { D as v } from "../../../DropdownFooter-B63OOZOS.js";
+import { D as v } from "../../../DropdownFooter-B1d0HFxd.js";
 import "../../Avatar/index.js";
 import "../../CKButton/index.js";
 import "../../IconButton/index.js";
 import "../../Stepper/index.js";
 import "react";
 import "../../../index-BR6M9zUI.js";
-import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-DngCqCGW.css';import '../../../assets/styles-DLJzdWsF.css';import '../../../assets/styles-O-5pBCak.css';import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
+import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-DAqMiQ0N.css';import '../../../assets/styles-DLJzdWsF.css';import '../../../assets/styles-O-5pBCak.css';import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
 import "../../GroupedMultiSelect/_helpers/TagContent.js";
 import "../../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../../GroupedSingleSelect/_helpers/OptionRow.js";

package/dist/components/SingleSelectDropdown/index.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { useState as d, useRef as g, useMemo as V, useEffect as D } from "react";
-import { s as e, D as A } from "../../DropdownFooter-B63OOZOS.js";
+import { s as e, D as A } from "../../DropdownFooter-B1d0HFxd.js";
 import { S as M } from "../../chevron-down-Cm9R64Fe.js";
 import { S as q } from "../../info-icon-ooYw3va_.js";
 import "../Avatar/index.js";
@@ -9,7 +9,7 @@ import "../IconButton/index.js";
 import "../Stepper/index.js";
 import { Tooltip as G } from "../Tooltip/index.js";
 import "../../index-BR6M9zUI.js";
-import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-DngCqCGW.css';import '../../assets/styles-DLJzdWsF.css';import '../../assets/styles-O-5pBCak.css';import '../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                           */
+import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-DAqMiQ0N.css';import '../../assets/styles-DLJzdWsF.css';import '../../assets/styles-O-5pBCak.css';import '../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                           */
 import { RadioButton as H } from "../RadioButton/index.js";
 import { Search as J } from "../Search/index.js";
 import "../GroupedMultiSelect/_helpers/TagContent.js";

package/dist/components/Table/_hooks/useOverlayScrollbar.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Custom overlay scrollbar hook.
+ * Renders absolutely-positioned scrollbar thumbs on top of the table content.
+ * Native scrollbar is hidden via CSS.
+ */
+export declare function useOverlayScrollbar(containerRef: React.RefObject<HTMLDivElement | null>): void;
+//# sourceMappingURL=useOverlayScrollbar.d.ts.map

package/dist/components/Table/_hooks/useOverlayScrollbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayScrollbar.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_hooks/useOverlayScrollbar.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,QAyNvF"}

package/dist/components/Table/_hooks/useOverlayScrollbar.js

@@ -0,0 +1,90 @@
+import { useRef as d, useCallback as Y, useEffect as F } from "react";
+function U(v) {
+  const f = d(null), h = d(null), a = d(null), m = d(null), p = d(null), k = d(!1), b = d(null), T = Y(() => {
+    const e = v.current;
+    if (!e) return;
+    const { scrollTop: o, scrollLeft: u, scrollHeight: t, scrollWidth: n, clientHeight: r, clientWidth: s } = e;
+    if (a.current && f.current && t > r) {
+      const c = a.current.offsetHeight, l = o / (t - r) * (r - c);
+      a.current.style.top = `${l}px`;
+    }
+    if (m.current && h.current && n > s) {
+      const c = m.current.offsetWidth, l = u / (n - s) * (s - c);
+      m.current.style.left = `${l}px`;
+    }
+  }, [v]), E = Y(() => {
+    const e = v.current;
+    if (!e) return;
+    const { scrollTop: o, scrollLeft: u, scrollHeight: t, scrollWidth: n, clientHeight: r, clientWidth: s } = e;
+    if (a.current && f.current)
+      if (t > r) {
+        const c = Math.max(r / t * r, 30), l = o / (t - r) * (r - c);
+        a.current.style.height = `${c}px`, a.current.style.top = `${l}px`, f.current.style.display = "block";
+      } else
+        f.current.style.display = "none";
+    if (m.current && h.current)
+      if (n > s) {
+        const c = Math.max(s / n * s, 30), l = u / (n - s) * (s - c);
+        m.current.style.width = `${c}px`, m.current.style.left = `${l}px`, h.current.style.display = "block";
+      } else
+        h.current.style.display = "none";
+  }, [v]), g = Y(() => {
+    k.current = !0, b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+      k.current = !1;
+    }, 150), p.current && cancelAnimationFrame(p.current), p.current = requestAnimationFrame(T);
+  }, [T]);
+  F(() => {
+    const e = v.current;
+    if (!e) return;
+    const o = document.createElement("div");
+    o.className = "ckds-scrollbar-track-y";
+    const u = document.createElement("div");
+    u.className = "ckds-scrollbar-thumb ckds-scrollbar-thumb-y", o.appendChild(u);
+    const t = document.createElement("div");
+    t.className = "ckds-scrollbar-track-x";
+    const n = document.createElement("div");
+    n.className = "ckds-scrollbar-thumb ckds-scrollbar-thumb-x", t.appendChild(n);
+    const r = e.parentElement;
+    r && (r.appendChild(o), r.parentElement ? r.parentElement.appendChild(t) : r.appendChild(t)), f.current = o, h.current = t, a.current = u, m.current = n, E(), e.addEventListener("scroll", g, { passive: !0 });
+    const s = () => {
+      o.classList.add("ckds-scrollbar-track-visible"), t.classList.add("ckds-scrollbar-track-visible");
+    }, c = () => {
+      o.classList.remove("ckds-scrollbar-track-visible"), t.classList.remove("ckds-scrollbar-track-visible");
+    };
+    e.addEventListener("mouseenter", s), e.addEventListener("mouseleave", c);
+    const l = new ResizeObserver(E);
+    l.observe(e);
+    let L = null;
+    const w = new MutationObserver(() => {
+      k.current || (L && clearTimeout(L), L = setTimeout(E, 50));
+    });
+    w.observe(e, { childList: !0, subtree: !0 });
+    let y = !1, H = 0, W = 0;
+    const D = (i) => {
+      i.preventDefault(), y = !0, H = i.clientY, W = e.scrollTop, document.addEventListener("mousemove", C), document.addEventListener("mouseup", R);
+    }, C = (i) => {
+      if (!y) return;
+      const M = i.clientY - H, X = e.scrollHeight / e.clientHeight;
+      e.scrollTop = W + M * X;
+    }, R = () => {
+      y = !1, document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", R);
+    };
+    u.addEventListener("mousedown", D);
+    let x = !1, $ = 0, O = 0;
+    const S = (i) => {
+      i.preventDefault(), x = !0, $ = i.clientX, O = e.scrollLeft, document.addEventListener("mousemove", N), document.addEventListener("mouseup", A);
+    }, N = (i) => {
+      if (!x) return;
+      const M = i.clientX - $, X = e.scrollWidth / e.clientWidth;
+      e.scrollLeft = O + M * X;
+    }, A = () => {
+      x = !1, document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", A);
+    };
+    return n.addEventListener("mousedown", S), () => {
+      e.removeEventListener("scroll", g), e.removeEventListener("mouseenter", s), e.removeEventListener("mouseleave", c), l.disconnect(), w.disconnect(), L && clearTimeout(L), b.current && clearTimeout(b.current), u.removeEventListener("mousedown", D), n.removeEventListener("mousedown", S), p.current && cancelAnimationFrame(p.current), o.remove(), t.remove();
+    };
+  }, [v, E, T, g]);
+}
+export {
+  U as useOverlayScrollbar
+};

package/dist/components/Table/_utils/table.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.utils.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_utils/table.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAsDzD,eAAO,MAAM,gBAAgB,GAAI,KAAK,EACpC,SAAS,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EACjC,wBAAmB,EACnB,eAAe,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACpC,MAcF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,EACrC,QAAQ,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAC9B,SAAS,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EACjC,eAAe,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACpC,KAAK,CAAC,aAmBR,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,EACtC,SAAS,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EACjC,YAAY,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EACpC,eAAe,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACpC,KAAK,CAAC,aAqBR,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,KAAK,EAC/B,QAAQ,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAC9B,OAAO,KAAK,CAAC,KAAK,CAAC,EACnB,kBAAiB,MAAU,KAC1B,KAAK,CAAC,aA0BR,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,IAelF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,KAAK,EACxC,aAAa,WAAW,CAAC,KAAK,CAAC,EAC/B,eAAe,WAAW,CAAC,KAAK,CAAC,KAChC,OAaF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,KAAK,EACxC,aAAa,WAAW,CAAC,KAAK,CAAC,EAC/B,aAAa,WAAW,CAAC,KAAK,CAAC,KAC9B,OAYF,CAAC"}
+{"version":3,"file":"table.utils.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_utils/table.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAsDzD,eAAO,MAAM,gBAAgB,GAAI,KAAK,EACpC,SAAS,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EACjC,wBAAmB,EACnB,eAAe,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACpC,MAcF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,EACrC,QAAQ,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAC9B,SAAS,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EACjC,eAAe,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACpC,KAAK,CAAC,aAmBR,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,EACtC,SAAS,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EACjC,YAAY,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EACpC,eAAe,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACpC,KAAK,CAAC,aAqBR,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,KAAK,EAC/B,QAAQ,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAC9B,OAAO,KAAK,CAAC,KAAK,CAAC,EACnB,kBAAiB,MAAU,KAC1B,KAAK,CAAC,aAwBR,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,IAelF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,KAAK,EACxC,aAAa,WAAW,CAAC,KAAK,CAAC,EAC/B,eAAe,WAAW,CAAC,KAAK,CAAC,KAChC,OAaF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,KAAK,EACxC,aAAa,WAAW,CAAC,KAAK,CAAC,EAC/B,aAAa,WAAW,CAAC,KAAK,CAAC,KAC9B,OAYF,CAAC"}

package/dist/components/Table/_utils/table.utils.js

@@ -1,68 +1,63 @@
-const x = (t) => typeof t == "number" ? `${t}px` : t, u = (t, e) => e?.[t.id] !== void 0, l = (t) => t.columnDef.minWidth, p = (t) => {
-  const e = l(t);
+const p = (t) => typeof t == "number" ? `${t}px` : t, u = (t, e) => e?.[t.id] !== void 0, h = (t) => t.columnDef.minWidth, a = (t) => {
+  const e = h(t);
   return typeof e == "number" ? e : 100;
 }, c = (t, e) => {
-  const s = l(t);
+  const s = h(t);
   if (s !== void 0) return s;
   if (u(t, e))
     return Math.max(e?.[t.id] ?? 100, 100);
-}, a = (t, e) => {
-  const s = t.map((r) => c(r, e)).filter((r) => r !== void 0).map(x), i = t.filter(
-    (r) => c(r, e) === void 0
+}, m = (t, e) => {
+  const s = t.map((n) => c(n, e)).filter((n) => n !== void 0).map(p), i = t.filter(
+    (n) => c(n, e) === void 0
   ).length;
   return i <= 0 ? "0px" : s.length === 0 ? `${100 / i}%` : `max(0px, calc((100% - ${s.join(" - ")}) / ${i}))`;
 }, y = (t, e = 0, s) => {
-  const i = t.map((o) => c(o, s)).filter((o) => o !== void 0).map(x), r = t.filter((o) => c(o, s) === void 0).map((o) => `${p(o)}px`), n = e > 0 ? [`${e}px`, ...i, ...r] : [...i, ...r];
-  return n.length === 0 ? "100%" : `max(100%, calc(${n.join(" + ")}))`;
+  const i = t.map((r) => c(r, s)).filter((r) => r !== void 0).map(p), n = t.filter((r) => c(r, s) === void 0).map((r) => `${a(r)}px`), o = e > 0 ? [`${e}px`, ...i, ...n] : [...i, ...n];
+  return o.length === 0 ? "100%" : `max(100%, calc(${o.join(" + ")}))`;
 }, W = (t, e, s) => {
   const i = c(t, s);
   if (i !== void 0) {
-    const n = x(i);
+    const o = p(i);
     return {
-      width: n,
-      minWidth: n,
-      maxWidth: n,
-      flex: `0 0 ${n}`
+      width: o,
+      minWidth: o,
+      maxWidth: o,
+      flex: `0 0 ${o}`
     };
   }
-  const r = a(e, s);
+  const n = m(e, s);
   return {
-    width: r,
+    width: n,
     minWidth: "100px",
-    flex: `1 1 ${r}`
+    flex: `1 1 ${n}`
   };
 }, T = (t, e, s) => {
-  const i = a(e, s), r = t.map((h) => {
-    const d = c(h, s);
-    return d === void 0 ? i : x(d);
-  }), n = t.map((h) => {
-    const d = c(h, s);
-    return d === void 0 ? `${p(h)}px` : x(d);
-  }), o = r.length ? `calc(${r.join(" + ")})` : "0px", m = n.length ? `calc(${n.join(" + ")})` : "0px";
+  const i = m(e, s), n = t.map((d) => {
+    const x = c(d, s);
+    return x === void 0 ? i : p(x);
+  }), o = t.map((d) => {
+    const x = c(d, s);
+    return x === void 0 ? `${a(d)}px` : p(x);
+  }), r = n.length ? `calc(${n.join(" + ")})` : "0px", l = o.length ? `calc(${o.join(" + ")})` : "0px";
   return {
-    width: o,
-    minWidth: m,
-    maxWidth: o,
-    flex: `0 0 ${o}`
+    width: r,
+    minWidth: l,
+    maxWidth: r,
+    flex: `0 0 ${r}`
   };
 }, w = (t, e, s = 0) => {
   const i = t.getIsPinned();
   if (!i) return {};
-  let r = !0;
-  if (e)
-    if (i === "left") {
-      const n = e.getLeftLeafColumns();
-      r = n[n.length - 1]?.id === t.id;
-    } else i === "right" && (r = e.getRightLeafColumns()[0]?.id === t.id);
+  const n = i === "left" ? e?.getLeftLeafColumns() ?? [] : [], o = n.findIndex((d) => d.id === t.id), r = i === "left" ? 10 + (n.length - o) : 2, l = i === "left" ? { boxShadow: "5px 0px 11px 0px rgba(0,0,0,0.06)", clipPath: "inset(0 -15px 0 0)" } : { boxShadow: "-5px 0px 11px 0px rgba(0,0,0,0.06)", clipPath: "inset(0 0 0 -15px)" };
   return {
     position: "sticky",
     left: i === "left" ? `${t.getStart("left") + s}px` : void 0,
     right: i === "right" ? `${t.getAfter("right")}px` : void 0,
     opacity: 1,
-    zIndex: 2,
-    boxShadow: r ? i === "left" ? "5px 0px 11px 0px #0000000F" : "-5px 0px 11px 0px #0000000F" : "none"
+    zIndex: r,
+    ...l
   };
-}, L = (t, e) => {
+}, I = (t, e) => {
   try {
     const s = localStorage.getItem(t), i = s ? JSON.parse(s) : {};
     localStorage.setItem(
@@ -83,5 +78,5 @@ export {
   S as isTableConfigChanged,
   N as isTableConfigDefault,
   w as pinnedStyle,
-  L as saveToLocalStorage
+  I as saveToLocalStorage
 };

package/dist/components/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/index.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EACV,gBAAgB,EAMjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,eAAe,CAAC;AAavB,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3F,MAAgD,EAChD,IAAS,EACT,SAAmB,EACnB,cAAsB,EACtB,kBAAuB,EACvB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,cAAc,EACd,SAAiB,GAClB,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CAuuBzB;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/index.tsx"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EACV,gBAAgB,EAMjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,eAAe,CAAC;AAmCvB,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3F,MAAgD,EAChD,IAAS,EACT,SAAmB,EACnB,cAAsB,EACtB,kBAAuB,EACvB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,cAAc,EACd,SAAiB,GAClB,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CAmvBzB;AAED,eAAe,WAAW,CAAC"}