@ikas/core 1.0.28 → 1.0.30

package/dist/index121.js

@@ -1,33 +1,242 @@
-import { __module as o } from "./index122.js";
-var v = o.exports, h;
-function O() {
-  return h ? o.exports : (h = 1, (function(k, x) {
-    (function(a, u) {
-      k.exports = u();
-    })(v, (function() {
-      var a = "day";
-      return function(u, y, d) {
-        var f = function(e) {
-          return e.add(4 - e.isoWeekday(), a);
-        }, r = y.prototype;
-        r.isoWeekYear = function() {
-          return f(this).year();
-        }, r.isoWeek = function(e) {
-          if (!this.$utils().u(e)) return this.add(7 * (e - this.isoWeek()), a);
-          var t, s, i, n, c = f(this), p = (t = this.isoWeekYear(), s = this.$u, i = (s ? d.utc : d)().year(t).startOf("year"), n = 4 - i.isoWeekday(), i.isoWeekday() > 4 && (n += 7), i.add(n, a));
-          return c.diff(p, "week") + 1;
-        }, r.isoWeekday = function(e) {
-          return this.$utils().u(e) ? this.day() || 7 : this.day(this.day() % 7 ? e : e - 7);
-        };
-        var W = r.startOf;
-        r.startOf = function(e, t) {
-          var s = this.$utils(), i = !!s.u(t) || t;
-          return s.p(e) === "isoweek" ? i ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : W.bind(this)(e, t);
-        };
-      };
-    }));
-  })(o), o.exports);
+import { jsxs as E, jsx as r } from "react/jsx-runtime";
+import { observer as X } from "mobx-react-lite";
+import { action as W } from "mobx";
+import { Link as P } from "react-router-dom";
+import { Tooltip as _ } from "@ikas/ui";
+import { cn as m } from "./index3.js";
+import { CellType as s } from "./index8.js";
+import { HeaderCell as q } from "./index131.js";
+import { SummaryCell as J } from "./index132.js";
+import { TextCell as Q } from "./index133.js";
+import { NumberCell as Y } from "./index134.js";
+import { PriceCell as Z } from "./index135.js";
+import { SelectCell as $ } from "./index136.js";
+import { ImageSelectCell as ee } from "./index137.js";
+import { ProductCell as te } from "./index11.js";
+import re from "./index138.js";
+import ne from "./index63.js";
+function ae(C) {
+  var M, R;
+  const {
+    model: n,
+    columnDefinition: e,
+    rowData: t,
+    isHeader: c,
+    isSummary: u,
+    isSelected: O,
+    index: U,
+    expandableCellProps: i
+  } = C, k = n.displayedColumnDefinitions.findIndex(
+    (a) => a.columnKey === e.columnKey
+  ), B = !!n.isSelectable && k === 0, h = c ? e.headerAlignment ?? e.alignment : e.alignment, y = n.isStickyColumnEnabled && k === 0 ? n.isSelectable ? 40 : 0 : void 0, F = t && e.isDisabled ? e.isDisabled(t) : !1, p = W((a) => {
+    const { setValue: l } = e;
+    l && (n.selectedData.length && O ? n.selectedData.forEach((d) => l(d, a)) : t && l(t, a));
+  }), L = (a) => {
+    c || u || n.onCellClick && t && (a.preventDefault(), n.onCellClick(t, e));
+  }, w = t ? t[n.idKey] + "" + e.columnKey : void 0, o = w ? (M = n.validator) == null ? void 0 : M.results[w] : void 0, z = !!((R = o == null ? void 0 : o.messages) != null && R.length), S = () => {
+    var a, l, d, b, K;
+    if (c)
+      return /* @__PURE__ */ r(
+        q,
+        {
+          model: n,
+          columnDefinition: e,
+          alignment: h
+        }
+      );
+    if (u)
+      return /* @__PURE__ */ r(
+        J,
+        {
+          columnDefinition: e,
+          alignment: h
+        }
+      );
+    switch (e.type) {
+      case s.TEXT:
+        return /* @__PURE__ */ r(
+          Q,
+          {
+            value: (a = e.getValue) == null ? void 0 : a.call(e, t),
+            rowData: t,
+            columnDefinition: e,
+            onValueChange: p
+          }
+        );
+      case s.NUMBER:
+        return /* @__PURE__ */ r(
+          Y,
+          {
+            value: (l = e.getValue) == null ? void 0 : l.call(e, t),
+            rowData: t,
+            columnDefinition: e,
+            onValueChange: p
+          }
+        );
+      case s.PRICE:
+        return /* @__PURE__ */ r(
+          Z,
+          {
+            value: (d = e.getValue) == null ? void 0 : d.call(e, t),
+            rowData: t,
+            columnDefinition: e
+          }
+        );
+      case s.SELECT:
+        return /* @__PURE__ */ r(
+          $,
+          {
+            value: (b = e.getValue) == null ? void 0 : b.call(e, t),
+            rowData: t,
+            columnDefinition: e,
+            onValueChange: p
+          }
+        );
+      case s.IMAGE_SELECT:
+        return /* @__PURE__ */ r(
+          ee,
+          {
+            value: (K = e.getValue) == null ? void 0 : K.call(e, t),
+            rowData: t,
+            columnDefinition: e,
+            onValueChange: p
+          }
+        );
+      case s.PRODUCT:
+        return /* @__PURE__ */ r(
+          te,
+          {
+            rowData: t,
+            columnDefinition: e
+          }
+        );
+      case s.CUSTOM:
+        return e.render(
+          t
+        );
+      default:
+        return /* @__PURE__ */ r("div", {});
+    }
+  }, x = (a) => {
+    const l = /* @__PURE__ */ r(
+      "div",
+      {
+        className: m(
+          "w-full",
+          (o == null ? void 0 : o.status) === "error" && "has-error"
+        ),
+        children: a
+      }
+    );
+    return z ? /* @__PURE__ */ r(
+      _,
+      {
+        title: /* @__PURE__ */ r("div", { className: "text-center", children: o == null ? void 0 : o.messages.map((d, b) => /* @__PURE__ */ E("div", { className: "mb-1.5 last:mb-0 relative pl-2", children: [
+          /* @__PURE__ */ r("span", { className: "absolute left-0 text-base", children: "*" }),
+          d
+        ] }, b)) }),
+        color: "error",
+        children: l
+      }
+    ) : l;
+  }, N = () => {
+    if (c || u) return S();
+    const a = S(), l = e.type;
+    return l === s.TEXT && e.inputMode || l === s.NUMBER && e.inputMode || l === s.SELECT || l === s.PRICE ? x(a) : a;
+  }, V = () => i ? !i.isExpandable && i.paddingLeft ? /* @__PURE__ */ r("div", { style: { marginRight: 6 } }) : i.isExpandable ? /* @__PURE__ */ r("div", { className: "flex items-start h-full", children: /* @__PURE__ */ r(
+    "div",
+    {
+      className: "w-4 h-4 relative z-[699] mr-1.5 cursor-pointer",
+      style: { top: 3 },
+      onClick: (a) => {
+        a.stopPropagation(), i.changeExpandStatus();
+      },
+      children: /* @__PURE__ */ r(
+        ne,
+        {
+          className: m(
+            "h-4 w-4 text-gray-blue-5 transition-transform duration-300 ease-in-out -rotate-90 cursor-pointer",
+            i.isExpanded && "rotate-0"
+          )
+        }
+      )
+    }
+  ) }) : null : null;
+  let f = 0;
+  const v = !n.isSelectable;
+  let g = n.isDraggable && U === 0 && !c && !u;
+  g && e.isDragDisabled && t && (g = !e.isDragDisabled(t), f += v ? 48 : 38), typeof (i == null ? void 0 : i.paddingLeft) == "number" && (f += i.paddingLeft);
+  const A = e.isLinkEnabled && e.isLinkCoverContent && n.getRowLink && t, G = e.isLinkEnabled && !e.isLinkCoverContent && n.getRowLink && t, T = t && n.getRowLink ? n.getRowLink(t) : void 0, I = c || u, D = m(
+    "flex items-center flex-wrap relative w-full",
+    I ? m(
+      "min-h-[40px] py-0 px-3",
+      // Original commonStyle: header bg is white when hideHeaderBackgroundColor is set
+      n.hideHeaderBackgroundColor ? "bg-white" : "bg-gray-blue-1"
+    ) : "min-h-[54px] py-4 px-3 bg-white",
+    B && "pl-0",
+    F && !I && "opacity-50 pointer-events-none",
+    e.borderLeft && "border-l border-gray-blue-2",
+    e.borderRight && "border-r border-gray-blue-2",
+    y != null && "datatable-sticky-column"
+  ), H = {
+    justifyContent: h ?? "flex-start",
+    paddingLeft: f > 0 ? f : void 0,
+    ...y != null ? {
+      position: "sticky",
+      left: y,
+      zIndex: 2,
+      // Background handled by className (bg-white / bg-gray-blue-1)
+      // so row hover can override it (inline style would block hover)
+      transition: "box-shadow 0.3s",
+      boxShadow: "var(--datatable-sticky-shadow, none)"
+    } : {}
+  };
+  return A ? /* @__PURE__ */ E(
+    P,
+    {
+      className: m(D, "datatable-link-column no-underline text-inherit"),
+      style: H,
+      to: T ?? "",
+      onClick: L,
+      children: [
+        g && /* @__PURE__ */ r(j, { isFirstElement: v }),
+        V(),
+        N()
+      ]
+    }
+  ) : /* @__PURE__ */ E(
+    "div",
+    {
+      className: D,
+      style: H,
+      onClick: L,
+      children: [
+        g && /* @__PURE__ */ r(j, { isFirstElement: v }),
+        V(),
+        N(),
+        G && /* @__PURE__ */ r(
+          P,
+          {
+            className: "absolute inset-0",
+            to: T ?? ""
+          }
+        )
+      ]
+    }
+  );
 }
+function j({ isFirstElement: C }) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      className: "absolute top-1/2 -translate-y-1/2 flex items-center justify-center p-2.5",
+      style: { left: C ? 0 : -10 },
+      "aria-description": "datatable dnd icon",
+      children: /* @__PURE__ */ r(re, { className: "h-4 w-4 text-gray-blue" })
+    }
+  );
+}
+const Ee = X(ae);
 export {
-  O as __require
+  Ee as Cell
 };

