ia-table 0.15.0 → 0.15.2

package/dist/pivot.d.ts

@@ -934,6 +934,10 @@ declare type SmartGridCellRendererParams = {
     rightLabel?: string;
     splits?: SmartGridColumnDefinition[];
     isEnableResetButton?: boolean;
+    placeholder?: string;
+    isOnDemandDropdownOptions?: boolean;
+    isDropdownValueLableSame?: boolean;
+    getDropdownOptions?: (params: SmartGridDropdownOptionsParams) => Promise<SmartGridSelectOption[]>;
 } & Record<string, unknown>;
 
 declare interface SmartGridCellValueChangedParams {
@@ -1186,6 +1190,12 @@ declare interface SmartGridDisptach {
     payload?: unknown;
 }
 
+declare interface SmartGridDropdownOptionsParams {
+    value: string | number | (string | number)[] | null;
+    data: SmartGridRowData;
+    colDef: SmartGridColumnDefinition;
+}
+
 declare interface SmartGridEvent {
     type: string;
     api?: SmartGridAPI;

package/dist/pivot.js

@@ -2,8 +2,8 @@
 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 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-D3RQET6P.js";
+import { S as Ze, d as K, c as qe, a as ue, e as Ue, b as We } from "./right-arrow-CAPmbx1Z.js";
 import { createPortal as Qe } from "react-dom";
 const Je = ({
   title: l,

package/dist/right-arrow-CAPmbx1Z.js

@@ -0,0 +1,413 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-table-select-search{padding:9.5px 12px}.ia-table-select-search svg path{fill:#a0a8b1}.ia-table-select-search .ia-table-select-search-input{width:100%;border:none;border-radius:8px;padding:0 10px;font-size:14px;outline:none;background-color:inherit;color:#1f2b4d;line-height:16px}.ia-table-select-search .ia-table-select-search-input:focus{border-color:#4259ee}.ia-table-select-search .ia-table-select-search-input::placeholder{color:#b4bac7}.ia-table-select-dropdown{position:absolute;margin-top:6px;border-radius:12px;box-shadow:0 1px 6px #1a277c24;border:none;padding:8px 6px;background-color:#fff;font-family:Manrope,sans-serif;z-index:1050;min-height:135px;max-height:262px}.ia-table-select-dropdown.ia-table-select-dropdown-above{margin-top:0;margin-bottom:6px;bottom:100%;top:auto}.ia-table-select-reset{width:20px;height:20px;background:transparent;border:none;margin-left:8px}.ia-table-select-reset svg path{fill:#60697d}.ia-table-select-all-row .ia-table-select-all-option{padding:4px 12px;font-size:14px;color:#0d152c;line-height:16px;font-weight:400}.ia-table-select-all-row .ia-table-select-clear-btn{background:transparent;border:none;font-size:14px;color:#60697d;font-weight:400;line-height:16px;padding:4px 8px}.ia-table-select-options{max-height:240px;overflow-y:auto;margin-top:2px}.ia-table-select-options::-webkit-scrollbar{width:6px}.ia-table-select-options::-webkit-scrollbar-track{background:transparent}.ia-table-select-options::-webkit-scrollbar-thumb{background-color:#c3c8d4;border-radius:3px}.ia-table-select-options .ia-table-select-option{padding:7.5px 12px;font-size:14px;color:#1f2b4d;line-height:20px;font-weight:500;transition:background-color .2s ease;border-radius:8px}.ia-table-select-options .ia-table-select-option:hover{background-color:#f5f6fa}.ia-table-select-options .ia-table-select-option.ia-table-select-option-selected,.ia-table-select-options .ia-table-select-option.ia-table-select-option-highlighted{background-color:#eef0ff}.ia-table-select-options .ia-table-select-option.ia-table-option-disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;color:#b4bac7}.ia-table-select-options .ia-table-select-no-options{padding:12px;text-align:center;color:#a0a8b1;font-style:italic}.ia-table-selectbox-container{width:100%;font-family:Manrope,sans-serif;position:relative;margin:0;padding:0}.ia-table-selectbox-container .ia-table-select-label{font-size:12px;font-weight:500;color:#60697d;line-height:16px;margin-bottom:6px;display:block}.ia-table-selectbox-container .ia-table-select-container{width:100%;height:32px;border:1px solid #d9dde7;border-radius:8px;background-color:#fff;padding:0 12px;cursor:pointer;transition:all .2s ease-in-out;position:relative;margin:0}.ia-table-selectbox-container .ia-table-select-container:hover:not(.ia-table-select-disabled,.ia-table-selectrenderer){border-color:#4259ee}.ia-table-selectbox-container .ia-table-select-container.ia-table-select-disabled{background-color:#f2f4fb;border-color:#e2e8f0;cursor:not-allowed;opacity:.7}.ia-table-selectbox-container .ia-table-select-container.ia-table-selectrenderer{border:none}.ia-table-selectbox-container .ia-table-select-container .ia-table-select-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:400;color:#1f2b4d;line-height:19px}.ia-table-selectbox-container .ia-table-select-container .ia-table-select-value:empty:before{content:"Select an option";color:#b4bac7}.ia-table-selectbox-container .ia-table-select-container .ia-table-select-arrow{width:16px;height:16px;transition:transform .2s ease}.ia-table-selectbox-container .ia-table-select-container .ia-table-select-arrow svg{transition:transform .2s ease;fill:#404b62}.ia-table-cell-render-select-disabled .ia-table-select-disabled .ia-table-select-value{color:#b4bac7!important;font-weight:400!important}.ia-table-cell-render-select-disabled .ia-table-select-disabled{border:none!important;background-color:inherit!important;cursor:not-allowed!important}.ia-table-cell-render-select-disabled .ia-table-select-disabled svg path{fill:#d9dde7}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import * as v from "react";
+import { useEffect as V, memo as pe, useRef as E, useState as H, useMemo as _, useCallback as $ } from "react";
+import { jsxs as T, jsx as s } from "react/jsx-runtime";
+import { createPortal as Se } from "react-dom";
+import { S as De, N as re, O as le, P as Ne } from "./RadioGroup-D3RQET6P.js";
+const Pe = (f) => /* @__PURE__ */ v.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 8 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...f }, /* @__PURE__ */ v.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" })), ke = (f) => /* @__PURE__ */ v.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...f }, /* @__PURE__ */ v.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 = (f) => /* @__PURE__ */ v.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...f }, /* @__PURE__ */ v.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" })), Le = ({ inputRef: f, onChange: N, type: a, placeholder: d, value: w }) => /* @__PURE__ */ T("div", { className: "ia-table-select-search d-flex align-items-center", children: [
+  /* @__PURE__ */ s(Ie, { className: "icon-10" }),
+  /* @__PURE__ */ s(
+    "input",
+    {
+      ref: f,
+      type: a,
+      value: w,
+      placeholder: d,
+      className: "ia-table-select-search-input",
+      onChange: N,
+      onClick: (k) => k.stopPropagation()
+    }
+  )
+] }), Ee = (f, N, a) => {
+  V(() => {
+    var w;
+    const d = (w = a == null ? void 0 : a.getTableInstance) == null ? void 0 : w.call(a);
+    if (f && N && (d != null && d.current)) {
+      const k = d.current.querySelectorAll(
+        ".ia-table-frozen-scroll-container, .ia-table-right-pinned-scroll-container, .ia-table-normal-scroll-container, .ia-table-normal-columns-section"
+      ), z = Array.from(
+        k
+      ).map((o) => ({
+        element: o,
+        overflow: o.style.overflow,
+        "overflow-y": o.style.overflowY
+      }));
+      return k.forEach((o) => {
+        o.style.overflow = "hidden";
+      }), () => {
+        z.forEach((o) => {
+          o.element.style.overflow = o.overflow, o.element.style.overflowY = o["overflow-y"];
+        });
+      };
+    }
+  }, [f, N, a]);
+}, He = ({
+  label: f = "",
+  width: N = "100%",
+  selectedOptions: a,
+  setSelectedOptions: d,
+  isDisabled: w = !1,
+  isOpen: k = void 0,
+  setIsOpen: z = void 0,
+  initialOptions: o = [],
+  withPortal: m = !1,
+  className: oe = "",
+  isMulti: u = !1,
+  currentOptions: Z,
+  setCurrentOptions: P,
+  onBlur: x,
+  isCellRenderer: C = !1,
+  tableApi: i = null,
+  lazyLoadCellRenderer: F = !1,
+  isEnableResetButton: ce = !0,
+  isOnDemandOptions: se = !1,
+  getDropdownOptions: K,
+  isDropdownValueLableSame: ie = !1,
+  dropdownOptionsParams: O
+}) => {
+  const p = E(null), A = E(null), U = E(null), [fe, de] = H(!1), [ue, me] = H(""), [b, q] = H(null), [R, j] = H(-1), [ee, Y] = H(o), [W, G] = H(null), [ne, ae] = H(!1), B = E(!1), J = E([]), Q = E(O);
+  Q.current = O;
+  const S = se && ie, h = _(() => S && W ? W : Z || ee || o, [
+    S,
+    W,
+    Z,
+    ee,
+    o
+  ]), M = $(async () => {
+    if (!(!S || !K || B.current || !Q.current)) {
+      B.current = !0, ae(!0);
+      try {
+        const e = await K(
+          Q.current
+        );
+        G(e), J.current = e;
+      } catch {
+        B.current = !1;
+      } finally {
+        ae(!1);
+      }
+    }
+  }, [S, K]), te = E(M);
+  te.current = M;
+  const c = k !== void 0 ? k : fe, y = z || de;
+  Ee(c, C, i);
+  const D = $(() => {
+    if (p.current) {
+      const e = p.current.getBoundingClientRect(), t = 250, r = window.innerHeight - e.bottom, l = e.top, n = r < t && l > r;
+      return {
+        top: n ? e.top - t : e.bottom,
+        left: e.left,
+        width: e.width,
+        openAbove: n
+      };
+    }
+    return null;
+  }, []);
+  V(() => {
+    if (F) {
+      if (m) {
+        const e = D();
+        e && q(e);
+      }
+      y(F), te.current();
+    }
+  }, [F, m, D]), V(() => {
+    if (c && m) {
+      const e = D();
+      e && q(e);
+    }
+  }, [c, m, D]), V(() => {
+    const e = (r) => {
+      p.current && !p.current.contains(r.target) && A.current && !A.current.contains(r.target) && (y(!1), x && x(), C && (i != null && i.tableId) && (window.iaTablePortalOpen || (window.iaTablePortalOpen = {}), window.iaTablePortalOpen[i.tableId] = !1));
+    }, t = () => {
+      if (c && m) {
+        const r = D();
+        r && q(r);
+      }
+    };
+    return c && (document.addEventListener("mousedown", e), m && (window.addEventListener("scroll", t, !0), window.addEventListener("resize", t))), () => {
+      document.removeEventListener("mousedown", e), m && (window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t));
+    };
+  }, [
+    c,
+    y,
+    m,
+    C,
+    x,
+    i,
+    D
+  ]), V(() => {
+    c && U.current && (U.current.focus(), j(-1));
+  }, [c]), V(() => {
+    Z || o && o.length > 0 && Y(o);
+  }, [o, Z, P]);
+  const he = $(
+    (e) => {
+      if (e.stopPropagation(), !w) {
+        if (!c && m) {
+          const l = D();
+          l && q(l);
+        }
+        const t = e.currentTarget.dataset.keyboardshortcut, r = t ? !1 : !c;
+        y(r), r && M(), (c && x || t && x) && x();
+      }
+    },
+    [
+      w,
+      c,
+      y,
+      m,
+      D,
+      x,
+      M
+    ]
+  ), X = $(
+    (e) => {
+      if (u)
+        if (Array.isArray(a) && a.some((r) => r.value === e.value))
+          d(
+            a.filter(
+              (r) => r.value !== e.value
+            )
+          );
+        else {
+          const r = Array.isArray(a) ? a : [];
+          d([...r, e]);
+        }
+      else
+        d(e), y(!1), C && (i != null && i.tableId) && (window.iaTablePortalOpen || (window.iaTablePortalOpen = {}), window.iaTablePortalOpen[i.tableId] = !1);
+    },
+    [
+      u,
+      a,
+      d,
+      y,
+      C,
+      i == null ? void 0 : i.tableId
+    ]
+  ), ge = $(() => {
+    if (u) {
+      const e = h.filter((t) => !t.isDisabled);
+      d(e);
+    }
+  }, [u, h, d]), ve = $(() => {
+    u && d([]);
+  }, [u, d]), we = _(() => {
+    if (!u || !Array.isArray(a)) return !1;
+    const e = h.filter((t) => !t.isDisabled);
+    return e.length > 0 && a.length === e.length;
+  }, [u, a, h]), Ce = $(
+    (e) => {
+      const t = e.target.value.toLowerCase();
+      me(t), j(-1);
+      const r = S && B.current ? J.current : Z || o;
+      if (t) {
+        const l = r.filter((n) => n.label && typeof n.label == "string" ? n.label.toLowerCase().includes(t) : n.value && typeof n.value == "string" ? n.value.toLowerCase().includes(t) : n.label && typeof n.label == "number" ? n.label == Number(t) : n.value && typeof n.value == "number" ? n.value == Number(t) : !1);
+        S && B.current ? G(l) : P ? P(l) : Y(l);
+      } else
+        S && B.current ? G(J.current) : P ? P(o) : Y(o);
+    },
+    [o, Z, P, S]
+  );
+  V(() => {
+    if (!c) return;
+    const e = (t) => {
+      const r = h.filter((l) => !l.isDisabled);
+      switch (t.key) {
+        case "ArrowDown":
+          t.preventDefault(), t.stopPropagation(), j((l) => {
+            const n = l < r.length - 1 ? l + 1 : 0;
+            return setTimeout(() => {
+              var I;
+              const g = (I = A.current) == null ? void 0 : I.querySelector(
+                `[data-option-index="${n}"]`
+              );
+              g == null || g.scrollIntoView({ block: "nearest" });
+            }, 0), n;
+          });
+          break;
+        case "ArrowUp":
+          t.preventDefault(), t.stopPropagation(), j((l) => {
+            const n = l > 0 ? l - 1 : r.length - 1;
+            return setTimeout(() => {
+              var I;
+              const g = (I = A.current) == null ? void 0 : I.querySelector(
+                `[data-option-index="${n}"]`
+              );
+              g == null || g.scrollIntoView({ block: "nearest" });
+            }, 0), n;
+          });
+          break;
+        case "Enter":
+          if (t.preventDefault(), t.stopPropagation(), R >= 0 && R < r.length) {
+            const l = r[R];
+            l && !l.isDisabled && X(l);
+          }
+          break;
+        case "Escape":
+          t.preventDefault(), t.stopPropagation(), y(!1), C && (i != null && i.tableId) && (window.iaTablePortalOpen || (window.iaTablePortalOpen = {}), window.iaTablePortalOpen[i.tableId] = !1);
+          break;
+      }
+    };
+    return document.addEventListener("keydown", e), () => {
+      document.removeEventListener("keydown", e);
+    };
+  }, [
+    c,
+    h,
+    R,
+    X,
+    y,
+    C,
+    i
+  ]);
+  const be = _(() => {
+    if (!c || !p.current) return !1;
+    const e = p.current.getBoundingClientRect(), t = 250, r = window.innerHeight - e.bottom, l = e.top;
+    return r < t && l > r;
+  }, [c]), ye = `ia-table-select-container d-flex justify-content-between align-items-center ${w ? "ia-table-select-disabled" : ""} ${c ? "ia-table-select-open" : ""} ${C ? "ia-table-selectrenderer" : ""} ${oe}`, xe = () => {
+    var l;
+    const e = h.filter((n) => !n.isDisabled), t = m ? b == null ? void 0 : b.openAbove : be, r = /* @__PURE__ */ T(
+      "div",
+      {
+        ref: A,
+        className: `ia-table-select-dropdown d-flex flex-column ${t ? "ia-table-select-dropdown-above" : ""}`,
+        onClick: (n) => n.stopPropagation(),
+        style: {
+          ...m && b ? {
+            position: "fixed",
+            top: b.openAbove ? "auto" : `${b.top}px`,
+            bottom: b.openAbove ? `${window.innerHeight - (((l = p.current) == null ? void 0 : l.getBoundingClientRect().top) || 0)}px` : "auto",
+            left: `${b.left}px`,
+            width: `${b.width}px`
+          } : { width: N }
+        },
+        children: [
+          /* @__PURE__ */ s(
+            Le,
+            {
+              inputRef: U,
+              type: "text",
+              value: ue,
+              onChange: Ce,
+              placeholder: "Search here..."
+            }
+          ),
+          u && h && h.length > 0 && !ne && /* @__PURE__ */ T("div", { className: "ia-table-select-all-row d-flex align-items-center justify-content-between", children: [
+            /* @__PURE__ */ T(
+              "div",
+              {
+                className: "ia-table-select-option ia-table-select-all-option cursor-pointer d-flex align-items-center gap-6",
+                onClick: (n) => {
+                  n.stopPropagation(), ge();
+                },
+                children: [
+                  we ? /* @__PURE__ */ s(re, { className: "icon-16" }) : /* @__PURE__ */ s(le, { className: "icon-16" }),
+                  /* @__PURE__ */ s("span", { children: "Select All" })
+                ]
+              }
+            ),
+            Array.isArray(a) && a.length > 0 && /* @__PURE__ */ s(
+              "button",
+              {
+                className: "ia-table-select-clear-btn cursor-pointer",
+                onClick: (n) => {
+                  n.stopPropagation(), ve();
+                },
+                children: "Clear"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: "ia-table-select-options d-flex flex-column gap-2", children: ne ? /* @__PURE__ */ s(Ne, { size: "small" }) : h && h.length > 0 ? h.map((n) => {
+            const g = e.findIndex(
+              (L) => L.value === n.value
+            ), I = g === R;
+            return /* @__PURE__ */ T(
+              "div",
+              {
+                "data-option-index": g,
+                className: `ia-table-select-option cursor-pointer d-flex align-items-center gap-6 ${u ? Array.isArray(a) && a.some(
+                  (L) => L.value === n.value
+                ) ? "ia-table-select-option-selected" : "" : a && !Array.isArray(a) && a.value === n.value ? "ia-table-select-option-selected" : ""} ${n.isDisabled ? "ia-table-option-disabled" : ""} ${I ? "ia-table-select-option-highlighted" : ""}`,
+                onClick: (L) => {
+                  L.stopPropagation(), n.isDisabled || X(n);
+                },
+                onMouseEnter: () => {
+                  n.isDisabled || j(g);
+                },
+                onMouseLeave: () => {
+                  n.isDisabled || j(-1);
+                },
+                children: [
+                  u && Array.isArray(a) && a.some(
+                    (L) => L.value === n.value
+                  ) ? /* @__PURE__ */ s(re, { className: "icon-16" }) : u ? /* @__PURE__ */ s(le, { className: "icon-16" }) : null,
+                  /* @__PURE__ */ s("span", { children: n.label })
+                ]
+              },
+              n.value
+            );
+          }) : /* @__PURE__ */ s("div", { className: "ia-table-select-no-options", children: "No options available" }) })
+        ]
+      }
+    );
+    return m ? Se(r, document.body) : r;
+  };
+  return /* @__PURE__ */ T(
+    "div",
+    {
+      className: `ia-table-selectbox-container ${C && w ? "ia-table-cell-render-select-disabled" : ""}`,
+      style: { width: N },
+      children: [
+        f && /* @__PURE__ */ s("label", { className: "ia-table-select-label", children: f }),
+        /* @__PURE__ */ T(
+          "div",
+          {
+            ref: p,
+            className: ye,
+            onClick: he,
+            children: [
+              /* @__PURE__ */ s("div", { className: "ia-table-select-value", children: a ? u ? Array.isArray(a) && a.length > 0 ? a.length === 1 ? a[0].label : `${a.length} items selected` : "Select" : Array.isArray(a) ? "Select" : a.label : u ? "Select" : "Select an option" }),
+              (u ? Array.isArray(a) && a.length > 0 : a) && ce && /* @__PURE__ */ s(
+                "button",
+                {
+                  className: "ia-table-select-reset cursor-pointer flex-shrink-0 d-flex align-items-center justify-content-center",
+                  onClick: (e) => {
+                    e.stopPropagation(), d([]);
+                  },
+                  children: /* @__PURE__ */ s(De, { className: "icon-10" })
+                }
+              ),
+              /* @__PURE__ */ s(
+                "div",
+                {
+                  className: "ia-table-select-arrow d-flex align-items-center icon-16 justify-content-center",
+                  style: {
+                    marginLeft: a ? "0" : "8px"
+                  },
+                  children: /* @__PURE__ */ s(
+                    ke,
+                    {
+                      className: `icon-16 ${c ? "ia-table-rotate-270" : "ia-table-rotate-90"}`
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        c && xe()
+      ]
+    }
+  );
+}, je = pe(He), Be = (f) => /* @__PURE__ */ v.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...f }, /* @__PURE__ */ v.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" })), Ae = (f) => /* @__PURE__ */ v.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 6 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...f }, /* @__PURE__ */ v.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 {
+  Pe as S,
+  je as a,
+  Le as b,
+  Be as c,
+  ke as d,
+  Ae as e,
+  Ie as f,
+  Ee as u
+};

package/package.json

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