@ikas/core 1.0.1 → 1.0.4

package/dist/index113.js

@@ -1,242 +1,50 @@
-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 "./index218.js";
-import { SummaryCell as J } from "./index219.js";
-import { TextCell as Q } from "./index220.js";
-import { NumberCell as Y } from "./index221.js";
-import { PriceCell as Z } from "./index222.js";
-import { SelectCell as $ } from "./index223.js";
-import { ImageSelectCell as ee } from "./index224.js";
-import { ProductCell as te } from "./index11.js";
-import re from "./index122.js";
-import ne from "./index61.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(
+import { jsx as t } from "react/jsx-runtime";
+import { cn as w } from "./index3.js";
+function x({
+  isVisible: i,
+  sidebarModel: r,
+  sidebarViewModel: l,
+  onNavigate: o,
+  clearExpandedMenu: s,
+  theme: n,
+  style: f,
+  verticalOffset: p,
+  selectedExpandedMenu: a,
+  menuItems: m,
+  expandedMenuTopContent: d,
+  NavigationComponent: e
+}) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: "w-4 h-4 relative z-[699] mr-1.5 cursor-pointer",
-      style: { top: 3 },
-      onClick: (a) => {
-        a.stopPropagation(), i.changeExpandStatus();
+      className: w(
+        "absolute left-0 top-0 h-full w-full transition-transform duration-300",
+        i ? "translate-x-0" : "translate-x-full"
+      ),
+      style: {
+        width: l.sidebarCollapsed ? "var(--sidebar-collapsed-width, 72px)" : "var(--sidebar-width, 240px)"
       },
-      children: /* @__PURE__ */ r(
-        ne,
+      children: r && /* @__PURE__ */ t(
+        e,
         {
-          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"
+          sidebarViewModel: r,
+          onNavigate: o,
+          clearExpandedMenu: s,
+          expandedMenuTopContent: d,
+          theme: n,
+          style: {
+            ...f,
+            viewTransitionName: "sidebar-expanded"
+          },
+          verticalOffset: p,
+          expandedMenuItem: m.find(
+            (h) => h.path === (a == null ? void 0 : a.path)
           )
         }
       )
     }
-  ) }) : 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 {
-  Ee as Cell
+  x as ExpandedOverlay
 };