package/dist/index122.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),j=require("mobx-react-lite"),v=require("mobx"),q=require("@ikas/ui"),y=require("./index3.cjs");function H(m){const{model:e,rowData:a,isHeader:s,isSummary:r,isDisabled:n,isHovered:x}=m,D=s||r,I=e.selectedIdSet,f=s&&e.displayedEnabledData.length>0&&e.displayedEnabledData.every(o=>I.has(e.getRowId(o))),h=s?f:I.has(e.getRowId(a)),k=s&&!f&&e.displayedEnabledData.some(o=>I.has(e.getRowId(o))),C=v.action(o=>{var p;o.stopPropagation();const R=o.shiftKey,S=e.lastCheckedRow;e.lastCheckedRow=a??null;const w=e.displayedData.findIndex(t=>e.getRowId(t)===e.getRowId(S)),g=e.displayedData.findIndex(t=>e.getRowId(t)===e.getRowId(a));let l=a?[a]:[];if(w!==-1&&g!==-1&&R){const t=Math.min(w,g),d=Math.max(w,g);l=e.displayedData.slice(t,d+1)}if(h)if(s){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(l.map(d=>e.getRowId(d)));e.selectedData=e.selectedData.filter(d=>!t.has(e.getRowId(d)))}else{const t=e.getRowId(a);e.selectedData=e.selectedData.filter(d=>e.getRowId(d)!==t)}else if(s){const t=new Set(e.selectedData.map(i=>e.getRowId(i))),d=e.disabledIdSet,c=[...e.selectedData];for(const i of e.displayedData){const u=e.getRowId(i);!t.has(u)&&!d.has(u)&&(c.push(i),t.add(u))}e.selectedData=c}else{const t=new Set(e.selectedData.map(c=>e.getRowId(c))),d=l.filter(c=>!t.has(e.getRowId(c)));d.length>0&&(e.selectedData=[...e.selectedData,...d])}(p=e.onCheckboxChange)==null||p.call(e,{isHeader:!!s,data:s?e.displayedData:l,checked:!!h})});return b.jsx("div",{className:y.cn("w-10 flex items-center justify-center",n?"cursor-not-allowed":"cursor-pointer",D&&!e.hideHeaderBackgroundColor&&"bg-gray-blue-1",!D&&"bg-white",e.isStickyColumnEnabled&&"sticky left-0 z-[2]"),...!n&&!r?{onClick:C}:{},children:!r&&b.jsx("div",{className:y.cn(x&&!n&&"[&_[role=checkbox]]:border-purple"),children:b.jsx(q.Checkbox,{checked:!!h,indeterminate:!!k,disabled:n})})})}const E=j.observer(H);exports.CheckboxCell=E;

