@ikas/core 1.0.21 → 1.0.22

package/dist/index123.js

@@ -1,85 +1,406 @@
-import { jsx as p } from "react/jsx-runtime";
-import { observer as v } from "mobx-react-lite";
-import { action as H } from "mobx";
-import { Checkbox as E } from "@ikas/ui";
-import { cn as b } from "./index3.js";
-function j(k) {
-  const { model: e, rowData: s, isHeader: a, isSummary: r, isDisabled: l, isHovered: u } = k, g = a || r, I = e.selectedIdSet, D = a && e.displayedEnabledData.length > 0 && e.displayedEnabledData.every((o) => I.has(e.getRowId(o))), h = a ? D : I.has(e.getRowId(s)), x = a && !D && e.displayedEnabledData.some((o) => I.has(e.getRowId(o))), C = H((o) => {
-    var y;
-    o.stopPropagation();
-    const R = o.shiftKey, S = e.lastCheckedRow;
-    e.lastCheckedRow = s ?? null;
-    const w = e.displayedData.findIndex(
-      (t) => e.getRowId(t) === e.getRowId(S)
-    ), f = e.displayedData.findIndex(
-      (t) => e.getRowId(t) === e.getRowId(s)
-    );
-    let n = s ? [s] : [];
-    if (w !== -1 && f !== -1 && R) {
-      const t = Math.min(w, f), d = Math.max(w, f);
-      n = e.displayedData.slice(t, d + 1);
+import { jsx as r, jsxs as O } from "react/jsx-runtime";
+import { useState as R, useMemo as m, useCallback as I } from "react";
+import { observer as me } from "mobx-react-lite";
+import { action as h } from "mobx";
+import B from "./index56.js";
+import { RangePicker as ge, Select as x, Button as W, Popover as Ce, NumberInput as ye, TreeSelect as S } from "@ikas/ui";
+import { FilterType as f } from "./index15.js";
+import { DateFilterPickerHelpers as A, DateFilterPickerShortcutEnum as C } from "./index16.js";
+import { FilterStringInput as ve } from "./index191.js";
+import { coreTranslations as T } from "./index5.js";
+import be from "./index66.js";
+import Se from "./index144.js";
+import Te from "./index63.js";
+function z(w) {
+  return w.map((o) => ({ label: o.label, value: o.value }));
+}
+function E(w) {
+  return w.map((o) => ({
+    key: o.value,
+    title: o.label,
+    value: o.value,
+    children: o.children ? E(o.children) : void 0
+  }));
+}
+function we(w) {
+  var G, U, $, j, F, H;
+  const { filterRow: o, originalModel: _, model: l, isLast: X } = w, [q, k] = R(!1), [M, y] = R(!1), [J, Y] = R(""), Q = m(
+    () => l.filters.map((e) => ({ label: e.title, value: e.key })),
+    [l.filters]
+  ), t = m(
+    () => l.filters.find((e) => {
+      var a;
+      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
+    }),
+    [l.filters, (G = o.filterValue) == null ? void 0 : G.key]
+  ), i = t == null ? void 0 : t.type, Z = t == null ? void 0 : t.key, v = (U = _.filters.find(
+    (e) => {
+      var a;
+      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
     }
-    if (h)
-      if (a) {
-        const t = new Set(
-          e.displayedData.map((d) => e.getRowId(d))
-        );
-        e.selectedData = e.selectedData.filter(
-          (d) => !t.has(e.getRowId(d))
-        );
-      } else if (R) {
-        const t = new Set(n.map((d) => e.getRowId(d)));
-        e.selectedData = e.selectedData.filter(
-          (d) => !t.has(e.getRowId(d))
-        );
-      } else {
-        const t = e.getRowId(s);
-        e.selectedData = e.selectedData.filter(
-          (d) => e.getRowId(d) !== t
-        );
-      }
-    else if (a) {
-      const t = new Set(e.selectedData.map((i) => e.getRowId(i))), d = e.disabledIdSet, c = [...e.selectedData];
-      for (const i of e.displayedData) {
-        const m = e.getRowId(i);
-        !t.has(m) && !d.has(m) && (c.push(i), t.add(m));
+  )) == null ? void 0 : U.isLoading, b = ($ = _.filters.find(
+    (e) => {
+      var a;
+      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
+    }
+  )) == null ? void 0 : $.isDynamicNotFound, s = (t == null ? void 0 : t.options) || [], ee = m(() => {
+    const e = l.filterConditionOptions(
+      i || f.SELECT,
+      t
+    );
+    return i === f.DATE_RANGE_PICKER ? [e[0]] : e;
+  }, [l, i, t]), N = (j = o.filterValue) == null ? void 0 : j.value, te = h((e) => {
+    k(!1), y(!1), l.filterTypeValueChange(o, t, e), l.onFilterConditionInputChange(
+      o,
+      l.filterConditionOptions(
+        i || f.SELECT,
+        t
+      )[0].value,
+      i
+    );
+  }), ae = h((e) => {
+    l.onFilterConditionInputChange(o, e, i);
+  }), oe = I(() => {
+    setTimeout(() => {
+      l.deleteFilterRow(o);
+    }, 0);
+  }, [l, o]), K = h((e) => {
+    l.onFilterValueChange(
+      Number(e) || 0,
+      t,
+      o
+    );
+  }), le = h((e) => {
+    var n;
+    l.onFilterValueChange(e, t, o);
+    const a = l.filters.find(
+      (c) => {
+        var d;
+        return c.key === ((d = o.filterValue) == null ? void 0 : d.key);
       }
-      e.selectedData = c;
-    } else {
-      const t = new Set(e.selectedData.map((c) => e.getRowId(c))), d = n.filter((c) => !t.has(e.getRowId(c)));
-      d.length > 0 && (e.selectedData = [...e.selectedData, ...d]);
+    );
+    (n = a == null ? void 0 : a.onChange) == null || n.call(a, e);
+  }), L = h((e) => {
+    const a = Array.isArray(e) ? e : [e];
+    l.onFilterValueChange(a, t, o);
+  }), ne = h((e) => {
+    const a = Array.isArray(e) ? e : [e];
+    l.onFilterValueChange(a, t, o);
+  }), re = I(
+    h((e) => {
+      var a;
+      Y(e), (a = t == null ? void 0 : t.onSearch) == null || a.call(t, e);
+    }),
+    [t]
+  ), ie = I(
+    h(() => {
+      var e;
+      Y(""), (e = t == null ? void 0 : t.onSearch) == null || e.call(t, "");
+    }),
+    [t]
+  ), D = m(() => {
+    const e = o.filterValue.value;
+    return Array.isArray(e) && e.length === 1 && A.isShortcut(e[0]) ? e[0] : C.PICKER;
+  }, [o.filterValue.value]), g = m(
+    () => A.getDateValue(o.filterValue.value),
+    [o.filterValue.value]
+  ), P = m(
+    () => Object.values(C).map((e) => ({
+      label: A.getShortcutLabel(e),
+      type: e
+    })),
+    []
+  ), se = m(() => {
+    const e = P.find(
+      (a) => a.type === D
+    );
+    if ((e == null ? void 0 : e.type) === C.PICKER && g) {
+      const a = g[0].format("DD.MM.YYYY"), n = g[1].format("DD.MM.YYYY");
+      return a === n ? a : `${a} - ${n}`;
     }
-    (y = e.onCheckboxChange) == null || y.call(e, {
-      isHeader: !!a,
-      data: a ? e.displayedData : n,
-      checked: !!h
-    });
-  });
-  return /* @__PURE__ */ p(
+    return e == null ? void 0 : e.label;
+  }, [D, g, P]), ue = h((e) => {
+    e === C.PICKER ? y(!0) : (l.onFilterValueChange([e], t, o), y(!1), setTimeout(() => {
+      k(!1);
+    }, 0));
+  }), ce = h((e) => {
+    if (!e) return;
+    const [a, n] = e;
+    l.onFilterValueChange(
+      [
+        B(a).startOf("day").valueOf().toString(),
+        B(n).endOf("day").valueOf().toString()
+      ],
+      t,
+      o
+    ), k(!1);
+  }), he = m(() => {
+    if (i !== f.SELECT_OPTION_GROUP) return [];
+    const e = [];
+    return s.forEach((a) => {
+      var n;
+      e.push({
+        label: a.label,
+        options: ((n = a.children) == null ? void 0 : n.map((c) => ({ label: c.label, value: c.value }))) || []
+      });
+    }), e;
+  }, [i, s]), fe = m(() => {
+    var c;
+    if (s.length <= 6) return s;
+    const e = (c = o.filterValue) == null ? void 0 : c.value, a = s.filter((d) => e == null ? void 0 : e.includes(d.value)), n = s.filter((d) => !(e != null && e.includes(d.value)));
+    return [...a, ...n];
+  }, [s, (F = o.filterValue) == null ? void 0 : F.value]), de = /* @__PURE__ */ r(
     "div",
     {
-      className: b(
-        "w-10 flex items-center justify-center",
-        l ? "cursor-not-allowed" : "cursor-pointer",
-        g && !e.hideHeaderBackgroundColor && "bg-gray-blue-1",
-        !g && "bg-white",
-        e.isStickyColumnEnabled && "sticky left-0 z-[2]"
-      ),
-      ...!l && !r ? { onClick: C } : {},
-      children: !r && // Row hover -> checkbox border purple (original .ikas-checkbox-inner
-      // hover style). @ikas/ui Checkbox renders a Radix root with role="checkbox".
-      /* @__PURE__ */ p("div", { className: b(u && !l && "[&_[role=checkbox]]:border-purple"), children: /* @__PURE__ */ p(
-        E,
+      className: "flex flex-col gap-1",
+      style: { width: 190, maxHeight: 300, overflowY: "auto", padding: "6px 6px 0" },
+      children: P.map((e) => {
+        const a = M ? e.type === C.PICKER : D === e.type;
+        return /* @__PURE__ */ O(
+          "button",
+          {
+            type: "button",
+            className: `w-full text-left py-2 px-[10px] text-sm leading-5 rounded cursor-pointer transition-all duration-300 border-0 outline-none ${a ? "bg-[var(--gray-blue-1)] text-[var(--gray-blue-9)] font-medium" : "bg-transparent text-[var(--gray-blue-9)] font-normal hover:bg-[var(--gray-blue-1)]"}`,
+            onClick: () => ue(e.type),
+            children: [
+              e.label,
+              e.type === C.PICKER && /* @__PURE__ */ r("div", { style: { opacity: 0, height: 0, overflow: "hidden" }, children: /* @__PURE__ */ r(
+                ge,
+                {
+                  value: g ? [
+                    g[0].toDate(),
+                    g[1].toDate()
+                  ] : null,
+                  open: M,
+                  onOpenChange: (n) => {
+                    setTimeout(() => {
+                      y(n);
+                    }, 0);
+                  },
+                  onChange: (n) => {
+                    n && ce([n[0].toDate(), n[1].toDate()]);
+                  },
+                  size: "sm",
+                  allowClear: !1
+                }
+              ) })
+            ]
+          },
+          e.type
+        );
+      })
+    }
+  ), pe = () => {
+    var e, a, n, c, d;
+    if (i === f.DATE_RANGE_PICKER)
+      return /* @__PURE__ */ r("div", { style: { width: 330 }, children: /* @__PURE__ */ r(
+        Ce,
+        {
+          content: de,
+          trigger: "click",
+          placement: "bottomLeft",
+          showArrow: !1,
+          open: q,
+          onOpenChange: (u) => {
+            u ? D === C.PICKER && y(!0) : y(!1), setTimeout(() => {
+              k(u);
+            }, 10);
+          },
+          popoverContentStyle: { padding: 0 },
+          children: /* @__PURE__ */ O(
+            W,
+            {
+              block: !0,
+              className: "justify-between gap-1.5 px-[11px] text-sm font-medium",
+              children: [
+                /* @__PURE__ */ O("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+                  /* @__PURE__ */ r(Se, { className: "h-4 w-4 shrink-0 text-gray-blue" }),
+                  /* @__PURE__ */ r("span", { className: "truncate", children: se })
+                ] }),
+                /* @__PURE__ */ r(Te, { className: "h-4 w-4 flex-shrink-0 text-gray-blue" })
+              ]
+            }
+          )
+        }
+      ) });
+    if (i === f.STRING_INPUT)
+      return /* @__PURE__ */ r(
+        ve,
+        {
+          filterRow: o,
+          model: l,
+          onChange: le
+        }
+      );
+    if (i === f.NUMBER_INPUT)
+      return s.length > 0 ? /* @__PURE__ */ r(
+        x,
+        {
+          style: { width: 330 },
+          value: N != null ? String(N) : void 0,
+          onChange: (u) => K(Number(u)),
+          options: z(s),
+          placeholder: T.common.placeholder.select,
+          showSearch: !0,
+          loading: !!v,
+          isDynamicNotFound: !!b
+        }
+      ) : /* @__PURE__ */ r(
+        ye,
+        {
+          style: { width: 330 },
+          value: Number((e = o.filterValue) == null ? void 0 : e.value) ? Number((a = o.filterValue) == null ? void 0 : a.value) : 0,
+          onChange: K
+        }
+      );
+    if (i === f.TREE_SELECT)
+      return t != null && t.isCategoryFilter ? /* @__PURE__ */ r(
+        S,
+        {
+          placeholder: T.common.placeholder.select,
+          value: (n = o.filterValue) == null ? void 0 : n.value,
+          onChange: L,
+          treeData: E(s),
+          filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
+          treeCheckable: !0,
+          showCheckedStrategy: S.SHOW_ALL,
+          onSearch: re,
+          searchValue: J,
+          onOpenChange: (u) => {
+            u || ie();
+          },
+          style: { width: 330 },
+          tagClosable: !1,
+          maxTagCount: "responsive",
+          maxTagTextLength: 10,
+          loading: !!v,
+          isDynamicNotFound: !!b
+        }
+      ) : /* @__PURE__ */ r(
+        S,
         {
-          checked: !!h,
-          indeterminate: !!x,
-          disabled: l
+          placeholder: T.common.placeholder.select,
+          value: (c = o.filterValue) == null ? void 0 : c.value,
+          onChange: L,
+          treeData: E(s),
+          filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
+          treeCheckable: !0,
+          showCheckedStrategy: S.SHOW_ALL,
+          onSearch: (t == null ? void 0 : t.onSearch) || void 0,
+          style: { width: 330 },
+          tagClosable: !1,
+          maxTagCount: "responsive",
+          maxTagTextLength: 10,
+          loading: !!v,
+          isDynamicNotFound: !!b
         }
-      ) })
+      );
+    if (i === f.SELECT_OPTION_GROUP) {
+      const u = he.flatMap(
+        (p) => p.options.map((V) => ({ ...V, label: `${p.label} / ${V.label}` }))
+      );
+      return /* @__PURE__ */ r(
+        x,
+        {
+          style: { width: 330 },
+          mode: "multiple",
+          value: N,
+          options: u,
+          onClear: () => l.onFilterValueChange([], t, o),
+          onChange: (p) => l.onFilterValueChange(
+            p,
+            t,
+            o
+          ),
+          allowClear: !0,
+          placeholder: T.common.placeholder.select,
+          maxTagCount: "responsive",
+          showSearch: !0,
+          filterOption: (p, V) => V ? String(V.label ?? "").toLowerCase().includes(p.toLowerCase()) : !1,
+          loading: !!v,
+          isDynamicNotFound: !!b
+        }
+      );
+    }
+    return i === f.MULTISELECT ? /* @__PURE__ */ r(
+      S,
+      {
+        placeholder: T.common.placeholder.select,
+        value: (d = o.filterValue) == null ? void 0 : d.value,
+        onChange: L,
+        treeData: E(fe),
+        filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
+        treeCheckable: !0,
+        showCheckedStrategy: S.SHOW_ALL,
+        onSearch: (t == null ? void 0 : t.onSearch) || void 0,
+        style: { width: 330 },
+        tagClosable: !1,
+        maxTagCount: "responsive",
+        maxTagTextLength: 10,
+        loading: !!v,
+        isDynamicNotFound: !!b
+      }
+    ) : /* @__PURE__ */ r(
+      x,
+      {
+        style: { width: 330 },
+        value: N,
+        options: z(s),
+        onClear: () => l.onFilterValueChange([], t, o),
+        onChange: (u) => ne(u),
+        allowClear: !0,
+        placeholder: T.common.placeholder.select,
+        maxTagCount: "responsive",
+        showSearch: !0,
+        filterOption: (u, p) => p ? String(p.label ?? "").toLowerCase().includes(u.toLowerCase()) : !1,
+        loading: !!v,
+        isDynamicNotFound: !!b
+      }
+    );
+  };
+  return /* @__PURE__ */ O(
+    "div",
+    {
+      className: `flex items-center gap-2 ${X ? "" : "mb-3"}`,
+      children: [
+        /* @__PURE__ */ r(
+          x,
+          {
+            showSearch: !0,
+            filterOption: (e, a) => String((a == null ? void 0 : a.label) ?? "").toLowerCase().includes(e.toLowerCase()),
+            style: { width: 162 },
+            options: Q,
+            value: Z,
+            onChange: (e) => te(e)
+          }
+        ),
+        /* @__PURE__ */ r(
+          x,
+          {
+            style: { width: 120 },
+            options: ee.map((e) => ({
+              label: e.label,
+              value: e.value
+            })),
+            value: (H = o.filterValue) == null ? void 0 : H.condition,
+            onChange: (e) => ae(e)
+          }
+        ),
+        pe(),
+        /* @__PURE__ */ r(
+          W,
+          {
+            variant: "text",
+            onClick: oe,
+            className: "ml-auto w-[70px] h-10 shrink-0 text-gray-blue-4 hover:text-error hover:bg-transparent border-0 p-0",
+            icon: /* @__PURE__ */ r(be, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ]
     }
   );
 }
-const B = v(j);
+const Me = me(we);
 export {
-  B as CheckboxCell
+  Me as FilterRow
 };

package/dist/index125.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index135.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index143.cjs");/**
  * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index125.js

@@ -1,4 +1,4 @@
-import e from "./index135.js";
+import e from "./index143.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index126.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index135.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index143.cjs");/**
  * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index126.js

@@ -1,4 +1,4 @@
-import e from "./index135.js";
+import e from "./index143.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index127.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./index135.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./index143.cjs");/**
  * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index127.js

@@ -1,4 +1,4 @@
-import c from "./index135.js";
+import c from "./index143.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index132.cjs

@@ -1 +1 @@
-"use strict";const o=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),t={randomUUID:o};module.exports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("mobx-react-lite"),j=require("@ikas/ui"),l=require("./index3.cjs"),d=require("./index8.cjs"),w=require("./index145.cjs"),q=require("./index63.cjs"),H=require("./index69.cjs");function N(m){var u,x;const{model:o,columnDefinition:e,alignment:r}=m,s=o.columnDefinitions.findIndex(n=>n.columnKey===e.columnKey),h=s===0,f=s===o.columnDefinitions.length-1,i=e.columnKey===o.sortColumnKey,g=i&&o.sortDirection==="asc",p=i&&o.sortDirection==="desc",y=n=>{n.stopPropagation(),e.isSortable&&o.onHeaderClick(e)},b=(u=e.headerTooltipProps)==null?void 0:u.isShowHeaderTextTooltip,T=((x=e.headerTooltipProps)==null?void 0:x.tooltipText)??e.headerText,c=r===d.ColumnAlignment.CENTER?"center":r===d.ColumnAlignment.RIGHT?"right":"left",a=t.jsx("span",{className:"text-sm font-medium text-gray-blue-6 truncate flex-none",style:{textAlign:c},children:e.headerText}),v=()=>{var n;return b?t.jsx(j.Tooltip,{title:T,children:t.jsxs("div",{className:"flex items-center justify-center overflow-hidden",children:[a,((n=e.headerTooltipProps)==null?void 0:n.showTooltipIcon)&&t.jsx(H.default,{className:"h-4 w-4 text-gray-blue-6 flex-shrink-0 ml-2"})]})}):a};return t.jsxs("div",{className:l.cn("w-full h-full flex items-center select-none cursor-pointer","text-gray-blue-6",o.hideHeaderBackgroundColor?"bg-white":"bg-gray-blue-1",(h||f)&&"rounded"),style:{justifyContent:r??"flex-start",textAlign:c},onClick:y,children:[v(),e.isSortable&&t.jsxs("div",{className:"w-4 flex-none flex flex-col items-center relative ml-1.5",children:[t.jsx(w.default,{className:l.cn("w-2.5 h-5 relative -bottom-[7px]",g?"text-gray-blue-9":"text-gray-blue hover:text-gray-blue-9")}),t.jsx(q.default,{className:l.cn("w-2.5 h-5 relative -top-[7px]",p?"text-gray-blue-9":"text-gray-blue hover:text-gray-blue-9")})]})]})}const S=C.observer(N);exports.HeaderCell=S;

package/dist/index132.js

@@ -1,6 +1,73 @@
-const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
-  randomUUID: o
-};
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { observer as w } from "mobx-react-lite";
+import { Tooltip as N } from "@ikas/ui";
+import { cn as i } from "./index3.js";
+import { ColumnAlignment as u } from "./index8.js";
+import D from "./index145.js";
+import H from "./index63.js";
+import I from "./index69.js";
+function S(f) {
+  var d, x;
+  const { model: t, columnDefinition: e, alignment: n } = f, s = t.columnDefinitions.findIndex(
+    (o) => o.columnKey === e.columnKey
+  ), p = s === 0, h = s === t.columnDefinitions.length - 1, c = e.columnKey === t.sortColumnKey, g = c && t.sortDirection === "asc", y = c && t.sortDirection === "desc", b = (o) => {
+    o.stopPropagation(), e.isSortable && t.onHeaderClick(e);
+  }, T = (d = e.headerTooltipProps) == null ? void 0 : d.isShowHeaderTextTooltip, C = ((x = e.headerTooltipProps) == null ? void 0 : x.tooltipText) ?? e.headerText, a = n === u.CENTER ? "center" : n === u.RIGHT ? "right" : "left", m = /* @__PURE__ */ r(
+    "span",
+    {
+      className: "text-sm font-medium text-gray-blue-6 truncate flex-none",
+      style: { textAlign: a },
+      children: e.headerText
+    }
+  ), v = () => {
+    var o;
+    return T ? /* @__PURE__ */ r(N, { title: C, children: /* @__PURE__ */ l("div", { className: "flex items-center justify-center overflow-hidden", children: [
+      m,
+      ((o = e.headerTooltipProps) == null ? void 0 : o.showTooltipIcon) && /* @__PURE__ */ r(I, { className: "h-4 w-4 text-gray-blue-6 flex-shrink-0 ml-2" })
+    ] }) }) : m;
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: i(
+        "w-full h-full flex items-center select-none cursor-pointer",
+        "text-gray-blue-6",
+        // Original: white bg when hideHeaderBackgroundColor is set
+        t.hideHeaderBackgroundColor ? "bg-white" : "bg-gray-blue-1",
+        (p || h) && "rounded"
+      ),
+      style: {
+        justifyContent: n ?? "flex-start",
+        textAlign: a
+      },
+      onClick: b,
+      children: [
+        v(),
+        e.isSortable && /* @__PURE__ */ l("div", { className: "w-4 flex-none flex flex-col items-center relative ml-1.5", children: [
+          /* @__PURE__ */ r(
+            D,
+            {
+              className: i(
+                "w-2.5 h-5 relative -bottom-[7px]",
+                g ? "text-gray-blue-9" : "text-gray-blue hover:text-gray-blue-9"
+              )
+            }
+          ),
+          /* @__PURE__ */ r(
+            H,
+            {
+              className: i(
+                "w-2.5 h-5 relative -top-[7px]",
+                y ? "text-gray-blue-9" : "text-gray-blue hover:text-gray-blue-9"
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const F = w(S);
 export {
-  t as default
+  F as HeaderCell
 };

package/dist/index133.cjs

@@ -1 +1 @@
-"use strict";let t;const e=new Uint8Array(16);function o(){if(!t&&(t=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(e)}module.exports=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("mobx-react-lite"),n=require("./index8.cjs");function m(l){const{columnDefinition:r,alignment:e}=l,s=e===n.ColumnAlignment.CENTER?"center":e===n.ColumnAlignment.RIGHT?"right":"left";return t.jsx("div",{className:"w-full h-full flex items-center bg-gray-blue-1 select-none cursor-pointer",style:{justifyContent:e??"flex-start",textAlign:s},children:t.jsx("span",{className:"text-sm font-medium text-black flex-none",children:r.summaryText})})}const o=i.observer(m);exports.SummaryCell=o;

package/dist/index133.js

@@ -1,10 +1,21 @@
-let t;
-const e = new Uint8Array(16);
-function o() {
-  if (!t && (t = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !t))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return t(e);
+import { jsx as t } from "react/jsx-runtime";
+import { observer as o } from "mobx-react-lite";
+import { ColumnAlignment as n } from "./index8.js";
+function i(l) {
+  const { columnDefinition: r, alignment: e } = l, m = e === n.CENTER ? "center" : e === n.RIGHT ? "right" : "left";
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: "w-full h-full flex items-center bg-gray-blue-1 select-none cursor-pointer",
+      style: {
+        justifyContent: e ?? "flex-start",
+        textAlign: m
+      },
+      children: /* @__PURE__ */ t("span", { className: "text-sm font-medium text-black flex-none", children: r.summaryText })
+    }
+  );
 }
+const u = o(i);
 export {
-  o as default
+  u as SummaryCell
 };

package/dist/index134.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=[];for(let i=0;i<256;++i)n.push((i+256).toString(16).slice(1));function c(i,u=0){return n[i[u+0]]+n[i[u+1]]+n[i[u+2]]+n[i[u+3]]+"-"+n[i[u+4]]+n[i[u+5]]+"-"+n[i[u+6]]+n[i[u+7]]+"-"+n[i[u+8]]+n[i[u+9]]+"-"+n[i[u+10]]+n[i[u+11]]+n[i[u+12]]+n[i[u+13]]+n[i[u+14]]+n[i[u+15]]}exports.unsafeStringify=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("mobx-react-lite"),s=require("@ikas/ui"),c=require("./index8.cjs");function m(u){const{value:n,rowData:o,columnDefinition:t,onValueChange:a}=u,l=t.alignment,r=l===c.ColumnAlignment.CENTER?"center":l===c.ColumnAlignment.RIGHT?"right":"left",i=o&&t.getSecondLineValue?t.getSecondLineValue(o):void 0;return t.inputMode?e.jsx("div",{className:"w-full h-full flex items-center",style:{justifyContent:l,textAlign:r},children:e.jsx(s.Input,{size:"sm",value:n??"",onChange:x=>a(x.target.value),style:{textAlign:"inherit"}})}):e.jsxs("div",{className:"h-full w-full overflow-hidden flex flex-col justify-center",style:{textAlign:r},children:[e.jsx(s.Tooltip,{title:n,children:e.jsx("span",{className:"text-sm text-gray-blue-9 truncate block",children:n})}),i&&e.jsx(s.Tooltip,{title:i,children:e.jsx("span",{className:"text-xs text-gray-blue-6 truncate block",children:i})})]})}const g=d.observer(m);exports.TextCell=g;