@ikas/core 1.0.35 → 1.0.37

package/dist/index121.js

@@ -1,33 +1,406 @@
-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 { 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 "./index184.js";
+import { coreTranslations as T } from "./index5.js";
+import be from "./index66.js";
+import Se from "./index132.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);
+    }
+  )) == 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);
+      }
+    );
+    (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}`;
+    }
+    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: "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,
+        {
+          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 Me = me(we);
 export {
-  O as __require
+  Me as FilterRow
 };

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 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("./index185.cjs"),_=require("./index186.cjs"),J=require("./index187.cjs"),Q=require("./index188.cjs"),Y=require("./index189.cjs"),Z=require("./index190.cjs"),$=require("./index191.cjs"),ee=require("./index11.cjs"),te=require("./index135.cjs"),re=require("./index63.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/index122.js

@@ -1,4 +1,242 @@
-var e = { 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 "./index185.js";
+import { SummaryCell as J } from "./index186.js";
+import { TextCell as Q } from "./index187.js";
+import { NumberCell as Y } from "./index188.js";
+import { PriceCell as Z } from "./index189.js";
+import { SelectCell as $ } from "./index190.js";
+import { ImageSelectCell as ee } from "./index191.js";
+import { ProductCell as te } from "./index11.js";
+import re from "./index135.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 {
-  e as __module
+  Ee as Cell
 };