package/dist/index122.js

@@ -1,4 +1,85 @@
-var e = { exports: {} };
+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);
+    }
+    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));
+      }
+      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]);
+    }
+    (y = e.onCheckboxChange) == null || y.call(e, {
+      isHeader: !!a,
+      data: a ? e.displayedData : n,
+      checked: !!h
+    });
+  });
+  return /* @__PURE__ */ p(
+    "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,
+        {
+          checked: !!h,
+          indeterminate: !!x,
+          disabled: l
+        }
+      ) })
+    }
+  );
+}
+const B = v(j);
 export {
-  e as __module
+  B as CheckboxCell
 };

package/dist/index123.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),ce=require("mobx-react-lite"),p=require("mobx"),Y=require("./index56.cjs"),i=require("@ikas/ui"),f=require("./index15.cjs"),g=require("./index16.cjs"),ue=require("./index191.cjs"),b=require("./index5.cjs"),he=require("./index66.cjs"),de=require("./index132.cjs"),pe=require("./index63.cjs");function K(x){return x.map(l=>({label:l.label,value:l.value}))}function E(x){return x.map(l=>({key:l.value,title:l.label,value:l.value,children:l.children?E(l.children):void 0}))}function fe(x){var I,F,M,A,_,q;const{filterRow:l,originalModel:P,model:o,isLast:H}=x,[G,w]=s.useState(!1),[j,S]=s.useState(!1),[U,L]=s.useState(""),$=s.useMemo(()=>o.filters.map(e=>({label:e.title,value:e.key})),[o.filters]),t=s.useMemo(()=>o.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}),[o.filters,(I=l.filterValue)==null?void 0:I.key]),c=t==null?void 0:t.type,B=t==null?void 0:t.key,v=(F=P.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}))==null?void 0:F.isLoading,T=(M=P.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}))==null?void 0:M.isDynamicNotFound,u=(t==null?void 0:t.options)||[],W=s.useMemo(()=>{const e=o.filterConditionOptions(c||f.FilterType.SELECT,t);return c===f.FilterType.DATE_RANGE_PICKER?[e[0]]:e},[o,c,t]),D=(A=l.filterValue)==null?void 0:A.value,z=p.action(e=>{w(!1),S(!1),o.filterTypeValueChange(l,t,e),o.onFilterConditionInputChange(l,o.filterConditionOptions(c||f.FilterType.SELECT,t)[0].value,c)}),J=p.action(e=>{o.onFilterConditionInputChange(l,e,c)}),Q=s.useCallback(()=>{setTimeout(()=>{o.deleteFilterRow(l)},0)},[o,l]),R=p.action(e=>{o.onFilterValueChange(Number(e)||0,t,l)}),X=p.action(e=>{var r;o.onFilterValueChange(e,t,l);const a=o.filters.find(d=>{var m;return d.key===((m=l.filterValue)==null?void 0:m.key)});(r=a==null?void 0:a.onChange)==null||r.call(a,e)}),N=p.action(e=>{const a=Array.isArray(e)?e:[e];o.onFilterValueChange(a,t,l)}),Z=p.action(e=>{const a=Array.isArray(e)?e:[e];o.onFilterValueChange(a,t,l)}),ee=s.useCallback(p.action(e=>{var a;L(e),(a=t==null?void 0:t.onSearch)==null||a.call(t,e)}),[t]),te=s.useCallback(p.action(()=>{var e;L(""),(e=t==null?void 0:t.onSearch)==null||e.call(t,"")}),[t]),V=s.useMemo(()=>{const e=l.filterValue.value;return Array.isArray(e)&&e.length===1&&g.DateFilterPickerHelpers.isShortcut(e[0])?e[0]:g.DateFilterPickerShortcutEnum.PICKER},[l.filterValue.value]),y=s.useMemo(()=>g.DateFilterPickerHelpers.getDateValue(l.filterValue.value),[l.filterValue.value]),O=s.useMemo(()=>Object.values(g.DateFilterPickerShortcutEnum).map(e=>({label:g.DateFilterPickerHelpers.getShortcutLabel(e),type:e})),[]),ae=s.useMemo(()=>{const e=O.find(a=>a.type===V);if((e==null?void 0:e.type)===g.DateFilterPickerShortcutEnum.PICKER&&y){const a=y[0].format("DD.MM.YYYY"),r=y[1].format("DD.MM.YYYY");return a===r?a:`${a} - ${r}`}return e==null?void 0:e.label},[V,y,O]),le=p.action(e=>{e===g.DateFilterPickerShortcutEnum.PICKER?S(!0):(o.onFilterValueChange([e],t,l),S(!1),setTimeout(()=>{w(!1)},0))}),ne=p.action(e=>{if(!e)return;const[a,r]=e;o.onFilterValueChange([Y(a).startOf("day").valueOf().toString(),Y(r).endOf("day").valueOf().toString()],t,l),w(!1)}),oe=s.useMemo(()=>{if(c!==f.FilterType.SELECT_OPTION_GROUP)return[];const e=[];return u.forEach(a=>{var r;e.push({label:a.label,options:((r=a.children)==null?void 0:r.map(d=>({label:d.label,value:d.value})))||[]})}),e},[c,u]),re=s.useMemo(()=>{var d;if(u.length<=6)return u;const e=(d=l.filterValue)==null?void 0:d.value,a=u.filter(m=>e==null?void 0:e.includes(m.value)),r=u.filter(m=>!(e!=null&&e.includes(m.value)));return[...a,...r]},[u,(_=l.filterValue)==null?void 0:_.value]),ie=n.jsx("div",{className:"flex flex-col gap-1",style:{width:190,maxHeight:300,overflowY:"auto",padding:"6px 6px 0"},children:O.map(e=>{const a=j?e.type===g.DateFilterPickerShortcutEnum.PICKER:V===e.type;return n.jsxs("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:()=>le(e.type),children:[e.label,e.type===g.DateFilterPickerShortcutEnum.PICKER&&n.jsx("div",{style:{opacity:0,height:0,overflow:"hidden"},children:n.jsx(i.RangePicker,{value:y?[y[0].toDate(),y[1].toDate()]:null,open:j,onOpenChange:r=>{setTimeout(()=>{S(r)},0)},onChange:r=>{r&&ne([r[0].toDate(),r[1].toDate()])},size:"sm",allowClear:!1})})]},e.type)})}),se=()=>{var e,a,r,d,m;if(c===f.FilterType.DATE_RANGE_PICKER)return n.jsx("div",{style:{width:330},children:n.jsx(i.Popover,{content:ie,trigger:"click",placement:"bottomLeft",showArrow:!1,open:G,onOpenChange:h=>{h?V===g.DateFilterPickerShortcutEnum.PICKER&&S(!0):S(!1),setTimeout(()=>{w(h)},10)},popoverContentStyle:{padding:0},children:n.jsxs(i.Button,{block:!0,className:"justify-between gap-1.5 px-[11px] text-sm font-medium",children:[n.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[n.jsx(de.default,{className:"h-4 w-4 shrink-0 text-gray-blue"}),n.jsx("span",{className:"truncate",children:ae})]}),n.jsx(pe.default,{className:"h-4 w-4 flex-shrink-0 text-gray-blue"})]})})});if(c===f.FilterType.STRING_INPUT)return n.jsx(ue.FilterStringInput,{filterRow:l,model:o,onChange:X});if(c===f.FilterType.NUMBER_INPUT)return u.length>0?n.jsx(i.Select,{style:{width:330},value:D!=null?String(D):void 0,onChange:h=>R(Number(h)),options:K(u),placeholder:b.coreTranslations.common.placeholder.select,showSearch:!0,loading:!!v,isDynamicNotFound:!!T}):n.jsx(i.NumberInput,{style:{width:330},value:Number((e=l.filterValue)==null?void 0:e.value)?Number((a=l.filterValue)==null?void 0:a.value):0,onChange:R});if(c===f.FilterType.TREE_SELECT)return t!=null&&t.isCategoryFilter?n.jsx(i.TreeSelect,{placeholder:b.coreTranslations.common.placeholder.select,value:(r=l.filterValue)==null?void 0:r.value,onChange:N,treeData:E(u),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:i.TreeSelect.SHOW_ALL,onSearch:ee,searchValue:U,onOpenChange:h=>{h||te()},style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!T}):n.jsx(i.TreeSelect,{placeholder:b.coreTranslations.common.placeholder.select,value:(d=l.filterValue)==null?void 0:d.value,onChange:N,treeData:E(u),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:i.TreeSelect.SHOW_ALL,onSearch:(t==null?void 0:t.onSearch)||void 0,style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!T});if(c===f.FilterType.SELECT_OPTION_GROUP){const h=oe.flatMap(C=>C.options.map(k=>({...k,label:`${C.label} / ${k.label}`})));return n.jsx(i.Select,{style:{width:330},mode:"multiple",value:D,options:h,onClear:()=>o.onFilterValueChange([],t,l),onChange:C=>o.onFilterValueChange(C,t,l),allowClear:!0,placeholder:b.coreTranslations.common.placeholder.select,maxTagCount:"responsive",showSearch:!0,filterOption:(C,k)=>k?String(k.label??"").toLowerCase().includes(C.toLowerCase()):!1,loading:!!v,isDynamicNotFound:!!T})}return c===f.FilterType.MULTISELECT?n.jsx(i.TreeSelect,{placeholder:b.coreTranslations.common.placeholder.select,value:(m=l.filterValue)==null?void 0:m.value,onChange:N,treeData:E(re),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:i.TreeSelect.SHOW_ALL,onSearch:(t==null?void 0:t.onSearch)||void 0,style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!T}):n.jsx(i.Select,{style:{width:330},value:D,options:K(u),onClear:()=>o.onFilterValueChange([],t,l),onChange:h=>Z(h),allowClear:!0,placeholder:b.coreTranslations.common.placeholder.select,maxTagCount:"responsive",showSearch:!0,filterOption:(h,C)=>C?String(C.label??"").toLowerCase().includes(h.toLowerCase()):!1,loading:!!v,isDynamicNotFound:!!T})};return n.jsxs("div",{className:`flex items-center gap-2 ${H?"":"mb-3"}`,children:[n.jsx(i.Select,{showSearch:!0,filterOption:(e,a)=>String((a==null?void 0:a.label)??"").toLowerCase().includes(e.toLowerCase()),style:{width:162},options:$,value:B,onChange:e=>z(e)}),n.jsx(i.Select,{style:{width:120},options:W.map(e=>({label:e.label,value:e.value})),value:(q=l.filterValue)==null?void 0:q.condition,onChange:e=>J(e)}),se(),n.jsx(i.Button,{variant:"text",onClick:Q,className:"ml-auto w-[70px] h-10 shrink-0 text-gray-blue-4 hover:text-error hover:bg-transparent border-0 p-0",icon:n.jsx(he.default,{className:"h-3.5 w-3.5"})})]})}const ge=ce.observer(fe);exports.FilterRow=ge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),ce=require("mobx-react-lite"),p=require("mobx"),Y=require("./index56.cjs"),i=require("@ikas/ui"),f=require("./index15.cjs"),g=require("./index16.cjs"),ue=require("./index191.cjs"),b=require("./index5.cjs"),he=require("./index66.cjs"),de=require("./index141.cjs"),pe=require("./index63.cjs");function K(x){return x.map(l=>({label:l.label,value:l.value}))}function E(x){return x.map(l=>({key:l.value,title:l.label,value:l.value,children:l.children?E(l.children):void 0}))}function fe(x){var I,F,M,A,_,q;const{filterRow:l,originalModel:P,model:o,isLast:H}=x,[G,w]=s.useState(!1),[j,S]=s.useState(!1),[U,L]=s.useState(""),$=s.useMemo(()=>o.filters.map(e=>({label:e.title,value:e.key})),[o.filters]),t=s.useMemo(()=>o.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}),[o.filters,(I=l.filterValue)==null?void 0:I.key]),c=t==null?void 0:t.type,B=t==null?void 0:t.key,v=(F=P.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}))==null?void 0:F.isLoading,T=(M=P.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}))==null?void 0:M.isDynamicNotFound,u=(t==null?void 0:t.options)||[],W=s.useMemo(()=>{const e=o.filterConditionOptions(c||f.FilterType.SELECT,t);return c===f.FilterType.DATE_RANGE_PICKER?[e[0]]:e},[o,c,t]),D=(A=l.filterValue)==null?void 0:A.value,z=p.action(e=>{w(!1),S(!1),o.filterTypeValueChange(l,t,e),o.onFilterConditionInputChange(l,o.filterConditionOptions(c||f.FilterType.SELECT,t)[0].value,c)}),J=p.action(e=>{o.onFilterConditionInputChange(l,e,c)}),Q=s.useCallback(()=>{setTimeout(()=>{o.deleteFilterRow(l)},0)},[o,l]),R=p.action(e=>{o.onFilterValueChange(Number(e)||0,t,l)}),X=p.action(e=>{var r;o.onFilterValueChange(e,t,l);const a=o.filters.find(d=>{var m;return d.key===((m=l.filterValue)==null?void 0:m.key)});(r=a==null?void 0:a.onChange)==null||r.call(a,e)}),N=p.action(e=>{const a=Array.isArray(e)?e:[e];o.onFilterValueChange(a,t,l)}),Z=p.action(e=>{const a=Array.isArray(e)?e:[e];o.onFilterValueChange(a,t,l)}),ee=s.useCallback(p.action(e=>{var a;L(e),(a=t==null?void 0:t.onSearch)==null||a.call(t,e)}),[t]),te=s.useCallback(p.action(()=>{var e;L(""),(e=t==null?void 0:t.onSearch)==null||e.call(t,"")}),[t]),V=s.useMemo(()=>{const e=l.filterValue.value;return Array.isArray(e)&&e.length===1&&g.DateFilterPickerHelpers.isShortcut(e[0])?e[0]:g.DateFilterPickerShortcutEnum.PICKER},[l.filterValue.value]),y=s.useMemo(()=>g.DateFilterPickerHelpers.getDateValue(l.filterValue.value),[l.filterValue.value]),O=s.useMemo(()=>Object.values(g.DateFilterPickerShortcutEnum).map(e=>({label:g.DateFilterPickerHelpers.getShortcutLabel(e),type:e})),[]),ae=s.useMemo(()=>{const e=O.find(a=>a.type===V);if((e==null?void 0:e.type)===g.DateFilterPickerShortcutEnum.PICKER&&y){const a=y[0].format("DD.MM.YYYY"),r=y[1].format("DD.MM.YYYY");return a===r?a:`${a} - ${r}`}return e==null?void 0:e.label},[V,y,O]),le=p.action(e=>{e===g.DateFilterPickerShortcutEnum.PICKER?S(!0):(o.onFilterValueChange([e],t,l),S(!1),setTimeout(()=>{w(!1)},0))}),ne=p.action(e=>{if(!e)return;const[a,r]=e;o.onFilterValueChange([Y(a).startOf("day").valueOf().toString(),Y(r).endOf("day").valueOf().toString()],t,l),w(!1)}),oe=s.useMemo(()=>{if(c!==f.FilterType.SELECT_OPTION_GROUP)return[];const e=[];return u.forEach(a=>{var r;e.push({label:a.label,options:((r=a.children)==null?void 0:r.map(d=>({label:d.label,value:d.value})))||[]})}),e},[c,u]),re=s.useMemo(()=>{var d;if(u.length<=6)return u;const e=(d=l.filterValue)==null?void 0:d.value,a=u.filter(m=>e==null?void 0:e.includes(m.value)),r=u.filter(m=>!(e!=null&&e.includes(m.value)));return[...a,...r]},[u,(_=l.filterValue)==null?void 0:_.value]),ie=n.jsx("div",{className:"flex flex-col gap-1",style:{width:190,maxHeight:300,overflowY:"auto",padding:"6px 6px 0"},children:O.map(e=>{const a=j?e.type===g.DateFilterPickerShortcutEnum.PICKER:V===e.type;return n.jsxs("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:()=>le(e.type),children:[e.label,e.type===g.DateFilterPickerShortcutEnum.PICKER&&n.jsx("div",{style:{opacity:0,height:0,overflow:"hidden"},children:n.jsx(i.RangePicker,{value:y?[y[0].toDate(),y[1].toDate()]:null,open:j,onOpenChange:r=>{setTimeout(()=>{S(r)},0)},onChange:r=>{r&&ne([r[0].toDate(),r[1].toDate()])},size:"sm",allowClear:!1})})]},e.type)})}),se=()=>{var e,a,r,d,m;if(c===f.FilterType.DATE_RANGE_PICKER)return n.jsx("div",{style:{width:330},children:n.jsx(i.Popover,{content:ie,trigger:"click",placement:"bottomLeft",showArrow:!1,open:G,onOpenChange:h=>{h?V===g.DateFilterPickerShortcutEnum.PICKER&&S(!0):S(!1),setTimeout(()=>{w(h)},10)},popoverContentStyle:{padding:0},children:n.jsxs(i.Button,{block:!0,className:"justify-between gap-1.5 px-[11px] text-sm font-medium",children:[n.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[n.jsx(de.default,{className:"h-4 w-4 shrink-0 text-gray-blue"}),n.jsx("span",{className:"truncate",children:ae})]}),n.jsx(pe.default,{className:"h-4 w-4 flex-shrink-0 text-gray-blue"})]})})});if(c===f.FilterType.STRING_INPUT)return n.jsx(ue.FilterStringInput,{filterRow:l,model:o,onChange:X});if(c===f.FilterType.NUMBER_INPUT)return u.length>0?n.jsx(i.Select,{style:{width:330},value:D!=null?String(D):void 0,onChange:h=>R(Number(h)),options:K(u),placeholder:b.coreTranslations.common.placeholder.select,showSearch:!0,loading:!!v,isDynamicNotFound:!!T}):n.jsx(i.NumberInput,{style:{width:330},value:Number((e=l.filterValue)==null?void 0:e.value)?Number((a=l.filterValue)==null?void 0:a.value):0,onChange:R});if(c===f.FilterType.TREE_SELECT)return t!=null&&t.isCategoryFilter?n.jsx(i.TreeSelect,{placeholder:b.coreTranslations.common.placeholder.select,value:(r=l.filterValue)==null?void 0:r.value,onChange:N,treeData:E(u),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:i.TreeSelect.SHOW_ALL,onSearch:ee,searchValue:U,onOpenChange:h=>{h||te()},style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!T}):n.jsx(i.TreeSelect,{placeholder:b.coreTranslations.common.placeholder.select,value:(d=l.filterValue)==null?void 0:d.value,onChange:N,treeData:E(u),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:i.TreeSelect.SHOW_ALL,onSearch:(t==null?void 0:t.onSearch)||void 0,style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!T});if(c===f.FilterType.SELECT_OPTION_GROUP){const h=oe.flatMap(C=>C.options.map(k=>({...k,label:`${C.label} / ${k.label}`})));return n.jsx(i.Select,{style:{width:330},mode:"multiple",value:D,options:h,onClear:()=>o.onFilterValueChange([],t,l),onChange:C=>o.onFilterValueChange(C,t,l),allowClear:!0,placeholder:b.coreTranslations.common.placeholder.select,maxTagCount:"responsive",showSearch:!0,filterOption:(C,k)=>k?String(k.label??"").toLowerCase().includes(C.toLowerCase()):!1,loading:!!v,isDynamicNotFound:!!T})}return c===f.FilterType.MULTISELECT?n.jsx(i.TreeSelect,{placeholder:b.coreTranslations.common.placeholder.select,value:(m=l.filterValue)==null?void 0:m.value,onChange:N,treeData:E(re),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:i.TreeSelect.SHOW_ALL,onSearch:(t==null?void 0:t.onSearch)||void 0,style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!T}):n.jsx(i.Select,{style:{width:330},value:D,options:K(u),onClear:()=>o.onFilterValueChange([],t,l),onChange:h=>Z(h),allowClear:!0,placeholder:b.coreTranslations.common.placeholder.select,maxTagCount:"responsive",showSearch:!0,filterOption:(h,C)=>C?String(C.label??"").toLowerCase().includes(h.toLowerCase()):!1,loading:!!v,isDynamicNotFound:!!T})};return n.jsxs("div",{className:`flex items-center gap-2 ${H?"":"mb-3"}`,children:[n.jsx(i.Select,{showSearch:!0,filterOption:(e,a)=>String((a==null?void 0:a.label)??"").toLowerCase().includes(e.toLowerCase()),style:{width:162},options:$,value:B,onChange:e=>z(e)}),n.jsx(i.Select,{style:{width:120},options:W.map(e=>({label:e.label,value:e.value})),value:(q=l.filterValue)==null?void 0:q.condition,onChange:e=>J(e)}),se(),n.jsx(i.Button,{variant:"text",onClick:Q,className:"ml-auto w-[70px] h-10 shrink-0 text-gray-blue-4 hover:text-error hover:bg-transparent border-0 p-0",icon:n.jsx(he.default,{className:"h-3.5 w-3.5"})})]})}const ge=ce.observer(fe);exports.FilterRow=ge;