package/dist/index114.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),A=require("mobx-react-lite"),X=require("mobx"),M=require("react-router-dom"),G=require("@ikas/ui"),C=require("./index3.cjs"),a=require("./index8.cjs"),W=require("./index181.cjs"),_=require("./index182.cjs"),J=require("./index183.cjs"),Q=require("./index184.cjs"),Y=require("./index185.cjs"),Z=require("./index186.cjs"),$=require("./index187.cjs"),ee=require("./index11.cjs"),te=require("./index132.cjs"),re=require("./index61.cjs");function le(b){var I,D;const{model:l,columnDefinition:e,rowData:t,isHeader:c,isSummary:d,isSelected:P,index:K,expandableCellProps:i}=b,v=l.displayedColumnDefinitions.findIndex(n=>n.columnKey===e.columnKey),O=!!l.isSelectable&&v===0,m=c?e.headerAlignment??e.alignment:e.alignment,f=l.isStickyColumnEnabled&&v===0?l.isSelectable?40:0:void 0,U=t&&e.isDisabled?e.isDisabled(t):!1,p=X.action(n=>{const{setValue:s}=e;s&&(l.selectedData.length&&P?l.selectedData.forEach(u=>s(u,n)):t&&s(t,n))}),k=n=>{c||d||l.onCellClick&&t&&(n.preventDefault(),l.onCellClick(t,e))},E=t?t[l.idKey]+""+e.columnKey:void 0,o=E?(I=l.validator)==null?void 0:I.results[E]:void 0,B=!!((D=o==null?void 0:o.messages)!=null&&D.length),L=()=>{var n,s,u,y,R;if(c)return r.jsx(W.HeaderCell,{model:l,columnDefinition:e,alignment:m});if(d)return r.jsx(_.SummaryCell,{columnDefinition:e,alignment:m});switch(e.type){case a.CellType.TEXT:return r.jsx(J.TextCell,{value:(n=e.getValue)==null?void 0:n.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.NUMBER:return r.jsx(Q.NumberCell,{value:(s=e.getValue)==null?void 0:s.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.PRICE:return r.jsx(Y.PriceCell,{value:(u=e.getValue)==null?void 0:u.call(e,t),rowData:t,columnDefinition:e});case a.CellType.SELECT:return r.jsx(Z.SelectCell,{value:(y=e.getValue)==null?void 0:y.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.IMAGE_SELECT:return r.jsx($.ImageSelectCell,{value:(R=e.getValue)==null?void 0:R.call(e,t),rowData:t,columnDefinition:e,onValueChange:p});case a.CellType.PRODUCT:return r.jsx(ee.ProductCell,{rowData:t,columnDefinition:e});case a.CellType.CUSTOM:return e.render(t);default:return r.jsx("div",{})}},h=n=>{const s=r.jsx("div",{className:C.cn("w-full",(o==null?void 0:o.status)==="error"&&"has-error"),children:n});return B?r.jsx(G.Tooltip,{title:r.jsx("div",{className:"text-center",children:o==null?void 0:o.messages.map((u,y)=>r.jsxs("div",{className:"mb-1.5 last:mb-0 relative pl-2",children:[r.jsx("span",{className:"absolute left-0 text-base",children:"*"}),u]},y))}),color:"error",children:s}):s},T=()=>{if(c||d)return L();const n=L(),s=e.type;return s===a.CellType.TEXT&&e.inputMode||s===a.CellType.NUMBER&&e.inputMode||s===a.CellType.SELECT||s===a.CellType.PRICE?h(n):n},S=()=>i?!i.isExpandable&&i.paddingLeft?r.jsx("div",{style:{marginRight:6}}):i.isExpandable?r.jsx("div",{className:"flex items-start h-full",children:r.jsx("div",{className:"w-4 h-4 relative z-[699] mr-1.5 cursor-pointer",style:{top:3},onClick:n=>{n.stopPropagation(),i.changeExpandStatus()},children:r.jsx(re.default,{className:C.cn("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 x=0;const j=!l.isSelectable;let g=l.isDraggable&&K===0&&!c&&!d;g&&e.isDragDisabled&&t&&(g=!e.isDragDisabled(t),x+=j?48:38),typeof(i==null?void 0:i.paddingLeft)=="number"&&(x+=i.paddingLeft);const F=e.isLinkEnabled&&e.isLinkCoverContent&&l.getRowLink&&t,z=e.isLinkEnabled&&!e.isLinkCoverContent&&l.getRowLink&&t,w=t&&l.getRowLink?l.getRowLink(t):void 0,q=c||d,N=C.cn("flex items-center flex-wrap relative w-full",q?C.cn("min-h-[40px] py-0 px-3",l.hideHeaderBackgroundColor?"bg-white":"bg-gray-blue-1"):"min-h-[54px] py-4 px-3 bg-white",O&&"pl-0",U&&!q&&"opacity-50 pointer-events-none",e.borderLeft&&"border-l border-gray-blue-2",e.borderRight&&"border-r border-gray-blue-2",f!=null&&"datatable-sticky-column"),V={justifyContent:m??"flex-start",paddingLeft:x>0?x:void 0,...f!=null?{position:"sticky",left:f,zIndex:2,transition:"box-shadow 0.3s",boxShadow:"var(--datatable-sticky-shadow, none)"}:{}};return F?r.jsxs(M.Link,{className:C.cn(N,"datatable-link-column no-underline text-inherit"),style:V,to:w??"",onClick:k,children:[g&&r.jsx(H,{isFirstElement:j}),S(),T()]}):r.jsxs("div",{className:N,style:V,onClick:k,children:[g&&r.jsx(H,{isFirstElement:j}),S(),T(),z&&r.jsx(M.Link,{className:"absolute inset-0",to:w??""})]})}function H({isFirstElement:b}){return r.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 flex items-center justify-center p-2.5",style:{left:b?0:-10},"aria-description":"datatable dnd icon",children:r.jsx(te.default,{className:"h-4 w-4 text-gray-blue"})})}const ne=A.observer(le);exports.Cell=ne;

package/dist/index114.js

@@ -1,85 +1,242 @@
-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))
+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 "./index181.js";
+import { SummaryCell as J } from "./index182.js";
+import { TextCell as Q } from "./index183.js";
+import { NumberCell as Y } from "./index184.js";
+import { PriceCell as Z } from "./index185.js";
+import { SelectCell as $ } from "./index186.js";
+import { ImageSelectCell as ee } from "./index187.js";
+import { ProductCell as te } from "./index11.js";
+import re from "./index132.js";
+import ne from "./index61.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
+          }
         );
-        e.selectedData = e.selectedData.filter(
-          (d) => !t.has(e.getRowId(d))
+      case s.NUMBER:
+        return /* @__PURE__ */ r(
+          Y,
+          {
+            value: (l = e.getValue) == null ? void 0 : l.call(e, t),
+            rowData: t,
+            columnDefinition: e,
+            onValueChange: p
+          }
         );
-      } else if (R) {
-        const t = new Set(n.map((d) => e.getRowId(d)));
-        e.selectedData = e.selectedData.filter(
-          (d) => !t.has(e.getRowId(d))
+      case s.PRICE:
+        return /* @__PURE__ */ r(
+          Z,
+          {
+            value: (d = e.getValue) == null ? void 0 : d.call(e, t),
+            rowData: t,
+            columnDefinition: e
+          }
         );
-      } else {
-        const t = e.getRowId(s);
-        e.selectedData = e.selectedData.filter(
-          (d) => e.getRowId(d) !== t
+      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
       }
-    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));
+    );
+    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
       }
-      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(
+    ) : 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: 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: "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,
         {
-          checked: !!h,
-          indeterminate: !!x,
-          disabled: l
+          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 B = v(j);
+const Ee = X(ae);
 export {
-  B as CheckboxCell
+  Ee as Cell
 };

package/dist/index115.cjs

@@ -1,6 +1 @@
-"use strict";const a=require("react"),l=require("./index123.cjs"),u=require("./index124.cjs"),t=require("./index125.cjs"),i=require("./index126.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 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;