ia-table 0.15.0 → 0.15.1

package/dist/pivot.d.ts

@@ -934,6 +934,7 @@ declare type SmartGridCellRendererParams = {
     rightLabel?: string;
     splits?: SmartGridColumnDefinition[];
     isEnableResetButton?: boolean;
+    placeholder?: string;
 } & Record<string, unknown>;
 
 declare interface SmartGridCellValueChangedParams {

package/dist/pivot.js

@@ -3,7 +3,7 @@ import { jsxs as t, jsx as e, Fragment as Y } from "react/jsx-runtime";
 import * as j from "react";
 import q, { useState as D, useCallback as c, useMemo as V, useRef as Q, useEffect as J } from "react";
 import { S as X, g as E, b as ve, T as pe, B as G, C as U, R as oe, M as He, I as de, c as ee } from "./RadioGroup-Cv9QL-Yd.js";
-import { S as Ze, d as K, c as qe, a as ue, e as Ue, b as We } from "./right-arrow-5CR5OWUs.js";
+import { S as Ze, d as K, c as qe, a as ue, e as Ue, b as We } from "./right-arrow-C7mpExx-.js";
 import { createPortal as Qe } from "react-dom";
 const Je = ({
   title: l,

package/dist/{right-arrow-5CR5OWUs.js → right-arrow-C7mpExx-.js}

@@ -2,16 +2,16 @@
 import * as m from "react";
 import { useEffect as L, memo as ae, useRef as Y, useState as Z, useCallback as B, useMemo as ne } from "react";
 import { jsxs as M, jsx as f } from "react/jsx-runtime";
-import { createPortal as re } from "react-dom";
-import { S as oe, N as le, O as se } from "./RadioGroup-Cv9QL-Yd.js";
-const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 8 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ m.createElement("path", { d: "M1.99902 8.66675C2.45611 8.66675 2.83283 9.04271 2.83301 9.49976C2.83301 9.95695 2.45621 10.3337 1.99902 10.3337C1.54198 10.3336 1.16602 9.95684 1.16602 9.49976C1.16619 9.04282 1.54209 8.66693 1.99902 8.66675ZM5.99902 8.66675C6.45611 8.66675 6.83283 9.04271 6.83301 9.49976C6.83301 9.95695 6.45621 10.3337 5.99902 10.3337C5.54198 10.3336 5.16602 9.95684 5.16602 9.49976C5.16619 9.04282 5.54209 8.66693 5.99902 8.66675ZM1.99902 4.66675C2.45611 4.66675 2.83283 5.04271 2.83301 5.49976C2.83301 5.95695 2.45621 6.33374 1.99902 6.33374C1.54198 6.33356 1.16602 5.95684 1.16602 5.49976C1.16619 5.04282 1.54209 4.66693 1.99902 4.66675ZM5.99902 4.66675C6.45611 4.66675 6.83283 5.04271 6.83301 5.49976C6.83301 5.95695 6.45621 6.33374 5.99902 6.33374C5.54198 6.33356 5.16602 5.95684 5.16602 5.49976C5.16619 5.04282 5.54209 4.66693 5.99902 4.66675ZM1.99902 0.666748C2.45611 0.666748 2.83283 1.04271 2.83301 1.49976C2.83301 1.95695 2.45621 2.33374 1.99902 2.33374C1.54198 2.33356 1.16602 1.95684 1.16602 1.49976C1.16619 1.04282 1.54209 0.666926 1.99902 0.666748ZM5.99902 0.666748C6.45611 0.666748 6.83283 1.04271 6.83301 1.49976C6.83301 1.95695 6.45621 2.33374 5.99902 2.33374C5.54198 2.33356 5.16602 1.95684 5.16602 1.49976C5.16619 1.04282 5.54209 0.666926 5.99902 0.666748Z", fill: "currentColor", stroke: "currentColor" })), ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ m.createElement("path", { d: "M7.15604 14.8024C7.0149 14.6706 6.94434 14.5146 6.94434 14.3344C6.94434 14.1545 7.0149 13.9987 7.15604 13.8669L11.2913 10.0066L7.14192 6.13307C7.0102 6.0101 6.94434 5.85639 6.94434 5.67194C6.94434 5.48748 7.0149 5.32938 7.15604 5.19763C7.29717 5.06588 7.46427 5 7.65735 5C7.85004 5 8.01696 5.06588 8.15809 5.19763L12.9002 9.63768C12.9567 9.69038 12.9967 9.74747 13.0204 9.80896C13.0438 9.87044 13.0554 9.93632 13.0554 10.0066C13.0554 10.0769 13.0438 10.1427 13.0204 10.2042C12.9967 10.2657 12.9567 10.3228 12.9002 10.3755L8.14398 14.8155C8.01225 14.9385 7.85004 15 7.65735 15C7.46427 15 7.29717 14.9341 7.15604 14.8024Z", fill: "#60697D" })), ie = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ m.createElement("path", { d: "M5.35163 10.7033C3.85592 10.7033 2.59005 10.1852 1.55403 9.14923C0.51801 8.11321 0 6.84734 0 5.35163C0 3.85592 0.51801 2.59005 1.55403 1.55403C2.59005 0.51801 3.85592 0 5.35163 0C6.84734 0 8.11321 0.51801 9.14923 1.55403C10.1852 2.59005 10.7033 3.85592 10.7033 5.35163C10.7033 5.9554 10.6072 6.52487 10.4151 7.06003C10.223 7.5952 9.96226 8.06861 9.63293 8.48027L13.7736 12.6209C13.9245 12.7719 14 12.964 14 13.1973C14 13.4305 13.9245 13.6226 13.7736 13.7736C13.6226 13.9245 13.4305 14 13.1973 14C12.964 14 12.7719 13.9245 12.6209 13.7736L8.48027 9.63293C8.06861 9.96226 7.5952 10.223 7.06003 10.4151C6.52487 10.6072 5.9554 10.7033 5.35163 10.7033ZM5.35163 9.0566C6.38079 9.0566 7.25557 8.6964 7.97599 7.97599C8.6964 7.25557 9.0566 6.38079 9.0566 5.35163C9.0566 4.32247 8.6964 3.44768 7.97599 2.72727C7.25557 2.00686 6.38079 1.64666 5.35163 1.64666C4.32247 1.64666 3.44768 2.00686 2.72727 2.72727C2.00686 3.44768 1.64666 4.32247 1.64666 5.35163C1.64666 6.38079 2.00686 7.25557 2.72727 7.97599C3.44768 8.6964 4.32247 9.0566 5.35163 9.0566Z", fill: "#60697D" })), fe = ({ inputRef: c, onChange: p, type: a, placeholder: u, value: v }) => /* @__PURE__ */ M("div", { className: "ia-table-select-search d-flex align-items-center", children: [
+import { createPortal as oe } from "react-dom";
+import { S as re, N as le, O as se } from "./RadioGroup-Cv9QL-Yd.js";
+const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 8 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ m.createElement("path", { d: "M1.99902 8.66675C2.45611 8.66675 2.83283 9.04271 2.83301 9.49976C2.83301 9.95695 2.45621 10.3337 1.99902 10.3337C1.54198 10.3336 1.16602 9.95684 1.16602 9.49976C1.16619 9.04282 1.54209 8.66693 1.99902 8.66675ZM5.99902 8.66675C6.45611 8.66675 6.83283 9.04271 6.83301 9.49976C6.83301 9.95695 6.45621 10.3337 5.99902 10.3337C5.54198 10.3336 5.16602 9.95684 5.16602 9.49976C5.16619 9.04282 5.54209 8.66693 5.99902 8.66675ZM1.99902 4.66675C2.45611 4.66675 2.83283 5.04271 2.83301 5.49976C2.83301 5.95695 2.45621 6.33374 1.99902 6.33374C1.54198 6.33356 1.16602 5.95684 1.16602 5.49976C1.16619 5.04282 1.54209 4.66693 1.99902 4.66675ZM5.99902 4.66675C6.45611 4.66675 6.83283 5.04271 6.83301 5.49976C6.83301 5.95695 6.45621 6.33374 5.99902 6.33374C5.54198 6.33356 5.16602 5.95684 5.16602 5.49976C5.16619 5.04282 5.54209 4.66693 5.99902 4.66675ZM1.99902 0.666748C2.45611 0.666748 2.83283 1.04271 2.83301 1.49976C2.83301 1.95695 2.45621 2.33374 1.99902 2.33374C1.54198 2.33356 1.16602 1.95684 1.16602 1.49976C1.16619 1.04282 1.54209 0.666926 1.99902 0.666748ZM5.99902 0.666748C6.45611 0.666748 6.83283 1.04271 6.83301 1.49976C6.83301 1.95695 6.45621 2.33374 5.99902 2.33374C5.54198 2.33356 5.16602 1.95684 5.16602 1.49976C5.16619 1.04282 5.54209 0.666926 5.99902 0.666748Z", fill: "currentColor", stroke: "currentColor" })), ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ m.createElement("path", { d: "M7.15604 14.8024C7.0149 14.6706 6.94434 14.5146 6.94434 14.3344C6.94434 14.1545 7.0149 13.9987 7.15604 13.8669L11.2913 10.0066L7.14192 6.13307C7.0102 6.0101 6.94434 5.85639 6.94434 5.67194C6.94434 5.48748 7.0149 5.32938 7.15604 5.19763C7.29717 5.06588 7.46427 5 7.65735 5C7.85004 5 8.01696 5.06588 8.15809 5.19763L12.9002 9.63768C12.9567 9.69038 12.9967 9.74747 13.0204 9.80896C13.0438 9.87044 13.0554 9.93632 13.0554 10.0066C13.0554 10.0769 13.0438 10.1427 13.0204 10.2042C12.9967 10.2657 12.9567 10.3228 12.9002 10.3755L8.14398 14.8155C8.01225 14.9385 7.85004 15 7.65735 15C7.46427 15 7.29717 14.9341 7.15604 14.8024Z", fill: "#60697D" })), ie = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ m.createElement("path", { d: "M5.35163 10.7033C3.85592 10.7033 2.59005 10.1852 1.55403 9.14923C0.51801 8.11321 0 6.84734 0 5.35163C0 3.85592 0.51801 2.59005 1.55403 1.55403C2.59005 0.51801 3.85592 0 5.35163 0C6.84734 0 8.11321 0.51801 9.14923 1.55403C10.1852 2.59005 10.7033 3.85592 10.7033 5.35163C10.7033 5.9554 10.6072 6.52487 10.4151 7.06003C10.223 7.5952 9.96226 8.06861 9.63293 8.48027L13.7736 12.6209C13.9245 12.7719 14 12.964 14 13.1973C14 13.4305 13.9245 13.6226 13.7736 13.7736C13.6226 13.9245 13.4305 14 13.1973 14C12.964 14 12.7719 13.9245 12.6209 13.7736L8.48027 9.63293C8.06861 9.96226 7.5952 10.223 7.06003 10.4151C6.52487 10.6072 5.9554 10.7033 5.35163 10.7033ZM5.35163 9.0566C6.38079 9.0566 7.25557 8.6964 7.97599 7.97599C8.6964 7.25557 9.0566 6.38079 9.0566 5.35163C9.0566 4.32247 8.6964 3.44768 7.97599 2.72727C7.25557 2.00686 6.38079 1.64666 5.35163 1.64666C4.32247 1.64666 3.44768 2.00686 2.72727 2.72727C2.00686 3.44768 1.64666 4.32247 1.64666 5.35163C1.64666 6.38079 2.00686 7.25557 2.72727 7.97599C3.44768 8.6964 4.32247 9.0566 5.35163 9.0566Z", fill: "#60697D" })), fe = ({ inputRef: c, onChange: p, type: a, placeholder: u, value: w }) => /* @__PURE__ */ M("div", { className: "ia-table-select-search d-flex align-items-center", children: [
   /* @__PURE__ */ f(ie, { className: "icon-10" }),
   /* @__PURE__ */ f(
     "input",
     {
       ref: c,
       type: a,
-      value: v,
+      value: w,
       placeholder: u,
       className: "ia-table-select-search-input",
       onChange: p,
@@ -20,22 +20,23 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
   )
 ] }), de = (c, p, a) => {
   L(() => {
-    var v;
-    const u = (v = a == null ? void 0 : a.getTableInstance) == null ? void 0 : v.call(a);
+    var w;
+    const u = (w = a == null ? void 0 : a.getTableInstance) == null ? void 0 : w.call(a);
     if (c && p && (u != null && u.current)) {
       const k = u.current.querySelectorAll(
-        ".ia-table-frozen-scroll-container, .ia-table-right-pinned-scroll-container, .ia-table-normal-scroll-container"
+        ".ia-table-frozen-scroll-container, .ia-table-right-pinned-scroll-container, .ia-table-normal-scroll-container, .ia-table-normal-columns-section"
       ), j = Array.from(
         k
-      ).map((s) => ({
-        element: s,
-        overflow: s.style.overflow
+      ).map((r) => ({
+        element: r,
+        overflow: r.style.overflow,
+        "overflow-y": r.style.overflowY
       }));
-      return k.forEach((s) => {
-        s.style.overflow = "hidden";
+      return k.forEach((r) => {
+        r.style.overflow = "hidden";
       }), () => {
-        j.forEach((s) => {
-          s.element.style.overflow = s.overflow;
+        j.forEach((r) => {
+          r.element.style.overflow = r.overflow, r.element.style.overflowY = r["overflow-y"];
         });
       };
     }
@@ -45,29 +46,29 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
   width: p = "100%",
   selectedOptions: a,
   setSelectedOptions: u,
-  isDisabled: v = !1,
+  isDisabled: w = !1,
   isOpen: k = void 0,
   setIsOpen: j = void 0,
-  initialOptions: s = [],
+  initialOptions: r = [],
   withPortal: d = !1,
   className: z = "",
   isMulti: b = !1,
   currentOptions: $,
   setCurrentOptions: N,
-  onBlur: x,
+  onBlur: y,
   isCellRenderer: g = !1,
   tableApi: i = null,
   lazyLoadCellRenderer: q = !1,
   isEnableResetButton: W = !0
 }) => {
-  const y = Y(null), V = Y(null), A = Y(null), [X, F] = Z(!1), [G, J] = Z(""), [C, P] = Z(null), [T, D] = Z(-1), [Q, K] = Z(s), H = $ || Q || s, l = k !== void 0 ? k : X, h = j || F;
-  de(l, g, i);
+  const x = Y(null), V = Y(null), A = Y(null), [F, G] = Z(!1), [J, Q] = Z(""), [C, P] = Z(null), [T, D] = Z(-1), [R, K] = Z(r), H = $ || R || r, s = k !== void 0 ? k : F, h = j || G;
+  de(s, g, i);
   const S = B(() => {
-    if (y.current) {
-      const t = y.current.getBoundingClientRect(), n = 250, r = window.innerHeight - t.bottom, o = t.top, e = r < n && o > r;
+    if (x.current) {
+      const t = x.current.getBoundingClientRect(), n = 250, o = window.innerHeight - t.bottom, l = t.top, e = o < n && l > o;
       return {
-        top: e ? t.top + window.scrollY - n : t.bottom + window.scrollY,
-        left: t.left + window.scrollX,
+        top: e ? t.top - n : t.bottom,
+        left: t.left,
         width: t.width,
         openAbove: e
       };
@@ -83,66 +84,66 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
       h(q);
     }
   }, [q, d, S]), L(() => {
-    if (l && d) {
+    if (s && d) {
       const t = S();
       t && P(t);
     }
-  }, [l, d, S]), L(() => {
-    const t = (r) => {
-      y.current && !y.current.contains(r.target) && V.current && !V.current.contains(r.target) && (h(!1), x && x(), g && (i != null && i.tableId) && (window.iaTablePortalOpen || (window.iaTablePortalOpen = {}), window.iaTablePortalOpen[i.tableId] = !1));
+  }, [s, d, S]), L(() => {
+    const t = (o) => {
+      x.current && !x.current.contains(o.target) && V.current && !V.current.contains(o.target) && (h(!1), y && y(), g && (i != null && i.tableId) && (window.iaTablePortalOpen || (window.iaTablePortalOpen = {}), window.iaTablePortalOpen[i.tableId] = !1));
     }, n = () => {
-      if (l && d) {
-        const r = S();
-        r && P(r);
+      if (s && d) {
+        const o = S();
+        o && P(o);
       }
     };
-    return l && (document.addEventListener("mousedown", t), d && (window.addEventListener("scroll", n, !0), window.addEventListener("resize", n))), () => {
+    return s && (document.addEventListener("mousedown", t), d && (window.addEventListener("scroll", n, !0), window.addEventListener("resize", n))), () => {
       document.removeEventListener("mousedown", t), d && (window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n));
     };
   }, [
-    l,
+    s,
     h,
     d,
     g,
-    x,
+    y,
     i,
     S
   ]), L(() => {
-    l && A.current && (A.current.focus(), D(-1));
-  }, [l]), L(() => {
-    $ || s && s.length > 0 && K(s);
-  }, [s, $, N]);
-  const R = B(
+    s && A.current && (A.current.focus(), D(-1));
+  }, [s]), L(() => {
+    $ || r && r.length > 0 && K(r);
+  }, [r, $, N]);
+  const X = B(
     (t) => {
-      if (t.stopPropagation(), !v) {
-        if (!l && d) {
-          const r = S();
-          r && P(r);
+      if (t.stopPropagation(), !w) {
+        if (!s && d) {
+          const o = S();
+          o && P(o);
         }
         const n = t.currentTarget.dataset.keyboardshortcut;
-        h(n ? !1 : !l), (l && x || n && x) && x();
+        h(n ? !1 : !s), (s && y || n && y) && y();
       }
     },
     [
-      v,
-      l,
+      w,
+      s,
       h,
       d,
       S,
-      x
+      y
     ]
   ), U = B(
     (t) => {
       if (b)
-        if (Array.isArray(a) && a.some((r) => r.value === t.value))
+        if (Array.isArray(a) && a.some((o) => o.value === t.value))
           u(
             a.filter(
-              (r) => r.value !== t.value
+              (o) => o.value !== t.value
             )
           );
         else {
-          const r = Array.isArray(a) ? a : [];
-          u([...r, t]);
+          const o = Array.isArray(a) ? a : [];
+          u([...o, t]);
         }
       else
         u(t), h(!1), g && (i != null && i.tableId) && (window.iaTablePortalOpen || (window.iaTablePortalOpen = {}), window.iaTablePortalOpen[i.tableId] = !1);
@@ -151,49 +152,49 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
   ), _ = B(
     (t) => {
       const n = t.target.value.toLowerCase();
-      J(n), D(-1);
-      const r = $ || s;
+      Q(n), D(-1);
+      const o = $ || r;
       if (n) {
-        const o = r.filter((e) => e.label && typeof e.label == "string" ? e.label.toLowerCase().includes(n) : e.value && typeof e.value == "string" ? e.value.toLowerCase().includes(n) : e.label && typeof e.label == "number" ? e.label == Number(n) : e.value && typeof e.value == "number" ? e.value == Number(n) : !1);
-        N ? N(o) : K(o);
+        const l = o.filter((e) => e.label && typeof e.label == "string" ? e.label.toLowerCase().includes(n) : e.value && typeof e.value == "string" ? e.value.toLowerCase().includes(n) : e.label && typeof e.label == "number" ? e.label == Number(n) : e.value && typeof e.value == "number" ? e.value == Number(n) : !1);
+        N ? N(l) : K(l);
       } else
-        N ? N(s) : K(s);
+        N ? N(r) : K(r);
     },
-    [s, $, N]
+    [r, $, N]
   );
   L(() => {
-    if (!l) return;
+    if (!s) return;
     const t = (n) => {
-      const r = H.filter((o) => !o.isDisabled);
+      const o = H.filter((l) => !l.isDisabled);
       switch (n.key) {
         case "ArrowDown":
-          n.preventDefault(), n.stopPropagation(), D((o) => {
-            const e = o < r.length - 1 ? o + 1 : 0;
+          n.preventDefault(), n.stopPropagation(), D((l) => {
+            const e = l < o.length - 1 ? l + 1 : 0;
             return setTimeout(() => {
               var E;
-              const w = (E = V.current) == null ? void 0 : E.querySelector(
+              const v = (E = V.current) == null ? void 0 : E.querySelector(
                 `[data-option-index="${e}"]`
               );
-              w == null || w.scrollIntoView({ block: "nearest" });
+              v == null || v.scrollIntoView({ block: "nearest" });
             }, 0), e;
           });
           break;
         case "ArrowUp":
-          n.preventDefault(), n.stopPropagation(), D((o) => {
-            const e = o > 0 ? o - 1 : r.length - 1;
+          n.preventDefault(), n.stopPropagation(), D((l) => {
+            const e = l > 0 ? l - 1 : o.length - 1;
             return setTimeout(() => {
               var E;
-              const w = (E = V.current) == null ? void 0 : E.querySelector(
+              const v = (E = V.current) == null ? void 0 : E.querySelector(
                 `[data-option-index="${e}"]`
               );
-              w == null || w.scrollIntoView({ block: "nearest" });
+              v == null || v.scrollIntoView({ block: "nearest" });
             }, 0), e;
           });
           break;
         case "Enter":
-          if (n.preventDefault(), n.stopPropagation(), T >= 0 && T < r.length) {
-            const o = r[T];
-            o && !o.isDisabled && U(o);
+          if (n.preventDefault(), n.stopPropagation(), T >= 0 && T < o.length) {
+            const l = o[T];
+            l && !l.isDisabled && U(l);
           }
           break;
         case "Escape":
@@ -205,7 +206,7 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
       document.removeEventListener("keydown", t);
     };
   }, [
-    l,
+    s,
     H,
     T,
     U,
@@ -214,12 +215,12 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
     i
   ]);
   const O = ne(() => {
-    if (!l || !y.current) return !1;
-    const t = y.current.getBoundingClientRect(), n = 250, r = window.innerHeight - t.bottom, o = t.top;
-    return r < n && o > r;
-  }, [l]), ee = `ia-table-select-container d-flex justify-content-between align-items-center ${v ? "ia-table-select-disabled" : ""} ${l ? "ia-table-select-open" : ""} ${g ? "ia-table-selectrenderer" : ""} ${z}`, te = () => {
-    var o;
-    const t = H.filter((e) => !e.isDisabled), n = d ? C == null ? void 0 : C.openAbove : O, r = /* @__PURE__ */ M(
+    if (!s || !x.current) return !1;
+    const t = x.current.getBoundingClientRect(), n = 250, o = window.innerHeight - t.bottom, l = t.top;
+    return o < n && l > o;
+  }, [s]), ee = `ia-table-select-container d-flex justify-content-between align-items-center ${w ? "ia-table-select-disabled" : ""} ${s ? "ia-table-select-open" : ""} ${g ? "ia-table-selectrenderer" : ""} ${z}`, te = () => {
+    var l;
+    const t = H.filter((e) => !e.isDisabled), n = d ? C == null ? void 0 : C.openAbove : O, o = /* @__PURE__ */ M(
       "div",
       {
         ref: V,
@@ -227,9 +228,9 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
         onClick: (e) => e.stopPropagation(),
         style: {
           ...d && C ? {
-            position: "absolute",
+            position: "fixed",
             top: C.openAbove ? "auto" : `${C.top}px`,
-            bottom: C.openAbove ? `${window.innerHeight - (((o = y.current) == null ? void 0 : o.getBoundingClientRect().top) || 0)}px` : "auto",
+            bottom: C.openAbove ? `${window.innerHeight - (((l = x.current) == null ? void 0 : l.getBoundingClientRect().top) || 0)}px` : "auto",
             left: `${C.left}px`,
             width: `${C.width}px`
           } : { width: p }
@@ -240,19 +241,19 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
             {
               inputRef: A,
               type: "text",
-              value: G,
+              value: J,
               onChange: _,
               placeholder: "Search here..."
             }
           ),
           /* @__PURE__ */ f("div", { className: "ia-table-select-options d-flex flex-column gap-2", children: H && H.length > 0 ? H.map((e) => {
-            const w = t.findIndex(
+            const v = t.findIndex(
               (I) => I.value === e.value
-            ), E = w === T;
+            ), E = v === T;
             return /* @__PURE__ */ M(
               "div",
               {
-                "data-option-index": w,
+                "data-option-index": v,
                 className: `ia-table-select-option cursor-pointer d-flex align-items-center gap-6 ${b ? Array.isArray(a) && a.some(
                   (I) => I.value === e.value
                 ) ? "ia-table-select-option-selected" : "" : a && !Array.isArray(a) && a.value === e.value ? "ia-table-select-option-selected" : ""} ${e.isDisabled ? "ia-table-option-disabled" : ""} ${E ? "ia-table-select-option-highlighted" : ""}`,
@@ -260,7 +261,7 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
                   I.stopPropagation(), e.isDisabled || U(e);
                 },
                 onMouseEnter: () => {
-                  e.isDisabled || D(w);
+                  e.isDisabled || D(v);
                 },
                 onMouseLeave: () => {
                   e.isDisabled || D(-1);
@@ -278,21 +279,21 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
         ]
       }
     );
-    return d ? re(r, document.body) : r;
+    return d ? oe(o, document.body) : o;
   };
   return /* @__PURE__ */ M(
     "div",
     {
-      className: `ia-table-selectbox-container ${g && v ? "ia-table-cell-render-select-disabled" : ""}`,
+      className: `ia-table-selectbox-container ${g && w ? "ia-table-cell-render-select-disabled" : ""}`,
       style: { width: p },
       children: [
         c && /* @__PURE__ */ f("label", { className: "ia-table-select-label", children: c }),
         /* @__PURE__ */ M(
           "div",
           {
-            ref: y,
+            ref: x,
             className: ee,
-            onClick: R,
+            onClick: X,
             children: [
               /* @__PURE__ */ f("div", { className: "ia-table-select-value", children: a ? b ? Array.isArray(a) && a.length > 0 ? a.length === 1 ? a[0].label : `${a.length} items selected` : "Select" : Array.isArray(a) ? "Select" : a.label : b ? "Select" : "Select an option" }),
               (b ? Array.isArray(a) && a.length > 0 : a) && W && /* @__PURE__ */ f(
@@ -302,7 +303,7 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
                   onClick: (t) => {
                     t.stopPropagation(), u([]);
                   },
-                  children: /* @__PURE__ */ f(oe, { className: "icon-10" })
+                  children: /* @__PURE__ */ f(re, { className: "icon-10" })
                 }
               ),
               /* @__PURE__ */ f(
@@ -315,7 +316,7 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
                   children: /* @__PURE__ */ f(
                     ce,
                     {
-                      className: `icon-16 ${l ? "ia-table-rotate-270" : "ia-table-rotate-90"}`
+                      className: `icon-16 ${s ? "ia-table-rotate-270" : "ia-table-rotate-90"}`
                     }
                   )
                 }
@@ -323,18 +324,18 @@ const Ce = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height:
             ]
           }
         ),
-        l && te()
+        s && te()
       ]
     }
   );
-}, he = ae(ue), be = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ m.createElement("path", { d: "M3.62057 16C3.15514 16 2.75754 15.8327 2.42777 15.498C2.09814 15.1632 1.93333 14.7595 1.93333 14.287V2.25959H1V0.838165H5.2V0H10.8V0.838165H15V2.25959H14.0667V14.287C14.0667 14.7657 13.9033 15.1708 13.5767 15.5025C13.25 15.8342 12.8509 16 12.3794 16H3.62057ZM12.6667 2.25959H3.33333V14.287C3.33333 14.3721 3.36024 14.442 3.41407 14.4966C3.46789 14.5513 3.53672 14.5786 3.62057 14.5786H12.3794C12.4513 14.5786 12.5171 14.5482 12.5768 14.4874C12.6367 14.4267 12.6667 14.3599 12.6667 14.287V2.25959ZM5.57707 12.6833H6.97683V4.15482H5.57707V12.6833ZM9.02317 12.6833H10.4229V4.15482H9.02317V12.6833Z", fill: "#B4BAC7" })), xe = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 6 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ m.createElement("path", { d: "M0.725024 8.3419C0.612116 8.23649 0.555663 8.1117 0.555663 7.96751C0.555663 7.8236 0.612116 7.69894 0.725024 7.59354L4.03321 4.50527L0.713734 1.40646C0.608354 1.30808 0.555664 1.18511 0.555664 1.03755C0.555664 0.889987 0.612118 0.763505 0.725025 0.658103C0.837932 0.552701 0.971615 0.5 1.12607 0.5C1.28023 0.5 1.41376 0.552701 1.52667 0.658103L5.32035 4.21015C5.36552 4.25231 5.39758 4.29798 5.41655 4.34717C5.43522 4.39635 5.44455 4.44906 5.44455 4.50527C5.44455 4.56148 5.43522 4.61419 5.41655 4.66337C5.39758 4.71256 5.36552 4.75823 5.32035 4.80039L1.51537 8.35244C1.40999 8.45081 1.28023 8.5 1.12607 8.5C0.971613 8.5 0.837931 8.4473 0.725024 8.3419Z", fill: "#60697D" }));
+}, he = ae(ue), be = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ m.createElement("path", { d: "M3.62057 16C3.15514 16 2.75754 15.8327 2.42777 15.498C2.09814 15.1632 1.93333 14.7595 1.93333 14.287V2.25959H1V0.838165H5.2V0H10.8V0.838165H15V2.25959H14.0667V14.287C14.0667 14.7657 13.9033 15.1708 13.5767 15.5025C13.25 15.8342 12.8509 16 12.3794 16H3.62057ZM12.6667 2.25959H3.33333V14.287C3.33333 14.3721 3.36024 14.442 3.41407 14.4966C3.46789 14.5513 3.53672 14.5786 3.62057 14.5786H12.3794C12.4513 14.5786 12.5171 14.5482 12.5768 14.4874C12.6367 14.4267 12.6667 14.3599 12.6667 14.287V2.25959ZM5.57707 12.6833H6.97683V4.15482H5.57707V12.6833ZM9.02317 12.6833H10.4229V4.15482H9.02317V12.6833Z", fill: "#B4BAC7" })), ye = (c) => /* @__PURE__ */ m.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 6 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ m.createElement("path", { d: "M0.725024 8.3419C0.612116 8.23649 0.555663 8.1117 0.555663 7.96751C0.555663 7.8236 0.612116 7.69894 0.725024 7.59354L4.03321 4.50527L0.713734 1.40646C0.608354 1.30808 0.555664 1.18511 0.555664 1.03755C0.555664 0.889987 0.612118 0.763505 0.725025 0.658103C0.837932 0.552701 0.971615 0.5 1.12607 0.5C1.28023 0.5 1.41376 0.552701 1.52667 0.658103L5.32035 4.21015C5.36552 4.25231 5.39758 4.29798 5.41655 4.34717C5.43522 4.39635 5.44455 4.44906 5.44455 4.50527C5.44455 4.56148 5.43522 4.61419 5.41655 4.66337C5.39758 4.71256 5.36552 4.75823 5.32035 4.80039L1.51537 8.35244C1.40999 8.45081 1.28023 8.5 1.12607 8.5C0.971613 8.5 0.837931 8.4473 0.725024 8.3419Z", fill: "#60697D" }));
 export {
   Ce as S,
   he as a,
   fe as b,
   be as c,
   ce as d,
-  xe as e,
+  ye as e,
   ie as f,
   de as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ia-table",
-  "version": "0.15.0",
+  "version": "0.15.1",
   "type": "module",
   "dependencies": {
     "moment": "^2.0.0",