package/dist/index123.js

@@ -9,7 +9,7 @@ import { DateFilterPickerHelpers as A, DateFilterPickerShortcutEnum as C } from
 import { FilterStringInput as ve } from "./index191.js";
 import { coreTranslations as T } from "./index5.js";
 import be from "./index66.js";
-import Se from "./index132.js";
+import Se from "./index141.js";
 import Te from "./index63.js";
 function z(w) {
   return w.map((o) => ({ label: o.label, value: o.value }));

package/dist/index125.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index131.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index140.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 "./index131.js";
+import e from "./index140.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("./index131.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index140.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 "./index131.js";
+import e from "./index140.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("./index131.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./index140.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 "./index131.js";
+import c from "./index140.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index130.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index142.cjs"),r=require("./index192.cjs");var t=r.__require();const o=e.getDefaultExportFromCjs(t);module.exports=o;
+"use strict";const e=require("./index139.cjs"),r=require("./index192.cjs");var t=r.__require();const o=e.getDefaultExportFromCjs(t);module.exports=o;

package/dist/index130.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as e } from "./index142.js";
+import { getDefaultExportFromCjs as e } from "./index139.js";
 import { __require as r } from "./index192.js";
 var t = r();
 const a = /* @__PURE__ */ e(t);

package/dist/index131.cjs

@@ -1,6 +1 @@
-"use strict";const a=require("react"),l=require("./index136.cjs"),u=require("./index137.cjs"),t=require("./index138.cjs"),i=require("./index139.cjs");/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const C=(e,r)=>{const s=a.forwardRef(({className:c,...o},n)=>a.createElement(i,{ref:n,iconNode:r,className:l.mergeClasses(`lucide-${u.toKebabCase(t.toPascalCase(e))}`,`lucide-${e}`,c),...o}));return s.displayName=t.toPascalCase(e),s};module.exports=C;
+"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("./index142.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/index131.js

@@ -1,29 +1,73 @@
-import { forwardRef as c, createElement as f } from "react";
-import { mergeClasses as l } from "./index136.js";
-import { toKebabCase as p } from "./index137.js";
-import { toPascalCase as r } from "./index138.js";
-import i from "./index139.js";
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const I = (e, t) => {
-  const o = c(
-    ({ className: a, ...m }, s) => f(i, {
-      ref: s,
-      iconNode: t,
-      className: l(
-        `lucide-${p(r(e))}`,
-        `lucide-${e}`,
-        a
+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 "./index142.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"
       ),
-      ...m
-    })
+      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"
+              )
+            }
+          )
+        ] })
+      ]
+    }
   );
-  return o.displayName = r(e), o;
-};
+}
+const F = w(S);
 export {
-  I as default
+  F as HeaderCell
 };

package/dist/index132.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index131.cjs");/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const e=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],o=t("calendar",e);exports.__iconNode=e;exports.default=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/index132.js

@@ -1,17 +1,21 @@
-import e from "./index131.js";
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const t = [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }]
-], c = e("calendar", t);
+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 {
-  t as __iconNode,
-  c as default
+  u as SummaryCell
 };